Maquetación web

Para diseñar se puede usar

• Dreamweaver (ya crea para moviles con jQuery Mobile)
• Aptana Studio (gratuito)

Para verlas

• Chrome y Safari se ven igual
• Firefox
• IE

(en Safari.. podemo ver como queda en una tablet o Iphone en 'mostrar desarrollo')

Pasos
- Cuestionario para el cliente (briefing)
- Hacer mockup (prototipo) con BALSAMIQ o Prototyper (este último es mas potente pero de pago) o Muse o FlashCatalist

Dos maneras de hacer el diseño
- responsive design
- una para cada tipo de dispositivo

Estructura de un DIV
- position: static (tal como aparecen los objetos, de izquierda a derecha), absolute (referencia al elemento anterior), fixed (en relación a la ventana del navegador), relative, inherit.
- float: como si se hicieran cajitas

Ver la potencia de los CSS en http://www.csszengarden.com/