manual para crear página web en word
DESCRIPTION
Manual que explica paso a paso cómo crear una página web en Word fácilmente.TRANSCRIPT
![Page 1: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/1.jpg)
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
![Page 2: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/2.jpg)
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
![Page 3: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/3.jpg)
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
![Page 4: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/4.jpg)
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
![Page 5: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/5.jpg)
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
![Page 6: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/6.jpg)
Cuarto Semestre Grupo “F”
4
Ahí deslizaremos las
opciones y seleccionamos:
Todos los comandos
![Page 7: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/7.jpg)
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
![Page 8: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/8.jpg)
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
![Page 9: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/9.jpg)
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
![Page 10: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/10.jpg)
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
![Page 11: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/11.jpg)
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
![Page 12: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/12.jpg)
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
![Page 13: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/13.jpg)
Cuarto Semestre Grupo “F”
11
Ilustración 12.Diseño
Y así quedará…
![Page 14: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/14.jpg)
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
![Page 15: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/15.jpg)
Cuarto Semestre Grupo “F”
13
Pondremos los recuadros según los requiramos.
Ilustración 14. Agregar formas
![Page 16: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/16.jpg)
Cuarto Semestre Grupo “F”
14
Ahora nombraremos cada uno de
nuestros botones del menú de nuestra
página.
Ilustración 15. Nombrar Formas
![Page 17: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/17.jpg)
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
![Page 18: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/18.jpg)
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
![Page 19: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/19.jpg)
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
![Page 20: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/20.jpg)
Cuarto Semestre Grupo “F”
18
Antes de dar clic en Aceptar hay dar clic en
“Marco de destino”
Ilustración 20. Marco de destino
![Page 21: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/21.jpg)
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
![Page 22: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/22.jpg)
Cuarto Semestre Grupo “F”
20
Ilustración 23. Vinculo para PDF
Ahora dar clic en Aceptar
![Page 23: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/23.jpg)
Cuarto Semestre Grupo “F”
21
Ilustración 24. Hipervínculo listo
Enseguida la palabra aparecerá con el
siguiente formato, aunque lo puedes
cambiar.
![Page 24: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/24.jpg)
Cuarto Semestre Grupo “F”
22
Al oprimir Ctrl + clic
Y nos llevará directo al archivo que elegimos
Ilustración 25. Hipervínculo para PDF
![Page 25: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/25.jpg)
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.
![Page 26: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/26.jpg)
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.
![Page 27: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/27.jpg)
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
![Page 28: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/28.jpg)
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
![Page 29: Manual para crear página web en Word](https://reader033.vdocuments.pub/reader033/viewer/2022052506/557e4faed8b42af46d8b49e0/html5/thumbnails/29.jpg)
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.