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 usar un modelo de web site trabajado el ao anterior, para aprender a dar formato a un texto, insertar imgenes, enlaces y aclarar las dudas que hayan surgido en actividades pasadas 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.

3. Crea la primera hoja de trabajo para ello pulsa el icono 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

, antes

1. TU NOMBRE(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. una tabla de 2 filas una columna de borde 2, color de borde el que desees

UNA PRESENTACION DE IMGENES(FOTOS, IMGENES CON LAS QUE TE IDENTIFIQUES) CREADA EN PICASA Y CARGADA A TRAVEZ DE CODIGO

BREVE DESCRIPCIN DE TU PERSONALIDAD(QUIEN ERES, GUSTOS, CUALIDADES, DEFECTOS) 3. inserta un botn cuyo enlace llevar a la pgina 2 del sistio.

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

i 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

especificar las filas y las columnas.

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

CREAR UN LBUM EN PICASSA Para trabajar con un lbum de picasa debes tener creada una cuenta en google. Una vez creada la cuenta ingresa a www.picasa.com haz clic en la opcin compartir lbum Haces clic en subir, para iniciar la carga de las imgenes. Una vez terminado el lbum vas a compartirlo, incrustando el cdigo en la pgina index, de la siguiente manera: *haces doble clic en el lbum, se habilita un panel a la derecha de la interface tal como observas en la figura

Haces clic en enlazar este lbum , y copias el cdigo de la opcin: incrustar proyeccin de diapositivas y copias el cdigo embed y lo pegas en la ventana de cdigo de tu pgina web, buscando el cdigo que pertenece a la tabla. Recuerda que que las etiquetas de tablas son: <table> <tr> <td> inserta el cdigo aqui </td> </tr> <tr> <td> </td>

</tr>

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

Enva por correo el nombre de tu sitio y si ests trabajando en un usuario diferente al de noveno, enva tambin el usuario. Pgina 2. Algo ms

En esta pgina necesitas combinar celdas, para ello habilita la barra de herramientas tabla haciendo clic en el men ver.

Con estas herramientas puedes configurar el diseo de tu tabla. *En la tercera columna vas a colocar en la celda que corresponde a pelculas favoritas un video de youtube. *en la celda que corresponde a lugares por conocer una presentacin lbum de picasa * en la celda que corresponde a comidas una imagen de tu comida favorita la cual tendr un enlace a la receta para elaborarla. Esta pgina debe tener un enlace a la pgina 1. No olvides guardar tu sitio. Parte 3. Muy pronto