Diseño Web y Multimedia 1

1. Diseño Web y Multimedia 1 Clase 4 Docente: Josué Fortis.

2. Misión • Formar profesionales integrales y competentes en áreas tecnológicas que tengan demanda y oportunidad en el mercado local, regional y mundial tanto como trabajadores y empresarios.

3. Repaso • ¿Qué significa HTML? • ¿Qué 2 aspectos son muy importantes al elaborar paginas web? • ¿Mencione algunos editores visuales de paginas web? • ¿Menciones algunos editores de texto que nos ayudan a elaborar pagina web? • ¿Escriba las etiquetas básicas de las paginas web?

4. Hipervínculos • A través del atributo href se especifica la página a la que está asociado el enlace, la página que se visualizará cuando el usuario haga clic en el enlace. • Por ejemplo, para insertar el enlace: <a href="http://www.itca.edu.sv"> Sitio ITCA-FEPADE </a>

5. Anclas • Cuando se tienen documentos extensos, divididos en varios apartados, es preferible poder ir directamente al apartado deseado, en lugar de ir al comienzo del documento. • Un ancla necesita que se inserten las <a> y </a>, con el atributo name, que puede tomar cualquier valor inventado por el usuario, se recomienda no utilizar caracteres especiales.

6. Insertar Imágenes • Para insertar una imagen es necesario insertar la etiqueta <img>. El nombre de la imagen ha de especificarse a través del atributo src. • <img src="imágenes/logo_itca.jpg"> • Teniendo en cuenta que la imagen se llama logo_itca.jpg y que está dentro de la carpeta imágenes, que se encuentra en el mismo directorio que el documento actual (referencia relativa al documento).

7. Alineación de una imagen • La alineación de las imágenes se establece a través del atributo align. Este atributo indica la alineación de las imágenes con respecto a la línea de texto en la que se encuentran. • Los valores del atributo align pueden ser los siguientes: • Absbottom: inferior absoluta • Absmiddle: medio absoluta • Baseline: línea de base • Bottom: inferior • left: izquierda • middle: medio • right: derecha • texttop: texto superior • top: superior • <img src="imágenes/logo.gif" align="middle">LOGO DEL ITCA

8. Tablas • Para crear una tabla hay que insertar las etiquetas <table> y </table>. Entre dichas etiquetas habrá que especificar las filas y columnas que formarán la tabla. • Fila <tr> Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la tabla. Estas etiquetas deberán insertarse entre las etiquetas <table> y </table>. • Columna <td> Es necesario insertar las etiquetas <td> y </td> por cada una de las celdas que compongan cada una de las filas de la tabla. Por lo tanto, habrá que insertar esas etiquetas entre las etiquetas <tr> y </tr>.

9. Formato de la tabla • <table width ="50%" border ="2" align ="center" cellspacing ="0" bordercolor ="#000000" bgcolor = "#FFCC99" > </table>

10. Preguntas • ¿Cuáles son las etiquetas de los Hipervínculos? • ¿Cuáles son los atributos de los hipervínculos? • ¿ Escriba algunos ejemplos de hipervínculos? • ¿ Mencione la etiqueta para insertar imágenes? • ¿Mencione las etiquetas para las imágenes? • ¿Escriba algunos ejemplos para insertar imágenes? • ¿Cuales son las etiquetas para tabla? • ¿Cuáles son algunos parámetros de las tablas? • ¿Escriba algunos ejemplos para insertar una tabla? • ¿ Escriba las etiquetas para crear una pagina web y ocuparlas etiquetas de la clase?