2014

01/01/2014

Cuarto Semestre Grupo “F”

Profesora: Laura Alcázar Sánchez

Arce Huerta Lizbeth #5

González Paredes Abigail #25

Munive Azcarate Andrea #41

Como hacer una página Web en Word 2010

¿Cómo crear una página Web en Word? ............................................................................................ 1

¿Cómo agregar marcos?.................................................................................................................. 3

¿Cómo guardar mi documento? ..................................................................................................... 8

......................................................................................................................................................... 9

Diseña tu página Web ..................................................................................................................... 9

¿Cómo convertir un archivo a PDF? .............................................................................................. 15

¿Cómo agregar hipervínculos? ...................................................................................................... 16

Ilustraciones del Manual ................................................................................................................... 26

Cuarto Semestre Grupo “F”

1

¿Cómo crear una página Web en Word?

Ilustración 1. Crear carpeta

Ilustración 2. Nombrar Carpeta

Primero crearemos una carpeta y le

pondremos un nombre que se relacione a

nuestra página WEB. En esta carpeta se

guardaran todos los archivos para nuestra

página

Cuarto Semestre Grupo “F”

2

Ilustración 3. Vista Diseño Web

Enseguida nuestra pantalla se verá de está manera:

Abrimos WORD….

Y ponemos el modo de pantalla

Diseño Web con cualquiera de estas

maneras:

1.- En la barra de la parte inferior

2.- En la barra de menús en Vista >

Diseño Web

Ilustración 4. Diseño Web

Cuarto Semestre Grupo “F”

3

¿Cómo agregar marcos?

En nuestra barra de

herramientas de acceso rápido

encontraremos una flecha que

apunta hacia abajo.

Dar clic y localizar la opción más

comandos

Ilustración 4. Agregar herramientas

Cuarto Semestre Grupo “F”

4

Ahí deslizaremos las

opciones y seleccionamos:

Todos los comandos

Cuarto Semestre Grupo “F”

5

Seleccionaremos las opciones de

marco nuevo a la derecha y dar clic

en agregar y así con los diferentes

tipos de marco. Al terminar dar clic

en Aceptar.

Ilustración 5. Insertar Marcos

Cuarto Semestre Grupo “F”

6

Agregaremos la cantidad de marcos que necesitemos según lo requiera el diseño de nuestra página Web, en este caso agregamos un

marco nuevo arriba, marco nuevo abajo y marco nuevo a la izquierda.

Ilustración 6. Marcos

Cuarto Semestre Grupo “F”

7

Ahora pondremos títulos sencillos que nos ayuden a identificar cada una de sus secciones fácilmente.

Ilustración 7. Nombrar marcos

Cuarto Semestre Grupo “F”

8

¿Cómo guardar mi documento?

Después en el menú Archivo le

daremos en “guardar como”,

seleccionaremos nuestra

carpeta y guardaremos

nuestro archivo con el nombre

de INDEX

Ilustración 8.Guardar documento

Cuarto Semestre Grupo “F”

9

Diseña tu página Web

Abriremos el documento al que llamamos INDEX

y ahora podemos comenzar a crear nuestro propio

diseño cambiando el color de la página, tipos y

tamaño de letra.

Puedes cambiar el texto de los marcos, no habrá

ningún problema por eso, aunque tus archivos

seguirán llevando el nombre que pusiste

originalmente.

Ilustración 9. Cambio de diseño

Cuarto Semestre Grupo “F”

10

Como lo mencionamos antes, podemos ocupar todo

tipo de herramientas para poder obtener el diseño

que se desee. En este caso para nuestro diseño el

color será el rojo y para nuestro fondo de la parte

de contenido utilizaremos una imagen, para poder

realizar esto nos vamos a el menú Diseño de pagina

>Color de pagina > efectos de relleno y

seleccionamos la imagen que queremos.

Ilustración 10. Insertar Fondo

Ilustración 11. Imagen como fondo

Cuarto Semestre Grupo “F”

11

Ilustración 12.Diseño

Y así quedará…

Cuarto Semestre Grupo “F”

12

Después agregaremos algunas formas que

harán la función de “botones” los cuales

nos mostrarán diferentes tipos de

contenido.

Puedes utilizar cualquier tipo de forma,

en este caso ocuparemos un rectángulo

con las puntas redondeadas.

Ilustración 13. Formas

Cuarto Semestre Grupo “F”

13

Pondremos los recuadros según los requiramos.

Ilustración 14. Agregar formas

Cuarto Semestre Grupo “F”

14

Ahora nombraremos cada uno de

nuestros botones del menú de nuestra

página.

Ilustración 15. Nombrar Formas

Cuarto Semestre Grupo “F”

15

Archivo PDF

¿Cómo convertir un archivo a PDF?

Cuando ya esta listo tu archivo, solo

tenemos que ir al menú Archivo > Guardar

como y en tipo seleccionamos PDF >

Guardar

Y listo ya tenemos un archivo PDF

