Adobe Dreamweaver Nivel 1: Estructuración del Sitio Web

Unidad I: Introducción a Dreamweaver
• Introducción a Dreamweaver
• Objetivos del curso
• Arquitectura estática de la página
- Editores de representación visual de HTML
• ¿Qué es XHTML?
- Diferencias entre HTML y XHTML
• ¿Qué es Javascript?
- ¿Qué podemos hacer con Javascript?
• ¿Qué es CSS?
• Requisitos de un proyecto web
- Identificación de propósitos
- Identificación del contenido de una página web
- Principios de Derechos de autor
- Accesibilidad
- Toma de decisiones en el desarrollo de un sitio web
- Comprensión de las tareas en la gestión de proyectos
• Planeación, diseño de sitios y páginas
- Principios de diseño web
- Producción de sitios web para diferentes sistemas operativos
- Principios de diseño de páginas web
- Conceptos básicos de usabilidad, legibilidad y accesibilidad
- Comprensión del uso de diagramas de flujo, guiones y wireframes
- Comunicación con otras personas acerca del diseño y el contenido
Unidad II: Básicos de Dreamweaver
• Introducción a Dreamweaver
• Elementos básicos de la interfaz de Dreamweaver
- Inicio de Dreamweaver
- Página de Inicio
• Espacio de trabajo Designer
- Elementos de la interfaz
Folder X®
La capacitación
y desarrollo web
más acreditados
• Crear una página nueva
- Crear Páginas
- Guardar Páginas
• Uso de vistas de desarrollo
• Establecer las propiedades del documento
• Previsualización de documentos
• Temporary Files
• Darle un título a la página
• Personalización del área de trabajo
- Gestión de ventanas y paneles
- Gestión de ventanas documento
- Acoplamiento y desacoplamiento de paneles
- Movimiento de paneles
- Adición y eliminación de paneles
- Manipulación de grupos de paneles
- Apilado de paneles
- Manipulación de paneles contraídos a íconos
- Guardado de espacios de trabajo
- Trabajo con Browser Navigation
Unidad III: Creación de un sitio Web
• Crear un sitio web
• Definir un sitio local
- Folder raíz (Root folder)
- Crear un sitio local
- Categoria Site
- Categoria Advanced Settings
- Ingrese Las Propiedades Del Sitio (Site Properties)
- Panel Files
- Home page (Página de inicio)
- Importar y Exportar Sitios
- Establecer Preferencias de Previsualización
- Crear Un Archivo Nuevo
Folder X®
La capacitación
y desarrollo web
más acreditados
Unidad IV: Manejo de Texto
• Agregar contenido de texto
- Importar Texto
- Limpiar documentos HTML de Word
• Estructura del texto
- Headings (Encabezados)
- Párrafos
- Line Break (Cambio de línea)
• Listas
- Unordered List (Listas desordenadas)
- Ordered List (Listas Ordenadas)
- Definition List (Listas de definición)
- Listas jerarquizadas
• Horizontal Rules (Plecas horizontales)
- Non-Breaking Space
- Preferencias del Multiple Spaces
• Agregar carácteres especiales
• Insertar Fecha y Hora
• Uso y creación de snipets
• Búsqueda y sustitución de texto
• Revisión y corrección ortográfica
Unidad V: Fundamentos de CSS
• Dar formato al texto
- Consideraciones Web
- Bloque vs formato de carácter
- Cambiar la fuente
- Font Properties
- Crear un set de fuentes personalizadas
- Tamaño de la fuente
- Color de la fuente
- Estilo de texto
- Alineación del texto
Folder X®
La capacitación
y desarrollo web
más acreditados
• Hoja de estilos (Cascading Style Sheets)
- Términos de los CSS
- Ubicación de las CSS
- Beneficios
- Limitaciones
- Panel CSS
- Deshabilitar y Habilitar estilos
- Fuentes y clases de estilos (Class Styles)
- Nombrar clases de estilos
- Aplicar Class Styles
- Crear estilos
- Tipos de estilos
- Definición del estilo
- Categorías
• Tag Selector/ Tag Style
• Class Style vs Tag Style
• Cambiar una class style por una tag style
• Hojas de estilo externas
- Vincular una hoja de estilo externa
- Ligar vs Importar
• Crear una hoja de estilo Externa
• Editar Hojas de estilo
- Properties
- Editar una hoja de estilo
• Orden en cascada
• Herencia de estilos
• Visualización de estilos en otros medios
• Uso del Device Central CS5
Unidad VI: Manipulación de gráficos y bibliotecas
• Uso de Librerías web
• Gráficos en la Web
• Ubicar gráficos en la página
- Panel Insert
Folder X®
La capacitación
y desarrollo web
más acreditados
- Panel Assets
- Panel Files
• Propiedades de la imagen
- Redimensionar una imagen
- Alineación de imágenes en la página
- Wrapping
- Espaciado y borde
- Otras opciones de alineación
- Texto Alternativo
• Image Placeholder
• Edición de imágenes
- Edición de imágenes en Dreamweaver
• Editar con Fireworks
- Optimizar una imagen
• Smart Objects con Photoshop
• Integración con Adobe Bridge
Unidad VII: Sistemas de Navegación
• Entender la navegación del sitio
- Ligas de hipertexto
• Ligas
• Rutas
- Rutas absolutas
- Rutas relativas
• Crear ligas
- Estados de las ligas
• Anclas
- Ligas al ancla
- Ligas a anclas en otras páginas
• Liga a un e-mail
- Crear una liga a un e-mail
• Ligas con imágenes
• Mapas de imágenes
• Jump Menu
Folder X®
La capacitación
y desarrollo web
más acreditados
• Target
• Diseñar enlaces de navegación con CSS
- Definiciones del bloque
- Asignación de una regla a un ID selector anidado
Unidad VIII: Trabajo con tablas
• Importación de datos tabulados
• Creación de una tabla
- Selección de una tabla
• Propiedades de la tabla
• Selección de los elementos de la tabla
• Definición de las propiedades de las celdas
• Edición de los renglones
• Añadir renglones y columnas
• Borrar un renglón
• Fusionar renglones y columnas
• Dividir renglones y columnas
• Ordenamiento de columnas
• Dar estilo a una tabla