TALLER CREACIN DE UN SITIO WEB Formato de texto y enlaces.

Hemos trabajado con las plantillas habilitadas por Microsoft expresin web para la elaboracin de sitios, estas plantillas tienen configuradas las carpetas y los estilos que hacen de un sitio una interface dinmica(enlaces) y atractiva. En esta actividad, vamos a disear una web site cuyo tema es el narcotrfico en Colombia. Sigue los pasos indicados para crear un sitio web vacio y da tu propio estilo a la web site. Consideraciones bsicas: El sitio Web debe contener mnimo 6 pginas diseadas por ti y enlazadas a travs de un men. Las imgenes que utilices puedes disearlas con Microsoft Expresion Design y/o editarlas con GIMP. Recuerda que debes hacer referencia a las pginas web base de tu investigacin. Puedes insertar videos relativos al tema. Apyate de la Ayuda del programa F1. Pasos para crear un sitio web 1. Haz clic en el men sitio/nuevo sitio/sitio web vaco 2. Busca el panel carpetas y crea la carpeta Imgenes, para ello haz clic derecho sobre la carpeta c:/user, pulsar nuevo y escoger la opcin carpeta. Colcale el nombre Imgenes. En esta carpeta debes guardar todas las imgenes que utilizaras en tu sitio.

3. Crea la primera hoja de trabajo para ello pulsa el icono antes de empezar la edicin guarda la hoja como index.html Este es el diseo que vas a realizar en index, Puedes configurar las propiedades de la pgina y del texto como desees

Pgina Index 1. TITULO EL NARCOTRAFICO EN COLOMBIA (UTILIZA LA CREACION DE ESTILO DE TEXTO, este texto debe tener el siguiente comportamiento: al pasar el mouse sobre el cambiar el estilo de la fuente) 2. Disearas la barra de mens teniendo en cuenta los siguientes subtemas : *HISTORIA *CAUSAS *CAPOS *NOTICIAS *CONSECUENCIAS *OPINIONES Cada uno de estos botones son enlaces a pginas diseadas por ti con contenido investigado y con referencia web.

COMO CREAR UN ESTILO Busca el panel aplicar estilos que encuentras al lado derecho de la interface. Haz clic en la opcin nuevo estilo

En la ventana que se visualiza tienes la opcin de ir configurando el estilo del texto

si te das cuenta el programa va mostrando el estilo del texto, cuando te sientas a gusto con el estilo, haz clic en aplicar y luego en aceptar. Para aplicar el estilo creado, escribe el texto en la hoja de trabajo, seleccinalo, haz clic derecho sobre el nombre del estilo en el panel de estilos y elije la opcin aplicar estilo.

APLICAR COMPORTAMIENTOS AL TEXTO. Haz clic en la ayuda del programa/men de usuario/agregar elementos multimedia a las pginas *elige la opcin comportamiento, y agrega un comportamiento a tu Nombre. INSERTAR TABLAS Para insertar tablas solo tienes que hacer clic en el icono que se encuentra en la

barra de herramientas columnas.

especificar las filas y las

Como la tabla que se inserta no tiene bordes, si quieres colocar un borde debes hacer clic derecho sobre ella y especificar las propiedades de las celdas y de la tabla.

INSERTA UN BOTN Haz clic en el men insertar/botn/elige el que mas se ajuste al estilo de tu pgina, establece el texto y las propiedades del botn y haces clic en aceptar.

Ahora guarda la pgina y visualzala en internet explorer.

Ejemplo index

Cada botn debe contener un enlace a una pgina relacionada con el tema. Tip: Inserta una tabla de una fila por 6 columnas y en cada celda ubica un botn.

Pgina 2. HISTORIA. Para hacer tu pgina atractiva vas a crear una presentacin en la cual hagas referencia a este tema, si tienes cuenta en gmail, puedes crear tu presentacin en google docs, tambin puedes ingresar a www.prezi.com registrarte en el sitio y crear la presentacin para compartir on-line o puedes crear la presentacin en Power point y subirla a www.calameo.com convirtindola en un libro virtual que se pueda compartir.

Como ttulo en la pgina 2 vas a colocar HISTORIA, configura las propiedades de pgina como desees e inserta la presentacin.(pide asesora a tu profesora para hacerlo) En esa pgina debe existir un botn que contenga un enlace a la pgina Index

Pgina3 . CAPOS Inserta una tabla de 4 filas X 2 columnas en la cual vas a hacer referencia a 4 capos del narcotrfico colombiano. Esta es la estructura de la tabla

INFORMACION IMAGEN CAPO 1

INFORMACION IMAGEN CAPO 2

IMAGEN CAPO 3

INFORMACION

IMAGEN CAPO 4

INFORMACION

De igual manera esta pgina debe contener un enlace a la pgina index. Recuerda que las imgenes deben ser editadas con GIMP.

Pgina 4 .Noticias En esta pgina debes referenciar noticias relacionadas con el narcotrfico en Colombia, ataques terroristas, informativos de noticieros y peridicos. Utiliza la mejor manera de representar la informacin. Puedes elaborar una lnea de tiempo en Microsoft Visio 2010 para representar grficamente y con fechas puntuales las noticias. Inserta un botn hacia la pgina Index Pgina 5. Consecuencias. Inserta 2 videos de Youtube relacionados con el tema. Inserta un botn hacia la pgina Index

Pgina 6. Opiniones. Escribe tu opinin personal acerca del tema y un formulario de opinin elaborado en docs de gmail. Inserta un botn hacia la pgina Index

Cmo crear e insertar un formulario Desde la pgina principal de docs haz clic en crear nuevo , selecciona la opcin formulario

Te explico la estructura del formulario para que trabajes en el

Empecemos con la opcin tema: plain si haces clic en esta opcin podrs elegir el diseo de tu formulario. Formulario sin titulo: aqu puedes escribir el titulo que le quieras poner a tu formulario, ejemplo: DEJAME SABER TU OPINION. En el cuadro siguiente, si quieres puedes escribir informacin adicional por ejemplo: Me gustara saber que piensas acerca del narcotrfico en Colombia y sus consecuencias. titulo de pregunta: escribes la pregunta que vas a hacer Texto de ayuda, lo puedes dejar en blanco, si quieres puedes escribir la explicacin de la pregunta

Tipo de pregunta:

Selecciona el tipo que quieras para la pregunta, explora y elige el que quieras usar.

Y para finalizar haces clic en el cuadro de chequeo hacer que esta pregunta sea obligatoria

Para compartir el formulario, haz clic en la pestaa acciones

Y elige la opcin Insertar. Copia el cdigo en una pgina nueva Puedes probar diligenciando el formulario e ingresando a docs, y verificaras que las respuestas se encuentran organizadas en una hoja de clculo de docs. COMO INSERTAR ENLACES Para insertar enlaces en los botones solo haces clic derecho en el botn y eliges la opcin propiedades del botn, luego en la casilla hipervnculo vas a ubicar la ruta de la pgina de enlace. Si es un enlace sobre un texto o una imagen debes hacer clic derecho sobre el texto o imagen, clic en la opcin hipervnculo y ubicas la ruta de la pgina a enlazar. Recuerda que debes guardar siempre los cambios realizados en cada pgina .

Al finalizar la web site, debes comprimir la carpeta Raiz y enviarla a infoinsanjo1@gmail.com