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

▪ Selectores:
▪ Redefinir etiqueta
▪ Universal
▪ Identificador
▪ Clase
▪ Descendente
▪ Selector hijo
▪ De atributos
▪ Agrupación de selectores
▪ Pseudo-clases, Pseudo-elementos

▪ Sintaxis:
▪ Escritura abreviada de CSS
▪ Unidades de medida
▪ Creación layouts



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…



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

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


Introducción a JavaScript + PHP
Variables, Array, funciones, eventos, objetos métodos propiedadess


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



Adobe Edge
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
Permite convertir animaciones Flash a animaciones HTML5.

Adobe Muse
Permite crear sitios web tan fácilmente como maquetar en InDesign para impresión. Sin escribir código permite diseñar y publicar páginas HTML, basados en los últimos estándar web. No requiere conocimientos de código. Interface similar a InDesign. Compatible con Photoshop, Illustrator. Creación y publicación sitios web fácil, simple y rápido.


-Planifica tu sitio (Arquitectura)
Mapa del sitio
Páginas maestras
-Diseñar herramientas Adobe familiares
Gestión de imágenes
Estilos de párrafo y carácter
Gestión de imágenes
Encabezamientos y Pies
-Interactividad
Auto-generar navegación: Menús
Incluir witgets (googleMaps, youTube…)
Hipervínculos: absolutos, relativos, estilos de hipervinculos, anclas mejoradas
Galerias de imágenes

-Testear sitio en local
-Publicar. Alojar hosting (Business Catalyst)


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.

-Descarga personalizada y vinculación de ( jQuery + jQueryUI)
-Mostrar-ocultar con efectos
-Botones
-Objetos arrastrables, soltable, reordenables
-Tabbed (paneles de fichas)
-Acordeón
-Formularios mejorados
-Autocompletado
-DatePicker calendario
-Efectos
-Cuadro de diálogo