Aprende a utilizar a crear webs responsivas, semánticas, acordes a los requerimientos del mercado y la tecnología actual.

Dirigido a estudiantes, diseñadores y profesionales en general que deseen adquirir o reforzar sus conocimientos sobre diseño web.
Dirigido a diseñadores, estudiantes y profesionales en general que deseen adquirir, reforzar ó actualizar sus conocimientos en el diseño web con Dreamweaver, HTML5, CSS3 y Bootstrap.

Diseño Web (i) / Syllabus del Curso:

Curso de Diseño Web (i)

Duración del curso

La duración estimada del curso es de 32 horas; no obstante ésto, al dictarse de forma personalizada, de acuerdo a los conocimientos previos y disponibilidad de prácticas externas por parte del alumno, la duración final puede variar sensiblemente.

Recursos didácticos

  • Guía del Alumno
  • Materiales digitales para teoría y práctica, suministrados oportunamente a través de nuestro Campus Virtual (CVFG).
  • Wiki, foros de consulta, repositorio de documentos, glosario, biblioteca de enlaces y otras herramientas también disponibles en el Campus Virtual.

Ahorra tiempo!

Te ofrecemos un sistema único de enseñanza:
Apende sobre tu propio proyecto y también ahorra dinero!
Estamos en la cuadra 15 de la Av. Petit Thouars; uno de los puntos de más fácil acceso de la ciudad de Lima.
Consúltanos a través del +51 992 386 197, ó escríbenos nuestro formulario de contacto.

Módulo I: Introducción

  1. Conceptos básicos del Diseño Web
    1. Formatos habituales de pantallas.
    2. Lenguajes: XML, HTML, CSS y JavaScript. Conceptos.
    3. Servidores web.
      1. Servidores web locales.
      2. Servidores web remotos.
    4. Hosting, dominios y subdominios.
      1. Hosting gratuito vs. hosting de pago.
    5. La tipografía en la web.
       
  2. Conceptos básicos de Dreamweaver
    1. Ventajas del uso de Dreamweaver.
    2. El entorno de trabajo.
    3. Vistas en Dreamweaver:
      1. Vista de Código, Dividida, de Diseño y Vista en Vivo.
    4. Concepto y creación de sitios en Dreamweaver.
       
  3. Conceptos básicos de HTML y CSS
    1. Breve historia del HTML y del CSS.
    2. Codificación y regionalización de documentos web.
    3. HTML vs. CSS.
    4. La Web Semántica.
    5. Google Fonts, Font Awesome y otros servicios de tipografía web.
       

Módulo II: Primeros pasos

  1. Sitios de Dreamweaver.
    1. Beneficios de trabajar con Sitios en Dreamweaver.
    2. Creación y configuración de un Sitio en Dreamweaver.
    3. Administración de Sitios en Dreamweaver.
    4. Búsqueda, corrección y sustitución de textos en códigos y en documentos; beneficios de trabajar con un sitio definido en DW.
       
  2. Creación y edición de documentos HTML.
    1. Estructura de un documento html vacío.
    2. Crear y editar documentos HTML.
    3. Etiquetas básicas para la creación y estructuración de documentos HTML.
    4. Líneas de comentarios en HTML.
       
  3. Primeros documentos CSS
    1. Funciones del CSS.
    2. Conceptos básicos del CSS.
    3. Modos de codificación básicos con CSS.
    4. Tipo de definiciones de estilos CSS: Estilos de etiquetas, estilos de clases y de IDs.
    5. Líneas de comentarios en CSS.
       

Módulo III: HTML y CSS Avanzados

  1. Crear y estilizar documentos de texto
    1. Etiquetas HTML básicas para crear contenidos de texto:
      1. p, h1, h2,… h6,
      2. ul, ol, li, dl, dt, entre otras.
    2. Hipervínculos.
      1. Direcciones relativas y absolutas.
      2. El control de hipervínculos al usar la ventana Archivos.
      3. Hipervínculos a correos electrónicos y teléfonos, etc.
    3. Formatear textos en HTML con CSS.
    4. Dibujar líneas de separación (hr) en HTML.
      1. Estilización de la etiqueta hr usando CSS.
    5. Convirtir textos de Word, PDF y otros formatos en documentos HTML.
    6. Los caracteres especiales en HTML.
    7. El DOM y el inspector de propiedades.
       
  2. CSS avanzado
    1. Propiedades de textos
    2. Entender las unidades de medida con CSS.
    3. Los estados Link, Visited, Hover, Active y Focus.
    4. Concepto de responsividad. Las Media Queries.
    5. Fondos y de bordes.
    6. Márgenes y acolchados.
    7. Estilos en cascada.
      1. Resolución de conflictos.
      2. Estilos condicionales.
      3. Trabajar con varias hojas de estilos.
       
  3. Documentos multimedia en la web.
    1. El Inspector de Propiedades.
    2. La etiqueta i-frame.
    3. Vincular y estilizar imágenes en un documento web.
      1. Formatos de imágenes para la web.
    4. Publicar audio en una página web.
      1. Formatos de sonido para la web.
    5. Insertar videos en la web.
      1. Insertar videos locales.
      2. Insertar videos desde YouTube y Vimeo.
       
  4. Tablas
    1. Estructura de las tablas HTML.
    2. Crear tablas HTML.
    3. Propiedades de tablas, filas y celdas.
    4. Anidar tablas.
    5. Formateando tablas con CSS.
       
  5. Capas y bloques HTML.
    1. Etiquetas de bloque.
    2. Los posicionamientos Static, Relative, Absolute y Fixed.
    3. La etiqueta Div y sus propiedades.
    4. El Diseñador CSS.
       

Módulo IV: Bootstrap.

  1. Los componentes de Bootstrap en Dreamweaver.
    1. Container, container-fluid.
    2. Retículas de filas y columnas.
    3. Barras de navegación (navbar, menús).
    4. Opciones de submenús.
    5. Insertar y configurar un carousel (Slider) de fotos y videos.
    6. Imágenes responsivas.
    7. Videos responsivos.
    8. Jumbotron.
    9. Botones y grupos de botones.
    10. Componente Tab y Accordion (tabuladores y acordeones).
    11. Paginaciones y “breadcrumbs”.
       
  2. Propiedades básicas de Bootstrap.
    1. Principales definiciones, usos y características.
       
  3. Formularios de contacto.
    1. Etiquetas de formularios.
    2. Campos de ingreso de información.
    3. Botones de radio y checkboxes.
    4. Grupos de componentes.
       

Módulo V: Proyecto final, integridad y publicación del sitio en Internet.

  1. Hipervínculos.
    1. Comprobación de hipervínculos en los documentos del sitio.
      1. Sitio > Opciones del sitio > Comprobar vínculos en todo el sitio.
       
  2. Configuración de una cuenta FTP en Dreamweaver.
    1. Ingreso y comprobación de los datos de la cuenta en el Sitio de Dreamweaver.
    2. Conexión al servidor y subida de datos.
       

Formación Gráfica, Capacitación Modular Personalizada.

Formación Gráfica, enseñanza modular personalizada en cursos de diseño y creatividad que se adaptan a tus tiempos y objetivos, dictados tanto de forma presencial como remota, apoyados en nuestro Campus Virtual.

Consúltanos a través del +51 992 386 197, ó escríbenos utilizando el formulario de contacto que encontrarás a continuación indicando el curso de tu interés:

Estudia en uno de los puntos más accesibles de Lima.

Consúltanos!