ALGUNAS DEFINICIONES

¿Qué es HTML (Lenguaje de marcado para hipertexto)?

HTML es un lenguaje de marcas (etiquetas) que sirve para crear documentos web. Permite la estructuración del contenido de un documento en bloques, listas, tablas, títulos y párrafos, incluir hiperenlaces, etc.

¿Qué es CSS (Hojas de estilo en cascada)?

CSS es el mecanismo que permite añadir estilos (fuentes, colores, bordes, etc) a un documento HTML y establecer la posición de los elementos definidos en éste en la pantalla. Es un lenguaje declarativo muy sencillo con sólo tres elementos básicos: selectores, propiedades y valores.

¿Qué es XML (Lenguaje de marcado extensible)?

XML es un lenguaje de marcas sencillo, pero muy flexible que permite estructurar cualquier tipo de datos. XHTML es un subconjunto de XML.

¿Qué es XSL (Lenguaje extensible de hojas de estilo)?

XSL es al XML lo que CSS al HTML. XSL se encarga de trasformar los documentos XML para cambiar su apariencia, pero su verdadera potencia radica en que, a diferencia de CSS, permite transformar el documento original (creando documentos XML nuevos a partir de uno o varios documentos XML) y pasarlo a otros formatos (HTML, XHTML, PDF, Postscript, etc.)

¿Qué es XHTML (Lenguaje extensible de marcado para hipertexto)?

El XHTML es la definición de HTML como aplicación XML. Sus capacidades son idénticas a las de HTML, pero además permite usar las numerosas herramientas existentes para el trabajo con documentos XML y aplicarle hojas de estilo XSL. Por desgracia, su soporte en el navegador con mayor cuota de mercado (Internet Explorer) es inexistente.

¿QUE PROGRAMAS USO PARA HACER MIS PAGINAS WEB?

Un editor de texto. En Windows, el mismo Notepad (Bloc de Notas) te valdr?áen principio. Otros editores con mayores características, como resaltado coloreado de sintaxis o pestañas, son recomendables. Por ejemplo, Notepad++ o Pnotepad, ambos libres y gratuitos. En Linux, hay varios muy avanzados, mi favorito es Kate.

¿Y por qué no algo WYSIWYG como Dreamweaver o Frontpage?

Hoy en día, alcanzar el WYSIWYG (What You See Is What You Get, lo que ves es lo que obtienes) en la creación de páginas web es todavía una utopía, ya que de todas maneras habrá que hacer pruebas con distintos navegadores y retocar a mano. Además, el CSS autogenerado está falto de optimización, incluso cuando existe la posibilidad de usar un fichero de hoja de estilo externo, en un editor con asistente gráfico como, por ejemplo, el que tiene Nvu: CaScadeS.

Y, finalmente, si estos programas no se dominan, resultan mucho más lentos que escribir el código necesario directamente.

QUIERO APRENDER A HACER PAGINAS WEB, ¿POR DONDE EMPIEZO?

Introducción

Aún hoy, 7 años después de la publicación de la recomendación W3C (World Wide Web Consortium) CSS2 y HTML4.01, (casi 10 de CSS1) la mayor parte de los tutoriales que se encuentran en español para aprender a hacer páginas web no tocan el tema de las hojas de estilo y enseñan a maquetar usando tablas, imágenes invisibles para rellenar huecos y etiquetas obsoletas como FONT.

El uso conjunto de HTML y CSS permite hacer páginas web más ligeras, más fáciles de mantener y actualizar y más accesibles. Además, como beneficio adicional, son mejor indexadas por los buscadores, ya que el documento HTML solo incluye el contenido, sin ninguna información superflua acerca de la apariencia.

Los navegadores actuales más utilizados (Internet Explorer, Firefox, Mozilla/Seamonkey, Netscape, Opera, Konqueror, Safari...) en sus últimas versiones soportan plenamente CSS1 y al menos la parte de CSS2 que permite posicionar elementos (algunos implementan incluso atributos de CSS3, en la que aún se está trabajando), así que no hay problema alguno por usar esta combinación de tecnologías.

Vale, ¿Dónde aprendo HTML y CSS?

En conclase.net hay un muy buen tutorial que te introduce en el mundo de HTML4 y CSS1 desde el principio. A modo de ejemplo de hasta dónde llega CSS1, tienes una de las primeras páginas que se publico en internet que hacía uso de CSS1.

¿Y CSS2?

Una vez que domines CSS1, sólo es aprender unas cuantas propiedades nuevas, especialmente las que te permitirán posicionar los elementos donde quieras. CSS2 es mucho más que una ampliación para permitir posicionamiento pero, como ocurre con el XHTML, Internet Explorer supone un freno para el avance de la web, su implementación de CSS2 practicamente no va más allá de las propiedades position(con un bug importante en el valor fixed), float y clear.

Aunque no sé de ningún tutorial al uso (se aceptan ampliaciones especialmente en este punto), hay unas pocas recopilaciones de apuntes y trucos al respecto de CSS2 en español, que son muy interesantes. Por ejemplo:

• Apuntes de CSS en ignside.net
• Unos cuantos trucos practicos

En la multitud de blogs (bitácoras) dedicados o que tocan el tema del diseño web, es habitual encontrar pequeños trucos. Es una lástima que sea una información tan desperdigada.

En inglés, tenemos la revista electrónica A List Apart, que publica trucos nuevos regularmente.

En las páginas de W3C, hay un mini-tutorial de introducción traducido al español, además de las especificaciones completas de HTML4, CSS1 y CSS2, también traducidas. Éstas últimas no se recomiendan como material de estudio (son una lectura árida), pero sí como material de consulta y referencia.

Y no temas hacer experimentos, es la mejor forma de dominar CSS. En la página personal de Eric A. Meyer, por ejemplo, tienes unos cuantos experimentos de lo más interesante (en inglés).

¿Y dónde aprendo XHTML?

XHTML 1.0 es exactamente igual a HTML 4.01, excepto por la sintaxis más rígida de XML (las etiquetas deben ir siempre en minúsculas y es obligatorio el uso de etiquetas de cierre en todas ellas).

NOTAS

• El tema queda cerrado, pero puedes hacerme llegar cualquier corrección/ampliación a través de mensaje privado o por correo electrónico, si lo prefieres. En el menor tiempo posible, se modificará la nota y se dará el crédito debido.
• Esta es la versión 0.1 del documento.