Manual de pagina web
-
Upload
angel-duran -
Category
Documents
-
view
52 -
download
7
Transcript of Manual de pagina web
![Page 1: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/1.jpg)
Manual para crear una página web
Integrantes: N.L.
Ángel Eduardo Duran Guizar 11
Julio Cesar Mendoza Castillo 27
Oswaldo Sánchez Guevara 44
![Page 2: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/2.jpg)
1
Contenido 1.- Crear una carpeta en la memoria USB o en la PC .......................................................................... 2
1.1 dar clic inverso........................................................................................................................... 2
2.-Abrimos microsoft word ................................................................................................................. 3
3.-Parte superior izquierda dar click en la flecha hacia abajo (perzonalizar la barra de
herramientas). ..................................................................................................................................... 4
4.-Seleccionar todos los comandos. .................................................................................................... 5
5.- Agregar comandos sobre todo los marcos .................................................................................... 6
6.- Ampliar pantalla para pagina web. ................................................................................................ 7
7.- Seleccionar marcos con direccion hacia abajo y hacia arriba. ....................................................... 7
9.- Insertar menús. (Insertar formas al gusto, y cuadro de texto sobre la forma elegida). .............. 10
9.1.- Si se desea añadirle color de página por marco debe seguir los siguientes pasos: .............. 11
9.1.1. Irse al menu diseño de pagina, seleccionar color de pagina y elejirlo al gusto. ................. 11
9.2.-Para resaltar los menú insertar una forma al gusto detrás de ellos ...................................... 12
10.- Guardar los archivos en la carpeta de la página web. (El archivo tiene que ser diseño web) ... 13
11.- Insertar Hipervínculos ................................................................................................................ 14
12.-Agregar PDF ................................................................................................................................ 17
13.-Insertar marque. ......................................................................................................................... 19
![Page 3: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/3.jpg)
2
1.- Crear una carpeta en la memoria USB o en la PC
1.1 dar clic inverso.
Ilustración 1.crear carpeta
Dar clic en nuevo
![Page 4: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/4.jpg)
3
2.-Abrimos microsoft word
Ilustración 2.abrir Word
Damos clic en inicio Damos clic en
Microsoft Word
![Page 5: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/5.jpg)
4
3.-Parte superior izquierda dar click en la flecha hacia abajo
(perzonalizar la barra de herramientas).
Ilustración 3.barra de tareas.
Ilustración 4.comandos
![Page 6: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/6.jpg)
5
4.-Seleccionar todos los comandos.
Ilustración 5.todos los comandos
![Page 7: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/7.jpg)
6
5.- Agregar comandos sobre todo los marcos
Ilustración 6.marcos
Una vez seleccionados
los comandos darle
“aceptar”
![Page 8: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/8.jpg)
7
6.- Ampliar pantalla para pagina web.
Ilustración 7.barra inferior de tareas
7.- Seleccionar marcos con direccion hacia abajo y hacia arriba.
Ilustración 8.barra de tareas
![Page 9: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/9.jpg)
8
Con los marcos seleccionados la hoja se dividirá así:
Ilustración 9.pág. web
Con las
siguientes
referencias
![Page 10: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/10.jpg)
9
8.-Guardar los cambios
en tu memoria USB o
en la PC {tipo de
documento (página
web) y poner el nombre
“INDEX” al archivo}
Ilustración 10.guardar como
![Page 11: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/11.jpg)
10
9.- Insertar menús. (Insertar formas al gusto, y cuadro de texto sobre
la forma elegida).
Ilustración 11. Menú pagina web
![Page 12: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/12.jpg)
11
9.1.- Si se desea añadirle color de página por marco debe seguir los
siguientes pasos:
9.1.1. Irse al menu diseño de pagina, seleccionar color de pagina y elejirlo
al gusto.
Ilustración 12. Pagina web
![Page 13: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/13.jpg)
12
9.2.-Para resaltar los menú insertar una forma al gusto detrás de ellos
Ilustración 13.web
![Page 14: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/14.jpg)
13
10.- Guardar los archivos en la carpeta de la página web. (El archivo
tiene que ser diseño web)
Ilustración 14.guardar
En este caso
nuestro archivo
se llama
“adicciones”
![Page 15: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/15.jpg)
14
11.- Insertar Hipervínculos
Ilustración 15.hipervinculos
Seleccionar el
nombre del botón
Darle click en
Hipervínculos.
![Page 16: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/16.jpg)
15
Una vez seleccionado buscar el archivo deseado en la pantalla que aparece:
Ilustración 16.insertar hipervínculo
![Page 17: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/17.jpg)
16
Agrega a marco de destino
Ilustración 17.hipervínculo
Aparecerá la siguiente pantalla: (seleccionar el marco de texto)
Ilustración 18.seleccion de marco
Repetir el punto anterior con los demás archivos (menús).
![Page 18: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/18.jpg)
17
12.-Agregar PDF El PDF se tiene que guardar en la carpeta de la pagina web, para agregar el PDF se selecciona el
menú donde se va a encontrar el archivo se sitúa un hipervínculo
Ilustración 19.PDF
Se selecciona
donde se
vaya a incluir
el PDF
Se agrega el hipervínculo
![Page 19: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/19.jpg)
18
Ilustración 20.marco de destino
Aparecerá la siguiente pantalla: (seleccionar el marco de texto)
Ilustración 21.seleccion de marco
Designar el
documento
![Page 20: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/20.jpg)
19
13.-Insertar marque.
Ilustración 22.marque
Le damos clic inverso al
archivo “autores”
![Page 21: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/21.jpg)
20
Ilustración 23.abrir con
Le damos click en
“abrir con”
![Page 22: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/22.jpg)
21
Ilustración 24.bloc de notas
Abrimos con bloc de notas
![Page 23: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/23.jpg)
22
Ilustración 25.buscar
Le damos click en edición
![Page 24: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/24.jpg)
23
Ilustración 26.buscar....
Le damos en buscar
![Page 25: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/25.jpg)
24
Ilustración 27.buscar nombre
En la pantalla que sale escribimos el
nombre del autor tal y como aparece
en la pagina web
![Page 26: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/26.jpg)
25
Ilustración 28.marquee
Escribimos <marquee> al principio
de donde sale el autor y al final
![Page 27: Manual de pagina web](https://reader036.fdocumento.com/reader036/viewer/2022062319/557bc5e5d8b42a8a1d8b4708/html5/thumbnails/27.jpg)
26
Ilustración 1.crear carpeta .................................................................................................................. 2
Ilustración 2.abrir Word ...................................................................................................................... 3
Ilustración 3.barra de tareas. .............................................................................................................. 4
Ilustración 4.comandos ....................................................................................................................... 4
Ilustración 5.todos los comandos ....................................................................................................... 5
Ilustración 6.marcos ............................................................................................................................ 6
Ilustración 7.barra inferior de tareas .................................................................................................. 7
Ilustración 8.barra de tareas ............................................................................................................... 7
Ilustración 9.pág. web ......................................................................................................................... 8
Ilustración 10.guardar como ............................................................................................................... 9
Ilustración 11. Menú pagina web ...................................................................................................... 10
Ilustración 12. Pagina web ................................................................................................................ 11
Ilustración 13.web ............................................................................................................................. 12
Ilustración 14.guardar ....................................................................................................................... 13
Ilustración 15.hipervinculos .............................................................................................................. 14
Ilustración 16.insertar hipervínculo .................................................................................................. 15
Ilustración 17.hipervínculo ................................................................................................................ 16
Ilustración 18.seleccion de marco ..................................................................................................... 16
Ilustración 19.PDF ............................................................................................................................. 17
Ilustración 20.marco de destino........................................................................................................ 18
Ilustración 21.seleccion de marco ..................................................................................................... 18
Ilustración 22.marque ....................................................................................................................... 19
Ilustración 23.abrir con ..................................................................................................................... 20
Ilustración 24.bloc de notas .............................................................................................................. 21
Ilustración 25.buscar ......................................................................................................................... 22
Ilustración 26.buscar.... ..................................................................................................................... 23
Ilustración 27.buscar nombre ........................................................................................................... 24
Ilustración 28.marquee ..................................................................................................................... 25