¡BIENVENIDOS!

CAPACITACIÓN: TECNOLOGÍAS DE LA INFORMACIÓN

PROPÓSITO DE LA MATERIA

 Diseña páginas web, animaciones multimedia, imágenes digitales e impresas,

para generar productos de comunicación y publicidad en el ámbito laboral y
comunitario, favoreciendo el desarrollo ético, creativo e intercultural del
entorno.
Competencias Profesionales básicas:
 CPBTIC7.- Construye sitios web creativos y funcionales mediante software
de diseño web, para transmitir información electrónica diversa a gran escala
de manera responsable y empática en contextos laborales, educativos y de
la vida cotidiana
PROGRAMA DE LA MATERIA

 Introducción al Diseño web

 Páginas web y sitio web
 Conceptos básicos (dominio, URL, hosting, applets)
 Elementos de una página web
 Estándares de diseño web (W3C)
 HTML y CSS
 Estructura básica de la web: html, head, body.
 Elementos básicos: títulos, párrafos, imágenes, hipervínculos, videos.
 Maquetación webb:Tablas, divs, clases, menús.
 Estilos básicos; tamaño, colores y fuentes.
 Diseño y usabilidad, márgenes y posiciones de los elementos.
 Diseño de página web usando software de aplicación.
 Publicar un sitio web.
MATERIAL A UTILIZAR

 1 libreta profesional de rayas, portada con los datos de

identificación.

 Registrarse en la plataforma Classroom con el siguiente

código de clase:
 Horario de clase
PLAN DE EVALUACIÓN: BLOQUE I

*ACTIVIDADES EN LA PLATAFORMA…………….70%
*EXAMEN…………………………….….……………30%
EVALUACIÓN DIAGNÓSTICA
 Contesta las siguientes preguntas en tu libreta. Contesta si o no.
1. ¿Sabes qué es una página web?
2. ¿Sabes qué es un sitio web?
3. ¿Sabes qué es un dominio?
4. ¿Sabes qué es un hosting?
5. ¿Conoces cuáles son los elementos de una página web?
6. ¿Sabes qué es html?
7. ¿Sabes qué es una URL?
8. ¿Sabes qué es FTP’
9. ¿Sabes qué es una IP?
10. ¿Te gustaría estudiar Diseño Web?
 BLOQUE I: SESIÓN1

APRENDIZAJE ESPERADO:
CONSTRUYE UNA PÁGINA WEB, UTILIZANDO
ELEMENTOS DEL SOFTWARE DE DISEÑO WEB,
FAVORECIENDO SU CREATIVIDAD E INNOVACIÓN, PARA
COMUNICAR INFORMACIÓN EN DISTINTOS
CONTEXTOS.
VER VIDEO

 COMO FUNCIONA EL INTERNET

 https://www.youtube.com/watch?v=rw41W8crZ_Y
CONCEPTOS BÁSICOS
 Pagina web
Se refiere al documento que forma parte de un sitio web y que suele contar con enlaces
(también conocidos como hipervínculos o links) para facilitar la navegación entre los
contenidos
 Sitio web
Es un conjunto de archivos electrónicos y páginas web referentes a un tema en
particular.
 Navegador
Es el programa que se utiliza para acceder a los contenidos de Internet. Debe ser capaz
de comunicarse con un servidor y comprender el lenguaje de todas las herramientas que
manejan la información de Web. Los navegadores más populares son Edge, Mozilla
Firefox, NetScape, Opera, , etc
 Buscador
Es un sistema informático que busca archivos almacenados en servidores web gracias a
su araña web. Ejemplo google Chrome, yahoo, Edge, etc..
CONCEPTOS BÁSICOS
 World Wide Web (WWW)
Es el sistema de presentación de la información más utilizado en Internet. Sus
principales características son: Hipertexto, Multimedia, Pública y Dinámica..
 Servidor
Es el ordenador encargado de proporcionar al navegador del cliente los
documentos y medios que éste solicita.
 Cliente
Se refiere a la computadora de un usuario que está conectada a una red y
accede a otra computadora, llamada servidor, para solicitar varios tipos de
recursos, guardar datos o ejecutar ciertos programas o realizar ciertas
funciones.
CONCEPTOS BÁSICOS
 HTTP (HyperText Transfer Protocol)
Es el protocolo de comunicación utilizado para transmitir las peticiones y archivos a
través de Internet entre el servidor y el navegador. El protocolo http:// se indica en el
inicio de la dirección. Si no se teclea este prefijo, el navegador lo añade de forma
automática.
 URL (Universal Resource Locator)
Es la dirección donde se encuentra un recurso en Internet. Ejemplo:
http://www.google.es. Si no se indica página html, el servidor enviará la página índice
(index) o bien por defecto (default).
 HTML (HyperText Markup Language)
Es el lenguaje en el que se diseñan las páginas que se visualizan a través del navegador.
Este lenguaje se basa en etiquetas (instrucciones que le dicen al navegador como deben
mostrarse) y atributos (parámetros que dan valor a la etiqueta).
CONCEPTOS BÁSICOS

 Hosting
Es el servicio que provee a los usuarios de Internet un sistema para poder
almacenar información, imágenes, vídeo, o cualquier contenido accesible vía web. Las
compañías que proporcionan espacio de un servidor a sus clientes se suelen
denominar con el término en inglés web host.
 Dominio
Es un nombre único que identifica a una subárea de internet. El propósito principal
de los nombres de dominio en Internet y del sistema de nombres de
dominio (DNS), es traducir las direcciones IP de cada activo en la red, a términos
memorizables y fáciles de encontrar. Sin la ayuda del sistema de nombres de
dominio, los usuarios de Internet tendrían que acceder a cada servicio web
utilizando la dirección IP del nodo (por ejemplo, sería necesario utilizar
http://142.250.184.4/ en vez de http://google.com)
CONCEPTOS BÁSICOS

 IP
Es una etiqueta numérica, por ejemplo "192.0.10.1" que identifica, de manera lógica y
jerárquica, a una interfaz en la red (elemento de comunicación/conexión) de un
dispositivo (computadora, laptop, teléfono inteligente).
 TCP/IP
Es el Protocolo de control de transmisión. El modelo TCP/IP es usado para
comunicaciones en redes y, como todo protocolo, describe un conjunto de guías
generales de operación para permitir que un equipo pueda comunicarse en una red
 FTP
Es un protocolo de red para la transferencia de archivos entre sistemas conectados
a una red TCP, basado en la arquitectura cliente-servidor.
ACTIVIDAD 1

 Realiza un mapa conceptual utilizando los conceptos vistos en clase.

Utiliza cmaptools o cualquier otro software libre para su
elaboración.
 Investiga qué es la usabilidad web y realiza un reporte en word.
Anota tu nombre completo y grupo.
Envía la actividad en el apartado de la plataforma classroom.