Ilustración 16. Archivo PDF

Cuarto Semestre Grupo “F”

16

¿Cómo agregar hipervínculos?

Seleccionaremos la palabra a la que le vamos a

insertar el hipervínculo, en este caso

seleccionaremos la palabra “biografía” y nos vamos

al menú Insertar > Hipervínculo

Ilustración 17. Selección de palabra

Cuarto Semestre Grupo “F”

17

Al dar clic en hipervínculo aparecerá una

ventana igual a la que se muestra en la

ilustración. Seleccionaremos nuestra carpeta y

después el archivo que queremos agregar.

Ilustración 18. Búsqueda de carpeta

Ilustración 19. Agregar Documento

Cuarto Semestre Grupo “F”

18

Antes de dar clic en Aceptar hay dar clic en

“Marco de destino”

Ilustración 20. Marco de destino

Cuarto Semestre Grupo “F”

19

Enseguida aparecerá la siguiente pantalla

y desplazaremos las opciones y

seleccionamos la opción de “Marco 8”

Ilustración 21. Establecer marco de destino

Ilustración 22. Selección de marco de destino

Cuarto Semestre Grupo “F”

20

Ilustración 23. Vinculo para PDF

Ahora dar clic en Aceptar

Cuarto Semestre Grupo “F”

21

Ilustración 24. Hipervínculo listo

Enseguida la palabra aparecerá con el

siguiente formato, aunque lo puedes

cambiar.

Cuarto Semestre Grupo “F”

22

Al oprimir Ctrl + clic

Y nos llevará directo al archivo que elegimos

Ilustración 25. Hipervínculo para PDF

Cuarto Semestre Grupo “F”

23

Ilustración 26. Smart Art

Ilustración 27. Botón Discografía

En este caso ocupamos un Smart art

para representar la discografía.

Cuarto Semestre Grupo “F”

24

Ilustración 29.Tabla

Ilustración 28. Botón Premios

Para el botón Premios

ocuparemos un hipervínculo

que nos lleve a un documento

que contiene una tabla.

Cuarto Semestre Grupo “F”

25

Ilustración 31. Página YouTube

Ilustración 30. Botón YouTube

También podemos ocupar los

hipervínculos para mostrar

páginas directamente en

Internet

Cuarto Semestre Grupo “F”

26

Ilustraciones del Manual

Ilustración 1. Crear carpeta ............................................................................................................................................................................................. 1

Ilustración 2. Nombrar Carpeta ....................................................................................................................................................................................... 1

Ilustración 3. Vista Diseño Web ...................................................................................................................................................................................... 2

Ilustración 4. Agregar herramientas ............................................................................................................................................................................... 3

Ilustración 5. Insertar Marcos ......................................................................................................................................................................................... 5

Ilustración 6. Marcos ....................................................................................................................................................................................................... 6

Ilustración 7. Nombrar marcos ....................................................................................................................................................................................... 7

Ilustración 8.Guardar documento ................................................................................................................................................................................... 8

Ilustración 9. Cambio de diseño ...................................................................................................................................................................................... 9

Ilustración 10. Insertar Fondo ....................................................................................................................................................................................... 10

Ilustración 11. Imagen como fondo .............................................................................................................................................................................. 10

Ilustración 12.Diseño ..................................................................................................................................................................................................... 11

Ilustración 13. Formas ................................................................................................................................................................................................... 12

Ilustración 14. Agregar formas ...................................................................................................................................................................................... 13

Ilustración 15. Nombrar Formas ................................................................................................................................................................................... 14

Ilustración 16. Archivo PDF ........................................................................................................................................................................................... 15

Ilustración 17. Selección de palabra.............................................................................................................................................................................. 16

Ilustración 18. Búsqueda de carpeta ............................................................................................................................................................................. 17

Ilustración 19. Agregar Documento .............................................................................................................................................................................. 17

Ilustración 20. Marco de destino .................................................................................................................................................................................. 18

Ilustración 21. Establecer marco de destino ................................................................................................................................................................. 19

Ilustración 22. Selección de marco de destino.............................................................................................................................................................. 19

Ilustración 23. Vinculo para PDF ................................................................................................................................................................................... 20

Ilustración 24. Hipervínculo listo ................................................................................................................................................................................... 21

Ilustración 25. Hipervínculo para PDF ........................................................................................................................................................................... 22

Ilustración 26. Smart Art ............................................................................................................................................................................................... 23

Cuarto Semestre Grupo “F”

27

Ilustración 27. Botón Discografia .................................................................................................................................................................................. 23

Ilustración 28. Botón Premios ....................................................................................................................................................................................... 24

Ilustración 29.Tabla ....................................................................................................................................................................................................... 24

Ilustración 30. Botón YouTube ...................................................................................................................................................................................... 25

Ilustración 31. Página YouTube ..................................................................................................................................................................................... 25

Ilustración 32.Abrir archivo autor .................................................................................................................................... ¡Error! Marcador no definido.