Archivos para css

Evaluación HTML 1, Fondos 2

Hoy hicimos una corrección de todos los trabajos “5 bandas/películas favoritas” en HTML. En general hay buen uso de etiquetas y atributos. Las principales deficiencias fueron:

  1. Omisión de meta “description” en el HEAD:
    <meta name="description" content="La descripción corta de mi página" />
  2. Etiquetas mal cerradas o sin cerrar
  3. Poco aprovechamiento de HTML para dar valor al contenido

Los que quieran mejorar sus ejercicios, no se olviden subirlos a su FTP y poner el link como comentarios de este artículo, por lo menos antes del Miércoles próximo (al menos).

Además, continuamos explorando las posibilidades del atributo background para posicionar imágenes vía CSS.

#mi .selector {

background-image:url( la/imagen.gif );

background-position: left top;

background-repeat: no-repeat;

}

Los archivos usados en esta clase estan en los archivos del curso.

Comentarios (2) »

Columnas 2

En la clase de hoy seguimos desarrollando un layout a dos columnas usando el atributo “float”.

#mi_columna {
float:left;
}

Además vimos el uso de la clase clearfix para corregir un error común en el uso de “float”.

El zip con los archivos lo encuentran en la carpeta “clases”, en los archivos del curso en eCampus.

Revisen el código del ejemplo, acumulen dudas y preguntas.

Próxima clase: manejo de imágenes en CSS, sobre el layout que ya tenemos. Trabajaremos sobre un PSD que usaremos de modelo para replicar con CSS.

Lectura sugerida (me permito linkear a mi propio sitio, por comodidad :) ):

Recuerden dejar sus preguntas en los comentarios.

Dejar un comentario »