manual para creación de pagina web en word

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


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


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



Ilustración 3. Abriendo word

Lo segundo para la creación

de la página web será abrir

un archivo Word



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)



¿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



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.



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



Ilustración 11. Agregando marcos

Al agregar los marcos necesarios la

pantalla debe quedar así



¿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



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



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



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



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



Ilustración 22. Marcador terminado

¡Listo ahora la palabra

aparecerá como hipervínculo!



¿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



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.



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.



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



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



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



Ilustración 31. Página web terminada

¡Listo ha terminado su propia página web en Word!



Í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

manual para creación de pagina web en word

Education