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.
CierreEl 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.
