Curso: Adobe Dreamweaver nivel 1: Estructuración del Sitio Web

Temario

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

• 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

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

• 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

- 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

• 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