sharepoint designer 2007 basico

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

http://www.cetem.upr.edu/

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

[email protected]

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/

http://www.geocities.com/

http://www.tripod.com/

http://www.angelfire.com/

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



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.



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



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.



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



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.



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.



Página 8

Ilustración 9

6. Presione OK.

Así quedaría la imagen insertada en la página.

Ilustración 10



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.



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.



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.



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



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…



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.



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.



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



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.



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.

http://www.cetem.upr.edu/



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.



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.

http://endi.com/



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.



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



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



Página 24

Apéndice



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



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



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.



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



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

http://www.microsoft.com/latam/technet/articulos/tn/oct06-16.mspx

http://www.duiops.net/curso/comohacer.htm

http://office.microsoft.com/en-us/templates/default.aspx

http://office.microsoft.com/en-us/templates/default.aspx



Página 30

Hoja de apuntes

______________________________________________________________________________

____________________________________________________________________________________________________________________________________________________________

__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

____________________________________________________________________________________________________________________________________________________________

__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

____________________________________________________________________________________________________________________________________________________________

__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

____________________________________________________________________________________________________________________________________________________________

__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

____________________________________________________________________________________________________________________________________________________________

__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

____________________________________________________________________________________________________________________________________________________________

__________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

______________________________________________________________________________

sharepoint designer 2007 basico

Documents