Grado Noveno Período 3 Docente: Paula Andrea Arboleda Informática.

Presentación del tema: "Grado Noveno Período 3 Docente: Paula Andrea Arboleda Informática."— Transcripción de la presentación:

1 Grado Noveno Período 3 Docente: Paula Andrea Arboleda Informática

2 Diseño Páginas WEB con Word Objetivo: Incursión en el mundo de diseño de páginas WEB a partir de un editor de texto; que se convierte en una herramienta fácil y útil para dar los primero pasos en el mundo del diseño WEB. Una página WEB es un conjunto de información y puede ser vista a través de un navegador de INTERNET (MOZILA, CHROME, INERNET EXPLORER) desde cualquier parte del mundo.

3 Consideraciones Iniciales El diseño de una página involucra una investigación seria sobre un tema específico, en el que se recopila información, datos, imágenes y todos aquellos elementos que alimenten de manera significativa la página. Usaremos 2 métodos para el diseño, uno será considerado como estilo libre y en el otro se usarán tablas para lograr el objetivo propuesto

4 Diseño WEB Estilo Libre Abrimos nuestro editor de texto WORD, iniciamos dando un título a nuestra página.

5 Se recomienda pasar a la vista de diseño WEB y desarrollar el resto de la página allí Se observa que se pierden las márgenes y la hoja se ve más grande

6 Podemos pensar en agregar unos vínculos superiores a otros temas relacionados; para ello utilizamos en este ejemplo una tabla de una fila y 3 columnas.

7 Ingresamos el nombre de los hipervínculos en cada celda de la tabla La fila queda de extremo a extremo de la ventana

8 Podemos separar estos encabezados con una línea INSERTAR / FORMAS / LÍNEA

9 Si damos clic derecho sobre la línea seleccionada, se puede aplicar diferentes formatos, cambiemos color y grosor.

10 Ingresamos la introducción o presentación del tema investigado, se puede aplicar un formato al texto (tipo de letra, tamaño, justificar el texto, color, etc)

11 Color de la página

12 Bordes de Página

13 Diseño de Impresión Para ver los cambios en Bordes de página dar abajo en Diseño de Impresión

14 Realizando los HIPERVÍNCULOS Primero selecciona la palabra con el mouse que va a servir de LINK a otra página. En INSERTAR, Vínculos, hipervículo

15 Creando el LINK 1

16 Link 1 Ingresa el nombre del nuevo documento por ejemplo pagina1, sin espacios

17 Creamos todos los link Observa que si seleccionas la palabra a la cuál vas a crear el hipervínculo y das clic derecho con el mouse, puedes acceder de manera directa al link HIPERVINCULO.

18 Insertando Imágenes Damos clic en INSERTAR IMAGEN, buscamos la imagen en el PC, luego damos clic DERECHO sobre la imagen y damos AJUSTAR TEXTO, escogemos ESTRECHO.

19 Insertando Imágenes

20 insertar las imágenes en una tabla

21 Borramos los bordes de la tabla

22 Sin bordes, se organiza el contenido

23 Creando un link para subir al inicio del documento

24 TEMAS para las páginas WEB 1.Los venenos más letales de la naturaleza 2.Los 10 sitios turísticos más bellos del mundo 3.La Lobotomía 4.Un viaje por el sistema solar 5.Los 10 rascacielos más altos del mundo 6.Dinosaurios de América del SUR 7.El Universo 8.Trata de Personas 9.Desplazamiento en Colombia 10.Alimentación SANA

25 TEMAS para las páginas WEB 11. El Cambio Climático 12. Cyberbullying 13. Que es la Fobia, cuántas hay? 14. Campeones Olímpicos de Colombia 15. https://www.youtube.com/watch?v=A0dPXpmcFu8