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 Introduccion al lenguaje HTML5
1.1 Introduccion a Adobe Dreamweaver
1.1 Historia e introduccion al lenguaje de programacion web HTML5
1.2 Novedades de Dreamweaver CS5
1.2 Lenguaje de etiquetas
1.3 Requerimientos tecnicos
1.3 Estructura y definicion de documento HTML
1.4 Definicion del tipo de documento
1.4 Editar paginas Web
1.5 Etiqueta DOCTYPE
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

2 Creacion de sitios y paginas Web
2 Encabezado del documento
2.1 Planificacion 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 proteccion
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 Guias visuales
2.10 Insertar palabras clave y descripciones
2.11 Previsualizar un documento
2.12 Practica - Diseño Web parte II

3 Cuerpo del documento
3 Trabajo con texto
3.1 Etiqueta BODY
3.1 Creacion y colocacion de textos
3.2 Encabezados y parrafos
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 electronico, ftp
3.5 Cambiar el color del texto
3.5 Etiqueta B, EM y STRONG
3.6 Etiqueta CODE, SAMP y KBD
3.6 Alineacion del texto
3.7 Sangrias
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 Correccion ortografica
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 Creacion 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 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

5 Estructuras basicas
5 Imagenes
5.1 Etiqueta UL
5.1 Formatos de graficos Web
5.2 Etiqueta OL
5.2 Colocacion de imagenes
5.3 Etiqueta DL
5.3 Editar imagenes
5.4 Web semantica - Etiqueta DIV, SPAN y HEADER
5.4 Cambiar el tamaño de las imagenes
5.5 Uso de la etiqueta ALT
5.5 Web semantica - Etiqueta NAV
5.6 Alineacion de imagenes con texto
5.6 Web semantica - Etiqueta SECTION y ARTICLE
5.7 Insertar bordes
5.7 Web semantica - Etiqueta ASIDE y FIGURE
5.8 Web semantica - Etiqueta FOOTER, TIME y DETAILS
5.8 Insertar imagenes de sustitucion
5.9 Practica - Diseño Web parte III

6 Creacion de marcos
6 Audio y video
6.1 Etiqueta AUDIO
6.1 Utilizacion de marcos
6.2 Etiqueta VIDEO
6.2 Creacion 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 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

7 Formularios en HTML
7 Creacion de tablas
7.1 Etiqueta FORM
7.1 Utilizacion de tablas
7.2 Etiqueta INPUT
7.2 Creacion de tablas en la ventana de documento
7.3 Atributos - form, formaction y formenctype
7.3 Modificacion de tablas
7.4 Seleccion de elementos de una tabla
7.4 Atributos - formmethod, formnovalidate y formtarget
7.5 Alineacion 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 Practica - 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 Aparicion de las capas
8.1 Etiqueta IFRAME
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

9 Estilos CSS y modelos de caja
9 Vinculos Web
9.1 Elementos block
9.1 Localizacion y rutas de documentos
9.2 Estilos en linea
9.2 Crear vinculos
9.3 Crear vinculos desde el panel Propiedades
9.3 Archivos externos
9.4 Referencias
9.4 Navegar usando anclajes
9.5 Seleccion del destino de los vinculos
9.5 Aplicando CSS a una plantilla
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

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

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 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

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

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

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

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