Manual para crear página web en Word

Manual que explica paso a paso cómo crear una página web en Word fácilmente.

1. 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

2. 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

3. 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

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

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

6. Cuarto Semestre Grupo “F”

4
















Ahí deslizaremos las
opciones y seleccionamos:
Todos los comandos

7. 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

8. 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

9. 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

10. 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

11. 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

12. 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

13. Cuarto Semestre Grupo “F”

11


Ilustración 12.Diseño

Y así quedará…

14. 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

15. Cuarto Semestre Grupo “F”

13





Pondremos los recuadros según los requiramos.
Ilustración 14. Agregar formas

16. Cuarto Semestre Grupo “F”

14


















Ahora nombraremos cada uno de
nuestros botones del menú de nuestra
página.
Ilustración 15. Nombrar Formas

17. 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

18. 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

19. 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

20. Cuarto Semestre Grupo “F”

18


















Antes de dar clic en Aceptar hay dar clic en
“Marco de destino”
Ilustración 20. Marco de destino

21. 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

22. Cuarto Semestre Grupo “F”

20


Ilustración 23. Vinculo para PDF
Ahora dar clic en Aceptar

23. Cuarto Semestre Grupo “F”

21


Ilustración 24. Hipervínculo listo
Enseguida la palabra aparecerá con el
siguiente formato, aunque lo puedes
cambiar.

24. Cuarto Semestre Grupo “F”

22


















Al oprimir Ctrl + clic
Y nos llevará directo al archivo que elegimos
Ilustración 25. Hipervínculo para PDF

25. 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.

26. 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.

27. 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

28. 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

29. 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.