Curso en Edición y Maquetación Web - ENSAL - Instituto Superior de Derecho y Empresa

- Brindar los mayores conocimientos al estudiante, con una muy buena programación de todo el contenido brindado.
- Tener una buena técnica en el uso de Dreamweaver, diseñando así las mejores páginas web.
- Ampliar el conocimiento en el área de la web a todo aquel que se dedique a realizar el curso.
- Apoyar y ayudar con una serie de herramientas e información a todo aquel que se dedique a la creación y mantenimiento de páginas web.

ÍNDICE

Dreamweaver CS5

1 Conociendo Adobe Dreamweaver CS5

1.1 Introducción a Adobe Dreamweaver
1.2 Novedades de Dreamweaver CS5
1.3 Requerimientos técnicos
1.4 Editar páginas Web
1.5 Cómo tener una página en Internet
1.6 Ejecución de Adobe Dreamweaver
1.7 Entorno de trabajo
1.8 El panel Insertar
1.9 Ventana de documento
1.10 Barra de herramientas Documento
1.11 Panel Propiedades
1.12 Edición de métodos abreviados de teclado
1.13 Panel Activos
1.14 Panel Historial
1.15 Práctica - Mi primera página
1.16 Práctica - Diseño Web parte I
1.17 Cuestionario: Conociendo Adobe Dreamweaver CS5

2 Creación de sitios y páginas Web

2.1 Planificación de un sitio Web
2.2 Configurar un sitio Web
2.3 Editar un sitio Web existente
2.4 Sistema de protección
2.5 Panel Archivos
2.6 Configurar las preferencias del panel Archivos
2.7 Crear abrir y guardar documentos
2.8 Configurar las propiedades del documento
2.9 Guías visuales
2.10 Insertar palabras clave y descripciones
2.11 Previsualizar un documento
2.12 Práctica - Diseño Web parte II
2.13 Cuestionario: Creación de sitios y páginas Web

3 Trabajo con texto

3.1 Creación y colocación de textos
3.2 Encabezados y párrafos
3.3 Asignar fuentes a un texto
3.4 Editar la lista de fuentes de Dreamweaver
3.5 Cambiar el color del texto
3.6 Alineación del texto
3.7 Sangrías
3.8 Crear listas
3.9 Corrección ortográfica
3.10 Insertar fechas en un documento
3.11 Insertar caracteres especiales
3.12 Insertar reglas horizontales
3.13 Creación de estilos CSS
3.14 Buscar y reemplazar texto
3.15 Cuestionario: Trabajo con texto

4 Estilos CSS

4.1 Hojas de estilos en cascada
4.2 Estilos CSS
4.3 Crear un estilo personalizado
4.4 Definir un estilo CSS
4.5 Aplicar un estilo
4.6 Exportar estilos
4.7 Vincular una hoja de estilos

5 Imágenes

5.1 Formatos de graficos Web
5.2 Colocación de imágenes
5.3 Editar imágenes
5.4 Cambiar el tamaño de las imágenes
5.5 Uso de la etiqueta ALT
5.6 Alineación de imágenes con texto
5.7 Insertar bordes
5.8 Insertar imágenes de sustitución
5.9 Práctica - Diseño Web parte III
5.10 Cuestionario: Imágenes

6 Creación de marcos

6.1 Utilización de marcos
6.2 Creación de marcos y conjuntos de marcos
6.3 Crear un conjunto de marcos anidado
6.4 Modificar el tamaño de los marcos
6.5 Modificar los bordes de un conjunto de marcos
6.6 Utilización del panel Marcos
6.7 Abrir una página Web en un marco
6.8 Añadir barras de desplazamiento
6.9 Destinar la información de un vínculo
6.10 Guardar archivos de marcos y conjuntos de marcos
6.11 Práctica - Diseño Web parte IV
6.12 Cuestionario: Creación de marcos

7 Creación de tablas

7.1 Utilización de tablas
7.2 Creación de tablas en la ventana de documento
7.3 Modificación de tablas
7.4 Selección de elementos de una tabla
7.5 Alineación del contenido de una celda
7.6 Dividir y combinar celdas
7.7 Anidar tablas
7.8 Ordenar tablas
7.9 Práctica - Diseño Web parte V
7.10 Cuestionario: Creación de tablas

