Con la finalidad de implementar unidades con características en programación, usaremos
objetos en el desarrollo web, según
las reglas del lenguaje HTML y Javascript. Lo anterior se debe a las repetidas
ocasiones en la cuales algunos programadores por el desconocimiento del DOM,
pasan horas creando un procedimiento de dinamismo en las páginas web marcadas con el lenguaje HTML
Cuando creamos páginas web es importante distinguir los tipos
de documentos realizables con lenguaje HTML, ellos son: estáticos y dinámicos:
- Las páginas
de internet estáticas son utilizadas para mostrar información al usuario, es
decir, contienen solo textos o imágenes, videos y audios, con las etiquetas
correspondientes. Para ello, solo se utilizan etiquetas del lenguaje de marcado
HTML.
- Las páginas
de internet dinámicas son utilizadas para lograr una interacción entre el
usuario y la información mostrada. Para ello, se utiliza el lenguaje de marcado
HTML, el de diseño CSS y el de programación Javascript.
Existe un término, utilizado en el
desarrollo web, llamado DHTML correspondiente
a Dynamic HTML. Es utilizado para
crear páginas dinámicas, en la cuales existe una fusión del lenguaje
Javascript, CSS y HTML, cada uno con funciones diferentes:
- Con
Javascript se crean fragmentos de código, llamados script, para agregar dinamismo.
- Con CSS se
define la apariencia de todo el documento HTML.
- Con HTML se
utiliza el modelo DOM, con la finalidad de tratar a todos los elementos de este
lenguaje de marcado como objetos.
061-01_1309_ilu01.
Integrantes de DHTML
El modelo de objetos es utilizado
en una diversidad de lenguajes de programación con las mismas características.
Se trata de agrupar características en un nombre, las cuales son inclinadas al
mundo real. Por ejemplo, si nombramos perro es posible asignarle propiedades
como: color de pelo, de ojos, tipo de raza, entre otros. Cuando se utiliza este
término en HTML, el navegador web comienza
a leer cada etiqueta como un objeto y, mediante scripts, es posible asignarles diferentes eventos.
Para utilizar objetos en HTML, es
importante el manejo de identificadores únicos a cada elemento de este
lenguaje, de esta forma aseguramos el llamado exacto de cada uno. Tal como se
muestra en la siguiente imagen, donde identificamos el elemento de párrafo con
el nombre “ejemplo1”.
061-01_1309_ilu02.
Creación del identificador único
Cuando se utiliza DOM es
conveniente pensar en un nodo de árboles, para acceder a los elementos de un
documento HTML, tal como se muestra a continuación:
061-01_1309_ilu03.
Conformación de nodos en el uso de DOM
En el nodo mostrado anteriomente,
observamos cómo cada etiqueta creada contiene otros elementos dentro y,
posteriormente, cada uno forma un nodo nuevo. Mediante el DOM es posible un
acceso profundo a todos los elementos del árbol, por lo tanto con el uso de Javascript
se utilizan etiquetas más específicas en comparación con el lenguaje CSS.
Kyenotes
- Cuando creamos páginas web es importante distinguir los tipos de documentos realizables
con lenguaje HTML, ellos son: estáticos y dinámicos.
- Las páginas de internet estáticas son utilizadas
para mostrar información al usuario, es decir, contienen solo textos o
imágenes, videos y audios, con las etiquetas correspondientes. Para ello, solo
se utilizan etiquetas del lenguaje de marcado HTML.
- Las páginas de internet dinámicas son
utilizadas para lograr una interacción entre el usuario y la información
mostrada. Para ello, se utiliza el lenguaje de marcado HTML, el de diseño CSS y
el de programación Javascript.
- Existe un término, utilizado en el
desarrollo web, llamado DHTML
correspondiente a Dynamic HTML. Es
utilizado para crear páginas dinámicas, en la cuales existe una fusión del
lenguaje Javascript, CSS y HTML, cada uno con funciones diferentes.
- Con HTML se utiliza el modelo DOM, con la
finalidad de tratar a todos los elementos de este lenguaje de marcado como
objetos.
- El modelo de objetos es utilizado en una
diversidad de lenguajes de programación con las mismas características. Se
trata de agrupar características en un nombre, las cuales son inclinadas al
mundo real.
MisiónCon el fin de implementar unidades con
características de forma eficiente en programación, crea un árbol de nodos con
un código HTML previamente listo.
Pasos a seguir:
- Ubica la recomendación
actual de objetos del lenguaje Javascript.
- Selecciona una página web creada o de internet a fin de
revisar el código HTML.
- Crea el árbol de nodos con
base en el documento anterior.
- Mediante vPages, contacta a un especialista de la
materia y envíale tu árbol, a fin de tomar notas de sus recomendaciones.
Sabrás que has tenido éxito cuando tu árbol permita
comprender con facilidad la estructura del código HTML a dos compañeros.
Agrega a tu árbol las sugerencias del especialista
y de tus compañeros, luego de analizarlas. Compártelo en tu vPages.
Tiempo disponible: 3 horas.
CierreCon el uso de objetos en el desarrollo web,
según las reglas del lenguaje HTML y Javascript, optimizamos el tiempo al
momento de agregar dinamismo en un proyecto para internet. Implementamos
unidades con características en la programación de páginas web. La paciencia y disciplina son determinantes al momento de
definir objetos con etiquetas de HTML.
