Sei sulla pagina 1di 36

Universidad de Puerto Rico en Aguadilla

Centro de Tecnologa Educativa en Multimedios


www.cetem.upr.edu

Manual de instruccin del Centro de Aprendizaje de Informtica

Microsoft Office

SharePoint Designer 2007


Uso bsico
Por: Sra. Verenice Rodrguez Ruiz
Directora Asociada
Servicios Educativos en Multimedios

CETEM-37

Microsoft

SharePoint Designer 2007


Uso bsico

Universidad de Puerto Rico en Aguadilla

Por: Verenice Rodrguez Ruiz


Directora Asociada Servicios Educativos en Multimedios

Sr. Edwin E. Gonzlez Carril


Director Asociado Servicios de Tecnologa Educativa
Diseo, estilo, editado y portada

Imprenta
Universidad de Puerto Rico en Aguadilla

Centro de Tecnologa Educativa en Multimedios


PO Box 6150 | Aguadilla, Puerto Rico 00604-6150
(787) 890-2681, ext. 350 | Fax (787) 890-0135
info.cetem@upr.edu

CETEM
Integrantes del Centro de Tecnologa Educativa en Multimedios
Directora del Centro

Prof. Sylvia Castillo-Calero


Director Asociado de Servicios de Tecnologa
Educativa

Directora Asociada Servicios Educativos en


Multimedios

Prof. Edwin E. Gonzlez Carril

Sra. Verenice Rodrguez Ruiz

Secretaria Administrativa

Coordinador de Servicios Tcnicos al Usuario

Sra. Vernica Calero Cay

Sr. Angel J. Feliciano Ortega

Estudiantes Tutores

Srta. Denisse Ballester Feliciano


Srta. Vernica Cruz Gonzlez
Srta. Suheily Feliciano Ruiz
Sr. Josu Matos Chaparro
Sra. Evelyn Ocasio Ramrez
Sr. Christian Ramos Lpez

junio 2009 primera edicin. Agradecer sus recomendaciones verenice.rodriguez@upr.edu


Nota: Los nombres de las compaas que aparecen en este manual de instruccin son para efectos de
identificacin solamente y son una marca registrada de sus respectivos dueos.

Tabla de Contenido
Objetivos .................................................................................................... II
Introduccin ........................................................................................... III
Definicin ............................................................................................... III
Espacios gratuitos en el WEB .................................................................. III
Iniciar Microsoft SharePoint Designer 2007 .................................................1
Componentes de la pantalla ......................................................................2
Crear una pgina nueva ........................................................................ 2-4
Nombrar y grabar pginas para el Web ......................................................4
Table Layout ...............................................................................................5
Insertar y dar formato a un texto ........................................................... 5-6
Insertar grficos (Clip Art) .................................................................... 6-10
Guardar una pgina Web con grficos, imgenes y/o archivos ............ 10-11
Crear botn interactivo ....................................................................... 11-12
Insertar una tabla ............................................................................. 12-13
Aadir filas y columnas a una tabla .................................................. 13-14
Borrar celdas y columnas ..........................................................................14
Fusin (Merge) de celdas en una tabla ................................................. 14-17
Cambiar las propiedades de una tabla.......................................................17
Creacin 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
Apndice ............................................................................................ 24-27
Prueba de destrezas.28
Referencias..29
Hoja de apuntes....30

Objetivos
Al terminar este manual de instruccin 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 bsicos de la pantalla de SP
Crear una pgina nueva
Nombrar y guardar pginas
Utilizar Table Layout
Insertar y dar formato a un texto
Insertar grficos
Guardar una pgina Web con grficos
Crear y modificar tablas
Aplicar funciones para desarrollar la pgina
Aadir y modificar enlaces en una pgina
Insertar un trasfondo
Terminar el programa

II

Introduccin
Office SharePoint Server 2007 es una nueva aplicacin de servidor que forma
parte de 2007 Microsoft Office System. Mediante el uso de las plantillas del
sitio y de otras caractersticas de Office SharePoint Server 2007, puede crear,
fcil y eficazmente pginas Web.

Definicin
Microsoft SharePoint Designer es un programa de aplicacin diseado para
crear y modificar pginas para el World Wide Web (WWW). Este programa le
permite crear, de una manera fcil, un sitio en el Web.

Espacios gratuitos en el WEB


