Herramientas básicas para el desarrollo web responsive con HTML y CSS

Curso

Online

$ 260.000 IVA inc.

Descripción

  • Tipología

    Curso

  • Metodología

    Online

  • Horas lectivas

    30h

  • Inicio

    Fechas disponibles

  • Envío de materiales de aprendizaje

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

Online

comienzo

Fechas disponiblesInscripciones abiertas

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.

Preguntas & Respuestas

Añade tu pregunta

Nuestros asesores y otros usuarios podrán responderte

¿Quién quieres que te responda?

Déjanos tus datos para recibir respuesta

Sólo publicaremos tu nombre y pregunta

Opiniones

Materias

  • Internet
  • Sitios web
  • Desarrollo web
  • HTML
  • CSS
  • Propiedades
  • Lenguaje
  • Informática
  • Sintaxis
  • Diseño web

Profesores

Jorge Herrera Méndez

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

Plan de estudios

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.
Contenidos
  • ¿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.
Contenidos
  • ¿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.
Contenidos
  • 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.
Contenidos
  • 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

$ 260.000 IVA inc.