Clase4 Dsw1

547 visualizaciones

Publicado el

Podras hayar mas informacion en mi sitio web http://josuefortisitca.iespana.es o en http://www.freewebs.com/josuefortis007/ ha cerca de la elaboracion de paginas web como Hipervinculos, Tablas e Insertar imagenes.

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
547
En SlideShare
0
De insertados
0
Número de insertados
8
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Clase4 Dsw1

  1. 1. Diseño Web y Multimedia 1 Clase 4 Docente: Josué Fortis.
  2. 2. Misión <ul><li>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. </li></ul>
  3. 3. Repaso <ul><li>¿Qué significa HTML? </li></ul><ul><li>¿Qué 2 aspectos son muy importantes al elaborar paginas web? </li></ul><ul><li>¿Mencione algunos editores visuales de paginas web? </li></ul><ul><li>¿Menciones algunos editores de texto que nos ayudan a elaborar pagina web? </li></ul><ul><li>¿Escriba las etiquetas básicas de las paginas web? </li></ul>
  4. 4. Hipervínculos <ul><li>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. </li></ul><ul><li>Por ejemplo, para insertar el enlace: <a href=&quot;http://www.itca.edu.sv&quot;> Sitio ITCA-FEPADE </a> </li></ul>
  5. 5. Anclas <ul><li>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. </li></ul><ul><li>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. </li></ul>
  6. 6. Insertar Imágenes <ul><li>Para insertar una imagen es necesario insertar la etiqueta <img>. El nombre de la imagen ha de especificarse a través del atributo src. </li></ul><ul><li><img src= &quot;imágenes/logo_itca.jpg&quot;> </li></ul><ul><li>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). </li></ul>
  7. 7. Alineación de una imagen <ul><li>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. </li></ul><ul><li>Los valores del atributo align pueden ser los siguientes: </li></ul><ul><li>Absbottom: inferior absoluta </li></ul><ul><li>Absmiddle: medio absoluta </li></ul><ul><li>Baseline: línea de base </li></ul><ul><li>Bottom: inferior </li></ul><ul><li>left: izquierda </li></ul><ul><li>middle: medio </li></ul><ul><li>right: derecha </li></ul><ul><li>texttop: texto superior </li></ul><ul><li>top: superior </li></ul><ul><li><img src= &quot;imágenes/logo.gif&quot; align=&quot;middle&quot;>LOGO DEL ITCA </li></ul>
  8. 8. Tablas <ul><li>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. </li></ul><ul><li>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>. </li></ul><ul><li>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>. </li></ul>
  9. 9. Formato de la tabla <ul><li><table width = &quot;50%&quot; border =&quot;2&quot; align =&quot;center&quot; cellspacing =&quot;0&quot; bordercolor =&quot;#000000&quot; bgcolor = &quot;#FFCC99&quot; > </table> </li></ul>
  10. 10. Preguntas <ul><li>¿Cuáles son las etiquetas de los Hipervínculos? </li></ul><ul><li>¿Cuáles son los atributos de los hipervínculos? </li></ul><ul><li>¿ Escriba algunos ejemplos de hipervínculos? </li></ul><ul><li>¿ Mencione la etiqueta para insertar imágenes? </li></ul><ul><li>¿Mencione las etiquetas para las imágenes? </li></ul><ul><li>¿Escriba algunos ejemplos para insertar imágenes? </li></ul><ul><li>¿Cuales son las etiquetas para tabla? </li></ul><ul><li>¿Cuáles son algunos parámetros de las tablas? </li></ul><ul><li>¿Escriba algunos ejemplos para insertar una tabla? </li></ul><ul><li>¿ Escriba las etiquetas para crear una pagina web y ocuparlas etiquetas de la clase? </li></ul>

×