Ingeniería Estructural de HTML

Daniel A. Villena H. — Fri, 19 Jun 2020 19:38:45 +0000

EL DESARROLLO WEB DESDE UN PUNTO DE VISTA DIFERENTE

Toda construcción de una obra civil (Edificios, casas, entre otras), requiere de una base(cimientos) para sostener una estructura, la cual va a funcionar como parte inicial para la obra final.
Por lo tanto, se podría decir que :

La Estructura es la disposición y distribución de las partes de un todo, cuyo orden y relación entre si, permiten el funcionamiento de un determinado sistema.

En una estructura, cada elemento tiene una función especifica y una correlación con los demás elementos que componen la estructura.

Fuente: wikipedia.

De la misma manera funciona en la elaboración de una estructura HTML, al igual que en la construcción de obras civiles se tienen materiales metálicos, aglutinantes, compuestos, (entre otros); En una estructura HTML tenemos seis(6) tipos de materiales, donde dichos materiales son llamados TAGS.

Un TAG desde su apertura hasta su cierre es llamado HTML Element, donde el elemento tiene una anatomía básica como se explica a continuación.

Al igual que los materiales de construcción civil, tienen propiedades como densidad, resistencia, elasticidad, (entre otros); Los TAGS de HTML también los tienen, a los cuales llamamos atributos y se deben escribir en el TAG de apertura del Elemento HTML, como se explica a continuación.

Como ya comentamos, toda obra civil, requiere fundamentalmente una base, que contenga toda la estructura, dicha base se le llama cimientos, y su función principalmente es la de controlar las cargas y distribuir el peso de la estructura (solo por dar un ejemplo). Así mismo, en una Estructura HTML también se tiene una Base que sostiene la misma.

A dicha base, se le debe especificar el tipo de estructura que va a soportar. ¿Pero como lo hacemos?, con el TAG llamado DOCTYPE, el cual debe ir, siempre al inicio de todo el Documento HTML.

A continuación se muestra la Base de un Documento HTML, al cual se le especifica que va a soportar el tipo de Estructura HTML5.

Explicación de lo que vimos en la imagen anterior.

Tenemos un TAG llamado <!DOCTYPE html> : Con el cual especificamos que la estructura que vamos a Construir sera HTML5.
Tenemos un TAG llamado <html> ... </html> : Este es el limite de nuestra construcción, toda la estructura a continuación, deberá ir dentro de estos TAGS.
Tenemos un TAG llamado <head> .. </head> : Dentro de estos TAGS, se ha de colocar toda la información y documentación relevante sobre nuestro proyecto.
Por ultimo, tenemos un TAG llamado <body> .. </body> : Este es el TAG, que va a soportar toda la estructura del proyecto.

Post en Proceso - Realizado por Daniel Villena.

Ingeniería de una Página WEB

Daniel A. Villena H. — Wed, 17 Jun 2020 23:00:03 +0000

EL DESARROLLO WEB DESDE UN PUNTO DE VISTA DIFERENTE.

La arquitectura, es el arte y la técnica de proyectar, diseñar y construir edificios. Se dice que, la arquitectura descansa en tres principios : la firmeza, la belleza y la utilidad.

Por otra parte, para realizar una construcción, se requieren de una serie de materiales, herramientas y por supuesto, de alguien que lo haga.

Fuente: wikipedia.

De la misma manera se Diseñan y Desarrollan las Páginas Web. Este Post, se trata del preámbulo de una larga serie de tutoriales y de una ruta de aprendizaje personalizada, para aprender programación web, desde un punto inicial como "Principiante", basándome en analogías de la vida cotidiana. A su vez, podemos decir que :

La Ingeniería Estructural es la rama que se ocupa del diseño y cálculo de la parte estructural en elementos y sistemas estructurales tales como edificios y otras obras civiles.

Su finalidad es la de conseguir estructuras seguras, resistentes y funcionales.

Por otra parte, La Arquitectura de Interiores es la rama encargada del diseño de un espacio, para que sea atractivo y funcional visualmente, generando mayor confort en el usuario final, aplicando reutilización adaptativa. (Solo por dar un resumen)

Fuente: wikipedia.

De la misma manera podemos decir que La Ingeniería Front-End es la rama que se ocupa del diseño y cálculo de la parte estructural de una Página Web, la cual se realiza con HTML, generando una estructura firme y accesible a todo usuario. Así como también por medio de CSS, se logra hacer visualmente atractiva dicha página, generando mayor confort, y como valor agregado Tenemos JavaScript, el cual nos permite agregarle funcionalidad a la página, permitiendo la interacción con el usuario final.

Links hacia los tutoriales:

La Ingeniería Estructural de un Archivo HTML (En proceso).

Links de referencias:

Post en Proceso - Realizado por Daniel Villena.

DEV Community: Daniel A. Villena H.

Ingeniería Estructural de HTML

EL DESARROLLO WEB DESDE UN PUNTO DE VISTA DIFERENTE

Ingeniería de una Página WEB

EL DESARROLLO WEB DESDE UN PUNTO DE VISTA DIFERENTE.