Manual pagina web en word
- 1. MANUAL PARA CREACIÓN DE PÁGINA WEB CENTRO ESCOLAR JOSÉ MARÍA MORELOS Y PAVÓN G MANUAL DE CREACIÓN DE PÁGINA WEB EN WORD Bachillerato Beltran Hernandez Jaime Alberto N.L. 7 García Ramírez Cristián José N.L. 23 Gonzalez Sartillo Luis Gustavo N.L. 26 4TO “F” 4TO SEMESTRE GRUPO: “F” PROFRA: LAURA ALCAZAR SANCHEZ
- 2. MANUAL PARA CREACIÓN DE PÁGINA WEB Índice ¿Cómo crear una carpeta INDEX y para que sirve? ............................................................................1 ¿cómo insertar marcos y cambiar a vista de página web? .................................................................4 ¿Cómo cambiar el color a mi página? ................................................................................................8 ¿Cómo insertar hipervínculos? ...........................................................................................................9 ¿Cómo insertar un marcador?..........................................................................................................11 ¿Cómo insertar marquee?................................................................................................................14 Índice de ilustraciones ......................................................................................................................21 4TO “F”
- 3. MANUAL PARA CREACIÓN DE PÁGINA WEB ¿Cómo crear una carpeta INDEX y para que sirve? Lo primero que se tiene que crear es una carpeta para guardar Archivos con el nombre de INDEX Ilustración 1. Creando carpeta INDEX En la carpeta ya seleccionada se guardaran cada carpeta y archivo nuevo de la página web Ilustración 2. Uso de carpeta INDEX 4TO “F” Página 1
- 4. MANUAL PARA CREACIÓN DE PÁGINA WEB Lo segundo para la creación de la página web será abrir un archivo Word Ilustración 3. Abriendo word 4TO “F” Página 2
- 5. MANUAL PARA CREACIÓN DE PÁGINA WEB Ilustración 4. Guardando carpeta ATENCIÓN: recuerda que al guardar tu documento por primera vez deberás nombrarlo INDEX y salvar el archivo como tipo página web, de lo contrario lo guardara como un documento de Word (extensión docx) 4TO “F” Página 3
- 6. MANUAL PARA CREACIÓN DE PÁGINA WEB ¿cómo insertar marcos y cambiar a vista de página web? Ilustración 5. Abriendo menú de marcos Lo siguiente será ubicar el mouse en la barra superior izquierdo (como se muestra en la imagen) y daremos clic en el botón izquierdo del mouse en Mas comandos A continuación se desplegara una barra de todos los comandos Nota: es para hacer más fácil los marcos que utilizara tu página web Ilustración 6. Opciones del menú rápido 4TO “F” Página 4
- 7. MANUAL PARA CREACIÓN DE PÁGINA WEB Ilustración 7. Agregando comandos Al desplegarte la pantalla darás clic en la función todos los comandos. Ubicaremos 4 tipos de márgenes a la barra de tareas, dándole clic en agregar y automáticamente agregará 4 tipos de marcos. Terminando en la barra inferior derecha darle clic en aceptar. Ilustración 8. Comandos en el menu rápido 4TO “F” Página 5
- 8. MANUAL PARA CREACIÓN DE PÁGINA WEB Ilustración 9. Cambio de vista a página web Nos desplazaremos en la barra inferior de Word y darle clic al icono de Diseño web. Automáticamente se cambiara la vista a esta pantalla, acto seguido colocamos los marcos que consideremos necesarios dando en click en las opciones antes agregadas. CUIDADO: más de 4 marcos podría ser excesivo para tu página Ilustración 10. Vista página web 4TO “F” Página 6
- 9. MANUAL PARA CREACIÓN DE PÁGINA WEB Ilustración 11. Agregando marcos Al agregar los marcos necesarios la pantalla debe quedar así 4TO “F” Página 7
- 10. MANUAL PARA CREACIÓN DE PÁGINA WEB ¿Cómo cambiar el color a mi página? si tú gustas podrás ponerle un color a tu página en la sección de diseño de página y en color de página. Ilustración 12. Cambio de color de marcos Cada marco será independiente a los demás Lo siguiente será poner nombre en cada uno de los marcos para poder identificarlos más rápido ATENCIÓN: al guardar la página por default nombrara a los marcos como M y el número de marco (después se puede cambiar el nombre del marco) Ilustración 13. Marcos activos guardados 4TO “F” Página 8
- 11. MANUAL PARA CREACIÓN DE PÁGINA WEB ¿Cómo insertar hipervínculos? Ilustración 14. Seleccionando hipervínculo Primero seleccionamos la palabra a donde llevaremos nuestro hipervínculo y luego Desplazaremos el mouse en la barra de insertar y en el menú de vínculos daremos clic en Hipervínculo. 4TO “F” Página 9
- 12. MANUAL PARA CREACIÓN DE PÁGINA WEB Ilustración 15. Pantalla de insertar hipervínculo Una vez seleccionado el archivo, decidiremos el marco al que está destinado a aparecer al dar click en el hipervínculo, seleccionando marco de destino y decidiendo uno Ilustración 16. Hipervínculo terminado Si la palabra a la que se le inserto el hipervínculo aparece subrayada y de color azul, significa que se ha realizado correctamente 4TO “F” Página 10
- 13. MANUAL PARA CREACIÓN DE PÁGINA WEB ¿Cómo insertar un marcador? Un marcador nos sirve para resaltar una palabra o frase que esté relacionada con el texto de adelante, llevando así al lector a esa parte del texto Primero seleccionaremos la palabra a resaltar, posteriormente iremos a la sección insertar> marcador Ilustración 17. Selección de marcador Posteriormente, se le asignara un nombre al marcador seleccionado y daremos aceptar. Ilustración 18. Pantalla de selección de marcadores 4TO “F” Página 11
- 14. MANUAL PARA CREACIÓN DE PÁGINA WEB Se seleccionara la parte del texto a la que se quiere enviar con el marcador y posteriormente se repetirá el paso anterior para agregar el texto al marcador previamente nombrado. Ilustración 19. Selección de texto para marcador Ilustración 20. Seleccionando marcador Regresamos a la palabra que será el marcador, se selecciona y damos click en hipervínculo, posteriormente seleccionamos marcador y desplegara una pantalla con el nombre del marcador que creamos. Ilustración 21. Pantalla de selección de marcadores 4TO “F” Página 12
- 15. MANUAL PARA CREACIÓN DE PÁGINA WEB Ilustración 22. Marcador terminado ¡Listo ahora la palabra aparecerá como hipervínculo! 4TO “F” Página 13
- 16. MANUAL PARA CREACIÓN DE PÁGINA WEB ¿Cómo insertar marquee? El marquee hará que al abrir la página web en un explorador de internet, las palabras o imágenes del marco seleccionado ¡se muevan! Primero nos iremos a la carpeta INDEX donde están guardados todos nuestros archivos y daremos click derecho la página del marco que asignaremos marquee Ilustración 23. Selección de marco para marquee 4TO “F” Página 14
- 17. MANUAL PARA CREACIÓN DE PÁGINA WEB Le daremos la opción abrir con> bloc de notas Ilustración 24. Abriendo marco activo con bloc de notas Esta opción nos desplegara una pantalla con códigos, daremos click en la opción edición. Ilustración 25. Marco activo en bloc de notas 4TO “F” Página 15
- 18. MANUAL PARA CREACIÓN DE PÁGINA WEB Ilustración 26. Buscando en el bloc de notas Daremos click en la opción buscar y escribiremos la primera palabra de la oración o el nombre de la imagen, tal cual lo escribimos. 4TO “F” Página 16
- 19. MANUAL PARA CREACIÓN DE PÁGINA WEB Ilustración 27. Ingresando código de marquee Una vez que se encontró el código de lo que queremos que se mueva procederemos a agregarle el siguiente código: <marquee> al inicio y dejando un espacio (antes de <p) y </marquee> al final del código (después de p>) Y guardaremos los cambios 4TO “F” Página 17
- 20. MANUAL PARA CREACIÓN DE PÁGINA WEB Deberá quedar de esta forma Ilustración 28. Marco ya con marquee en bloc de notas Al abrir de nuevo el marco en word aparecerá un cuadro con x, esto quiere decir que ha salido correctamente Ilustración 29. Marquee visto en word 4TO “F” Página 18
- 21. MANUAL PARA CREACIÓN DE PÁGINA WEB Pero al abrirlo en cualquier explorador, la frase se moverá de un lado a otro de la pantalla Ilustración 30. Marquee en explorador web 4TO “F” Página 19
- 22. MANUAL PARA CREACIÓN DE PÁGINA WEB Ilustración 31. Página web terminada ¡Listo ha terminado su propia página web en Word! 4TO “F” Página 20
- 23. MANUAL PARA CREACIÓN DE PÁGINA WEB Índice de ilustraciones Ilustración 1. Creando carpeta INDEX ................................................................................................1 Ilustración 2. Uso de carpeta INDEX ...................................................................................................1 Ilustración 3. Abriendo word ..............................................................................................................2 Ilustración 4. Guardando carpeta .......................................................................................................3 Ilustración 5. Abriendo menú de marcos ...........................................................................................4 Ilustración 6. Opciones del menú rápido ............................................................................................4 Ilustración 7. Agregando comandos ...................................................................................................5 Ilustración 8. Comandos en el menu rápido .......................................................................................5 Ilustración 9. Cambio de vista a página web ......................................................................................6 Ilustración 10. Vista página web.........................................................................................................6 Ilustración 11. Agregando marcos ......................................................................................................7 Ilustración 12. Cambio de color de marcos ........................................................................................8 Ilustración 13. Marcos activos guardados ..........................................................................................8 Ilustración 14. Seleccionando hipervínculo ........................................................................................9 Ilustración 15. Pantalla de insertar hipervínculo ..............................................................................10 Ilustración 16. Hipervínculo terminado ............................................................................................10 Ilustración 17. Selección de marcador .............................................................................................11 Ilustración 18. Pantalla de selección de marcadores ........................................................................11 Ilustración 19. Selección de texto para marcador ............................................................................12 Ilustración 20. Seleccionando marcador ..........................................................................................12 Ilustración 21. Pantalla de selección de marcadores ........................................................................12 Ilustración 22. Marcador terminado ................................................................................................13 Ilustración 23. Selección de marco para marquee ...........................................................................14 Ilustración 24. Abriendo marco activo con bloc de notas ................................................................15 Ilustración 25. Marco activo en bloc de notas ..................................................................................15 Ilustración 26. Buscando en el bloc de notas ...................................................................................16 Ilustración 27. Ingresando código de marquee ................................................................................17 Ilustración 28. Marco ya con marquee en bloc de notas ..................................................................18 Ilustración 29. Marquee visto en word ............................................................................................18 Ilustración 30. Marquee en explorador web ....................................................................................19 Ilustración 31. Página web terminada ..............................................................................................20 4TO “F” Página 21