Los siguientes sitios Web ofrecen espacio gratuito para colocar all pginas
Web.
Geocities: http://www.geocities.com/
Tripod: http://www.tripod.com/
Angelfire: http://www.angelfire.com/
Xoom: http://www.xoom.com/home/

III

MS SharePoint Designer 2007


Iniciar Microsoft SharePoint Designer 2007
Pasos:
1. D un clic al botn 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 estn instalados en su computadora; pulse Microsoft
SharePoint Designer 2007.

Ilustracin 1

Centro de Tecnologa Educativa en Multimedios


Pgina 1

MS SharePoint Designer 2007


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 funcin similar en SP.
En la Ilustracin 2 se muestran los diferentes componentes de la pantalla SP.

Ilustracin 2

Crear una pgina nueva


Usted puede crear una pgina nueva accediendo a File, New y luego page.
Pasos:
1. Activarlo seleccionando de la Barra de men, File, New, Page como
aparece en la Ilustracin 3.

Centro de Tecnologa Educativa en Multimedios


Pgina 2

MS SharePoint Designer 2007

Ilustracin 3

2. En el cuadro de dilogo titulado New Page que aparece seleccione la


pestaa de Web Site, d un clic a la opcin Empty Web Site. Determine
dnde guardar su pgina.

Guardar

Ilustracin 4

3. Este cuadro de dilogo le ofrecer varias opciones para crear una pgina
y tambin le dar la opcin para que usted le indique el lugar donde
quiere guardar los documentos de su pgina.
Centro de Tecnologa Educativa en Multimedios
Pgina 3

MS SharePoint Designer 2007


4. Como aparece en la Ilustracin 4, escriba la unidad de disco o el
directorio donde usted va a grabar su pgina. 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 pgina en blanco con el panel de
Layout Tables.

Nombrar y grabar pginas para el Web


Grabar pgina en blanco
Pasos:
1. D un clic a la pestaa Untitled_1.htm
2. De la Barra de men, seleccione File, Save o botn de la derecha, Save.
3. Escriba index en la caja File name
4. D un clic a Save. El nombre de la pgina cambia a index.htm
La pgina index.htm es el Home Page que servir de entrada y de
bienvenida a su sitio en el Web.

Ilustracin 5

NOTA: Se recomienda que se grabe cada vez que se crea una nueva
pgina o se haga alguna modificacin a la pgina existente.
Centro de Tecnologa Educativa en Multimedios
Pgina 4

MS SharePoint Designer 2007


Table Layout
Proporciona formatos establecidos de tablas.
Pasos:
1. Del panel de la izquierda de table layout seleccione

Header, body, footer and right

Ilustracin 6

Insertar y dar formato a un texto


El texto es el elemento bsico de una pgina diseada para el World Wide Web
(WWW). Es la manera ms rpida 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 moderacin, ya que no todos los navegadores son compatibles con
todos los formatos.
Pasos:
1.
2.

Aada texto a su pgina.


Oprima la tecla de Enter para escribir ms texto. Notar que cuando
presiona la tecla de Enter, su lnea de texto deja un espacio vertical
amplio. Si este espacio vertical es muy ancho para sus propsitos,
Centro de Tecnologa Educativa en Multimedios
Pgina 5

MS SharePoint Designer 2007


presione y mantenga presionada la tecla de Shift mientras presione la
tecla de Enter.
3.
4.

D formato al texto si desea.


D un clic al icono de Save de la Barra de herramientas para guardar
los cambios realizados a su pgina.

Insertar grficos (Clip Art)


A veces se requiere aadir elementos de multimedios en una pgina. Tales
como, imgenes, sonidos y animaciones para llamar la atencin del usuario.
Insertar un grfico
Usted puede usar cualquiera de los formatos de imgenes en pginas para el
Web.
GIF: Graphics Interchange Format
JPEG: Joint Photographic Experts Group
PNG: Portable Network Graphics
Estos formatos son los ms apropiados para las pginas de Web, ya que su
pequeo tamao permite que el archivo baje de una manera rpida.
Insertar un retrato o una imagen
Pasos:
1. Lleve el punto de insercin a la posicin deseada en la pgina.
2. D un clic a Insert, Picture, From File.

Centro de Tecnologa Educativa en Multimedios


Pgina 6

MS SharePoint Designer 2007

Ilustracin 7

