Edición y Maquetación Web*

Modalidad: Online
Duración: 60 horas
Tiempo estimado para la realización del curso: 1 mes
Reconocido por: CGD E-Learning Center S.L.

Objetivos:

- Dreamweaver es el programa líder en la edición profesional de páginas Web. Es el software más utilizado para la creación y mantenimiento de páginas Web por los principales diseñadores y Web master. Con un mejorado uso de CSS y XML, compatibilidad para las tecnologías más recientes como PHP 5 o vídeo Flash y una interfaz aún más fácil de usar que le ayudará mientras trabaja, guiándole mientras aumentan sus conocimientos. Se sorprenderá por su facilidad de uso para generar páginas usando PHP, CSS, Javascript… 

- HTML5 es un nuevo concepto para la construcción de sitios web y aplicaciones que combina dispositivos móviles, computación en la nube y trabajos en red. Para ello hemos realizado un curso con las etiquetas de HTML5, con integración al lenguaje de estilos CSS. A lo largo de todo el curso, la estructura que se sigue es la misma (se explica la etiqueta de un apartado y se muestra el código fuente). Además, HTML5 propone continuos ejercicios prácticos que se plantean a lo largo de todo el temario, y que ayudarán al alumno/a a asimilar mejor este lenguaje.

Contenidos:

Dreamweaver CS5 

1 Conociendo Adobe Dreamweaver CS5 
1.1 Introduccion a Adobe Dreamweaver
1.2 Novedades de Dreamweaver CS5
1.3 Requerimientos tecnicos
1.4 Editar paginas Web
1.5 Como tener una pagina en Internet
1.6 Ejecucion 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 Edicion de metodos abreviados de teclado
1.13 Panel Activos
1.14 Panel Historial
1.15 Practica - Mi primera pagina
1.16 Practica - Diseño Web parte I
1.17 Cuestionario: Conociendo Adobe Dreamweaver CS5

2 Creacion de sitios y paginas Web 
2.1 Planificacion de un sitio Web
2.2 Configurar un sitio Web
2.3 Editar un sitio Web existente
2.4 Sistema de proteccion
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 Guias visuales
2.10 Insertar palabras clave y descripciones
2.11 Previsualizar un documento
2.12 Practica - Diseño Web parte II
2.13 Cuestionario: Creación de sitios y páginas Web

3 Trabajo con texto 
3.1 Creacion y colocacion de textos
3.2 Encabezados y parrafos
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 Alineacion del texto
3.7 Sangrias
3.8 Crear listas
3.9 Correccion ortografica
3.10 Insertar fechas en un documento
3.11 Insertar caracteres especiales
3.12 Insertar reglas horizontales
3.13 Creacion 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 Imagenes 
5.1 Formatos de graficos Web
5.2 Colocacion de imagenes
5.3 Editar imagenes
5.4 Cambiar el tamaño de las imagenes
5.5 Uso de la etiqueta ALT
5.6 Alineacion de imagenes con texto
5.7 Insertar bordes
5.8 Insertar imagenes de sustitucion
5.9 Practica - Diseño Web parte III
5.10 Cuestionario: Imágenes

6 Creacion de marcos 
6.1 Utilizacion de marcos
6.2 Creacion 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 Utilizacion del panel Marcos
6.7 Abrir una pagina Web en un marco
6.8 Añadir barras de desplazamiento
6.9 Destinar la informacion de un vinculo
6.10 Guardar archivos de marcos y conjuntos de marcos
6.11 Practica - Diseño Web parte IV
6.12 Cuestionario: Creación de marcos

7 Creacion de tablas 
7.1 Utilizacion de tablas
7.2 Creacion de tablas en la ventana de documento
7.3 Modificacion de tablas
7.4 Seleccion de elementos de una tabla
7.5 Alineacion del contenido de una celda
7.6 Dividir y combinar celdas
7.7 Anidar tablas
7.8 Ordenar tablas
7.9 Practica - Diseño Web parte V
7.10 Cuestionario: Creación de tablas

8 Trabajar con capas 
8.1 Aparicion de las capas
8.2 Creacion de capas
8.3 Configurar las caracteristicas por defecto de una capa
8.4 Panel Elementos PA
8.5 Modificacion de capas
8.6 Ajustar la alineacion de las capas
8.7 Creacion de una capa de carga
8.8 Cuestionario: Trabajar con capas

9 Vinculos Web 
9.1 Localizacion y rutas de documentos
9.2 Crear vinculos
9.3 Crear vinculos desde el panel Propiedades
9.4 Navegar usando anclajes
9.5 Seleccion del destino de los vinculos
9.6 Crear un vinculo de correo electronico
9.7 Creacion de mapas de imagen
9.8 Creacion de menus de salto
9.9 Comprobacion de vinculos rotos
9.10 Practica - 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 Creacion de campos de texto
10.5 Creacion de campos de texto ocultos
10.6 Insertar casillas de verificacion
10.7 Grupo de casillas de verificacion
10.8 Insertar botones de opcion
10.9 Creacion de menus desplegables
10.10 Creacion de listas
10.11 Creacion de botones para activar el formulario
10.12 Insertar campo de archivo
10.13 Practica - 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 Creacion de plantillas
12.2 Configurar las propiedades de una plantilla
12.3 Definicion de regiones editables en una plantilla
12.4 Bloquear una region editable
12.5 Creacion de documentos basados en plantillas
12.6 Practica - 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 Reproduccion de videos on line
13.4 Atributos de QuickTime
13.5 Insertar RealVideo en un documento HTML
13.6 Insercion de archivos FLV
13.7 Peliculas Flash
13.8 Sonido
13.9 Practica - 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 imagenes
14.11 Mostrar ocultar elementos
14.12 Intercambiar imagen
14.13 Validar formulario
14.14 Practica - 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 acordeon
15.3 Widget de barra de menus
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 area de texto
15.9 Widget de seleccion
15.10 Widget de contraseña de validacion
15.11 Efectos de Spry
15.12 Cuestionario: Diseño Web con Spry

16 Comando de teclado 
16.1 Teclas de funcion de Dreamweaver
16.2 Cuestionario: Cuestionario final

HTML5 

1 Introduccion al lenguaje HTML5 
1.1 Historia e introduccion al lenguaje de programacion web HTML5
1.2 Lenguaje de etiquetas
1.3 Estructura y definicion de documento HTML
1.4 Definicion 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 electronico, 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 Definicion de una tabla sencilla
4.9 Definicion de una tabla con combinacion de columnas
4.10 Definicion de una tabla con combinacion de filas
4.11 Definicion de tabla con columnas y filas combinadas
4.12 Definicion de tablas avanzadas
4.13 Cuestionario: Atributos en HTML5

5 Estructuras basicas 
5.1 Etiqueta UL
5.2 Etiqueta OL
5.3 Etiqueta DL
5.4 Web semantica - Etiqueta DIV, SPAN y HEADER
5.5 Web semantica - Etiqueta NAV
5.6 Web semantica - Etiqueta SECTION y ARTICLE
5.7 Web semantica - Etiqueta ASIDE y FIGURE
5.8 Web semantica - 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 linea
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