inicio   gruposystem   nuevos asociados   novedades   zona privada
  PLATAFORMA cursos elearning CURSOS A DISTANCIA libros personalizacion tpc contratos formacion aplicaciones web agencia de colocacion
                     
  
 
 
EDICIÓN Y MAQUETACIÓN WEB
 
           
 
DURACIÓN Y OBJETIVOS DEL CURSO

Duración en horas: 80

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.
 
 
VER ÍNDICE

Dreamweaver CS5
HTML5

1 Conociendo Adobe Dreamweaver CS5
1 Introducción al lenguaje HTML5
1.1 Introducción a Adobe Dreamweaver
1.1 Historia e introducción al lenguaje de programación web HTML5
1.2 Novedades de Dreamweaver CS5
1.2 Lenguaje de etiquetas
1.3 Requerimientos técnicos
1.3 Estructura y definición de documento HTML
1.4 Definición del tipo de documento
1.4 Editar páginas Web
1.5 Etiqueta DOCTYPE
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

2 Creación de sitios y páginas Web
2 Encabezado del documento
2.1 Planificación de un sitio Web
2.1 Etiqueta HTML
2.2 Encabezado del documento
2.2 Configurar un sitio Web
2.3 Editar un sitio Web existente
2.3 Etiqueta BASE
2.4 Sistema de protección
2.4 Etiqueta LINK
2.5 Etiqueta SCRIPT
2.5 Panel Archivos
2.6 Etiqueta NOSCRIPT
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

3 Cuerpo del documento
3 Trabajo con texto
3.1 Etiqueta BODY
3.1 Creación y colocación de textos
3.2 Encabezados y párrafos
3.2 Enlaces internos en el documento
3.3 Enlaces a documentos web externos relativos y absolutos
3.3 Asignar fuentes a un texto
3.4 Editar la lista de fuentes de Dreamweaver
3.4 Enlaces a correo electrónico, ftp
3.5 Cambiar el color del texto
3.5 Etiqueta B, EM y STRONG
3.6 Etiqueta CODE, SAMP y KBD
3.6 Alineación del texto
3.7 Sangrías
3.7 Etiqueta VAR, MARK y CITE
3.8 Etiqueta I, S, U y SMALL
3.8 Crear listas
3.9 Etiqueta SUB, SUP, BR y WBR
3.9 Corrección ortográfica
3.10 Insertar fechas en un documento
3.10 Etiqueta INS, DEL Y ABBR
3.11 Insertar caracteres especiales
3.11 Etiqueta ADDRESS, BDO y DFN
3.12 Etiqueta PRE, Q y BLOCKQUOTE
3.12 Insertar reglas horizontales
3.13 Etiqueta BDI, RUBI, RT, RP y DIALOG
3.13 Creación de estilos CSS
3.14 Buscar y reemplazar texto

4 Atributos en HTML5
4 Estilos CSS
4.1 Hojas de estilos en cascada
4.1 Atributos Globales - accesskey, class y contenteditable
4.2 Atributos Globales - data, dir y draggable
4.2 Estilos CSS
4.3 Crear un estilo personalizado
4.3 Atributos Globales - hidden, id y lang
4.4 Atributos Globales - spellcheck, style y tabindex
4.4 Definir un estilo CSS
4.5 Atributos Globales - title y h1-h6
4.5 Aplicar un estilo
4.6 Exportar estilos
4.6 Etiqueta IMG
4.7 Vincular una hoja de estilos
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

5 Estructuras básicas
5 Imágenes
5.1 Etiqueta UL
5.1 Formatos de graficos Web
5.2 Etiqueta OL
5.2 Colocación de imágenes
5.3 Etiqueta DL
5.3 Editar imágenes
5.4 Web semántica - Etiqueta DIV, SPAN y HEADER
5.4 Cambiar el tamaño de las imágenes
5.5 Uso de la etiqueta ALT
5.5 Web semántica - Etiqueta NAV
5.6 Alineación de imágenes con texto
5.6 Web semántica - Etiqueta SECTION y ARTICLE
5.7 Insertar bordes
5.7 Web semántica - Etiqueta ASIDE y FIGURE
5.8 Web semántica - Etiqueta FOOTER, TIME y DETAILS
5.8 Insertar imágenes de sustitución
5.9 Práctica - Diseño Web parte III

6 Creación de marcos
6 Audio y video
6.1 Etiqueta AUDIO
6.1 Utilización de marcos
6.2 Etiqueta VIDEO
6.2 Creación de marcos y conjuntos de marcos
6.3 Etiqueta TRACK
6.3 Crear un conjunto de marcos anidado
6.4 Modificar el tamaño de los marcos
6.4 Etiqueta EMBED
6.5 Modificar los bordes de un conjunto de marcos
6.5 Etiqueta OBJECT
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

7 Formularios en HTML
7 Creación de tablas
7.1 Etiqueta FORM
7.1 Utilización de tablas
7.2 Etiqueta INPUT
7.2 Creación de tablas en la ventana de documento
7.3 Atributos - form, formaction y formenctype
7.3 Modificación de tablas
7.4 Selección de elementos de una tabla
7.4 Atributos - formmethod, formnovalidate y formtarget
7.5 Alineación del contenido de una celda
7.5 Atributos - height, width y name
7.6 Atributos - readonly, required y placeholder
7.6 Dividir y combinar celdas
7.7 Anidar tablas
7.7 Atributos - value, size y maxlength
7.8 Ordenar tablas
7.8 Atributos - src, max, min, step y multiple
7.9 Atributos - list y pattern
7.9 Práctica - Diseño Web parte V
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

8 Trabajar con capas
8 Marcos contenedores
8.1 Aparición de las capas
8.1 Etiqueta IFRAME
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

9 Estilos CSS y modelos de caja
9 Vínculos Web
9.1 Elementos block
9.1 Localización y rutas de documentos
9.2 Estilos en línea
9.2 Crear vínculos
9.3 Crear vínculos desde el panel Propiedades
9.3 Archivos externos
9.4 Referencias
9.4 Navegar usando anclajes
9.5 Selección del destino de los vínculos
9.5 Aplicando CSS a una plantilla
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

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

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

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

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

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

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 area de texto
15.9 Widget de selección
15.10 Widget de contraseña de validación
15.11 Efectos de Spry

16 Comando de teclado
16.1 Teclas de función de Dreamweaver
 
     
 
subir
 
     
 
© System Centros de Formación S.L.