Construcción de sitios web

Cada desarrollador de sitios web debe conocer los siguientes componentes web:

  • HTML 4.01
  • Uso de CSS (hojas de estilo)
  • XHTML
  • XML y XSLT
  • Scripts del lado del cliente
  • script del lado del servidor
  • Gestión de datos mediante SQL
  • El futuro de la Web

HTML 4.01

HTML es el lenguaje de la Web, y cada desarrollador web necesita tener una comprensión básica de él.

HTML 4.01 es un estándar web importante, y sus diferencias con HTML 3.2 son muy grandes.

Después de que se añadieron etiquetas como font y propiedades de color a HTML 3.2, se convirtió gradualmente en una pesadilla para los desarrolladores. Desarrollar sitios web que necesiten agregar información de fuente en cada página individual se convirtió en un proceso largo y caro.

A través de HTML 4.01, toda la información de formato puede ser eliminada del documento HTML y colocada en una hoja de estilo independiente.

HTML 4.01 es importante por otra razón debido a XHTML 1.0, este estándar HTML más reciente se ha expresado como una aplicación XML de nuevo HTML 4.01. El uso de HTML 4.01 en tus páginas asegura que en el futuro se pueda actualizar fácilmente a XHTML.

Asegúrate de que estés utilizando el estándar más reciente de HTML 4.01.

Aprende nuestra Manual de referencia de HTML 4.01.

Hojas de estilo en cascada (Cascading Style Sheets - CSS)

Las estilos pueden definir cómo se muestra un elemento HTML, de manera similar a la etiqueta font en HTML 3.2. Los estilos generalmente se almacenan en archivos fuera del documento HTML. Las hojas de estilo en línea te permiten cambiar la apariencia y la disposición de todas las páginas del sitio web simplemente editando un simple documento CSS. Si alguna vez has intentado realizar algunos cambios, como cambiar al mismo tiempo la fuente o el color de todos los títulos de las páginas del sitio, entenderás cómo CSS puede lograr un efecto de dos por uno.

Asegúrate de aprender nuestra Tutorial de CSS.

XHTML - El futuro de HTML

XHTML se refiere a HyperText Markup Language Extensible (Extensible HyperText Markup Language).

XHTML 1.0 es el estándar HTML más reciente de W3C. Se convirtió en una recomendación oficial el 26 de enero de 2000 (Recomendación). La Recomendación de W3C significa la estabilidad de sus normas, y actualmente estas normas se han convertido en un estándar web.

XHTML es una versión de HTML 4.01 reconstruida usando XML y puede ser utilizada inmediatamente en los navegadores existentes al seguir algunas directrices sencillas.

Prepárate para el futuro: leeCómo transformar un sitio web en XHTML.

XML - Herramienta para describir datos

Expansión de lenguaje de etiquetas (XML) yNo esSustituto de HTML. En el desarrollo web futuro, XML se utilizará para describir y almacenar datos, mientras que HTML se utilizará para mostrar datos.

Nuestra descripción más adecuada de XML es una herramienta de almacenamiento y transmisión de información multipлатforma e independiente de los hardware y software.

Creemos que la importancia de XML no es menor que la de HTML en la posición fundamental del web, y XML se convertirá en la herramienta más importante para el procesamiento y transmisión de datos.

Asegúrate de aprender nuestros Tutorial de XML.

XSLT - Herramienta de usuario para la transformación de datos

XSLT (XSL Transformations, Extensible Stylesheet Language Transformations) es un lenguaje utilizado para transformar XML.

Los sitios web futuros tendrán que transmitir datos en diferentes formatos a diferentes navegadores y a otros servidores web. XSLT es un nuevo estándar W3C que permite convertir datos XML en diferentes formatos.

XSLT puede convertir archivos XML en formatos reconocibles por los navegadores, como HTML o WML, un lenguaje de marcado utilizado en muchos dispositivos móviles.

XSLT también puede agregar elementos, eliminarlos, reordenarlos, clasificarlos, probarlos y determinar qué elementos mostrar, entre otros.

Asegúrate de aprender nuestros Tutorial de XSLT.

Scripts del lado del cliente

Los scripts del lado del cliente son una forma de programación relacionada con el comportamiento de los navegadores de Internet. Deberías aprender JavaScript para poder transmitir más contenido dinámico de sitios web:

JavaScript es una herramienta de programación proporcionada para los diseñadores de HTML
Los creadores de HTML generalmente no son programadores, pero JavaScript es un lenguaje de script con una sintaxis muy simple. ¡Casi cualquier persona puede insertar fragmentos de código JavaScript en sus páginas HTML!
JavaScript puede insertar texto dinámico en una página HTML
Una instrucción de JavaScript como esta puede escribir texto variable en una página HTML: document.write("h1" + name + "/h1")
JavaScript puede reaccionar a eventos
Se puede configurar JavaScript para que se ejecute en eventos específicos, como cuando se carga la página o cuando el usuario hace clic en un elemento HTML.
JavaScript puede leer y modificar los elementos HTML
JavaScript puede leer y modificar el contenido de los elementos HTML
JavaScript se puede usar para verificar datos
Se puede usar JavaScript para verificar los datos del formulario antes de que se envíe al servidor, de esta manera se asegura de que el servidor realice un procesamiento de datos correcto.

¡Es muy importante aprender nuestro Tutorial de JavaScript.

script del lado del servidor

Los scripts del lado del servidor y la programación del servidor de Internet están relacionados. Deberías aprender scripts del lado del servidor para poder transmitir más contenido de sitios web dinámicos. A través de la programación del lado del servidor, puedes:

  • Editar, modificar o agregar contenido de páginas web dinámicamente
  • Responder a consultas o datos presentados por el usuario en HTML
  • Acceder a datos o bases de datos y devolver los resultados al navegador
  • Acceder a archivos o datos XML y devolver los resultados al navegador
  • Convertir XML en HTML y devolver los resultados al navegador
  • Personalizar las páginas para diferentes usuarios, mejorando la accesibilidad de las páginas
  • Proporcionar seguridad y control de acceso para diferentes páginas web
  • Diseñar diferentes salidas para diferentes tipos de navegadores
  • Minimizar el tráfico de red

En W3SCHOOL, a través de ASP Y PHP Te mostramos la programación de scripts en el lado del servidor

Asegúrate de aprender nuestros Tutoriales de ASP Y Tutoriales de PHP.

Uso de SQL para administrar datos

El lenguaje de consulta estructurada (SQL) es un estándar general para acceder a bases de datos como SQL Server, Oracle, Sybase y Access.

Para aquellos que desean almacenar y extraer datos de bases de datos, el conocimiento de SQL es extremadamente valioso.

Cualquier administrador web debe entender que SQL es un motor verdaderamente adecuado para bases de datos en la web.

Asegúrate de aprender nuestros Tutoriales de SQL.

Perspectivas futuras

Es muy importante que comprendas una cosa, la funcionalidad del sitio web cambiará radicalmente. Veremos una gran transformación, es decir, que el sitio web pasa de la presentación de contenido "estático" a la transmisión de contenido "dinámico".

Veremos muchos navegadores nuevos, como navegadores en dispositivos móviles, al mismo tiempo, veremos más sobre la comunicación de datos entre servidores y entre servidores y navegadores utilizando XML.