Con el propósito de describir los lenguajes
utilizados en el desarrollo de páginas web,
identificaremos la relación entre HTML5 Y CSS3 en el proceso de estructura y
diseño, según las recomendaciones oficiales de ambos. En ocasiones, los
proyectos destinados a internet son creados con deficiencia, debido al
desconocimiento de la relación entre los dos lenguajes bases para la creación
de proyectos web. Por lo tanto, según
las recomendaciones oficiales de HTML5 y CSS3, dominaremos las técnicas de
desarrollo de ambos lenguajes.
Cuando creamos proyectos web, la finalidad es su ejecución
correcta, por lo tanto, es necesario dominar la relación entre los lenguajes necesarios
para ello. De esta forma, aseguramos un diseño impecable y, por ende, la
visualización correcta por parte del usuario. Independientemente de la versión
de HTML y CSS, ambos van estrechamente vinculados, debido al complemento entre
ellas para la creación de proyectos destinados a internet.
061-01_0503_ilu01. Íconos de HTML5 y CSS3
Cuando comenzó la creación de
páginas web, se marcaban solo con el
lenguaje HTML para dar estructura, posteriormente, era posible agregar color de
forma sencilla. Debido al desarrollo de la internet y el impacto causado en los
usuarios, deciden separar la estructura del estilo, a fin de realizar
recomendaciones por separado y dar la oportunidad al programador para
implementarlos en hojas diferentes. Mientras se desarrolló la quinta versión de
HTML, recomiendan la tercera versión de CSS para complementar las exigencias
del usuario del momento.
061-01_0503_ilu02. Documento HTML5 y CSS3
Una característica importante de
crear hojas diferentes es la simplificación de código, pues al tener un
documento solo para la estructura es más sencillo mantener el orden, y así
facilitar la modificación o inserción de nuevas etiquetas en el documento HTML.
También, brinda la posibilidad de aplicar nuevos diseños en el documento CSS,
sin tocar la información o la estructura de la misma. Como se muestra en la
siguiente imagen, en lugar de tener un solo documento con todo, creamos dos con
instrucciones separadas.
061-01_0503_ilu03. Simplificación de código HTML y CSS
Es necesario crear primero un
documento HTML, donde las etiquetas utilizadas tengan congruencia entre el
significado y el texto donde se aplican, sin tomar en cuenta la presentación,
pues para el diseño se utiliza CSS. Al buscador web esto le facilita ubicarlas, debido al orden en el código omite
las especificaciones de estilo y se dirige directamente al tema principal para coincidirlo
con la búsqueda del usuario.
Un detalle importante es el
proceso de búsqueda por parte del navegador web,
a veces solo lee un determinado número de etiquetas, por lo tanto, si todo está
en un solo documento se vuelve extenso y dificulta el procedimiento de
indexación o toma textos irrelevantes. Por este motivo, cuando se crean los
documentos por separado son interpretados con mayor rapidez, a fin de
mostrarlos correctamente al usuario.
061-01_0503_ilu04. Íconos de buscadores web
Keynotes
- Independientemente de la versión de HTML y
CSS, ambos van estrechamente vinculados, debido al complemento entre ellas para
la creación de proyectos destinados a internet.
- Una característica importante de crear hojas
diferentes es la simplificación de código, pues al tener un documento solo para
la estructura es más sencillo mantener el orden, y así facilitar la
modificación o inserción de nuevas etiquetas en el documento HTML.
- Es necesario crear primero un documento HTML,
donde las etiquetas utilizadas tengan congruencia entre el significado y el
texto donde se aplican, sin tomar en cuenta la presentación, pues para el
diseño se utiliza CSS.
- Un detalle importante es el proceso de
búsqueda por parte del navegador, a veces solo lee un determinado número de
etiquetas, por lo tanto, si todo está en un solo documento se vuelve extenso y dificulta
el procedimiento de indexación o toma textos irrelevantes.
RetoRealiza un cuadro comparativo con la identificación de relación entre HTML5 Y CSS3 en el proceso
de estructura y diseño de una página web.
Ingresa una comparación con criterio personal según lo aprendido.
¡Comparte el resultado de tu reto en vPages e invita a dos compañeros a
comentarla a fin de debatir sobre el cuadro comparativo!
Tiempo disponible: entre 15 y 30 minutos.
CierreCon la identificación de la relación entre HTML5 Y CSS3 creamos con
excelencia proyectos destinados a internet y describimos con precisión la
utilidad de cada lenguaje. El estudio constante y la organización son
determinantes para dominar con excelencia las recomendaciones oficiales de
ambos lenguajes.
