Aprenderemos a manejar Dreamweaver desde cero, creación de sitios web sin saber programación, hasta crear aplicaciones complejas, conocerás las herramientas del programa, maquetación css, formularios, web para mobiles y mucho más.
INTRODUCCION
-
Construcción de sitios web: Tecnologías necesarias
-
Qué es y qué Dreamweaver
-
Tipos de archivo
-
Novedades de la versión
-
Descripción del curso
CONCEPTOS BÁSICOS DE DREAMWEAVER
-
Extensiones Dreamweaver y Firefox
-
Estructurando un proyecto web
-
Identificación de los medios finales de visualización del contenido
-
Prediseñando contenidos
-
Necesidades del público final: Accesibilidad
-
Organización de los contenidos: Posicionamiento
-
Buenas prácticas en Dreamweaver
-
Personalizando la interfaz
-
Vistas de trabajo en Dreamweaver
-
Ayudas a la programación
-
Preferencias de la aplicación
TRABAJANDO CON SITIOS
-
Creando un nuevo sitio
-
Trabajando con sitios
-
Archivos y carpetas
-
Configuración remota
CREANDO CONTENIDOS
Creando un documento nuevo: Configuración
-
Documentos y plantillas en blanco
-
Creando y confirgurando un documento
-
Documento para dispositivos
Un poco de HTML
-
Estructura básica de etiquetas
-
Contenidos de HEAD
Creando texto en Dreamweaver
-
Añadiendo textos a la estructura
-
Encabezados
-
Trabajando con listas
-
Codificación
-
Insertando contenido desde Word
-
Fuentes incrustadas
Trabajando con imágenes
-
Añadiendo imágenes: Propiedades de la imagen
-
La imagen y el panel de propiedades
-
Tipos de imagen
-
Optimización de imágenes
-
Zonas interactivas
-
Imágenes de sustitución
-
Integración Dreamweaver y Photoshop
Creando vínculos
-
Aplicando vínculos a textos
-
Aplicando vínculos a imágenes
-
Puntos de anclaje
-
Mails y descargas
-
Enlaces y mapas de imagen
Multimedia
-
Inserción de contenidos Multimedia
-
Usando HTML5 para insertar vídeo
-
Contenidos de Flash: SWF
-
Contenidos de vídeo Flash
Widgets
ESTILOS CSS
-
Estructura de las reglas CSS
-
Selectores CSS
-
Paneles CSS
-
Navegador de código
-
Plantillas CSS
CSS y los elementos más básicos
-
Formateando caracteres y párrafo
-
Formateando encabezados
-
Formateando listas
-
Formateando enlaces
-
CSS e imágenes
Maquetación usando CSS
-
Etiquetas DIV
-
Posicionamiento de DIV
-
DIV de posicionamiento absoluto
-
Plantillas de Dreamweaver basadas en CSS
-
Reutilizando CSS
-
Cudarícula fluida
TRABAJANDO CON TABLAS
-
Creando tablas
-
Formateando la estructua de las tablas
-
Cambiando el aspecto de las tablas
-
Aplicando estilos a tablas
-
Importando datos tabulares: Ordenando datos
FORMULARIOS
-
Etiqueta FORM
-
Campos de texto y áreas de texto
-
Tablas y formularios
-
Casillas de verificación y botones de opción
-
Menús desplegables y listas
-
Campos ocultos
-
Enviando datos del formulario
-
Formateando formularios con CSS
INTERACTIVIDAD: JAVASCRIPT Y SPRY
Comportamientos de JavaScript
-
Mostrando alertas y creando Pop-Ups con JavaScript
-
Validación de formularios
SPRY
-
AJAX y SPRY
-
Validaciones SPRY
-
Menús SPRY
-
Paneles SPRY
REUTILIZANDO CONTENIDOS: BIBLIOTECAS, FRAGMENTOS Y PLANTILLAS
-
Elementos de biblioteca
-
Creación y uso de plantillas
-
Plantillas anidadas
-
Atributos editables
-
Regiones repetidas
-
Regiones opcionales
-
Separar y unir a plantilla
-
Fragmentos
CREACIÓN DE CONTENIDOS DINÁMICOS: PHP Y MYSQL
-
Configurando el sistema: XAMPP
-
Configuración del servidor
-
Configuración del sitio
-
Hola mundo
-
Conectando a BBDD
HERRAMIENTAS AVANZADAS
-
Mejorando el HTML de nuestro sitio: Validación de código
-
Herramientas de búsqueda
-
Herramientas del sitio
-
Vinculación de Dreamweaver a CMSs
-
Testeando el sitio en diferentes dispositivos y navegadores
-
Integración de Dreamweaver con otras herramientas de Adobe para crear apps
-
Publicación final de nuestro sitio