8 Trabajar con capas

8.1 Aparición de las capas
8.2 Creación de capas
8.3 Configurar las características por defecto de una capa
8.4 Panel Elementos PA
8.5 Modificación de capas
8.6 Ajustar la alineacion de las capas
8.7 Creación de una capa de carga
8.8 Cuestionario: Trabajar con capas

9 Vínculos Web

9.1 Localización y rutas de documentos
9.2 Crear vínculos
9.3 Crear vínculos desde el panel Propiedades
9.4 Navegar usando anclajes
9.5 Selección del destino de los vínculos
9.6 Crear un vínculo de correo electrónico
9.7 Creación de mapas de imagen
9.8 Creación de menus de salto
9.9 Comprobación de vínculos rotos
9.10 Práctica - Diseño Web parte VI
9.11 Cuestionario: Vínculos Web

10 Formularios interactivos

10.1 Funcionamiento de los formularios
10.2 Objetos de formulario
10.3 Insertar un formulario en Dreamweaver
10.4 Creación de campos de texto
10.5 Creación de campos de texto ocultos
10.6 Insertar casillas de verificación
10.7 Grupo de casillas de verificación
10.8 Insertar botones de opción
10.9 Creación de menús desplegables
10.10 Creación de listas
10.11 Creación de botones para activar el formulario
10.12 Insertar campo de archivo
10.13 Práctica - Diseño Web parte VII
10.14 Cuestionario: Formularios interactivos

11 Biblioteca

11.1 Almacenamiento de elementos en Dreamweaver
11.2 La paleta Activos
11.3 Visualizar los elementos de un documento
11.4 Insertar un elemento de biblioteca
11.5 Modificar elementos de biblioteca
11.6 Cuestionario: Biblioteca

12 Plantillas

12.1 Creación de plantillas
12.2 Configurar las propiedades de una plantilla
12.3 Definición de regiones editables en una plantilla
12.4 Bloquear una región editable
12.5 Creación de documentos basados en plantillas
12.6 Práctica - Diseño Web parte VIII
12.7 Cuestionario: Plantillas

13 Elementos multimedia
13.1 Video en la red
13.2 Vincular videos en Dreamweaver
13.3 Reproducción de videos on line
13.4 Atributos de QuickTime
13.5 Insertar RealVideo en un documento HTML
13.6 Inserción de archivos FLV
13.7 Películas Flash
13.8 Sonido
13.9 Práctica - Diseño Web parte IX
13.10 Cuestionario Elementos multimedia
13.11 Cuestionario: Elementos multimedia

14 Comportamientos

14.1 Panel Comportamientos
14.2 Añadir un comportamiento
14.3 Llamar JavaScript
14.4 Cambiar propiedad
14.5 Comprobar plug-in
14.6 Mensaje emergente
14.7 Arrastrar capa
14.8 Ir a URL
14.9 Abrir ventana del navegador
14.10 Carga previa de imágenes
14.11 Mostrar ocultar elementos
14.12 Intercambiar imagen
14.13 Validar formulario
14.14 Práctica - Diseño Web parte X
14.15 Cuestionario: Comportamientos

15 Diseño Web con Spry

15.1 Los widgets de Spry
15.2 Widget de acordeón
15.3 Widget de barra de menús
15.4 Widget de paneles que pueden contraerse
15.5 Widget de paneles en fichas
15.6 Widget de grupo de opciones
15.7 Widget de campo de texto
15.8 Widget de Área de texto
15.9 Widget de selección
15.10 Widget de contraseña de validación
15.11 Efectos de Spry
15.12 Cuestionario: Diseño Web con Spry
16 Comando de teclado
16.1 Teclas de función de Dreamweaver
16.2 Cuestionario: Cuestionario final

HTML5

1 Introducción al lenguaje HTML5

1.1 Historia e introducción al lenguaje de programación web HTML5
1.2 Lenguaje de etiquetas
1.3 Estructura y definición de documento HTML
1.4 Definición del tipo de documento
1.5 Etiqueta DOCTYPE
1.6 Cuestionario: Introducción al lenguaje HTML5

