View
793
Download
0
Category
Preview:
Citation preview
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F”
G
Beltran Hernandez Jaime Alberto N.L. 7
García Ramírez Cristián José N.L. 23
Gonzalez Sartillo Luis Gustavo N.L. 26
CENTRO ESCOLAR JOSÉ
MARÍA MORELOS Y PAVÓN
4TO SEMESTRE GRUPO: “F”
PROFRA: LAURA ALCAZAR
SANCHEZ
MANUAL DE
CREACIÓN DE PÁGINA
WEB EN WORD
Bachillerato
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F”
Í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
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 1
¿Cómo crear una carpeta INDEX y para que sirve?
Ilustración 2. Uso de carpeta INDEX
Lo primero que se tiene que
crear es una carpeta para
guardar Archivos con el
nombre de INDEX
En la carpeta ya seleccionada se
guardaran cada carpeta y archivo
nuevo de la página web
Ilustración 1. Creando carpeta INDEX
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 2
Ilustración 3. Abriendo word
Lo segundo para la creación
de la página web será abrir
un archivo Word
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 3
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)
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 4
¿cómo insertar marcos y cambiar a vista de página web?
Ilustración 5. Abriendo menú de marcos
Ilustración 6. Opciones del menú rápido
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
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 5
Ilustración 7. Agregando comandos
Ilustración 8. Comandos en el menu rápido
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.
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 6
Ilustración 9. Cambio de vista a página web
Ilustración 10. Vista 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
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 7
Ilustración 11. Agregando marcos
Al agregar los marcos necesarios la
pantalla debe quedar así
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 8
¿Cómo cambiar el color a mi página?
Ilustración 12. Cambio de color de marcos
Ilustración 13. Marcos activos guardados
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.
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)
Cada marco será
independiente a los
demás
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 9
¿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.
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 10
Ilustración 15. Pantalla de insertar hipervínculo
Ilustración 16. Hipervínculo terminado
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
Si la palabra a la que se le inserto el
hipervínculo aparece subrayada y de color
azul, significa que se ha realizado
correctamente
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 11
¿Cómo insertar un marcador?
Ilustración 17. Selección de marcador
Ilustración 18. Pantalla de selección de marcadores
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
Posteriormente, se le asignara un
nombre al marcador seleccionado
y daremos aceptar.
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 12
Ilustración 19. Selección de texto para marcador
Ilustración 20. Seleccionando marcador
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.
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
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 13
Ilustración 22. Marcador terminado
¡Listo ahora la palabra
aparecerá como hipervínculo!
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 14
¿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!
Ilustración 23. Selección de marco para marquee
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
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 15
Ilustración 24. Abriendo marco activo con bloc de notas
Ilustración 25. Marco activo en bloc de notas
Le daremos la opción abrir con>
bloc de notas
Esta opción nos desplegara
una pantalla con códigos,
daremos click en la opción
edición.
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 16
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.
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 17
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
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 18
Ilustración 28. Marco ya con marquee en bloc de notas
Ilustración 29. Marquee visto en word
Deberá quedar de esta forma
Al abrir de nuevo el
marco en word
aparecerá un cuadro con
x, esto quiere decir que
ha salido correctamente
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 19
Ilustración 30. Marquee en explorador web
Pero al abrirlo en cualquier
explorador, la frase se
moverá de un lado a otro
de la pantalla
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 20
Ilustración 31. Página web terminada
¡Listo ha terminado su propia página web en Word!
MANUAL PARA CREACIÓN DE PÁGINA WEB
4TO “F” Página 21
Í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
Recommended