Date post: | 14-Jan-2016 |
Category: |
Documents |
Upload: | david-aranda |
View: | 29 times |
Download: | 0 times |
Universidad de Puerto Rico en Aguadilla Centro de Tecnología Educativa en Multimedios www.cetem.upr.edu
Microsoft Office ®
SharePoint Designer 2007 Uso básico
Por: Sra. Verenice Rodríguez Ruiz
Directora Asociada
Servicios Educativos en Multimedios
Manual de instrucción del Centro de Aprendizaje de Informática
CETEM-37
Universidad de Puerto Rico en Aguadilla
Por: Verenice Rodríguez Ruiz Directora Asociada –Servicios Educativos en Multimedios
Sr. Edwin E. González Carril Director Asociado – Servicios de Tecnología Educativa
Diseño, estilo, editado y portada
Imprenta Universidad de Puerto Rico en Aguadilla
Centro de Tecnología Educativa en Multimedios
PO Box 6150 | Aguadilla, Puerto Rico 00604-6150
(787) 890-2681, ext. 350 | Fax (787) 890-0135
Microsoft®
SharePoint Designer 2007 Uso básico
CETEM
Integrantes del Centro de Tecnología Educativa en Multimedios
Directora del Centro
Prof. Sylvia Castillo-Calero
Director Asociado de Servicios de Tecnología
Educativa
Prof. Edwin E. González Carril
Secretaria Administrativa
Sra. Verónica Calero Cay
Directora Asociada Servicios Educativos en
Multimedios
Sra. Verenice Rodríguez Ruiz
Coordinador de Servicios Técnicos al Usuario
Sr. Angel J. Feliciano Ortega
Estudiantes Tutores
Srta. Denisse Ballester Feliciano Srta. Verónica Cruz González Srta. Suheily Feliciano Ruiz Sr. Josué Matos Chaparro
Sra. Evelyn Ocasio Ramírez Sr. Christian Ramos López
junio © 2009 primera edición. Agradeceré sus recomendaciones [email protected]
Nota: Los nombres de las compañías que aparecen en este manual de instrucción son para efectos de
identificación solamente y son una marca registrada ® de sus respectivos dueños.
Tabla de Contenido
Objetivos .................................................................................................... II
Introducción ........................................................................................... III
Definición ............................................................................................... III
Espacios gratuitos en el WEB .................................................................. III
Iniciar Microsoft SharePoint Designer 2007 .................................................1
Componentes de la pantalla ......................................................................2
Crear una página nueva ........................................................................ 2-4
Nombrar y grabar páginas para el Web ......................................................4
Table Layout ...............................................................................................5
Insertar y dar formato a un texto ........................................................... 5-6
Insertar gráficos (Clip Art) .................................................................... 6-10
Guardar una página Web con gráficos, imágenes y/o archivos ............ 10-11
Crear botón interactivo ....................................................................... 11-12
Insertar una tabla ............................................................................. 12-13
Añadir filas y columnas a una tabla .................................................. 13-14
Borrar celdas y columnas .......................................................................... 14
Fusión (Merge) de celdas en una tabla ................................................. 14-17
Cambiar las propiedades de una tabla....................................................... 17
Creación de enlaces (hyperlinks) ........................................................ 17-18
Enlaces para insertar el e-mail ............................................................ 18-19
Remover enlaces ....................................................................................... 19
Insertar un enlace a una imagen ......................................................... 19-20
Crear enlaces, Bookmarks................................................................... 20-21
Crear Hot Spot .................................................................................. 21-22
Insertar un trasfondo .............................................................................. 23
Apéndice ............................................................................................ 24-27
Prueba de destrezas…………………………………………………………………….28
Referencias………………………………………………………………………………..29
Hoja de apuntes………………………………………………………………………....30
II
Objetivos
Al terminar este manual de instrucción usted podrá:
Definir qué es MS SharePoint Designer (SP)
Iniciar SP
Identificar los espacios gratuitos en la Web
Iniciar Microsoft SharePoint Designer 2007
Identificar los componentes básicos de la pantalla de SP
Crear una página nueva
Nombrar y guardar páginas
Utilizar Table Layout
Insertar y dar formato a un texto
Insertar gráficos
Guardar una página Web con gráficos
Crear y modificar tablas
Aplicar funciones para desarrollar la página
Añadir y modificar enlaces en una página
Insertar un trasfondo
Terminar el programa
III
Introducción
Office SharePoint Server 2007 es una nueva aplicación de servidor que forma
parte de 2007 Microsoft Office System. Mediante el uso de las plantillas del sitio y de otras características de Office SharePoint Server 2007, puede crear, fácil y eficazmente páginas Web.
Definición
Microsoft SharePoint Designer es un programa de aplicación diseñado para
crear y modificar páginas para el World Wide Web (WWW). Este programa le permite crear, de una manera fácil, un sitio en el Web.
Espacios gratuitos en el WEB
Los siguientes sitios Web ofrecen espacio gratuito para colocar allí páginas
Web.
Geocities: http://www.geocities.com/
Tripod: http://www.tripod.com/
Angelfire: http://www.angelfire.com/
Xoom: http://www.xoom.com/home/
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 1
Iniciar Microsoft SharePoint Designer 2007
Pasos:
1. Dé un clic al botón Start situado en la esquina inferior izquierda de la pantalla.
2. Cuando aparezca el menú pulse All Programs; aparecerá una lista con
los programas que están instalados en su computadora; pulse Microsoft SharePoint Designer 2007.
Ilustración 1
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 2
Componentes de la pantalla de SharePoint Designer 2007
Los componentes de la pantalla de SharePoint Designer son similares a los de otros programas de MS Office. Estos sirven para una función similar en SP.
En la Ilustración 2 se muestran los diferentes componentes de la pantalla SP.
Ilustración 2
Crear una página nueva
Usted puede crear una página nueva accediendo a File, New y luego page.
Pasos:
1. Activarlo seleccionando de la Barra de menú, File, New, Page como aparece en la Ilustración 3.
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 3
Ilustración 3
2. En el cuadro de diálogo titulado New Page que aparece seleccione la
pestaña de Web Site, dé un clic a la opción Empty Web Site. Determine dónde guardará su página.
Ilustración 4
3. Este cuadro de diálogo le ofrecerá varias opciones para crear una página y también le dará la opción para que usted le indique el lugar donde quiere guardar los documentos de su página.
Guardar
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 4
4. Como aparece en la Ilustración 4, escriba la unidad de disco o el
directorio donde usted va a grabar su página. FP guardará todos los archivos y cartapacios en este lugar. Luego presione OK.
5. Presione icono de New Page que aparece en la parte superior derecha del programa de SharePoint.
6. En su pantalla debe aparecer una página en blanco con el panel de
Layout Tables.
Nombrar y grabar páginas para el Web
Grabar página en blanco
Pasos:
1. Dé un clic a la pestaña Untitled_1.htm
2. De la Barra de menú, seleccione File, Save o botón de la derecha, Save.
3. Escriba index en la caja File name
4. Dé un clic a Save. El nombre de la página cambia a index.htm
La página index.htm es el Home Page que servirá de entrada y de bienvenida a su sitio en el Web.
Ilustración 5
NOTA: Se recomienda que se grabe cada vez que se crea una nueva
página o se haga alguna modificación a la página existente.
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 5
Table Layout
Proporciona formatos establecidos de tablas.
Pasos:
1. Del panel de la izquierda de table layout seleccione
Ilustración 6
Insertar y dar formato a un texto
El texto es el elemento básico de una página diseñada para el World Wide Web (WWW). Es la manera más rápida para comunicar un mensaje. Con SharePoint, al igual que en MS Word, se le puede dar formato a cualquier
aspecto del texto escrito. Algunas opciones, como el tipo de letra, se deben usar con moderación, ya que no todos los navegadores son compatibles con todos los formatos.
Pasos:
1. Añada texto a su página.
2. Oprima la tecla de Enter para escribir más texto. Notará que cuando presiona la tecla de Enter, su línea de texto deja un espacio vertical amplio. Si este espacio vertical es muy ancho para sus propósitos,
Header, body, footer and right
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 6
presione y mantenga presionada la tecla de Shift mientras presione la tecla de Enter.
3. Dé formato al texto si desea.
4. Dé un clic al icono de Save de la Barra de herramientas para guardar
los cambios realizados a su página.
Insertar gráficos (Clip Art)
A veces se requiere añadir elementos de multimedios en una página. Tales
como, imágenes, sonidos y animaciones para llamar la atención del usuario.
Insertar un gráfico
Usted puede usar cualquiera de los formatos de imágenes en páginas para el Web.
GIF: Graphics Interchange Format
JPEG: Joint Photographic Experts Group PNG: Portable Network Graphics
Estos formatos son los más apropiados para las páginas de Web, ya que su pequeño tamaño permite que el archivo baje de una manera rápida.
Insertar un retrato o una imagen
Pasos:
1. Lleve el punto de inserción a la posición deseada en la página.
2. Dé un clic a Insert, Picture, From File.
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 7
Ilustración 7
3. Cuando aparezca el cuadro de diálogo, Picture, localice el archivo con la
imagen y dé un clic sobre la imagen.
Ilustración 8
4. Dé un clic al botón de Insert para insertar la imagen en la página.
5. El siguiente cuadro le solicita darle nombre a la foto con una breve
descripción de ésta.
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 8
Ilustración 9
6. Presione OK.
Así quedaría la imagen insertada en la página.
Ilustración 10
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 9
Galería de gráficos (Clip Art Gallery)
Además de insertar sus propias imágenes, también usted puede usar los gráficos que tiene la Galería de gráficos de SP.
Pasos:
1. En la Barra de menú, de un clic a Insert, Picture, Clip Art.
Ilustración 11
2. Cuando abra el panel, Insert Clip Art, escriba la palabra que identifica el tema de la gráfica que usted busca en la sección, Search text:
3. Dé un clic al botón Search. Aparecerá el resultado de la búsqueda.
4. Dé un clic a Modify si quiere hacer otra búsqueda de gráficos. No olvide
escribir la palabra del tema de los gráficos que desea.
Visión de los gráficos (preview)
Esta función le permite tener una visión de cada gráfico antes de seleccionarlo
para que formen parte de su página.
Pasos:
1. Dé un clic al triángulo invertido que aparece al lado derecho del gráfico. Aparecerá un menú corto.
2. Seleccione Preview/Properties para que pueda tener una visión del
gráfico.
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 10
Ilustración 12
Guardar una página Web con gráficos, imágenes y/o
archivos
Cuando una página Web se le inserta gráficos, imágenes y/o archivos de sonidos u otro tipo, al grabarlo, le aparecerá un cuadro de diálogo titulado
Save Embedded Files; que nos permite algunas opciones. Es bien importante recordar que los nombres de los gráficos, imágenes u otros
archivos no deben tener letras mayúsculas ni espacios entre las letras. Utilice underscore (_) para separar palabras en un nombre de un archivo.
Pasos:
1. Dé un clic al icono de Save, que se encuentra en la Barra de herramientas. (Véase Ilustración 9)
2. Saldrá un cuadro de diálogo titulado Save Enbedded Files, como se muestra en la Ilustración 18.
3. Seleccione el archivo y cambie el nombre, de ser necesario.
4. Seleccione el archivo y cambie de carpeta, de ser necesario. Se
recomienda que todas las imágenes y gráficos estén bajo la carpeta images que se encuentra dentro de su sitio Web. Dé un clic en OK para guardar los archivos en su sitio Web.
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 11
Ilustración 13
Crear un botón de acción
Los botones de acción son botones que cambian de apariencia cuando se ubica el apuntador del mouse sobre él.
Pasos:
1. Dé un clic en el lugar donde usted quiere posicionar el botón.
Ilustración 14
2. Cuando abra el cuadro de diálogo, Insert Interactive button seleccione la primera pestaña button.
3. Escriba el texto que usted desea que aparezca en el botón.
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 12
4. Escriba la dirección para el enlace en el cuadro, Link to: o dé un clic en el botón Browse para crear un enlace a un archivo a otra página que usted haya creado.
5. Seleccione el enlace.
Ilustración 15
6. Segunda pestaña (Font) del cuadro de diálogo de Interactive button
proporciona tipo de letra, estilo y tamaño.
7. Tercera pestaña (Image) puede cambiarle el color, el efecto, el tipo de
letra y el ancho y el alto que quiere para el botón.
8. Al finalizar presione el botón, OK.
9. Dé un Preview para ver el cambio.
Insertar una tabla
Una tabla le permite presentar datos en forma de filas y columnas. También le
permite posicionar texto y gráficas de una manera más organizada.
Pasos:
1. Ubique el punto de inserción donde usted quiere que la tabla sea insertada.
2. En la Barra de menú, seleccione el comando, Table, Insert. El cuadro de diálogo, Insert Table aparecerá en pantalla
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 13
Ilustración 16
3. Indique el número de columnas y filas que quiere en la tabla.
4. Indique el alineamiento de la tabla.
5. Si usted quiere que las líneas de las tablas no se vean en su página, escriba 0 (cero) en el cuadro, Border size.
6. Indique el ancho de la tabla. Se recomienda que sea 100 por ciento.
7. Dé un clic al botón de OK para insertar la tabla.
Añadir filas y columnas en una tabla
Si necesita añadir más filas y columnas después de haber creado su tabla; Pasos:
1. Dé un clic donde quiere insertar una fila o una columna adicional.
2. En la Barra de menú, dé un clic a Table, Insert, Rows or Columns…
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 14
Ilustración 17
3. Cuando abra el cuadro de diálogo, seleccione el botón apropiado para
seleccionar filas o columnas.
4. Especifique el número de filas y columnas que desea añadir.
5. Seleccione en Location dónde usted quiere que aparezca la fila o la columna.
6. Dé un clic en OK
Borrar celdas y columnas
Para borrar celdas y columnas;
Pasos:
1. Seleccione todas las celdas y columnas que quiere borrar.
2. En la Barra de menú, seleccione Tables, Delete Cells.
Fusión (Merge) de celdas en una tabla
Si la tabla original no es apropiada, usted puede modificar la tabla para que
cumpla con sus necesidades. A veces el fusionar celdas ayuda a presentar, en una forma organizada, la información en una página.
Pasos:
1. Seleccione las celdas a fusionar.
2. En la Barra de menú, seleccione Table, Modify y luego presione
Merge Cells.
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 15
Ilustración 18
Darle formato a una(s) celda(s)
Para cambiar las propiedades de una celda, 1. Seleccione la(s) celda(s) que quiere cambiar.
2. Dé un clic derecho dentro de cualquiera de las celdas que seleccionó.
3. Cuando aparezca el menú corto, seleccione Cell Properties.
4. Cuando abra el cuadro de diálogo, Cell Properties, haga los cambios
necesarios.
5. Dé un clic a Apply para aplicar los cambios.
6. Dé un clic a OK para cerrar el cuadro.
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 16
Ilustración 19
Agrandar o achicar una columna
Pasos:
1. Ubique el apuntador del mouse sobre la línea que divide la columna.
2. Cuando éste se convierta en flecha doble, arrastre el mouse hacia la
derecha o izquierda para agrandar o achicar, según sea el caso, hasta lograr el tamaño deseado.
Ilustración 20
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 17
Agrandar o achicar una fila
Similar a agrandar o achicar una columna,
Pasos:
1. Ubique el apuntador del mouse sobre la línea que divide la celda.
2. Cuando éste se convierta en flecha doble, arrastre el mouse hacia abajo o hacia arriba para agrandar o achicar, según sea el caso, hasta lograr el
tamaño deseado.
Cambiar las propiedades de una tabla
1. Dé un clic derecho en cualquier lugar de la tabla. Aparecerá el cuadro de diálogo, Table Properties
2. Haga los cambios deseados
3. Dé un clic al botón, Apply para aplicar los cambios.
4. Dé un clic al botón OK y cierre el cuadro de diálogo.
Creación de enlaces (hyperlinks)
Los enlaces hacen que los que vean su página se dirijan de un lugar a otro. Los enlaces se pueden crear con imágenes o texto.
Enlaces para texto
Pasos:
1. Seleccione el texto a la cual desea crear el enlace.
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 18
Ilustración 21
2. Dé un clic en el menú a Insert, Hyperlink. Esto abrirá el cuadro de
diálogo Insert Hyperlink. O puede presionar el icono de hiperenlace.
3. En el cuadro, Address, escriba la dirección de la página donde usted
quiere el enlace. Por ejemplo, http://www.cetem.upr.edu
Enlaces para insertar el e-mail
Pasos:
1. Si desea que el enlace sea el e-mail, seleccione el icono que aparece a la izquierda, E-mail Address. Cuando aparezca el cuadro de diálogo, Insert Hyperlink, escriba la dirección en el cuadro, E-mail address: y el asunto
en, Subject.
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 19
Ilustración 22
Remover enlaces
Para remover enlaces;
Pasos:
1. Dé un clic al enlace
2. En la Barra de menú, seleccione Insert, Hyperlink
3. En el cuadro, Edit Hyperlink, dé un clic al botón, Remove Link que
aparece a la derecha.
Insertar un enlace a una imagen
Tan pronto usted inserta una imagen, la puede convertir en un enlace.
Pasos:
1. Inserte una imagen de la galería de clip art o una foto.
2. Dé un clic a la imagen para seleccionarla.
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 20
3. Luego dé un clic derecho para que aparezca un menú corto
4. Seleccione Hyperlink
5. Cuando aparezca el cuadro de diálogo, Insert Hyerlink escriba la
dirección electrónica, en, el cuadro Address: Ejemplo: http://www.endi.com)
6. Dé un clic al botón de OK.
Crear enlaces, Bookmarks
Para facilitar la navegación en una misma página que tiene mucho contenido y que no puede verse completa en la pantalla, se puede utilizar enlaces Bookmarks.
Pasos:
1. Desde la Vista Normal de su página, seleccione el texto al cual usted
quiere que llegue un enlace. Este texto se selecciona de la parte inferior del documento.
2. Marque el texto.
3. Dé un clic a Insert, Bookmark. Cuando aparezca el cuadro de diálogo,
Bookmark, 4. Dé un clic a OK. Observe que el texto aparecerá subrayado con una
línea entrecortada. Esto significa que el texto ha sido marcado como punto de llegada.
5. Vaya al principio del documento.
6. Seleccione el texto al cual usted quiere insertar un enlace para que llegue al final de la página.
7. De un clic al botón, Insert Hyperlink.
8. Cuando aparezca el cuadro de diálogo, Insert Hyperlink, dé un clic a Bookmark y seleccione el nombre del bookmark.
9. Dé un clic a OK.
10. Pruebe su bookmark de la misma manera que prueba los demás
enlaces.
Un bookmark también se puede usar para llevarle a un sitio específico en otra página de su sitio Web. Para esto, debe tener el bookmark ya definido y las
páginas deben estar grabadas.
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 21
Pasos:
1. Abra la página donde va a crear el bookmark.
2. Seleccione el texto donde va insertar el bookmark.
3. En la Barra de menú, seleccione Insert, Bookmark para que aparezca el cuadro de diálogo, Bookmark. Le puede asignar un nombre al
bookmark o aceptar el que le inserta el programa.
4. Dé un clic a OK. Si seleccionó texto, le debe aparecer una línea
entrecortada debajo del texto seleccionado.
5. Seleccione la página donde se va a insertar el enlace.
6. Seleccione el texto que va a usar como enlace.
7. En la Barra de menú, seleccione, Insert, Hyperlink. Cuando abra el cuadro de diálogo, Insert Hyperlink,
8. Seleccione el botón, Existing File or Web Page que aparece al lado izquierdo del cuadro. Seleccione la página para el Web donde se encuentra el bookmark.
9. Seleccione el botón, Bookmark.
10. Cuando abra el cuadro de diálogo, Select Place in Document,
seleccione el bookmark que desee.
11. Dé un clic a OK.
Crear Hot Spots
El crear Hot Spots es básicamente lo mismo que convertir imágenes en enlaces.
La diferencia es que en una imagen solamente puedes tener un enlace mientras que, hot spots son enlaces que se insertan en áreas particulares en
una imagen.
Pasos:
1. Inserte una imagen.
2. Dé un clic a la imagen para asegurarse que la Barra Pictures aparezca en pantalla. Si ésta no le aparece, vaya a View, Toolbar, Pictures.
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 22
Ilustración 23
3. Seleccione la mejor opción para marcar algunos Hot spots.
4. Marque las áreas de la imagen donde quiere insertar un enlace.
5. Cuando abra el cuadro de diálogo, Insert Hyperlink inserte el enlace.
Ilustración 24
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 23
Insertar un trasfondo
Usted puede insertar un trasfondo a color para realzar su página. Siempre recuerde que su texto y sus imágenes tienen que armonizar con ese color de
manera que el visitante pueda leer el texto fácilmente. Para insertar un trasfondo con color;
Pasos:
1. Dé un clic derecho en cualquier área de la página.
2. Seleccione Table Properties del menú corto que aparecerá en
pantalla. El cuadro de diálogo, Table Properties abrirá en pantalla.
3. Seleccione la opción de Background.
4. Dé un clic al triángulo invertido que aparece en el cuadro Background y seleccione el color que usted prefiera. Si selecciona More Colors, abrirá una paleta de colores que le permitirá escoger
otros colores que no aparecen en la lista.
5. Dé un clic a OK
Ilustración 25
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 24
Apéndice
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 25
Apéndice A-1: Caracteres especiales
En la siguiente tabla aparece una lista con caracteres especiales y la combinación de las teclas que debe pulsar para obtener cada caracter
utilizando el Sistema Operativo Windows.
Caracter Combinación de teclas
á Alt + 160
Á Alt + 0193
ä Alt + 0228
é Alt + 130
É Alt + 0201
í Alt + 161
ó Alt + 162
Ó Alt + 0211
Ü Alt + 0220
ú Alt + 163
Ú Alt + 0218
ü Alt + 0252
ñ Alt + 164
Ñ Alt + 165
¿ Alt + 168
¡ Alt + 173
@ Alt + 64
\ Alt + 92
~ Alt + 126
| Alt + 124
® Alt + 0174
© Alt + 0169
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 26
Apéndice A-2: Atajos (Shortcuts)
En la siguiente tabla aparece una lista con atajos (shortcuts) y la combinación de las teclas para obtener cada función utilizando el sistema operativo
Windows.
Función Shortcuts
Seleccionar todo Ctrl + A
Bastardillas (Italic) Ctrl +I
Negrillas (Bold) Ctrl + B
Guardar (Save) Ctrl + S
Guardar como (Save as...) F12
Deshacer (Undo) Ctrl + Z
Rehacer (Redo) Ctrl + Y
Imprimir (Print) Ctrl + P
Copiar (Copy) Ctrl + C
Pegar (Paste) Ctrl + V
Enlaces (Hyperlink) Ctrl + K
Cortar (Cut) Ctrl + X
Nueva página web (New) Ctrl + N
Abrir página Web (Open) Ctrl + O
Subrayar (Underline) Ctrl + U
Salir de la aplicación (Quit Tag Editor)
Ctrl + Q
Buscar (Find) Ctrl + F
Reemplazar (Replace) Ctrl + H
Ir a (Bookmark) Ctrl + G
Corrector de ortografía (Spelling)
Share Point Designer Help
F7
F1
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 27
Apéndice B-1: Consejos para el diseño de una página Web
1. El encabezado de tu sitio web debe ser lo suficientemente atractivo como para llamar la atención del visitante en el instante que entra a tu página.
2. Después de tu encabezado, comienza tu texto algún hecho interesante. Esta primera parte de tu página es crítica para el éxito. Debes continuar con la idea expresada en el encabezado.
3. Utiliza títulos y subtítulos a lo largo de tu página para romper bloques de texto, facilitar la lectura y recuperar la atención de los lectores.
4. Tu sitio web debe ser de fácil navegación. Deja muy claro qué es lo que
tiene que hacer.
5. Imágenes de trasfondo: Use imágenes como trasfondo con cautela. Los
watermarks, por lo general, se ven bien, pero las gráficas obscuras y muy cargadas pueden impedir la lectura de la página. Los colores sólidos y suaves usualmente son los mejores.
6. Fonts (tipos de letras): Use un tipo de letra común. Como, por ejemplo, Arial y Times New Roman. Aunque tenemos la opción de seleccionar
otros tipos de letras, si el usuario no tiene el tipo de letra que usted seleccionó en su computadora, ésta la sustituirá por otra.
7. Páginas muy largas: Divida la información en diferentes páginas. Una
página demasiado de larga dificulta la lectura. 8. Información actualizada: Diseñe su página con información
actualizada, confiable y de valor. 9. Verificar el contenido: Al crear una página para el Web use solamente
contenido que ha sido verificado.
10. Distribución de información: Considere usar el Web cuando exista la necesidad de distribuir información de una manera rápida y económica.
11. Enlaces: Incluya solamente los enlaces necesarios en el contenido de sus
páginas. 12. Unidad: Genere una sensación de unidad en su página utilizando
uniformidad en color en todas sus páginas. 13. Uso de gráficos: El usar muchos gráficos o imágenes muy grandes hace
que su página tome mucho tiempo en bajar a la computadora.
14. Limite las animaciones: Limite el uso de las animaciones en las páginas para Web para que los visitantes se enfoquen en el contenido.
15. Asignarle nombres a las páginas para el Web: Asigne nombre a las páginas tomando en cuenta el contenido de las mismas con el propósito de atraer la atención de los visitantes.
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 28
Prueba de Destrezas
Usted va a diseñar una página básica con texto, enlaces e imágenes con MS SharePoint 2007. Por favor, siga las instrucciones que aparecen a
continuación:
Crear un diagrama de una página usando Tabla Layout
El primer paso a seguir cuando se prepara una página para el Web es diseñar
el diagrama básico de la página. La estructura básica de la mayoría de las páginas se diseñan con tablas y la mayoría incluye un título, una columna con vínculos (links), el contenido y una nota al calce.
Título: La parte superior de la página que contiene el título y otra información
importante sobre su página para que el visitante tenga una idea de qué trata su página.
En ocasiones los vínculos se proveen directamente debajo del título.
Columna de vínculos: En
esta columna se incluye
enlaces que le llevan a distintas secciones de su
página.
Columna de contenido: Esta columna se usa para
incluir la información de la página. Además de texto, puede incluir en la página gráficos.
Nota al calce: Aquí podemos incluir enlaces para el e-mail, fecha de la última revisión,
información sobre la persona contacto y enlaces que le lleven a otras secciones en su
página.
Título: Escriba su nombre, inserte un gráfico, asígnele nombre (Index)
Columna de vínculos: Curriculum Vitae
Columna de contenido: Bienvenida a su Web
Nota al calce: Fecha de actualización de su Web
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 29
Referencias
Du Solier, L. (2006). Office SharePoint 2007: mucho más que un servidor de
archivos. Accedida el 1 de noviembre de 2007. http://www.microsoft.com/latam/technet/articulos/tn/oct06-16.mspx
Cómo hacer una página Web. Accedida el 29 de octubre de 2007 http://www.duiops.net/curso/comohacer.htm
Microsoft Corporation. (2007). Microsoft Office Online (Word). Accedida el 30 de octubre de 2007, en http://office.microsoft.com/en-
us/templates/default.aspx Spring, M. (2006). Microsoft Office SharePoint Designer 2007: Advanced.
Student Manual. Thomson Course Technology
MS SharePoint Designer 2007
© Centro de Tecnología Educativa en Multimedios
Página 30
Hoja de apuntes
______________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
______________________________________________________________________________