2 Encabezado del documento

2.1 Etiqueta HTML
2.2 Encabezado del documento
2.3 Etiqueta BASE
2.4 Etiqueta LINK
2.5 Etiqueta SCRIPT
2.6 Etiqueta NOSCRIPT
2.7 Cuestionario: Encabezado del documento

3 Cuerpo del documento

3.1 Etiqueta BODY
3.2 Enlaces internos en el documento
3.3 Enlaces a documentos web externos relativos y absolutos
3.4 Enlaces a correo electrónico, ftp
3.5 Etiqueta B, EM y STRONG
3.6 Etiqueta CODE, SAMP y KBD
3.7 Etiqueta VAR, MARK y CITE
3.8 Etiqueta I, S, U y SMALL
3.9 Etiqueta SUB, SUP, BR y WBR
3.10 Etiqueta INS, DEL Y ABBR
3.11 Etiqueta ADDRESS, BDO y DFN
3.12 Etiqueta PRE, Q y BLOCKQUOTE
3.13 Etiqueta BDI, RUBI, RT, RP y DIALOG
3.14 Cuestionario: Cuerpo del documento

4 Atributos en HTML5

4.1 Atributos Globales - accesskey, class y contenteditable
4.2 Atributos Globales - data, dir y draggable
4.3 Atributos Globales - hidden, id y lang
4.4 Atributos Globales - spellcheck, style y tabindex
4.5 Atributos Globales - title y h1-h6
4.6 Etiqueta IMG
4.7 Etiqueta TABLE
4.8 Definición de una tabla sencilla
4.9 Definición de una tabla con combinación de columnas
4.10 Definición de una tabla con combinación de filas
4.11 Definición de tabla con columnas y filas combinadas
4.12 Definición de tablas avanzadas
4.13 Cuestionario: Atributos en HTML5

5 Estructuras básicas

5.1 Etiqueta UL
5.2 Etiqueta OL
5.3 Etiqueta DL
5.4 Web semántica - Etiqueta DIV, SPAN y HEADER
5.5 Web semántica - Etiqueta NAV
5.6 Web semántica - Etiqueta SECTION y ARTICLE
5.7 Web semántica - Etiqueta ASIDE y FIGURE
5.8 Web semántica - Etiqueta FOOTER, TIME y DETAILS
5.9 Cuestionario: Estructuras básicas

6 Audio y video

6.1 Etiqueta AUDIO
6.2 Etiqueta VIDEO
6.3 Etiqueta TRACK
6.4 Etiqueta EMBED
6.5 Etiqueta OBJECT
6.6 Cuestionario: Audio y video

7 Formularios en HTML

7.1 Etiqueta FORM
7.2 Etiqueta INPUT
7.3 Atributos - form, formaction y formenctype
7.4 Atributos - formmethod, formnovalidate y formtarget
7.5 Atributos - height, width y name
7.6 Atributos - readonly, required y placeholder
7.7 Atributos - value, size y maxlength
7.8 Atributos - src, max, min, step y multiple
7.9 Atributos - list y pattern
7.10 Atributos - type
7.11 Tipo checkbox, color y date
7.12 Tipo datetime y datetime-local, email y file
7.13 Tipo hidden, image y month y week
7.14 Tipo number, password, radio y reset
7.15 Tipo range y search
7.16 Tipo text, time y url
7.17 Etiqueta BUTTON, FIELDSET y LABEL
7.18 Etiqueta KEYGEN, METER y PROGRESS
7.19 Etiqueta OUTPUT y SELECT
7.20 Etiqueta TEXTAREA
7.21 Cuestionario: Formularios en HTML

8 Marcos contenedores

8.1 Etiqueta IFRAME
8.2 Cuestionario: Marcos contenedores

9 Estilos CSS y modelos de caja

9.1 Elementos block
9.2 Estilos en línea
9.3 Archivos externos
9.4 Referencias
9.5 Aplicando CSS a una plantilla
9.6 Cuestionario: Estilos CSS y modelos de caja
10 Cuestionario: Cuestionario final