Herramientas básicas para el desarrollo web responsive con HTML y CSS
Curso
Online
Descripción
-
Tipología
Curso
-
Metodología
Online
-
Horas lectivas
30h
-
Inicio
Fechas disponibles
-
Envío de materiales de aprendizaje
Sí
Saber sobre el desarrollo web hoy es indispensable, ya que prácticamente todo se hace a través de sitios web: pagar cuentas, revisar noticias, comprar o simplemente leer un blog. Adquirir herramientas para construir sitios, es una ventaja profesional en el mundo digital de hoy.
En este curso, se entregarán herramientas para desarrollar un sitio web propio, además de modificar y gestionar cualquier página web, agregar estilos gráficos y lo más importante: leer y escribir uno de los lenguajes más utilizados en internet: el HTML y CSS.
En la actualidad, contar con un sitio web se ha convertido en una herramienta fundamental, tanto para empresas como para personas, ya que promueve la comunicación, brinda credibilidad y es un canal importante para dar a conocer distintos productos y/o servicios de manera rápida y efectiva.
Durante la década de los noventa, se comenzaron a construir diversos sitios web los cuales han ido evolucionando con el tiempo. Desde el diseño de sitios con tablas (que dio la separación entre el diseño y el desarrollo web), pasando por la era del Flash, hasta llegar al nacimiento del lenguaje CSS el cual permitió dar estilos gráficos al HTML en formato y apariencia, haciendo sitios web más vistosos y atractivos.
Finalmente, gracias al aumento de la velocidad de internet, la web 2.0 y el nacimiento de los smartphones o teléfonos inteligentes, las páginas web evolucionaron al último gran cambio: el diseño responsivo, el cual nace para resolver el conflicto y cubrir las necesidades de quienes acceden desde un dispositivo móvil. En consecuencia, tener un sitio web responsive ha dejado de ser opcional y hoy es realmente una necesidad.
Al finalizar el curso, se espera que los participantes sean capaces de aplicar herramientas básicas de CSS y HTML para el desarrollo de una página web responsive.
Sedes y fechas disponibles
Ubicación
comienzo
comienzo
A tener en cuenta
Los alumnos que cumplan las exigencias del programa recibirán un certificado de aprobación otorgado por la Pontificia Universidad Católica de Chile.
75% Afiliados y cargas de Caja los Andes.
50% Beca alumnos extranjeros.
15% Descuento ex alumnos UC, ex alumnos DUOC UC, funcionarios UC y profesionales de servicios públicos.
10% Descuento grupo de tres o más personas de una misma institución, funcionarios empresas en convenio.
5% Descuento estudiantes de postgrado otras universidades.
Opiniones
Materias
- Internet
- Sitios web
- Desarrollo web
- HTML
- CSS
- Propiedades
- Lenguaje
- Informática
- Sintaxis
- Diseño web
Profesores
Jorge Herrera Méndez
Jefe de programa
Ingeniero Comercial, Licenciado en Ciencias de la Administración, Universidad de Santiago de Chile. Director-Gerente del Programa de Capacitación en Computación y del Programa de Capacitación y Desarrollo Integral PROCADE, Dirección General de Educación Continua, UC.
Temario
Módulo 1: Primeros pasos en el desarrollo web: HTML
Objetivo Específico
- Reconocer las diferentes etiquetas y atributos del lenguaje HTML para el desarrollo de una página web.
- ¿Qué es el HTML?
- Anatomía de una etiqueta HTML
- Tipos de etiquetas
- Atributos en etiquetas HTML
- Anatomía de un documento HTML
- Fundamentos de texto en HTML
- Hipervínculos
- Imágenes
- Estructura de una página web
- Etiquetas de envoltura semánticas y no semánticas
- Saltos de línea y líneas horizontales
- Consideraciones y buenas prácticas
Módulo 2: Aplicando estilos a una página web con CSS
Objetivo Específico
- Aplicar las diferentes propiedades básicas de CSS para asignar estilos a los elementos dentro del HTML.
- ¿Qué es el CSS?
- Sintaxis del CSS
- Cómo agregar CSS al documento
- Selectores de CSS
- Tipos de fuentes
- Cascadas y herencia
- Estilos de texto
- Estilos de listas
- Estilos de enlaces
- Colores en el CSS
- Unidades en el CSS
- Consideraciones y buenas prácticas
Módulo 3: Creando estilos y distribución con CSS: el modelo de cajas y su posicionamiento
Objetivo Específico
- Utilizar las diferentes propiedades de estilo CSS en cajas para la distribución y estilo de los elementos dentro del HTML.
- Cajas en bloque y en línea
- Propiedad display
- Modelo de cajas
- Propiedades width y height
- Márgenes, relleno y bordes
- Propiedad background
- Sombras
- Elementos flotantes
- Posición de un elemento
- Consideraciones y buenas prácticas
Módulo 4: Transformando una página web a Responsive Design
Objetivo Específico
- Aplicar estilos mediaquery en la hoja de estilos CSS, para la adaptación de la página web a diferentes dispositivos y resoluciones de pantalla.
- Tipos de diseño
- Diseño responsive
- Mobile first
- Meta viewport
- Las media queries
- Breakpoints
Herramientas básicas para el desarrollo web responsive con HTML y CSS