3. Cuando aparezca el cuadro de dilogo, Picture, localice el archivo con la


imagen y d un clic sobre la imagen.

Ilustracin 8

4. D un clic al botn de Insert para insertar la imagen en la pgina.


5. El siguiente cuadro le solicita darle nombre a la foto con una breve
descripcin de sta.

Centro de Tecnologa Educativa en Multimedios


Pgina 7

MS SharePoint Designer 2007

Ilustracin 9

6. Presione OK.
As quedara la imagen insertada en la pgina.

Ilustracin 10

Centro de Tecnologa Educativa en Multimedios


Pgina 8

MS SharePoint Designer 2007


Galera de grficos (Clip Art Gallery)
Adems de insertar sus propias imgenes, tambin usted puede usar los
grficos que tiene la Galera de grficos de SP.
Pasos:
1. En la Barra de men, de un clic a Insert, Picture, Clip Art.

Ilustracin 11

2. Cuando abra el panel, Insert Clip Art, escriba la palabra que identifica
el tema de la grfica que usted busca en la seccin, Search text:
3. D un clic al botn Search. Aparecer el resultado de la bsqueda.
4. D un clic a Modify si quiere hacer otra bsqueda de grficos. No olvide
escribir la palabra del tema de los grficos que desea.
Visin de los grficos (preview)
Esta funcin le permite tener una visin de cada grfico antes de seleccionarlo
para que formen parte de su pgina.
Pasos:
1. D un clic al tringulo invertido que aparece al lado derecho del grfico.
Aparecer un men corto.
2. Seleccione Preview/Properties para que pueda tener una visin del
grfico.

Centro de Tecnologa Educativa en Multimedios


Pgina 9

MS SharePoint Designer 2007

Ilustracin 12

Guardar una pgina Web con grficos, imgenes y/o


archivos
Cuando una pgina Web se le inserta grficos, imgenes y/o archivos de
sonidos u otro tipo, al grabarlo, le aparecer un cuadro de dilogo titulado
Save Embedded Files; que nos permite algunas opciones.
Es bien importante recordar que los nombres de los grficos, imgenes u otros
archivos no deben tener letras maysculas 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. (Vase Ilustracin 9)
2.

Saldr un cuadro de dilogo titulado Save Enbedded Files, como se


muestra en la Ilustracin 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 imgenes y grficos estn 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.

Centro de Tecnologa Educativa en Multimedios


Pgina 10

MS SharePoint Designer 2007

Ilustracin 13

Crear un botn de accin


Los botones de accin 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 botn.

Ilustracin 14

2. Cuando abra el cuadro de dilogo, Insert Interactive button seleccione


la primera pestaa button.
3. Escriba el texto que usted desea que aparezca en el botn.
Centro de Tecnologa Educativa en Multimedios
Pgina 11

MS SharePoint Designer 2007


4. Escriba la direccin para el enlace en el cuadro, Link to: o d un clic en
el botn Browse para crear un enlace a un archivo a otra pgina que
usted haya creado.
5. Seleccione el enlace.

Ilustracin 15

6. Segunda pestaa (Font) del cuadro de dilogo de Interactive button


proporciona tipo de letra, estilo y tamao.
7. Tercera pestaa (Image) puede cambiarle el color, el efecto, el tipo de
letra y el ancho y el alto que quiere para el botn.
8. Al finalizar presione el botn, OK.
9. D un Preview para ver el cambio.

Insertar una tabla


Una tabla le permite presentar datos en forma de filas y columnas. Tambin le
permite posicionar texto y grficas de una manera ms organizada.
Pasos:
1.
2.

Ubique el punto de insercin donde usted quiere que la tabla sea


insertada.
En la Barra de men, seleccione el comando, Table, Insert. El cuadro
de dilogo, Insert Table aparecer en pantalla

Centro de Tecnologa Educativa en Multimedios


Pgina 12

MS SharePoint Designer 2007

Ilustracin 16

3.

Indique el nmero de columnas y filas que quiere en la tabla.

4.

Indique el alineamiento de la tabla.

5.

Si usted quiere que las lneas de las tablas no se vean en su pgina,


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 botn de OK para insertar la tabla.

Aadir filas y columnas en una tabla


Si necesita aadir ms filas y columnas despus de haber creado su tabla;
Pasos:
1.
2.

D un clic donde quiere insertar una fila o una columna adicional.


