Edición y maquetación web

DREAMWEAVER CS5

UNIDAD DIDÁCTICA 1. CONOCIENDO ADOBE DREAMWEAVER CS5

1. Introducción a Adobe Dreamweaver
2. Novedades de Dreamweaver CS5
3. Requerimientos técnicos
4. Editar páginas Web
5. Cómo tener una página en Internet
6. Ejecución de Adobe Dreamweaver
7. Entorno de trabajo
8. El panel Insertar
9. Ventana de documento
10. Barra de herramientas Documento
11. Panel Propiedades
12. Edición de métodos abreviados de teclado
13. Panel Activos
14. Panel Historial
15. Práctica - Mi primera página
16. Práctica - Diseño Web parte I

UNIDAD DIDÁCTICA 2. CREACIÓN DE SITIOS Y PÁGINAS WEB

1. Planificación de un sitio Web
2. Configurar un sitio Web
3. Editar un sitio Web existente
4. Sistema de protección
5. Panel Archivos
6. Configurar las preferencias del panel Archivos
7. Crear abrir y guardar documentos
8. Configurar las propiedades del documento
9. Guías visuales
10. Insertar palabras clave y descripciones
11. Previsualizar un documento
12. Práctica - Diseño Web parte II

UNIDAD DIDÁCTICA 3. TRABAJO CON TEXTO

1. Creación y colocación de textos
2. Encabezados y párrafos
3. Asignar fuentes a un texto
4. Editar la lista de fuentes de Dreamweaver
5. Cambiar el color del texto
6. Alineación del texto
7. Sangrías
8. Crear listas
9. Corrección ortográfica
10. Insertar fechas en un documento
11. Insertar caracteres especiales
12. Insertar reglas horizontales
13. Creación de estilos CSS
14. Buscar y reemplazar texto

UNIDAD DIDÁCTICA 4. ESTILOS CSS

1. Hojas de estilos en cascada
2. Estilos CSS
3. Crear un estilo personalizado
4. Definir un estilo CSS
5. Aplicar un estilo
6. Exportar estilos
7. Vincular una hoja de estilos

UNIDAD DIDÁCTICA 5. IMÁGENES

1. Formatos de graficos Web
2. Colocación de imágenes
3. Editar imágenes
4. Cambiar el tamaño de las imágenes
5. Uso de la etiqueta ALT
6. Alineación de imágenes con texto
7. Insertar bordes
8. Insertar imágenes de sustitución
9. Práctica - Diseño Web parte III

UNIDAD DIDÁCTICA 6. CREACIÓN DE MARCOS

1. Utilización de marcos
2. Creación de marcos y conjuntos de marcos
3. Crear un conjunto de marcos anidado
4. Modificar el tamaño de los marcos
5. Modificar los bordes de un conjunto de marcos
6. Utilización del panel Marcos
7. Abrir una página Web en un marco
8. Añadir barras de desplazamiento
9. Destinar la información de un vínculo
10. Guardar archivos de marcos y conjuntos de marcos
11. Práctica - Diseño Web parte IV

UNIDAD DIDÁCTICA 7. CREACIÓN DE TABLAS

1. Utilización de tablas
2. Creación de tablas en la ventana de documento
3. Modificación de tablas
4. Selección de elementos de una tabla
5. Alineación del contenido de una celda
6. Dividir y combinar celdas
7. Anidar tablas
8. Ordenar tablas
9. Práctica - Diseño Web parte V

UNIDAD DIDÁCTICA 8. TRABAJAR CON CAPAS

1. Aparición de las capas
2. Creación de capas
3. Configurar las características por defecto de una capa
4. Panel Elementos PA
5. Modificación de capas
6. Ajustar la alineacion de las capas
7. Creación de una capa de carga

UNIDAD DIDÁCTICA 9. VÍNCULOS WEB

1. Localización y rutas de documentos
2. Crear vínculos
3. Crear vínculos desde el panel Propiedades
4. Navegar usando anclajes
5. Selección del destino de los vínculos
6. Crear un vínculo de correo electrónico
7. Creación de mapas de imagen
8. Creación de menus de salto
9. Comprobación de vínculos rotos
10. Práctica - Diseño Web parte VI

UNIDAD DIDÁCTICA 10. FORMULARIOS INTERACTIVOS

1. Funcionamiento de los formularios
2. Objetos de formulario
3. Insertar un formulario en Dreamweaver
4. Creación de campos de texto
5. Creación de campos de texto ocultos
6. Insertar casillas de verificación
7. Grupo de casillas de verificación
8. Insertar botones de opción
9. Creación de menús desplegables
10. Creación de listas
11. Creación de botones para activar el formulario
12. Insertar campo de archivo
13. Práctica - Diseño Web parte VII

UNIDAD DIDÁCTICA 11. BIBLIOTECA

1. Almacenamiento de elementos en Dreamweaver
2. La paleta Activos
3. Visualizar los elementos de un documento
4. Insertar un elemento de biblioteca
5. Modificar elementos de biblioteca

UNIDAD DIDÁCTICA 12. PLANTILLAS

1. Creación de plantillas
2. Configurar las propiedades de una plantilla
3. Definición de regiones editables en una plantilla
4. Bloquear una región editable
5. Creación de documentos basados en plantillas
6. Práctica - Diseño Web parte VIII

UNIDAD DIDÁCTICA 13. ELEMENTOS MULTIMEDIA

