VIDEO CURSO DREAMWEAVER CC RESPONSIVE DESIGN CSS JAVASCRIPT JQUERY WEB

Vídeo tutoriales en español para aprender Adobe Dreamweaver CC

En este completo vídeo curso aprenderás sobre:

• Responsive design,
• CSS,
• JavaScript
• jQuery
• Diseño adaptativo (multipantalla),
• Plantillas
• Opciones avanzadas para tu web

 

Contenido del Vídeo Curso de Dreamweaver CC es Español:

 

DISEÑADOR CSS

• Qué veremos en este curso
• Opciones básicas de formateo de listas
• Formateando tablas
• Cuándo usar un div
•  CSS Y EL DISEÑO DE LA PÁGINA

1.  Diseñando con CSS
2.  Box-model CSS
3.  Posicionamiento, display y float
4.  Bordes
5.  Imágenes de fondo
6.  Fondos de color
7.  Márgenes y paddings
8.  Usando las plantillas CSS
9.  Reutilizando CSS

•  CSS3: ANIMACIONES, TRANSICIONES Y SOMBRAS

1.  Transiciones CSS
2.  Animación CSS 
3.  Sombras CSS

 TRABAJANDO CON RESPONSIVE DESIGN Y DREAMWEAVER

1.  Documentos adaptables
2.  Utilizando media queries
3.  Creando contenidos con cuadrícula fluida
4.  Modificando contenidos de la retícula fluida

 

JAVASCRIPT Y JQUERY

• JavaScript y Dreamweaver
•  COMPORTAMIENTOS DE JAVASCRIPT

1.  Mostrando alertas y validación de formularios
2.  Más sobre los comportamientos de JS en DW

•  jQUERY

1.  Widgets jQuery
2.  Widgets de navegación. Acordeón
3.  Creando un sistema de pestañas
4.  Modificando el aspecto del widget
5.  Usando otros elementos de interfaz
6.  jQuery Mobile

 

REUTILIZANDO CONTENIDOS: FRAGMENTOS Y PLANTILLAS

• Creación y uso de plantillas
• Modificando plantillas
• Atributos editables
• Plantillas anidadas
• Regiones repetidas
• Regiones opcionales
• Regiones editables opcionales y tablas de repetición
• Separar y unir a plantilla
• Fragmentos de código

 

UTILIZANDO OTROS LENGUAJES: EL EDITOR DE CÓDIGO DE DREAMWEAVER

• Programando con PHP y Dreamweaver
• Ayudas al código
• Ampliando el panel insertar
• Programando con XML

 

HERRAMIENTAS AVANZADAS

• Herramientas de búsqueda en Dreamweaver
• Herramientas del sitio. Validación de código
• Subiendo el sitio al servidor remoto
• Extensiones Dreamweaver: Adobe Exchange