15
Centro Escolar José María Morelos Y Pavón 4°”D” 2014 [CENTRO ESCOLAR JOSÉ MARÍA MORELOS Y PAVÓN 4°”D”] Raúl Coyac Cervantes #7 Edgar Alberto García Pérez #15 Jairo Yamil Juárez Botello #22

Pagina web

Embed Size (px)

Citation preview

Page 1: Pagina web

Centro Escolar José María Morelos Y Pavón 4°”D”

2014

[CENTRO ESCOLAR JOSÉ MARÍA MORELOS Y PAVÓN 4°”D”] Raúl Coyac Cervantes #7 Edgar Alberto García Pérez #15 Jairo Yamil Juárez Botello #22

Page 2: Pagina web

Centro Escolar José María Morelos Y Pavón 4°”D”

Informática Página 1

Descripción .......................................................................................................................................... 1

¿Cómo empezar una página web? ...................................................................................................... 2

Marcos ................................................................................................................................................. 4

Guardar ............................................................................................................................................... 6

Insertar formas (cambiar color insertar textos cambiar contorno etc.) ............................................. 7

Hipervínculos ..................................................................................................................................... 10

PDF .................................................................................................................................................... 13

Descripción Para crear la página web en Word primero necesitamos crear una carpeta con el nombre de

página web, donde alojaremos todos los contenidos de nuestra página web como videos imágenes

archivos y demás. Recuerda que todo lo que insertes en tu página debe estar guardado en esta

carpeta o de otra forma no será posible realizarla.

Page 3: Pagina web

Centro Escolar José María Morelos Y Pavón 4°”D”

Informática Página 2

¿Cómo empezar una página web? Crearemos una carpeta en nuestros documentos llamada mi primera página web.

2. En esa misma carpeta creamos otra con el nombre de inicio.

Aquí se encuentra nuestra

segunda carpeta creada.

Page 4: Pagina web

Centro Escolar José María Morelos Y Pavón 4°”D”

Informática Página 3

3. Abriremos una página en blanco de Word

4. Ya abierta la hoja en blanco cambiaremos la vista de la hoja de “Modo impresión” a “Diseño

Web”.

Diseño Web (La página se

mostrara de la siguiente manera)

Page 5: Pagina web

Centro Escolar José María Morelos Y Pavón 4°”D”

Informática Página 4

Marcos 5. ¿Cómo agregar un marco? Abriremos la opción de:

6. Ya abierto el menú seleccionaremos “Mas comandos”

7. Nos aparece otro

menú igual a este y seleccionaremos “Todos Los Comandos”

8. Agregaremos los marcos que aparecen de la siguiente manera:

Personalizar la barra de

herramientas de acceso rápido

Page 6: Pagina web

Centro Escolar José María Morelos Y Pavón 4°”D”

Informática Página 5

9. Al agregarlos la barra de herramientas aparecerá así:

10. Presionaremos una de las opciones o las 4 y nuestra pantalla se dividirá en secciones

Page 7: Pagina web

Centro Escolar José María Morelos Y Pavón 4°”D”

Informática Página 6

Guardar

11. Para respaldar nuestra información la guardaremos en nuestra carpeta de “inicio” con la

extensión “Página web” y el nombre de menú. (Guardar todo por un nombre te ayudara a

encontrar las cosas mejor y que la carpeta este organizada).

Page 8: Pagina web

Centro Escolar José María Morelos Y Pavón 4°”D”

Informática Página 7

Insertar formas (cambiar color insertar textos cambiar contorno

etc.) 12. Continuaremos agregando “Formas” una de nuestras secciones. (En este caso se las

agregaremos a la que s encuentra en el lado superior izquierdo.)

13. Ahora decidiremos el tema para nuestra página web en este caso hablaremos de una banda de

rock famosa aunque puede ser de cualquier tema.

Aquí insertamos las “formas” y

en el menú de formato las

podemos modificar ya se para el

contorno o el relleno de la misma

Page 9: Pagina web

Centro Escolar José María Morelos Y Pavón 4°”D”

Informática Página 8

Y pondremos los subtemas en las “formas” con un cuadro de texto.

Cambiar fondo de pantalla e insertar una imagen.

14. Pondremos un fondo de pantalla en todos las secciones (es opcional el color y a que secciones

puedes aplicarlas).

Aquí se encuentra la opción de

agregar texto.

Podemos editar el contorno y el

color de nuestras formas en este

menú

Page 10: Pagina web

Centro Escolar José María Morelos Y Pavón 4°”D”

Informática Página 9

15. para agregar imágenes primero tenemos que guardarlas en nuestra carpeta de “MI PRIMERA

PAGINA WEB”

16. Seleccionaremos en donde se pondrá nuestra imagen y la insertaremos.

Después de agregarla nos

aparece el fondo así

Aquí podemos cambiar el color

de nuestra página

Page 11: Pagina web

Centro Escolar José María Morelos Y Pavón 4°”D”

Informática Página 10

Hipervínculos 17. Para continuar abriremos otra página de Word en blanco y en ella insertaremos el contenido

deseado (lo guardaremos como FORMACION)

18. después de guardarlo regresaremos a nuestro menú principal y subrayaremos la palabra

“historia” y le daremos la opción de hipervínculos

La guardaremos con un nombre

determinado y le agregaremos

una flecha. Para indicar el

regreso

Hipervínculo

Page 12: Pagina web

Centro Escolar José María Morelos Y Pavón 4°”D”

Informática Página 11

19. al salir el menú de selección seleccionaremos el archivo anterior el cual lo llamamos

“FORMACION”

20. el siguiente paso después de seleccionar el contenido es agregar el marco de destino y

escogeremos el del centro.

Page 13: Pagina web

Centro Escolar José María Morelos Y Pavón 4°”D”

Informática Página 12

21. Continuaremos con lo siguiente que ahora es un hipervínculo para regresar a la página

principal que lo aremos con una flecha.

22. le haremos lo mismo a todos los subtítulos y tendrá que quedar así:

Aquí está ya realizado para hacer

un hipervínculo de regreso.

Page 14: Pagina web

Centro Escolar José María Morelos Y Pavón 4°”D”

Informática Página 13

PDF Nuestra página web esta aparentemente acabada, para mejorar la calidad de nuestra página le

agregaremos un PDF, para darle mayor presentación.

23. en nuestra carpeta principal (MI PRIMERA PAGINA WEB) pondremos el PDF en este caso

pondremos un opcional.

24. ahora seleccionaremos el texto en blanco y crearemos un hipervínculo hacia el PDF

seleccionando eso se creara otro enlace y al abrirlo automáticamente el PDF se abrirá en nuestra

pagina.

Aquí ya se encuentra nuestro

PDF guardado en la página

principal.

Page 15: Pagina web

Centro Escolar José María Morelos Y Pavón 4°”D”

Informática Página 14

25. Para terminar abriremos nuestra página web en internet Explorer versión 9

Y AUTOMATICANME NUESTRA PAGINA WEB ESTA TERMINADA.