conducta organizacional

Introducción al desarrollo web (iDESWEB)
Práctica 3: CSS, maquetación y estilos alternativos

1.

Objetivos
Aprender a maquetar una página web con CSS.
Aprender a emplear estilos alternativosen una página web.
Aprender a crear un estilo para la versión impresa de una página web.

2.

Recursos
¿Cómo se maqueta con CSS?
Porqué el diseñar con tablas es estúpido: problemas definidos,soluciones ofrecidas1 :
explica porque no hay que diseñar con tablas y las ventajas de emplear CSS.
Simple 2 column CSS layout2 : explica paso por paso cómo se crea una página web para que
tenga undiseño en 2 columnas.
CSS Layouts3 : proporciona diferentes estilos de diseño (2 columnas, 3 columnas, fluido y otros).
CSS Layout Techniques: for Fun and Profit4 : proporciona diferentes estilos dediseño.
Sample CSS Page Layouts5 : explica paso a paso como lograr diferentes estilos de diseño.
¿Cómo se maqueta un formulario con CSS?
Accessible CSS Forms: Using CSS to Create a Two-Column Layout6: explica paso a paso
como maquetar un formulario con CSS.
How to Style Forms in CSS7 : explica paso a paso como maquetar un formulario con CSS.
Practical CSS Layout Tips, Tricks, & Techniques8 :algunos trucos de maquetación con CSS,
explica un método de alinear los controles de un formulario.
CSS-Only, Table-less Forms9 : muestra un ejemplo muy completo de formulario, con todo lo quepuede tener, pero también es muy complejo.
¿Cómo se maqueta una tabla con CSS?
CSS Table Gallery10 : plantillas para maquetar tablas con CSS.
¿Cómo puedo seleccionar un estilo alternativo?

1http://www.effectivetranslations.com/stupidtables/everything_es.html
2 http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/
3 http://css-discuss.incutio.com/?page=CssLayouts
4http://www.glish.com/css/
5 http://www.maxdesign.com.au/presentation/page_layouts/
6 http://www.websiteoptimization.com/speed/tweak/forms/
7 http://www.informit.com/articles/article.aspx?p=456144...