En Learning House encontrarás cursos de desarrollo web y marketing digital que se imparten en Granollers.

Todos nuestros cursos son 100% prácticos desde la primera clase.

Las clases son presenciales con profesor.

El contenido de los cursos se estructura a través de ejercicios prácticos.

DISEÑO WEB CON DREAMWEAVER CC, CSS3 Y HTML5

En Learning House encontrarás cursos de desarrollo web y marketing digital que se imparten en Granollers. Todos nuestros cursos son 100% prácticos desde la primera clase. Las clases son presenciales con profesor. El contenido de los cursos se estructura a través de ejercicios prácticos.

METODOLOGÍA

Presencial – 100% práctico.

El contenido de los cursos se estructura a través de ejercicios prácticos. Los alumnos contarán con un dossier teórico – prácticos para desarrollar de forma autónoma durante la clase y fuera de ella.

  • Seguimiento personal e individualizado.
  • Clases 100% prácticas.
  • Días y horarios flexibles.
  • Adaptada a las necesidades del alumno.

CARGA HORARIA

Este curso de Diseño Web con Dreamweaver CC, CSS3 y HTML5 se imparte de forma presencial en nuestro centro. El curso está dotado de 45hs de clases presenciales. Se requiere de una asistencia mínima de 4 horas a la semana.

FECHA DE INICIO, DÍAS Y HORARIOS

Fecha de inicio flexible, pudiendo comenzar el curso en cualquier momento. Días y horarios de clase flexibles. De lunes a viernes de 9:30 a 13:30 h y de 16:00 a 21:00 h.

METODOLOGÍA

Presencial – 100% práctico.

El contenido de los cursos se estructura a través de ejercicios prácticos. Los alumnos contarán con un dossier teórico – prácticos para desarrollar de forma autónoma durante la clase y fuera de ella.

  • Seguimiento personal e individualizado.
  • Clases 100% prácticas.
  • Días y horarios flexibles.
  • Adaptada a las necesidades del alumno.

CARGA HORARIA

Este curso de Diseño Web con Dreamweaver CC, CSS3 y HTML5 se imparte de forma presencial en nuestro centro. El curso está dotado de 45hs de clases presenciales. Se requiere de una asistencia mínima de 4 horas a la semana.

FECHA DE INICIO, DÍAS Y HORARIOS

Fecha de inicio flexible, pudiendo comenzar el curso en cualquier momento. Días y horarios de clase flexibles. De lunes a viernes de 9:30 a 13:30 h y de 16:00 a 21:00 h.
Tecnologías_css.png
Tecnologías_html.png

DISEÑO WEB CON DREAMWEAVER CC, CSS3 Y HTML5

DISEÑO WEB CON DREAMWEAVER CC, CSS3 Y HTML5

DG_objetivos.png
OBJETIVOS
DG_quien.png
¿A QUIÉN VA DIRIGIDO?
Al finalizar el curso de Diseño Web con Dreamweaver CC, CSS3 y HTML5 el alumno será capaz de diseñar y maquetar páginas web con Dreamweaver, herramienta que ofrece en un unico entorno, la posibilidad de crear, editar y administrar sitios web. A su vez, aprenderá los conceptos básicos de HTML5 y CSS3:

Crear sitios web con Dreamweaver.

Trabajar con hojas de estilo CSS para dar formato a las páginas.

Insertar contenido multimedia.

Conocer el lenguaje HTML y su estructura.

Estructurar de forma eficaz un proyecto web.

Dirigido a todas aquellas personas interesadas en concer y trabajar con este editor web. Orientado a diseñadores y desarrolladores web, perfiles con necesidades orientadas al mundo web sin importar los conocimientos previos que el alumno pueda tener ya que se comienza desde la base.
DG_temario.png
TEMARIO

DREAMWEAVER CC

INTRODUCCIÓN A DREAMWEAVER

¿Qué es Dreamweaver?

Acceso a Dreamweaver.

El área de trabajo de Dreamweaver.

Vistas de un documento: código, diseño, dividir, en vivo, vista código en vivo, etc.

Trabajar con documentos: abrir, cerrar, guardar, importar, exportar, etc.

EL ESCRITORIO DE DREAMWEAVER

Barras de herramientas: documento, estado, navegación.

Inspector de propiedades.

Paneles insertar y estilo CSS.

CONFIGURACIÓN DE UN SITIO

¿Qué es un sitio?

Estructura de una página web.

Configuración.

TRABAJAR CON PÁGINAS

Propiedades de una página.

TRABAJAR CON IMAGENES

Insertar imágenes.

Propiedades de las imágenes.

Marcadores de posición.

Imágenes de sustitución.

TRABAJAR CON ENLACES

¿Qué es un enlace?

Rutas: absolutas y relativas (al documento y al sitio).

Crear enlaces. Destino de los enlaces.

Anclaje.

Enlace al correo electrónico.

