Aprendiendo los lenguajes del diseño web

Para escribir el contenido a una pagina web basta con conocer HTML, para darle un aspecto bonito y mejorar la experiencia del usuario añade un poco de CSS.

Estos son los dos lenguajes básicos del diseño web. Si quieres añadir más interacción o dinamismo tendrás que complementar con Javascript. Tienes un tutor en AulaScript perfecto para aprenderlo.

Y si entras en el mundo del frontend también vas a necesitar entender como funciona HTML. Recuerda que el frontend (lo que ve el usuario) y el backend (lo que se ejecuta en el servidor) están intimamente ligados.

...
HTML

Es el lenguaje de marcas que se utiliza para escribir las páginas web. En esta sección del sitio vas a recorrer las etiquets más importantes o las que se usan más a menudo

No van a estar absolutamente todas, porque el lenguaje se va actualizando a menudo y aparecen nuevas etiquets y funcionalidades. Actualmente tiene algunas que pueden sustituir scripts sencillos, como una ventana modal o una de diálogo

En lso ejercicios podrás poner prueba lo que aprendas aquí. Recuerda no se trata de aprender de memoria todo, se trata de saber que unción necesitas. Los editores suelen ayudar para recordar como se usa cada etiqueta

...
CSS

La forma en la que se va a mostrar la página en el navegdor se describe con las reglas de estilo creadas mediante el lenguaje CSS. Vas a ver los principios de este lenguaje y los conceptos básicos

Al igual que HTML, este lenguaje va incrementando sus propiedades regularmente, pero la idea es que tengas las bases de como funciona y las propiedades más habituales y enecesarias en la creación de la página

Con este elnguaje vas a poder crear animaciones e incluso ya incorpora funciones matemáticas para ser más dinámico y adaptarse a los medios de visualización de las páginas web.

Aprender CSS no es una opción, siuqieres crear páginas web tienes que conocer CSS

...
Canvas

Las páginas web inicialmente eran totalmente estáticas, sin interacción con el usuario y cualuier extra necesitaba de añadidos al navegador.- Era el caso de las animaciones: se utilizaba un reproductor de archvis escritos con Flash. Se podían hacer animaciones y juegos espectaculares

Pero HTML incluyó en el estandard el CANVAS, un medio para crear gráficos, imágnes y animaciones en la página web. Su estudio merce una sección aparte. Y apra aprovecharlo bien se necesita utilizar Javascript.

En esta sección se trata de introiducirte al uso de CANVAS para que llegues ser cpaz de crear tus propias animaciones

Antiguos

...
HTML4

Esta es la antigua sección dedicada a la versión 4 de HTML. Incluye unas nociones básicas del CSS usado con esa versión del lenguaje.

Podría ser útil como referencia si alguien necesita conocer como funciona algún sitio o página web antigua para actuzlizarla o modificarla. Aún existen páginas de aplicaciones desarrolladas con HTML 4

Lo mantengo solo como documentación y no se actualiza ni corrije nada, salvo que alguien lo pida.

...
Editor NVU

Una guía de uso del editor HTML NVU, uno de los primeros editores de HTML del tipo WYSIWYG, edición de páginas web sin necesidad de escribir código. Una interfaz gráfica permite insertar imágenes, tablas, listas... código

Era gratuito y fué bastante útil en su tiempo, pero solo era útil con la versión 4 de HTML. Hace años que dejó de actualizarse (la última fue la versión Kompozer). Aquí mantengo un tutor de uso del programa, un poco homenaje a aquellos locos del inicio de internet.

El manual está tal cual y no se actualiza.