<LA WEB, EL HTML, CSS Y CMS
Creado por Marina López Arias>
EMPEZAR >
>
>
ÍNDICE
02
01
La Web
El HTML
03
04
05
El CSS
El CMS
Bibliografía
<01> LA WEB
¿Qué es?, características, funcionamiento, diferencias con página web.
EMPEZAR >
>
>
¿QUÉ ES UNA PÁGINA WEB?
- Es un documento digital visto en un navegador y parte de un conjunto mayor. - Incluye texto, imágenes, enlaces, videos. - Funciones interactivas para el usuario (informar, entretener o vender)’
>
>
// características
URL propia.
Texto, imágenes, formularios, vídeos, ...
Accesible mediante internet.
Estática o dinámica.
Construida por HTML, CSS y JavaScript
>
>
FUNCIONAMIENTO
Navegador resuelve la solicitud
Se conecta con el servidor
Usuario inicia la solicitud
Navegador renderiza la página
Envía solicitud HTTP
Servidor responde
>
>
// PÁGINA WEB
- Documento digital individual. - Propia URL. - Página contacto o landing page.
// SITIO WEB
- Conjunto de varias páginas web. - Mismo dominio. - Estructura completa.
<02> el html
¿Qué es?, funciones, escritura.
EMPEZAR >
>
>
// ¿Qué es el HTML?
Lenguaje de Marcas de Hipertexto (Hyper Text Markup Language). Lenguaje de codificación para el desarollo de páginas webs. Diseñado en 1945 como un sistema de almacenamiento. Lenguaje de marcado (organiza y estructura). Marcas de hipertexto (etiquetas)
"<>"
<h1>
<p>
+info
<03> el css
¿Qué es?, ¿por qué se usa?, ventajas
EMPEZAR >
>
>
+info
// ¿Qué es el css?
Hojas de estilo en cascada (Cascading Style Sheets) Aplicar estilos a uno o varios documentos de forma automática y masiva Conexión con HTML Se usa como concepto de separación de presentación y contenido.
<04> el cms
¿Qué es?, ¿para qué se usa?, tipos ejemplos.
EMPEZAR >
>
>
// ¿Qué es el cms?
Sistema de gestión de contenidos (Content Management System). Infraesctructura básica de un sitio web (personalización del diseño y la gestión y modificación de contenidos). Tipos: de código abierto; en la nube; de propietario. Agilización de los procesos en front-end y back-end.
Info
>
<Bibliografía>
https://www.godaddy.com/resources/latam/stories/pagina-web-que-es-tipos
https://digitalcubik.com/diccionario-marketing-digital/h/html-hipertext-markup-language/
https://lenguajecss.com/css/introduccion/que-es-css/
https://www.hostinger.com/es/tutoriales/que-es-un-cms
GRACIAS
// FUNCIONES
- Macrado estructural: configura y ayuda.
- Finalidad del texto:
- Marcado presentacional: constitución gráfica.
WordPress.org
Drupal
- Uno de los más potentes.
- Usado por grandes empresas y entidades gubernamentales.
- Excelente tiempo de carga de la página, herramientas de seguridad avanzadas, y módulos incorporados.
- Herramientas sólidas de gestión de contenido
- Gran variedad de sitios web.
- Plataforma de código abierto.
LECTURA
PROCESAMIENTO
APLICACIÓN
// ventajas
1. Modificación visual.2. Menos duplicación de estilos. 3. Información a transmitir menor. 4. Creación de diferentes versiones.
<LA WEB, EL HTML, CSS Y CMS
Marina López Arias
Created on September 21, 2025
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Math Lesson Plan
View
Primary Unit Plan 2
View
Animated Chalkboard Learning Unit
View
Business Learning Unit
View
Corporate Signature Learning Unit
View
Code Training Unit
View
History Unit plan
Explore all templates
Transcript
<LA WEB, EL HTML, CSS Y CMS
Creado por Marina López Arias>
EMPEZAR >
>
>
ÍNDICE
02
01
La Web
El HTML
03
04
05
El CSS
El CMS
Bibliografía
<01> LA WEB
¿Qué es?, características, funcionamiento, diferencias con página web.
EMPEZAR >
>
>
¿QUÉ ES UNA PÁGINA WEB?
- Es un documento digital visto en un navegador y parte de un conjunto mayor. - Incluye texto, imágenes, enlaces, videos. - Funciones interactivas para el usuario (informar, entretener o vender)’
>
>
// características
URL propia.
Texto, imágenes, formularios, vídeos, ...
Accesible mediante internet.
Estática o dinámica.
Construida por HTML, CSS y JavaScript
>
>
FUNCIONAMIENTO
Navegador resuelve la solicitud
Se conecta con el servidor
Usuario inicia la solicitud
Navegador renderiza la página
Envía solicitud HTTP
Servidor responde
>
>
// PÁGINA WEB
- Documento digital individual. - Propia URL. - Página contacto o landing page.
// SITIO WEB
- Conjunto de varias páginas web. - Mismo dominio. - Estructura completa.
<02> el html
¿Qué es?, funciones, escritura.
EMPEZAR >
>
>
// ¿Qué es el HTML?
Lenguaje de Marcas de Hipertexto (Hyper Text Markup Language). Lenguaje de codificación para el desarollo de páginas webs. Diseñado en 1945 como un sistema de almacenamiento. Lenguaje de marcado (organiza y estructura). Marcas de hipertexto (etiquetas)
"<>"
<h1>
<p>
+info
<03> el css
¿Qué es?, ¿por qué se usa?, ventajas
EMPEZAR >
>
>
+info
// ¿Qué es el css?
Hojas de estilo en cascada (Cascading Style Sheets) Aplicar estilos a uno o varios documentos de forma automática y masiva Conexión con HTML Se usa como concepto de separación de presentación y contenido.
<04> el cms
¿Qué es?, ¿para qué se usa?, tipos ejemplos.
EMPEZAR >
>
>
// ¿Qué es el cms?
Sistema de gestión de contenidos (Content Management System). Infraesctructura básica de un sitio web (personalización del diseño y la gestión y modificación de contenidos). Tipos: de código abierto; en la nube; de propietario. Agilización de los procesos en front-end y back-end.
Info
>
<Bibliografía>
https://www.godaddy.com/resources/latam/stories/pagina-web-que-es-tipos
https://digitalcubik.com/diccionario-marketing-digital/h/html-hipertext-markup-language/
https://lenguajecss.com/css/introduccion/que-es-css/
https://www.hostinger.com/es/tutoriales/que-es-un-cms
GRACIAS
// FUNCIONES
WordPress.org
Drupal
LECTURA
PROCESAMIENTO
APLICACIÓN
// ventajas
1. Modificación visual.2. Menos duplicación de estilos. 3. Información a transmitir menor. 4. Creación de diferentes versiones.