Curso de hojas de estilo CSS 2007

Logotipo naranja de CSS La relevancia del puesto que ocupan las hojas de estilo en cascada en el variado arsenal de los diseñadores Web va en aumento. CSS permite, cada vez más, realizar tareas que antes sólo podían llevarse a cabo utilizando JavaScript. Los clientes Web no sólo están aumentando sus capacidades CSS, también están mejorando sensiblemente el funcionamiento de sus características. - …
Portada del libro: CSS práctico
Portado del libro: No me hagas pensar

Libros

Enlaces imprescindibles

Logo de W3C

Apuntes rápidos

Artículos

Ejercicios de clase

  • Sitio 1 - Introducción al CSS
  • Sitio 2 - Las clases
  • Sitio 3 - Divisiones e identificadores. Imágenes de fondo.
  • Sitio 4 - Menú a la derecha
  • Sitio 5 - Menú en la parte superior
  • Sitio 6 - Tres menús: arriba, a la izquierda y a la derecha
  • Sitio 7 - Posicionamiento absoluto
  • Sitio 8 - Imitando a los marcos
  • Sitio 9 - Marcos de tamaño fijo para que funcione con IE6
  • Sitio 10 - Relleno en el contenido sin tene que modificar la anchura
  • Sitio 11 - Formateo de tablas
  • Sitio 12 - Formateo de formularios. Cambiar de hoja de estilos con Javascript.
  • Sitio 13 - Hoja de estilos para imprimir y para pantalla.

Descargar todos los ejercicios

Programas útiles (software libre)

Logotipo de Kompozer
  • Kompozer - Editor web sucesor de NVU
  • Amaya - Editor y navegador del W3C (software libre)
  • Notepad++ - Editor de textos
  • Gimp - Retoque fotográfico
  • Inkscape - Dibujo vectorial

Navegadores web

  • Mozilla Firefox 2 - Navegador web de la fundación Mozilla que va creciendo rápidamente en popularidad (software libre)
  • Opera 9 - Un navegador web muy rápido y fiel a los estándares CSS
  • Microsoft Internet Explorer 7 - El navegador web más utilizado a pesar de ser de los peores debido a que viene incorporado con Windows.

Extensiones de Firefox para desarrollo web (addons.mozilla.org)

Logotipo de Firefox
  • Web Developer - Chris Pederick - Agrega un menú y una barra de herramientas con diversas herramientas de desarrollo web.
  • Firebug - Joe Hewitt - Evolución del desarrollo web
  • HTML Validator - Marc Gueury - Validación del HTML
  • Console² - Philip Chee - Muestra errores de JavaScript, CSS y XML
  • ColorZilla - Alex Sirota - Toma una muestra de color
  • MeasureIt - Kevin Freitas - Dibuja una regla para medir el ancho y alto
  • View Source Chart - Jennifer Madden - Pinta un esquema basado en color del código fuente de la página
  • CSSViewer - Nicolas Huon - Visor simple de propiedades CSS
  • StyleSheet Chooser Plus - Olab - Seleccionar una entre varias hojas de estilo alternativas que pueda ofrecer una web.
Proinf.net, ©2003-2017 ci 3.1.6 (CC) Esta obra está bajo una licencia de Creative Commons Este software está sujeto a la CC-GNU GPL