Introducción
HTML - CSS
FRONTEND
VS.
BACKEND
HTTP
El Protocolo de transferencia de hipertexto (en inglés, Hypertext Transfer
Protocol, abreviado HTTP) es el protocolo de comunicación que permite las
HyperText transferencias de información a través de archivos (XHML, HTML…) en la World
Wide Web.
Transfer
Fue desarrollado por el World Wide Web Consortium y la Internet Engineering
Protocol Task Force, colaboración que culminó en 1999 con la publicación de una serie
de RFC, siendo el más importante de ellos el RFC 2616 que especifica la versión
1.1. HTTP define la sintaxis y la semántica que utilizan los elementos de
software de la arquitectura web (clientes, servidores, proxies) para comunicarse.
HTML
HTML (Lenguaje de Marcas de Hipertexto, del inglés HyperText Markup
HyperText Language) es el componente más básico de la Web. Define el significado y la
estructura del contenido web.
Markup "Hipertexto" hace referencia a los enlaces que conectan páginas web entre sí,
Language ya sea dentro de un único sitio web o entre sitios web. Los enlaces son un
aspecto fundamental de la Web. Al subir contenido a Internet y vincularlo a las
páginas creadas por otras personas, te conviertes en un participante activo en
la «World Wide Web» (Red Informática Mundial).
ANATOMÍA
ESTRUCTURA
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Mi página de prueba</title>
</head>
<body>
<p>Esta es mi página</p>
</body>
</html>
SINTAXIS BÁSICA
<h1>
Mi página web
</h1>
<p>Crea un enlace a
<a href="[Link] página de inicio de Mozilla</a>.
</p>
CSS
Las hojas de estilo en cascada (CSS, cascading style sheets) permiten crear
páginas web atractivas. ¿Cómo funcionan? Es el CSS con un ejemplo de sintaxis
Cascading sencillo y describiremos algunos términos clave sobre este lenguaje.
Style El CSS es un lenguaje informático que especifica cómo se presentan los
documentos a los usuarios: cómo se diseñan, compaginan, etc.
Sheets El CSS es un lenguaje basado en reglas: cada usuario define las reglas que
especifican los grupos de estilos que van a aplicarse a elementos particulares o
grupos de elementos de la página web. Por ejemplo: «Quiero que el encabezado
principal de mi página se muestre en letras grandes de color rojo».
ANATOMÍA
selector{
propiedad: valor;
}
SINTAXIS BÁSICA
h1 {
color: red;
font-size: 52px;
}
DIRECTORIO DE ENLACE CSS
*Los directorios también funcionan de la misma manera para el atributo “src”
CONCLUSIONES
1 El Diseño Multimedia es un rama con múltiples posibilidades para el diseñador
digital/actual, área donde podremos implementar conocimientos y habilidades
de comunicación, tipografías, color, interactividad y muchos más.
2
Los lenguajes HTML y CSS (que se implementarán a lo largo de la clase), nos
generan múltiples posibilidades de maquetación web, conocer estos las
sintaxis, así como su estructura básica, será de suma importancia para la
creación de proyectos web.