Diseño Web Profesional con Dreamweaver CS6

SCORM 1. A QUIÉN LE INTERESA DREAMWEAVER

Objetivo del curso

A quién va dirigido este curso.

SCORM 2. 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

SCORM 3. 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.

SCORM 4. 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

SCORM 5. 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

SCORM 6. 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

SCORM 7. 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

SCORM 8. 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.

SCORM 9. 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

SCORM 10. 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

SCORM 11. 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

SCORM 12. 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

SCORM 13. 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

SCORM 14. DISEÑOS FLUIDOS Y SINCRONIZACIÓN FTP

Diseño de cuadrícula fluida

Sincronizar FTP

FTP Multicanal

Prácticas: composición liquida

SCORM 15. JQUERY, ITERACIÓN CON LOS ELEMENTOS DE LA PÁGINA

jQuery Mobile

Temas

Panel muestras

Agregar Contenidos

Prácticas

SCORM 16. PRACTICA FINAL. DISEÑO DE UNA WEB DE EMPRESA