En la Barra de men, d un clic a Table, Insert, Rows or Columns

Centro de Tecnologa Educativa en Multimedios


Pgina 13

MS SharePoint Designer 2007

Ilustracin 17

3.
4.

Cuando abra el cuadro de dilogo, seleccione el botn apropiado para


seleccionar filas o columnas.
Especifique el nmero de filas y columnas que desea aadir.

5.

Seleccione en Location dnde 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.
2.

Seleccione todas las celdas y columnas que quiere borrar.


En la Barra de men, seleccione Tables, Delete Cells.

Fusin (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 informacin en una pgina.
Pasos:
1.
2.

Seleccione las celdas a fusionar.


En la Barra de men, seleccione Table, Modify y luego presione
Merge Cells.

Centro de Tecnologa Educativa en Multimedios


Pgina 14

MS SharePoint Designer 2007

Ilustracin 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.
4.
5.

Cuando aparezca el men corto, seleccione Cell Properties.


Cuando abra el cuadro de dilogo, Cell Properties, haga los cambios
necesarios.
D un clic a Apply para aplicar los cambios.

6.

D un clic a OK para cerrar el cuadro.

Centro de Tecnologa Educativa en Multimedios


Pgina 15

MS SharePoint Designer 2007

Ilustracin 19

Agrandar o achicar una columna


Pasos:
1. Ubique el apuntador del mouse sobre la lnea que divide la columna.
2. Cuando ste se convierta en flecha doble, arrastre el mouse hacia la
derecha o izquierda para agrandar o achicar, segn sea el caso, hasta
lograr el tamao deseado.

Ilustracin 20

Centro de Tecnologa Educativa en Multimedios


Pgina 16

MS SharePoint Designer 2007


Agrandar o achicar una fila
Similar a agrandar o achicar una columna,
Pasos:
1. Ubique el apuntador del mouse sobre la lnea que divide la celda.
2. Cuando ste se convierta en flecha doble, arrastre el mouse hacia abajo
o hacia arriba para agrandar o achicar, segn sea el caso, hasta lograr el
tamao deseado.

Cambiar las propiedades de una tabla


1.

D un clic derecho en cualquier lugar de la tabla. Aparecer el


cuadro de dilogo, Table Properties

2.
3.
4.

Haga los cambios deseados


D un clic al botn, Apply para aplicar los cambios.
D un clic al botn OK y cierre el cuadro de dilogo.

Creacin de enlaces (hyperlinks)


Los enlaces hacen que los que vean su pgina se dirijan de un lugar a otro.
Los enlaces se pueden crear con imgenes o texto.
Enlaces para texto
Pasos:
1. Seleccione el texto a la cual desea crear el enlace.

Centro de Tecnologa Educativa en Multimedios


Pgina 17

MS SharePoint Designer 2007

Ilustracin 21

2. D un clic en el men a Insert, Hyperlink. Esto abrir el cuadro de


dilogo Insert Hyperlink. O puede presionar el icono de hiperenlace.
3. En el cuadro, Address, escriba la direccin de la pgina 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 dilogo, Insert
Hyperlink, escriba la direccin en el cuadro, E-mail address: y el asunto
en, Subject.

Centro de Tecnologa Educativa en Multimedios


Pgina 18

MS SharePoint Designer 2007

Ilustracin 22

Remover enlaces
Para remover enlaces;
Pasos:
1.
2.
3.

D un clic al enlace
En la Barra de men, seleccione Insert, Hyperlink
En el cuadro, Edit Hyperlink, d un clic al botn, 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.
2.

Inserte una imagen de la galera de clip art o una foto.


D un clic a la imagen para seleccionarla.
Centro de Tecnologa Educativa en Multimedios
Pgina 19

MS SharePoint Designer 2007


3.
4.
5.

6.

Luego d un clic derecho para que aparezca un men corto


Seleccione Hyperlink
Cuando aparezca el cuadro de dilogo, Insert Hyerlink escriba la
direccin electrnica, en, el cuadro Address: Ejemplo:
http://www.endi.com)
D un clic al botn de OK.

Crear enlaces, Bookmarks


Para facilitar la navegacin en una misma pgina 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 pgina, 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 dilogo,
Bookmark,
4. D un clic a OK. Observe que el texto aparecer subrayado con una
lnea 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 pgina.
7. De un clic al botn, Insert Hyperlink.
8. Cuando aparezca el cuadro de dilogo, 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 dems
enlaces.
Un bookmark tambin se puede usar para llevarle a un sitio especfico en otra
pgina de su sitio Web. Para esto, debe tener el bookmark ya definido y las
pginas deben estar grabadas.
Centro de Tecnologa Educativa en Multimedios
Pgina 20

MS SharePoint Designer 2007


Pasos:
1.
2.
3.

4.
5.
6.
7.
8.

9.
10.
11.

Abra la pgina donde va a crear el bookmark.


Seleccione el texto donde va insertar el bookmark.
En la Barra de men, seleccione Insert, Bookmark para que aparezca
el cuadro de dilogo, Bookmark. Le puede asignar un nombre al
bookmark o aceptar el que le inserta el programa.
D un clic a OK. Si seleccion texto, le debe aparecer una lnea
entrecortada debajo del texto seleccionado.
Seleccione la pgina donde se va a insertar el enlace.
Seleccione el texto que va a usar como enlace.
En la Barra de men, seleccione, Insert, Hyperlink. Cuando abra el
cuadro de dilogo, Insert Hyperlink,
Seleccione el botn, Existing File or Web Page que aparece al lado
izquierdo del cuadro. Seleccione la pgina para el Web donde se
encuentra el bookmark.
Seleccione el botn, Bookmark.
Cuando abra el cuadro de dilogo, Select Place in Document,
seleccione el bookmark que desee.
D un clic a OK.

Crear Hot Spots


El crear Hot Spots es bsicamente lo mismo que convertir imgenes 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.
2.

Inserte una imagen.


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.

Centro de Tecnologa Educativa en Multimedios


Pgina 21

MS SharePoint Designer 2007

Ilustracin 23

3.
4.
5.

Seleccione la mejor opcin para marcar algunos Hot spots.


Marque las reas de la imagen donde quiere insertar un enlace.
Cuando abra el cuadro de dilogo, Insert Hyperlink inserte el enlace.

Ilustracin 24

Centro de Tecnologa Educativa en Multimedios


Pgina 22

MS SharePoint Designer 2007


Insertar un trasfondo
Usted puede insertar un trasfondo a color para realzar su pgina. Siempre
recuerde que su texto y sus imgenes tienen que armonizar con ese color de
manera que el visitante pueda leer el texto fcilmente. Para insertar un
trasfondo con color;
Pasos:
1.
2.
3.
4.

5.

D un clic derecho en cualquier rea de la pgina.


Seleccione Table Properties del men corto que aparecer en
pantalla. El cuadro de dilogo, Table Properties abrir en pantalla.
Seleccione la opcin de Background.
D un clic al tringulo 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.
D un clic a OK

Ilustracin 25

Centro de Tecnologa Educativa en Multimedios


Pgina 23

MS SharePoint Designer 2007

Apndice

Centro de Tecnologa Educativa en Multimedios


Pgina 24

MS SharePoint Designer 2007


Apndice A-1: Caracteres especiales
En la siguiente tabla aparece una lista con caracteres especiales y la
combinacin de las teclas que debe pulsar para obtener cada caracter
utilizando el Sistema Operativo Windows.

Caracter

@
\
~
|

Combinacin 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

Centro de Tecnologa Educativa en Multimedios


Pgina 25

MS SharePoint Designer 2007


Apndice A-2: Atajos (Shortcuts)
En la siguiente tabla aparece una lista con atajos (shortcuts) y la combinacin
de las teclas para obtener cada funcin utilizando el sistema operativo
Windows.

Funcin

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 pgina web (New)

Ctrl + N

Abrir pgina Web (Open)

Ctrl + O

Subrayar (Underline)
Salir de la aplicacin (Quit Tag
Editor)
Buscar (Find)

Ctrl + U

Reemplazar (Replace)

Ctrl + H

Ir a (Bookmark)
Corrector de ortografa (Spelling)
Share Point Designer Help

Ctrl + G
F7
F1

Ctrl + Q
Ctrl + F

Centro de Tecnologa Educativa en Multimedios


Pgina 26

MS SharePoint Designer 2007


Apndice B-1: Consejos para el diseo de una pgina Web
1. El encabezado de tu sitio web debe ser lo suficientemente atractivo como
para llamar la atencin del visitante en el instante que entra a tu pgina.
2. Despus de tu encabezado, comienza tu texto algn hecho interesante.
Esta primera parte de tu pgina es crtica para el xito. Debes continuar
con la idea expresada en el encabezado.
3. Utiliza ttulos y subttulos a lo largo de tu pgina para romper bloques de
texto, facilitar la lectura y recuperar la atencin de los lectores.
4. Tu sitio web debe ser de fcil navegacin. Deja muy claro qu es lo que
tiene que hacer.
5. Imgenes de trasfondo: Use imgenes como trasfondo con cautela. Los
watermarks, por lo general, se ven bien, pero las grficas obscuras y muy
cargadas pueden impedir la lectura de la pgina. Los colores slidos y
suaves usualmente son los mejores.
6. Fonts (tipos de letras): Use un tipo de letra comn. Como, por ejemplo,
Arial y Times New Roman. Aunque tenemos la opcin 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. Pginas muy largas: Divida la informacin en diferentes pginas. Una
pgina demasiado de larga dificulta la lectura.
8. Informacin actualizada: Disee su pgina con informacin
actualizada, confiable y de valor.
9. Verificar el contenido: Al crear una pgina para el Web use solamente
contenido que ha sido verificado.
10. Distribucin de informacin: Considere usar el Web cuando exista la
necesidad de distribuir informacin de una manera rpida y econmica.
11. Enlaces: Incluya solamente los enlaces necesarios en el contenido de sus
pginas.
12. Unidad: Genere una sensacin de unidad en su pgina utilizando
uniformidad en color en todas sus pginas.
13. Uso de grficos: El usar muchos grficos o imgenes muy grandes hace
que su pgina tome mucho tiempo en bajar a la computadora.
14. Limite las animaciones: Limite el uso de las animaciones en las pginas
para Web para que los visitantes se enfoquen en el contenido.
15. Asignarle nombres a las pginas para el Web: Asigne nombre a las
pginas tomando en cuenta el contenido de las mismas con el propsito
de atraer la atencin de los visitantes.

Centro de Tecnologa Educativa en Multimedios


Pgina 27

MS SharePoint Designer 2007


Prueba de Destrezas
Usted va a disear una pgina bsica con texto, enlaces e imgenes con MS
SharePoint 2007. Por favor, siga las instrucciones que aparecen a
continuacin:
Crear un diagrama de una pgina usando Tabla Layout
El primer paso a seguir cuando se prepara una pgina para el Web es disear
el diagrama bsico de la pgina. La estructura bsica de la mayora de las
pginas se disean con tablas y la mayora incluye un ttulo, una columna con
vnculos (links), el contenido y una nota al calce.
Ttulo: La parte superior de la pgina que contiene el ttulo y otra informacin
importante sobre su pgina para que el visitante tenga una idea de qu trata su pgina.
En ocasiones los vnculos se proveen directamente debajo del ttulo.
Columna de vnculos: En
esta columna se incluye
Columna de contenido: Esta columna se usa para
enlaces que le llevan a
incluir la informacin de la pgina. Adems de texto,
distintas secciones de su
puede incluir en la pgina grficos.
pgina.
Nota al calce: Aqu podemos incluir enlaces para el e-mail, fecha de la ltima revisin,
informacin sobre la persona contacto y enlaces que le lleven a otras secciones en su
pgina.

Ttulo: Escriba su nombre, inserte un grfico, asgnele nombre (Index)


Columna de vnculos: Curriculum Vitae
Columna de contenido: Bienvenida a su Web
Nota al calce: Fecha de actualizacin de su Web

Centro de Tecnologa Educativa en Multimedios


Pgina 28

MS SharePoint Designer 2007


Referencias
Du Solier, L. (2006). Office SharePoint 2007: mucho ms que un servidor de
archivos. Accedida el 1 de noviembre de 2007.
http://www.microsoft.com/latam/technet/articulos/tn/oct06-16.mspx
Cmo hacer una pgina 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/enus/templates/default.aspx
Spring, M. (2006). Microsoft Office SharePoint Designer 2007: Advanced.
Student Manual. Thomson Course Technology

Centro de Tecnologa Educativa en Multimedios


Pgina 29

MS SharePoint Designer 2007


Hoja de apuntes
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
______________________________________________________________________________
Centro de Tecnologa Educativa en Multimedios
Pgina 30