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

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.

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

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

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

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.

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

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

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

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)

Color de la página

Bordes de Página

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

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

Creando el LINK 1

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

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.

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.

Insertando Imágenes

insertar las imágenes en una tabla

Borramos los bordes de la tabla

Sin bordes, se organiza el contenido

Creando un link para subir al inicio del documento

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

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.