Clase4 Dsw1
0 recomendaciones115 vistas
El documento es una guía educativa sobre diseño web y multimedia, enfocada en la formación de profesionales en áreas tecnológicas. Se abordan conceptos básicos de HTML, incluyendo la creación de hipervínculos, anclas, inserción de imágenes y tablas. Además, se plantean preguntas para evaluar el entendimiento de estos temas.
Clase4 Dsw1
- 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?