CSS Práctico

Presentación

Ya hiciste tu página web y estás contento con el resultado:

Es estéticamente correcta, tiene contenidos de interés, puede navegarse sin problemas, no hay enlaces rotos ni errores de script. Pero... cada vez hay más gente que navega desde celulares...

¿Cómo se ve tu página en un celular?... ¿y en un navegador para discapacitados? Y dentro de uno o dos años, cuando quieras rediseñarlo... ¿vas a tener que rehacerlo por completo?

CSS (Cascading Style Sheets), es un mecanismo que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura.

Adicionalmente, ayuda a separar el contenido de la presentación, de manera tal que sea posible redefinir completamente el aspecto de un sitio web cambiando sólo un archivo.

Beneficios

De qué me servirá el taller?

-Aprenderás a hacer sitios web más livianos.

-Conocerás técnicas de maquetación más rápidas y sencillas que el
anidamiento de tablas.

-Verás cómo hacer rollOvers sin javascript.

-Podrás cambiar totalmente el aspecto visual de tu sitio sin tocar una sóla
línea de código html.

-Finalmente, lograrás que tu página se vea igual en navegadores diferentes.

Objetivo

Mejorar la calidad de nuestros sitios webs y, al mismo tiempo, hacerlos en menos tiempo.

Temario

Clase 1:

Donde escribir código css.

Sintaxis básica:

Reglas, Selectores, Declaraciones, Comentarios.

Padding, Margin:

Qué son y cómo usarlos?.

Posición Absoluta y Relativa: cuál es la diferencia entre una y otra, cuándo usarlas. Z-Index. Modelo de cajas Estandar y Modelo de Cajas de Microsoft.

Práctica:

Posicionamiento simple y complejo de diferentes elementos en la página, y su reubicación cambiando la hoja de estilos.

Clase2:

Float. Overflow, Border y Background. Estilos en formularios y
enlaces. Cajas con bordes redondeados.

Práctica:

Realización de una galería de imágenes tableless y maquetación de un formulario de contacto.

Clase 3:

RollOvers y Maquetación a 2 Columnas con cabecera y pie de página (2 técnicas diferentes).

Práctica:

Realización de una página tableless con barra de navegación, maquetada a 2 columnas.

Clase 4:

Layouts estáticos y Layouts fluídos. Maquetación a 3 Columnas con cabecera y pie de mágina.

Práctica:

Realización de una página tableless con barra de navegación,
maquetada a 3 columnas.

Plataforma

MAC y/o PC Indistintamente

Información Adicional

Nuevo Curso

Curso dictado con una computadora por alumno

Carga horaria: 12 hs, distribuidas en 4 clases de 3 hs. cada una. 1 vez por semana.

Horario: de 10 a 13 hs