27
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

Manual de pagina web

Embed Size (px)

Citation preview

Page 1: Manual de pagina web

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

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

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

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

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

5

4.-Seleccionar todos los comandos.

Ilustración 5.todos los comandos

Page 7: Manual de pagina web

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

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

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

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

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

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

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

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

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

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

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

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

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

PDF

Page 20: Manual de pagina web

19

13.-Insertar marque.

Ilustración 22.marque

Le damos clic inverso al

archivo “autores”

Page 21: Manual de pagina web

20

Ilustración 23.abrir con

Le damos click en

“abrir con”

Page 22: Manual de pagina web

21

Ilustración 24.bloc de notas

Abrimos con bloc de notas

Page 23: Manual de pagina web

22

Ilustración 25.buscar

Le damos click en edición

Page 24: Manual de pagina web

23

Ilustración 26.buscar....

Le damos en buscar

Page 25: Manual de pagina web

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

25

Ilustración 28.marquee

Escribimos <marquee> al principio

de donde sale el autor y al final

Page 27: Manual de pagina web

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