Zonas interactivas.

TRABAJAR CON TABLAS

Insertar una tabla.

Formato de tabla.

Insertar y eliminar filas y columnas.

Combinar y dividir celdas. Anidar y ordenar tablas.

Marcos: crear, seleccionar y guardar./li>

Propiedades y enlaces en los marcos.

TRABAJAR CON FORMULARIOS

Insertar un formulario.

Elementos de un formulario: campo de texto, área de texto, casillas de verificación, etc.

Validación de formularios mediante JavaScript y HTML.

TRABAJAR CON CAPAS

Insertar una capa.

Etiqueta DIV.

Propiedades de las capas.

Hojas de estilos y capas.

INSERTAR OBJETOS MULTIMEDIA

Insertar audio y video.

Insertar archivos SWF. Películas Shockwave.

Controles ActiveX.

Applet.

Comentarios.

Enlaces permanentes.

HTML5

INTRODUCCIÓN A HTML

¿Qué es HTML? Características del lenguaje.

Las partes que conforman un documento HTML.

Encabezados de un documento HTML.

PRIMERA PÁGINA

Los párrafos en HTML.

Insertar: imágenes y enlaces.

Crear anclas.

Formato de texto y carácter.

LISTAS EN HTML

Sintaxis.

Listas no ordenadas, ordenadas, listas de glosario, menú, anidar listas.

EL COLOR Y LAS IMÁGENES EN HTML

Trabajar con color.

Color de fondo, color de texto y de links.

Insertar imágenes.

Imágenes y texto.

Alinear imágenes.

Bordes y tamaño de una imagen.

Atributo Alt.

TRABAJAR CON TABLAS

Crear tablas.

Propiedades de las tablas: bordes, título, tamaño, alineación.

Las celdas, filas y columnas.

Combinar celdas.

Alineación.

EITQUETAS DIV Y SPAN

FORMULARIOS

HOJAS DE ESTILO CSS3

INTRODUCCIÓN A CSS3

¿Qué son las hojas de estilo en cascada? Breve historia de la evolución de las CSS.

Ventajas de uso de las CSS.

Especificaciones oficiales.

Como incluir CSS en un archivo HTML.

Soporte en navegadores.

El W3C (World Wide Web Consortium)

SINTAXIS

Selectores básicos: universal, tipo o etiqueta, descendentes, de clase, ID.

Combinación de selectores.

Selectores avanzados.

Herencia.

UNIDADES CSS

Relativas, absolutas y porcentaje.

Trabajar con colores en CSS.

MODELO DE CAJA

Ancho y alto.

Margen, relleno y bordes.

Fondo.

Posicionamiento: normal, relativo, absoluto, fijo, flotante.

Visualización: display, float y visibility.

TEXTO

Propiedades de fuente: color, font-family, font-size, font-weight, font-style, font-variant, font.

Propiedades de texto: text-align, line-height, text-decoration, text-transform, text-indent, letter-spacing, word-spacing, white-space.

Alineación.

ENLACES

Estilos básicos.

Pseudo-clases.

Estilo avanzado para los enlaces.

Imagen en los enlaces.

TRABAJAR CON IMÁGENES

Estilos básicos: ancho, alto, bordes, alineación.

Estilos avanzados.

LISTAS Y VIÑETAS

Aplicar estilo a las viñetas y listas numeradas.

Menús personalizados.

TABLAS

Sintaxis CSS para el trabajo con tablas.

FORMULARIOS

Formatear y alinear los diferentes elementos dentro de un formulario.

Formularios en columnas.

Resaltar campos.

CAPAS

Centrar vertical y horizontalmente.

Alto y ancho.

Diseño en columnas.

Estilos avanzados.

OTROS

Versión imprimible.

Personalización del puntero del mouse.

Filtros y hacks.

Opciones para diferentes navegadores.

EJERCICIOS PRÁCTICOS

PROYECTO FINAL

Al finalizar el curso de Diseño Web con Dreamweaver CC, CSS3 y HTML5 el alumno será capaz de diseñar y maquetar páginas web con Dreamweaver, herramienta que ofrece en un unico entorno, la posibilidad de crear, editar y administrar sitios web. A su vez, aprenderá los conceptos básicos de HTML5 y CSS3:

Crear sitios web con Dreamweaver.

Trabajar con hojas de estilo CSS para dar formato a las páginas.

Insertar contenido multimedia.

Conocer el lenguaje HTML y su estructura.

Estructurar de forma eficaz un proyecto web.

Dirigido a todas aquellas personas interesadas en concer y trabajar con este editor web. Orientado a diseñadores y desarrolladores web, perfiles con necesidades orientadas al mundo web sin importar los conocimientos previos que el alumno pueda tener ya que se comienza desde la base.

DREAMWEAVER CC

INTRODUCCIÓN A DREAMWEAVER

¿Qué es Dreamweaver?

Acceso a Dreamweaver.

