Diseño Web Profesional con Dreamweaver CS6
En la actualidad Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web.
- Duración200 h
- Unidades16
- FormatoSCORM 1.2
Sobre este contenido
En la actualidad Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web. Se trata de una herramienta imprescindible para todos aquellos interesados en convertirse en expertos del diseño web, sector que goza en la actualidad de amplias salidas profesionales. Esta aplicación cuenta con características novedosas y ofrece un panorama amplio de opciones de diseño, indispensable para los diseñadores expertos y principiantes de Web.
A quién va dirigido
Dirigido a diseñadores gráficos, diseñadores y programadores de páginas web, informáticos, estudiantes, desempleados, y en general a cualquier persona que desee aprender a diseñar y crear páginas web. No es necesario ningún conocimiento previo para realizar este scorm.
Temario
16 unidades didácticas · 200 horas
Contenido16 unidades
A quién le interesa dreamweaver
- Objetivo del curso
- A quién va dirigido este curso.
Comenzando con dreamweaver CS6
- ¿Que es un dominio de un sitio Web?
- ¿Qué es un servidor Web?.
- Resolución de pantalla.
- Lenguaje HTML.
- Diferentes tipografías y colores en la Web
- Prácticas
Nuestro primer sitio con dreamweaver
- Qué es un sitio en Dreamweaver.
- Configurar un sitio Web.
- Administrar y editar sitios Web.
- Crear y abrir documentos en Dreamweaver.
- Espacio de trabajo de Dreamweaver CS6
- Vistas del documento.
- Propiedades de la página: CSS, HTML
- Prácticas.
Elementos de estructura HTML y estilos
- Insertar Texto.
- Importar documentos de Microsoft Word
- Propiedades del texto: Propiedades HTML, Propiedades CSS.
- Creación de listas.
- Caracteres especiales en HTML
- Edición avanzada de texto.
- Crear un estilo CSS y definición.
- La tipografía en las páginas Web.
- Prácticas
Los links. enlaces internos y externos
- Qué es un link.
- Crear un link.
- Link a una dirección de correo.
- Puntos de ancla (marcas en el documento).
- Menú de salto
- Configurar los Widget de la barra de menús.
- Función para comprobar vínculos.
- Estilos en vínculos: Link, Visited, Active
- Prácticas
Integración de imágenes en el diseño de la página
- 1. Cómo insertar imágenes en nuestra web.
- 2. Propiedades de la imagen: El inspector de propiedades.
- 3. Alinear y redimensionar una imagen.
- 4. Rollover sobre una imagen.
- 5. Mapas de imagen
- 6. Marcadores de posición
- 7. Objetos Inteligentes
- 8. Prácticas
Diseño de la web mediante tablas
- Tablas.
- Insertar tablas
- Selección de elementos de la tabla
- Propiedades de la tabla.
- Propiedades de las celdas
- Tamaño de tablas (filas y columnas).
- Copiar, pegar, combinar y anidar tablas
- Formato CSS de tablas.
- Prácticas
Organización de contenidos a través de capas
- Las capas.
- Posiciones de las cajas: Estática, Relativa, absoluta y fija.
- Insertar capas.
- Propiedades de las capas.
- Panel de elementos PA.
- Capas prediseñadas.
- Conversión entre elementos PA y tablas.
- Comportamientos: código JavaScript.
- Aplicar un comportamiento.
- Prácticas.
Diseño de una página con CSS
- Hojas de estilo
- Panel de estilos
- Crear una nueva regla
- Propiedades de tipo de fuente
- Propiedades de fondo
- Propiedades de bloque
- Propiedades del cuadro
- Propiedades del borde
- Prácticas
Control funcional de una página a través de CSS
- Propiedades lista: Reglas css para una Web atractiva
- Propiedades de posición
- Propiedades de extensiones
- Transiciones
- Trabajar con Hojas de estilo
- Aplicar varias clases estilos
- CSS con distintos navegadores
- Hojas de estilos de muestra de Dreamweaver
- Diseño de páginas con CSS
- Prácticas
Integración de elementos multimedia en la página
- Uso de archivos swf en nuestra web
- Elementos multimedia y Spry
- Insertar archivos FLV
- Trabajo con archivos de sonido
- Framework de Spry: inserción de un widget de Spry
- Widget de acordeón
- Widget que puede contraerse
- Widget de paneles en fichas
- Prácticas
Uso de plantillas y elementos de biblioteca
- Plantillas
- Creación de plantillas
- Crear regiones editables
- Crear regiones repetidas: Inserción de una tabla repetida
- Edición de regiones opcionales de una plantilla
- Basar páginas en una plantilla
- Edición y actualización de plantillas
- Panel activo dentro de un documento
- Bibliotecas
- Prácticas
Gestión de la información a través de formularios
- Formularios
- Creación de un formulario HTML: Objetos de formulario
- Propiedades de objetos I
- Propiedades de objetos II
- Validar un formulario con JavaScript
- Sitios remotos
- Panel archivos: sitio local y remoto
- Prácticas
Diseños fluidos y sincronización ftp
- Diseño de cuadrícula fluida
- Sincronizar FTP
- FTP Multicanal
- Prácticas: composición liquida
Jquery, iteración con los elementos de la página
- jQuery Mobile
- Temas
- Panel muestras
- Agregar Contenidos
- Prácticas
Practica final. diseño de una web de empresa
Palabras clave
Más contenidos de Diseño Web
Ver los 73 →- EOCO116PO Aplicaciones Web GIS con QGIS y OpenGeo Suite60 h · 9 unid.
- Especialista en Google y sus Aplicaciones para la Comunicación180 h · 10 unid.
- Especialista en Instalación y Configuración del Servidor Web200 h · 9 unid.
- Diseño Web Mobile con Sketch340 h · 37 unid.
- Scorm de Diseño de Interfaces Web200 h · 6 unid.
- Scorm en Desarrollo Web Responsive200 h · 26 unid.