A fin de identificar de forma correcta las etapas de creación de páginas para la internet, describiremos los pilares de la programación web en el proceso de desarrollo. Dominaremos el nombre y utilidad de cada lenguaje de programación, así como también el nivel de implementación de cada uno, a fin de crear proyectos con pulcritud y de forma organizada, pues el desconocimiento conlleva a diseñar  páginas web desorganizadas, con estructuras ilegibles y con difícil mantenimiento.

Una página web se encuentra lista y disponible en la internet para diferentes usuarios, luego de un procedimiento en el cual es posible ser partícipes en cada etapa. Sin embargo, hay programadores especializados solo en una etapa, y ejercen ese rol en el proceso. Por lo tanto, la única forma de asegurar la creación correcta de un proyecto, es dominar los diferentes tipos de lenguajes utilizados en el proceso de programación.

061-01_0107_ilu01. Mapa conceptual de lenguajes de programación

Cuando el tema y propósito de la página web está definido, comenzamos con el uso de un lenguaje de marcado, por ejemplo HTML, el cual muchas veces es confundido con un lenguaje de programación. La diferencia radica en su utilidad para estructurar con precisión el documento, mientras un lenguaje de programación permite crear procedimientos. HTML es un lenguaje de marcas oficialmente estandarizado por la organización W3C. La versión vigente con las reglas exactas para su uso la encontramos en su página oficial. El navegador web interpreta en primer lugar este lenguaje para mostrar los datos al usuario en el orden correcto.

061-01_0107_ilu02. Significado de HTML

Luego de marcar la estructura de un documento se utiliza el lenguaje CCS, Cascading Stylesheets, conocido en español como hojas de estilo en cascada. Las cuales permiten especificar las instrucciones con respecto a la presentación de una página web, por ejemplo, colores y fuentes de las letras, espaciado entre líneas, ubicación de las imágenes, entre otras opciones. Este lenguaje en un principio solo abarcaba el diseño de una página web, sin embargo, desde la versión CSS3, es posible hacer animaciones en la presentación. Al momento de la exclusión de este lenguaje, cada navegador presenta la página con estilos predeterminados, los cuales normalmente carecen de atractivos visuales.

061-01_0107_ilu03. Mapa conceptual de lenguaje CCS

Cuando la página web se encuentra marcada estructuralmente por el lenguaje HTML, y luego diseñada por el lenguaje CCS, la mostramos al usuario mediante el navegador web. Sin embargo, al agregar lenguaje JavaScript, le añadimos interactividad. Es decir, JavaScript es un lenguaje utilizado frecuentemente para agregar funciones con respuestas al usuario, o según los datos ingresados por el mismo, a fin de crear interacción entre ambos.

061-01_0107_ilu04. Definición de JavaScript

Keynotes

• Una página web se encuentra lista y disponible en la internet para diferentes usuarios, luego de un procedimiento en el cual es posible ser partícipes en cada etapa. Sin embargo, hay programadores especializados solo en una etapa, y ejercen ese rol en el proceso.
• Cuando el tema y propósito de la página web esta definido, comenzamos con el uso de un lenguaje de marcado, por ejemplo HTML.
• Luego de marcar la estructura de un documento se utiliza el lenguaje CCS, Cascading Stylesheets, conocido en español como hojas de estilo en cascada. Las cuales permiten especificar las instrucciones con respecto a la presentación de una página web.
• Cuando la página web se encuentra marcada estructuralmente por el lenguaje HTML, y luego diseñada por el lenguaje CCS, podemos mostrarla al usuario mediante el navegador. Sin embargo, al agregar lenguaje JavaScript, le añadimos interactividad.
• JavaScript es un lenguaje utilizado frecuentemente para agregar funciones con respuestas al usuario, o según los datos ingresados por el mismo, a fin de crear interacción entre ambos.

Misión

A fin de domina las etapas necesarias para la creación de páginas disponibles en la internet, crea un resumen escrito para describir los pilares de la programación web, en el proceso de desarrollo de una página.

Pasos a seguir:

• Utiliza el editor de video preferencial.
• Inserta la mayor cantidad de ilustraciones a fin de representar con precisión cada concepto.
• Describe cortos conceptos de cada lenguaje de programación necesitado.

Sabrás que has tenido éxito cuando se lo presentes a seis personas con diferentes profesiones, y cada una pueda darte un resumen verbal del video visualizado.

Al finalizar, determina el porqué alguno de ellos dejó de entender algún concepto y realiza las mejoras correspondientes al video. Comparte el resultado final en tu VKTV y debate con un compañero el resumen de otro en su publicación.

Tiempo disponible: 3 horas.

El dominio de los lenguajes de programación para páginas web permite crear proyectos organizados con estructuras legibles y hace fácil realizar futuros mantenimientos. Con la descripción de los pilares de la programación web en el proceso de desarrollo identificamos de forma correcta las etapas necesarias para la creación de páginas disponibles en la internet. Con práctica, dedicación y disciplina lograremos dominar en su totalidad los beneficios de cada lenguaje aprendido.