El área de trabajo de Dreamweaver.

Vistas de un documento: código, diseño, dividir, en vivo, vista código en vivo, etc.

Trabajar con documentos: abrir, cerrar, guardar, importar, exportar, etc.

EL ESCRITORIO DE DREAMWEAVER

Barras de herramientas: documento, estado, navegación.

Inspector de propiedades.

Paneles insertar y estilo CSS.

CONFIGURACIÓN DE UN SITIO

¿Qué es un sitio?

Estructura de una página web.

Configuración.

TRABAJAR CON PÁGINAS

Propiedades de una página.

TRABAJAR CON IMAGENES

Insertar imágenes.

Propiedades de las imágenes.

Marcadores de posición.

Imágenes de sustitución.

TRABAJAR CON ENLACES

¿Qué es un enlace?

Rutas: absolutas y relativas (al documento y al sitio).

Crear enlaces. Destino de los enlaces.

Anclaje.

Enlace al correo electrónico.

Zonas interactivas.

TRABAJAR CON TABLAS

Insertar una tabla.

Formato de tabla.

Insertar y eliminar filas y columnas.

Combinar y dividir celdas. Anidar y ordenar tablas.

Marcos: crear, seleccionar y guardar./li>

Propiedades y enlaces en los marcos.

TRABAJAR CON FORMULARIOS

Insertar un formulario.

Elementos de un formulario: campo de texto, área de texto, casillas de verificación, etc.

Validación de formularios mediante JavaScript y HTML.

TRABAJAR CON CAPAS

Insertar una capa.

Etiqueta DIV.

Propiedades de las capas.

Hojas de estilos y capas.

INSERTAR OBJETOS MULTIMEDIA

Insertar audio y video.

Insertar archivos SWF. Películas Shockwave.

Controles ActiveX.

Applet.

Comentarios.

Enlaces permanentes.

HTML 5

INTRODUCCIÓN A HTML

¿Qué es HTML? Características del lenguaje.

Las partes que conforman un documento HTML.

Encabezados de un documento HTML.

PRIMERA PÁGINA

Los párrafos en HTML.

Insertar: imágenes y enlaces.

Crear anclas.

Formato de texto y carácter.

LISTAS EN HTML

Sintaxis.

Listas no ordenadas, ordenadas, listas de glosario, menú, anidar listas.

EL COLOR Y LAS IMÁGENES EN HTML

Trabajar con color.

Color de fondo, color de texto y de links.

Insertar imágenes.

Imágenes y texto.

Alinear imágenes.

Bordes y tamaño de una imagen.

Atributo Alt.

TRABAJAR CON TABLAS

Crear tablas.

Propiedades de las tablas: bordes, título, tamaño, alineación.

Las celdas, filas y columnas.

Combinar celdas.

Alineación.

EITQUETAS DIV Y SPAN

FORMULARIOS

HOJAS DE ESTILO CSS3

INTRODUCCIÓN A CSS3

¿Qué son las hojas de estilo en cascada? Breve historia de la evolución de las CSS.

Ventajas de uso de las CSS.

Especificaciones oficiales.

Como incluir CSS en un archivo HTML.

Soporte en navegadores.

El W3C (World Wide Web Consortium)

SINTAXIS

Selectores básicos: universal, tipo o etiqueta, descendentes, de clase, ID.

Combinación de selectores.

Selectores avanzados.

Herencia.

UNIDADES CSS

Relativas, absolutas y porcentaje.

Trabajar con colores en CSS.

MODELO DE CAJA

Ancho y alto.

Margen, relleno y bordes.

Fondo.

Posicionamiento: normal, relativo, absoluto, fijo, flotante.

Visualización: display, float y visibility.

TEXTO

Propiedades de fuente: color, font-family, font-size, font-weight, font-style, font-variant, font.

Propiedades de texto: text-align, line-height, text-decoration, text-transform, text-indent, letter-spacing, word-spacing, white-space.

Alineación.

ENLACES

Estilos básicos.

Pseudo-clases.

Estilo avanzado para los enlaces.

Imagen en los enlaces.

TRABAJAR CON IMÁGENES

Estilos básicos: ancho, alto, bordes, alineación.

Estilos avanzados.

LISTAS Y VIÑETAS

Aplicar estilo a las viñetas y listas numeradas.

Menús personalizados.

TABLAS

Sintaxis CSS para el trabajo con tablas.

FORMULARIOS

Formatear y alinear los diferentes elementos dentro de un formulario.

Formularios en columnas.

Resaltar campos.

CAPAS

Centrar vertical y horizontalmente.

Alto y ancho.

Diseño en columnas.

Estilos avanzados.

OTROS

Versión imprimible.

Personalización del puntero del mouse.

Filtros y hacks.

Opciones para diferentes navegadores.

EJERCICIOS PRÁCTICOS

PROYECTO FINAL

SOLICITAR MÁS INFORMACIÓN