Intrducción a (X)HTML - Guía básica

Qué es HTML

HTML (Lenguaje de Marcado de HiperTexto).

"El HTML es mas una codificación que un lenguaje de programación. Su estructura básica es tan simple que cualquier persona sin principios en programación puede aprenderlo con gran facilidad.

Lo sorprendente de este lenguaje es que proporciona al usuario la información en una manera interactiva, haciendo uso del hypertexto , o texto con enlaces hacia otros lugares del Web, o hacia inserciones de multimedia (videos, sonidos, gráficos, etc.). Además es universal y no depende del sistema operativo que se esté utilizando.

Los documentos HTML se escriben en modo ASCII (texto plano), haciendo uso de cualquier procesador de palabras y en cualquier sistema operativo." Referencia

Qué es XHTML

"XHTML (Lenguaje de Marcado de Hipertexto Extensible) es una versión más estricta y limpia de HTML , que nace precisamente con el objetivo de remplazar a HTML ante su limitación de uso con las cada vez más abundantes herramientas basadas en XML . XHTML extiende HTML 4.0 combinando la sintaxis de HTML, diseñado para mostrar datos, con la de XML, diseñado para describir los datos."

"Ante la llegada al mercado de un gran número de dispositivos, XHTML surge como el lenguaje cuyo etiquetado, más estricto que HTML, va a permitir una correcta interpretación de la información independientemente del dispositivo desde el que se accede a ella. XHTML puede incluir otros lenguajes como MathML , SMIL  o SVG , al contrario que HTML."

El W3C Referencia

"El Consorcio World Wide Web (W3C) es una asociación internacional formada por organizaciones miembro del consorcio, personal y el público en general, que trabajan conjuntamente para desarrollar estándares Web. La misión del W3C es:

Guiar la Web hacia su máximo potencial a través del desarrollo de protocolos y pautas que aseguren el crecimiento futuro de la Web." Referencia

Qué es CSS

"Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple 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. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos."

"CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la presentación. Los Estilos definen la forma de mostrar los elementos HTML y XML. CSS permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas vinculadas a esa CSS en las que aparezca ese elemento." Referencia

Por qué es importante seguir estándares

"Un estándar es una especificación que regulan la realización de ciertos procesos o la fabricación de componentes para garantizar la interoperabilidad." Referencia

Es importante alinearse a los estándares existentes en la industria pues de ello dependerá que nuestros procesos tengan una mayor aceptación.

Algunas guías

Software que puede ayudar al diseño Web Existe una cantidad inmensa de programas y aplicaciones que podrán ser útiles para diseñar páginas y hasta complejos sitios web. Están las opciones libres y las privativos pero, en esta ocasión, no discutiremos cuales son mejores.

Simplemente mencionaremos algunos de ellas que nos han parecido adecuadas. En el lector de estas notas está la decisión de emplear el que mas sea de su agrado o el que esté mas a su alcance. Lo que sí dejaremos bien en claro es el echo de conseguir el software legalmente. Legal no quiere decir, necesariamente, comprar costosos programas o aplicaciones. Incluso se puden conseguir sin pagar un monto (directamente, pues todo significa un gasto: descargar de la red, obtenerlo en una revista, etc).

Hay aplicaciones que pretenden hacer muchas cosas a la vez pero no logran un resultado satisfactorio. Entonces no mencionaremos esas opciones.

Un aspecto cómodo es mencionar únicamente las aplicaciones WYSIWYG (What You See Is What You Get o "lo que ves es lo que obtienes") pero creemos que la mejor manera de aprender algo es desde los cimientos. Así que primero mencionaremos aquellas opciones básicas hasta las mas completas (a nuestro parecer) todos se ejecutan bajo ambiente Windows (hay versiones de algunos de ellos para otras plataformas).

Para la creación de código (x)html

Las herramientas anteriores nos servián, en general, para todo lo que haremos al diseñar una página web. No obstante, existen herramientas específicas para cada etapa del diseño. Por ejemplo, con el bloc de notas podemos escribir el código html y las hojas de estilo pero utilizando un programa específico para crear hojas de estilo tendremos ciertas ventajas.

Para la creación de hojas de estilo

Para validar el HTML

Para validar CSS

Existen cantidades increibles de programas y aplicaciones aparte de las mencionadas y, dependiendo de una serie de factores como los resultados esperados, la plataforma en que se trabaje, etc, se optará por utilizar una de ellas o buscar otras que se adecuen mejor a nuestros requisitos. Solo mencionamos las mas comunes.