>
<
TIC
PRESENTACIÓN
EMPEZAR>
>
<
Índice
1. Definición, características, funcionamiento y ejemplos de lo que es una Web. 2. Que es el HTML 3. Que es CSS 4. Herramientas de diseño y gestores de contenidos (CMS)
EMPEZAR>
1/7
1. Definición, características, funcionamiento y ejemplos de lo que es una Web.
Definición: La Web es el nombre común de la World Wide Web, esta un subconjunto de Internet en el cual se encuentran las páginas a las que se puede acceder mediante un navegador web.
Características
Funcionamiento
Ejemplos de Web
Youtube
Wikipedia
Google
Instagram
2/7
2. Que es el HTML
HTML es un lenguaje de marcado, no de programación, que se usa para: 1. Estructurar el contenido de una página web. 2. Organizar textos, imágenes, enlaces, listas, tablas, formularios, etc. 3. Conectar una página con otras mediante hipervínculos (enlaces). Ejemplos: Links, imágenes, listas...
3/7
3. Que es CSS
Se refiere a la forma en que se aplican las reglas de estilo: si hay varias reglas que afectan a un mismo elemento la CSS decide cuál aplicar según unas prioridades, como: El orden de las reglas Si el estilo es interno, externo o en línea ¿Para qué sirve CSS? Sirve para: Cambiar colores, tamaños, márgenes, tipografías, etc. Hacer que tu sitio se vea bien en distintos dispositivos (responsive design) Separar el contenido HTML del diseño CSS
4/7
4. Herramientas de diseño y gestores de contenidos (CMS)
Las herramientas de diseño son programas que te ayudan a crear el diseño visual de una página web, como el aspecto gráfico, colores, tipografías, etc. Ejemplos: Canva, Photoshop, Figma... . Un CMS es una herramienta que te permite crear, editar y gestionar contenido web como textos, imágenes, etc.) sin necesidad de programar. Ejemplos: Shopify, Wix, Wordpress... .
Presentación finalizada
>
<
Características principales: Hipertextual Usa enlaces que hacen que permitan saltar entre documentos o páginas. Multimedia Puede mostrar texto, imágenes, video, audio, animaciones, etc... . Interactiva Permite al usuario interactuar mediante formularios, menús, botones, etc... . Accesible Puede ser consultada desde cualquier lugar, dispositivo con conexión y persona, ya que es muy orientativa. Dinámica Genera contenido personalizado en tiempo real como son las redes sociales. Adaptable Se adapta a distintos tamaños de pantalla como la tablet, el móvil o el PC
Conexión de dispositivos 1. Los dispositivos se conectan entre sí mediante cables o Wi-Fi. 2. Asignación de dirección IP Cada dispositivo recibe una dirección IP única para poder identificarse en la red. 3. Envío de datos Un dispositivo envía datos con la dirección del destinatario. 4. Transporte de datos por la red Los paquetes viajan a través de routers hacia su destino. 5. Recepción y respuesta El dispositivo receptor recibe los datos y puede enviar una respuesta. 6. Comunicación continua Se mantiene el intercambio de datos mientras sea necesario.
TIC
Guillermo Castro Garcia
Created on September 18, 2025
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Smart Quiz
View
Essential Quiz
View
Practical Quiz
View
Akihabara Quiz
View
Math Calculations
View
Piñata Challenge
View
Pixel Challenge
Explore all templates
Transcript
>
<
TIC
PRESENTACIÓN
EMPEZAR>
>
<
Índice
1. Definición, características, funcionamiento y ejemplos de lo que es una Web. 2. Que es el HTML 3. Que es CSS 4. Herramientas de diseño y gestores de contenidos (CMS)
EMPEZAR>
1/7
1. Definición, características, funcionamiento y ejemplos de lo que es una Web.
Definición: La Web es el nombre común de la World Wide Web, esta un subconjunto de Internet en el cual se encuentran las páginas a las que se puede acceder mediante un navegador web.
Características
Funcionamiento
Ejemplos de Web
Youtube
Wikipedia
Google
Instagram
2/7
2. Que es el HTML
HTML es un lenguaje de marcado, no de programación, que se usa para: 1. Estructurar el contenido de una página web. 2. Organizar textos, imágenes, enlaces, listas, tablas, formularios, etc. 3. Conectar una página con otras mediante hipervínculos (enlaces). Ejemplos: Links, imágenes, listas...
3/7
3. Que es CSS
Se refiere a la forma en que se aplican las reglas de estilo: si hay varias reglas que afectan a un mismo elemento la CSS decide cuál aplicar según unas prioridades, como: El orden de las reglas Si el estilo es interno, externo o en línea ¿Para qué sirve CSS? Sirve para: Cambiar colores, tamaños, márgenes, tipografías, etc. Hacer que tu sitio se vea bien en distintos dispositivos (responsive design) Separar el contenido HTML del diseño CSS
4/7
4. Herramientas de diseño y gestores de contenidos (CMS)
Las herramientas de diseño son programas que te ayudan a crear el diseño visual de una página web, como el aspecto gráfico, colores, tipografías, etc. Ejemplos: Canva, Photoshop, Figma... . Un CMS es una herramienta que te permite crear, editar y gestionar contenido web como textos, imágenes, etc.) sin necesidad de programar. Ejemplos: Shopify, Wix, Wordpress... .
Presentación finalizada
>
<
Características principales: Hipertextual Usa enlaces que hacen que permitan saltar entre documentos o páginas. Multimedia Puede mostrar texto, imágenes, video, audio, animaciones, etc... . Interactiva Permite al usuario interactuar mediante formularios, menús, botones, etc... . Accesible Puede ser consultada desde cualquier lugar, dispositivo con conexión y persona, ya que es muy orientativa. Dinámica Genera contenido personalizado en tiempo real como son las redes sociales. Adaptable Se adapta a distintos tamaños de pantalla como la tablet, el móvil o el PC
Conexión de dispositivos 1. Los dispositivos se conectan entre sí mediante cables o Wi-Fi. 2. Asignación de dirección IP Cada dispositivo recibe una dirección IP única para poder identificarse en la red. 3. Envío de datos Un dispositivo envía datos con la dirección del destinatario. 4. Transporte de datos por la red Los paquetes viajan a través de routers hacia su destino. 5. Recepción y respuesta El dispositivo receptor recibe los datos y puede enviar una respuesta. 6. Comunicación continua Se mantiene el intercambio de datos mientras sea necesario.