oficina_banner_1

Edición y maquetación web

Subtítulo.

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.

Í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 gráficos 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 alineación 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 menús 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

60 horas.