Seleccione su perfil de usuario

Estudiante

Autónomo

Situación desempleo

Empresa

Ninguno de los anteriores

Descuentos no acumulables a otras promociones.
La formación está exenta de IVA en virtud del artículo 20.1.9º LIVA

Diseño y Desarrollo Web

Curso de Dreamweaver CS6 avanzado

Duración: 20 horas

Fechas Lugar Comprar
Del 12/03/2013 al 04/04/2013 Barcelona Comprar ahora 30% al realizar la reserva Ver días y horarios
Del 28/01/2013 al 06/02/2013 Barcelona Comprar ahora 30% al realizar la reserva Ver días y horarios

Ubicación: Barcelona

Precio: 480 € (Se pagará el 30% al realizar la reserva)

Observaciones: Empresas: bonificable mediante la Fundación Tripartita. Microgestio se reserva el derecho de aplazar el inicio del curso si no se alcanza el número de alumnos requerido.

Descripción del curso.

El conocimiento del lenguaje CSS es fundamental para la maquetación de contenidos para la web.

¿Qué aprenderás en este curso?

Profundizarás en el conocimiento del CSS, aplicado a la creación de estilos y a la maquetación de una página web.
Conoceremos la siguiente versión, CSS3, para aplicar diferentes efectos visuales que mejoran el flujo de trabajo con este lenguaje y ayudarán a aumentar las posibilidades de tus diseños.
Introduciremos el trabajo con frameworks para facilitar la maquetación de tus páginas web.

¿A quien va dirigido este curso?

Curso dirigido a profesionales del diseño gráfico y del diseño web que necesiten crear proyectos profesionales.

Conocimientos Previos

Se requieren conocimientos medios del sistema operativo MacOS o Windows.
Son imprescindibles conocimientos de HTML, saber trabajar con Adobe Dreamweaver CS5, y tener conocimientos básicos de CSS.

Contenidos

CSS2 avanzado

¿Dónde se escribe el código CSS? Cascada y herencia

Tipos de Selectores:

Redefinir etiqueta HTML. Universal. Identificador. Clase. Descendente. Selector hijo. de Atributos, Agrupación de selectores. Pseudo-clases, Pseudo-elementos.

Sintaxis:

Escritura abreviada de CSS. Unidades de medida.

Media Queries CSS

Creación de layout
medias CSS2: impresión, dispositivos móviles antiguos
medias condiciones CSS3: detección de distintos anchos de pantalla escritorio, iPad, iPhone

Maquetación Líquida (Responsive Web Design)
Layout de rejilla líquida. Adaptación y reestructuración de contenidos sensibles a distintos tamaños de pantalla.

CSS3

Modificadores para añadir compatibilidad con Mozilla, Webkit, Opera
Border-radius
Cantos romos a imágenes y cajas
Mismo y distintos valores para los cuatro vértices
Sombras: cajas, imágenes, texto
Fondos: escalables, múltiples
Transformaciones, transiciones, animaciones
Color HSL, HSLA, RGB, RGBA
Opacidad
Degradados: lineales, radiales
Selectores de atributos con expresiones regulares

Multi-columnas

Importación fuentes
Generadores CSS3
Saber la compatibilidad CSS3 y HTML5 con navegadores y versiones

HTML5

Etiquetas semánticas:
header, footer, nav, section, article, aside
Compatibilidad con navegadores antiguos
Trabajo off-line
Audio y video nativo
SVG archivo vectoriales nativos
Formularios mejorados
tipos de input: date, range, color, deslizadores
atributos: placeholder, requered, valid

Transiciones y transformaciones CSS3 de forma asistida

Cambiar determinadas propiedades de forma progresiva, no bruscamente, mediante cuadros de diálogo

Uso de WebFonts con links locales de forma asistida

Configurar y descargar conjuntos fuentes web, con todos los formatos para garantizar soporte en todos los navegadores modernos. Gestión en el sitio local usando Paneles (Importación y aplicación de Web Fonts).

Uso de WebFonts basados en links remotos

Validación desde DreamWeaver
JumpMenu y alternativa sin JavaSprit
Widgets
Anclas usando identificadores
Server-Side include
Sugerencias de código HTML5 y CSS3
Configurar Preferencias para testear en el emulador iOS

Introducción a Adobe Edge (animaciones HTML5)

Las animaciones generadas por Flash no están soportas por dispositivos iOS.
Adobe Edge permite crear animaciones nativas HTML5 (no requiere instalar plugins en el navegador con en Flash) y esta soportado por Tablets y smartPhones y navegadores de escritorio de última generación. Interficie similar a Adobe After Effects. También permite añadir interactidad y efectos especiales a tus páginas web.

Adobe Wallaby

Convertir animaciones Flash a animaciones HTML5.

Introducción a JavaScript + PHP

Variables, Array, funciones, eventos, objetos métodos propiedades

jQuery+jQueryUI

jQuery es una librería gratuita y con amplia compatibilidad con navegadores y versiones. Nos ajuda a mejorar nuestras páginas web de una forma sencilla, incrementando la productividad y que el usuario obtenga una experiencia más dinámica. Con conocimientos de HTML, CSS y javaScript la curva de aprendizaje es muy rápida.

Quizá también te interese...

Curso de Redes Sociales

Redes Sociales Objetivos ...

EUR 440

Detalles

Curso sobre estrategias de posicionamiento en Internet (SEO)

¿A quién va dirigido? Dirigido a profesionales ...

EUR 440

Detalles

Curso de programación orientada a Objetos en Objective C (II)

Curso de Iniciación a la Programación Orientada a Objetos con Objective-...

EUR 680