1. Video en la red
2. Vincular videos en Dreamweaver
3. Reproducción de videos on line
4. Atributos de QuickTime
5. Insertar RealVideo en un documento HTML
6. Inserción de archivos FLV
7. Películas Flash
8. Sonido
9. Práctica - Diseño Web parte IX
10. Cuestionario Elementos multimedia

UNIDAD DIDÁCTICA 14. COMPORTAMIENTOS

1. Panel Comportamientos
2. Añadir un comportamiento
3. Llamar JavaScript
4. Cambiar propiedad
5. Comprobar plug-in
6. Mensaje emergente
7. Arrastrar capa
8. Ir a URL
9. Abrir ventana del navegador
10. Carga previa de imágenes
11. Mostrar ocultar elementos
12. Intercambiar imagen
13. Validar formulario
14. Práctica - Diseño Web parte X

UNIDAD DIDÁCTICA 15. DISEÑO WEB CON SPRY

1. Los widgets de Spry
2. Widget de acordeón
3. Widget de barra de menús
4. Widget de paneles que pueden contraerse
5. Widget de paneles en fichas
6. Widget de grupo de opciones
7. Widget de campo de texto
8. Widget de area de texto
9. Widget de selección
10. Widget de contraseña de validación
11. Efectos de Spry

UNIDAD DIDÁCTICA 16. COMANDO DE TECLADO

1. Teclas de función de Dreamweaver

HTML5

UNIDAD DIDÁCTICA 1. INTRODUCCIÓN AL LENGUAJE HTML5

1. Historia e introducción al lenguaje de programación web HTML5
2. Lenguaje de etiquetas
3. Estructura y definición de documento HTML
4. Definición del tipo de documento
5. Etiqueta DOCTYPE

UNIDAD DIDÁCTICA 2. ENCABEZADO DEL DOCUMENTO

1. Etiqueta HTML
2. Encabezado del documento
3. Etiqueta BASE
4. Etiqueta LINK
5. Etiqueta SCRIPT
6. Etiqueta NOSCRIPT

UNIDAD DIDÁCTICA 3. CUERPO DEL DOCUMENTO

1. Etiqueta BODY
2. Enlaces internos en el documento
3. Enlaces a documentos web externos relativos y absolutos
4. Enlaces a correo electrónico, ftp
5. Etiqueta B, EM y STRONG
6. Etiqueta CODE, SAMP y KBD
7. Etiqueta VAR, MARK y CITE
8. Etiqueta I, S, U y SMALL
9. Etiqueta SUB, SUP, BR y WBR
10. Etiqueta INS, DEL Y ABBR
11. Etiqueta ADDRESS, BDO y DFN
12. Etiqueta PRE, Q y BLOCKQUOTE
13. Etiqueta BDI, RUBI, RT, RP y DIALOG

UNIDAD DIDÁCTICA 4. ATRIBUTOS EN HTML5

1. Atributos Globales - accesskey, class y contenteditable
2. Atributos Globales - data, dir y draggable
3. Atributos Globales - hidden, id y lang
4. Atributos Globales - spellcheck, style y tabindex
5. Atributos Globales - title y h1-h6
6. Etiqueta IMG
7. Etiqueta TABLE
8. Definición de una tabla sencilla
9. Definición de una tabla con combinación de columnas
10. Definición de una tabla con combinación de filas
11. Definición de tabla con columnas y filas combinadas
12. Definición de tablas avanzadas

UNIDAD DIDÁCTICA 5. ESTRUCTURAS BÁSICAS

1. Etiqueta UL
2. Etiqueta OL
3. Etiqueta DL
4. Web semántica - Etiqueta DIV, SPAN y HEADER
5. Web semántica - Etiqueta NAV
6. Web semántica - Etiqueta SECTION y ARTICLE
7. Web semántica - Etiqueta ASIDE y FIGURE
8. Web semántica - Etiqueta FOOTER, TIME y DETAILS

UNIDAD DIDÁCTICA 6. AUDIO Y VIDEO

1. Etiqueta AUDIO
2. Etiqueta VIDEO
3. Etiqueta TRACK
4. Etiqueta EMBED
5. Etiqueta OBJECT

UNIDAD DIDÁCTICA 7. FORMULARIOS EN HTML

1. Etiqueta FORM
2. Etiqueta INPUT
3. Atributos - form, formaction y formenctype
4. Atributos - formmethod, formnovalidate y formtarget
5. Atributos - height, width y name
6. Atributos - readonly, required y placeholder
7. Atributos - value, size y maxlength
8. Atributos - src, max, min, step y multiple
9. Atributos - list y pattern
10. Atributos - type
11. Tipo checkbox, color y date
12. Tipo datetime y datetime-local, email y file
13. Tipo hidden, image y month y week
14. Tipo number, password, radio y reset
15. Tipo range y search
16. Tipo text, time y url
17. Etiqueta BUTTON, FIELDSET y LABEL
18. Etiqueta KEYGEN, METER y PROGRESS
19. Etiqueta OUTPUT y SELECT
20. Etiqueta TEXTAREA

UNIDAD DIDÁCTICA 8. MARCOS CONTENEDORES

1. Etiqueta IFRAME

UNIDAD DIDÁCTICA 9. ESTILOS CSS Y MODELOS DE CAJA

1. Elementos block
2. Estilos en línea
3. Archivos externos
4. Referencias
5. Aplicando CSS a una plantilla

UNIDAD DIDÁCTICA 10. CUESTIONARIO: CUESTIONARIO FINAL