Este documento explica cómo crear una página web básica en Microsoft Word en menos de 10 pasos. Primero, se configura la vista en diseño web y se personaliza la barra de herramientas. Luego, se agregan marcos y se diseña la estructura básica de la página. Finalmente, se agrega contenido como texto, imágenes, hipervínculos internos y externos. El documento proporciona capturas de pantalla detalladas para cada paso del proceso de creación de una página web simple en Word.
1. CREA TU PROPIA PAGINA WEB EN
MICROSOFT WORD
Integrantes:
Becerra Rosario David
Hernández Reyes Karen Dannae
López Martínez Ana María
Ramírez Ballarte Luis Ángel
No.lista
4
19
24
32
2. Contenido
¿Cómo iniciar a crear una página web? ................................................................................. 1
¿Cómo guardar una página web? .......................................................................................... 4
¿Cómo empezar a diseñar una página web? ........................................................................ 5
¿Cómo agregarle fondo a nuestra página web? .................................................................... 7
¿Cómo agregar información a nuestra página web? ........................................................... 12
¿Cómo agregar un documento PDF? .................................................................................. 18
¿Cómo usar los marcadores en la página web? .................................................................. 22
¿Cómo agregamos un hipervínculo a una dirección de página web? ................................. 29
¿Cómo modificar nuestra página una vez terminada? ......................................................... 35
Índice de ilustraciones .......................................................................................................... 36
3. ¿Cómo iniciar a crear una página web?
1.- Seleccionar en el menú vista para configurarlo en DISEÑO WEB.
Captura de pantalla 1
2.-Personalizar la barra de herramientas de acceso rápido para nuestra comodidad.
Captura de pantalla 2
1
4. 3.- En la opcion de comandos disponibles en:
seleccionar todos los camandos.
Captura de pantalla 4
Captura de pantalla 3
2
5. 4.- Buscaras en los comandos las opciones MARCO NUEVO A LA IZQUIERDA, MARCO NUEVO A LA DERECHA,
MARCO NUEVO ABAJO, MARCO NUEVO ARRIBA la seleccionaras y utilizaras la opción agregar, posteriormente
buscaras la opción ELIMINAR MARCO y agregar lo (este servirá por si tu diseño no es de tu agrado).
Captura de pantalla 5
3
6. 4.1 Así es como deberán quedar tus opciones en la barra de herramientas para mayor accesibilidad.
Captura de pantalla 6
¿Cómo guardar una página web?
5.- Abriremos un pequeño paréntesis para poder guardar los cambios de nuestra página web y la información salga en
nuestros marcos tenemos que crear una carpeta exclusiva para página web.
Captura de pantalla 7
Captura de pantalla 8
4
7. ¿Cómo empezar a diseñar una página web?
Una vez hecho esto habremos hecho lo más difícil.
6.- Para empezar con nuestro diseño iniciaremos con agregar marcos.
(Esto dependerá de tu diseño y creatividad)
Te deberá quedar algo
así.
Captura de pantalla 9
Observa que nuestra
vista ya está en
diseño web no se te
olvide
es
indispensable.
Captura de pantalla 10
5
8. 7.- El diseño será a tu gusto en nuestro caso y para explicarte claramente tomaremos el siguiente:
Captura de pantalla 11
6
9. ¿Cómo agregarle fondo a nuestra página web?
8.- Si deseas agregar un fondo a tu página tendrás que hacer lo siguiente:
a) Te iras a la opción diseño y en la parte fondo de página en la opción color de página.
b) Seleccionaras la opción efectos de relleno.
b)
Captura de pantalla 12
7
10. Esta es la opción que nos
mostrara
Word
te
posicionaras en seleccionar
imagen y posteriormente
darás clic
Captura de pantalla 13
Seleccionaras la imagen que
quieras y posteriormente darás
clic en insertar para elegir la
imagen.
Captura de pantalla 14
8
11. Una vez hecho esto lo último que
aras es dar en clic en aceptar para
que los cambios queden hechos.
Captura de pantalla 15
Nuestro diseño
quedara algo así
repetimos que
esto será ya a tu
gusto.
Captura de pantalla 16
9
12. 9.- Si tu diseño te gusta mejor sin bordes lo que aras será lo siguiente:
A) Le darás un clic derecho justo en el marco y saldrá
posteriormente
Seleccionaras la opción SIN
BORDES e inmediatamente
después aceptar para realizar los
cambios.
O también si te gustan los bordes
pero los necesitas más anchos o de
otro color esto te servirá.
Captura de pantalla 17
10
14. ¿Cómo agregar información a nuestra página web?
10.- Ahora empezaremos con agregar información a nuestros marcos:
NOTA: nuestra información deberá estar con las características del paso 1 (nuestro diseño deberá ser web)
Captura de pantalla 19
12
15. 11.- Para guardar nuestra información para posteriormente agregarla a nuestra página principal deberás hacer lo siguiente:
Seleccionar la opción archivo para
posteriormente guardar como y
elegir el marco de destino.
Captura de pantalla 20
a) En la opción tipo seleccionaras en la
flecha para que nos muestre más
opciones
Captura de pantalla 21
13
16. b) Una vez ahí seleccionaras la opción
de página web.
Esto será para agregar tu información a
la página web principal.
Captura de pantalla 22
Posteriormente guardar para que
estén los cambios en tu ruta de
destino.
NOTA: Esta ruta deberá ser la que se
muestra en el paso 5.
Captura de pantalla 23
14
17. 12.- Posteriormente seleccionaras la palabra que quieras que lleve el hipervínculo (esto será para cuando al darle clic el
espectador en la página te muestre directamente la información.
Captura de pantalla 24
13.- Una vez hecho esto nos iremos a la opción insertar y posteriormente seleccionaras en la opción vínculos la parte de
hipervínculos
Captura de pantalla 25
15
18. 14.- Posteriormente te saldrá la siguiente opción de donde deseas obtener la información
Captura de pantalla 26
16
19. 15.- Después de hacer eso seleccionaremos el marco de destino.
Captura de pantalla 27
17
20. 16.- Nos saldrá la siguiente opción y
seleccionaremos el marco más
grande para que tenga una mejor
presentación y por ultimo aceptar.
Captura de pantalla 28
Y eso será todo.
¿Cómo agregar un documento PDF?
Ahora bien si queremos agregar un PDF para mostrar nuestra información en nuestra página web debemos hacer
prácticamente lo mismo pero para que te quede completamente claro explicaremos paso por paso:
17.- Seleccionamos la palabra.
Captura de pantalla 29
18
21. 18.- Nos vamos a la opción INSERTAR en el cuadro vínculos seleccionamos hipervínculo .
Captura de pantalla 30
19.- Ahora seleccionamos la ruta solo que en este caso será un PDF
19
22. Captura de pantalla 31
20.- Establecemos marco de destino y aceptar
Captura de pantalla 32
20
24. NOTA: NO OLVIDES QUE PARA QUE LA INFORMACION SE MUESTRE EN TU PAGINA TODO ABSOLUTAMENTE
TODO DEBE ESTAR GUARDADO EN LA MISMA CARPETA COMO SE MUESTRA EN EL PASO 1
¿Cómo usar los marcadores en la página web?
21.- Abriremos nuestra información en uno de nuestros marcos para poder explicarte.
Captura de pantalla 34
22
25. 22.- Una vez hecho esto nos iremos a la parte superior para seleccionar el título en nuestro caso sería este: MUSICA
Captura de pantalla 35
23
26. Una vez seleccionada la
palabra nos iremos a la
parte de insertar en las
opciones superiores y
posteriormente daremos
clic en marcador.
Esto servirá para que
cundo apliquemos el
hipervínculo nos lleve a
asta esta palabra.
Captura de pantalla 35
24
27. 23.- Este recuadro va ser el que te salga y haremos lo siguiente:.
b) posteriormente dar clic
en agregar para guardar
cambios.
a) En él te pide que le asignes un
nombre al marcador de la palabra.
Una recomendación escribe una que
esté muy relacionada con la palabra
seleccionada para el marcador, en
nuestro caso y para mayor comodidad
pondremos la misma.
Este nombre alternativo no deberá
llevar ni espacios ni signos de
puntuación.
Captura de pantalla 36
NOTA: fíjate que este activada la casilla
de Nombre para que esto sirva.
25
28. 24.- Una vez que hayas hecho esto aras la palabra que al darle clic nos lleve al marcador
Seleccionaremos la palabra
SUBIR y posteriormente nos
iremos a la parte superior en
la opción insertar solo que
ahora le darás clic en
hipervínculo.
Captura de pantalla 37
Captura de pantalla 38
26
29. 25.- Nos saldrá esta ventana
Esto por el momento no nos sirve
lo que nos importa es seleccionar
nuestro marcador así que
daremos clic en la primera
columna en la opción LUGAR DE
ESTE DOCUMENTO
Captura de pantalla 39
Una vez activada esta
opción nos saldrán los
títulos y marcadores que
tengamos
en
nuestro
documento.
Observemos
que
esta
nuestro
marcador
solo
seleccionamos y damos
aceptar
para
guardar
cambios
Captura de pantalla 40
27
30. Nuestro marcador con hipervínculo está
listo y lo podemos observar cunado
nuestra palabra seleccionada esta
subrayada comprobamos apretando
Ctrl+clic para seguir vinculo.
Captura de pantalla 41
28
31. ¿Cómo agregamos un hipervínculo a una dirección de página web?
26.- Tendremos que entrar a nuestro explorador para copiar nuestro URL
Una vez hecho esto agregaremos un texto
que nos indique hacia donde nos llevara la
dirección electrónica
Captura de pantalla 42
27.- Cuando hayamos hecho esto nos iremos a insertar y posteriormente daremos clic en hipervínculo.
Captura de pantalla 43
29
32. Este será el recuadro que
nos salga y ya simplemente
tendremos que pegar la
dirección antes copiada en el
sitio señalado y aceptar para
guardar cambios.
Captura de pantalla 44
Una vez hecho todo esto nuestra
página quedara así.
Captura de pantalla 45
30
33. Hemos terminado nuestra página por último la
guardaremos con un nombre único dentro de la
carpeta única que hemos creado en nuestro
paso 5.
NOTA: Fijate que este con las caracteristicas
del paso 11 indice b)
Captura de pantalla 46
31
34. Captura de pantalla 47
Nuestra página la
podemos apreciar
simplemente con darle
doble clic en nuestro
archivo
32
36. En esta vista puedes
verificar que toda tu
información ha sido
agregada correctamente.
Observa que nuestro PDF
ya sale en el marco
seleccionado anteriormente.
Captura de pantalla 49
NOTA: en caso de no ser así o que no te guste tu propio diseño o simplemente quieras realizar un cambio en tu
página web te mostraremos que debes de hacer.
34
37. ¿Cómo modificar nuestra página una vez terminada?
Seleccionaremos
con un solo clic
nuestra página web
terminada.
(Para seleccionar
nuestro archivo)
Captura de pantalla 50
Darás clic derecho para que nos
salga el menú contextual,
seleccionaras la opción abrir con:
Una vez realizado esto
simplemente seleccionaras
MICROSOFT WORD para
modificarla.
Captura de pantalla 51
Captura de pantalla 52
Captura de pantalla 1
35
38. Índice de ilustraciones
CAPTURA DE PANTALLA
CAPTURA DE PANTALLA
CAPTURA DE PANTALLA
CAPTURA DE PANTALLA
CAPTURA DE PANTALLA
CAPTURA DE PANTALLA
CAPTURA DE PANTALLA
CAPTURA DE PANTALLA
CAPTURA DE PANTALLA
CAPTURA DE PANTALLA
CAPTURA DE PANTALLA
CAPTURA DE PANTALLA
CAPTURA DE PANTALLA
CAPTURA DE PANTALLA
1 ......................................................................................................................................................... 1
2 ......................................................................................................................................................... 1
4 ......................................................................................................................................................... 2
3 ......................................................................................................................................................... 2
5 ......................................................................................................................................................... 3
6 ......................................................................................................................................................... 4
7 ......................................................................................................................................................... 4
8 ......................................................................................................................................................... 4
9 ......................................................................................................................................................... 5
10 ....................................................................................................................................................... 5
11 ....................................................................................................................................................... 6
12 ....................................................................................................................................................... 7
14 ....................................................................................................................................................... 8
13 ....................................................................................................................................................... 8
36