¿Qué quieres aprender?

EDICIÓN Y MAQUETACIÓN WEB

EDICIÓN Y MAQUETACIÓN WEB

ENSAL - Instituto Superior de Derecho y Empresa

Curso online

Descuento Lectiva
1.500 € 150
IVA exento

Duración : 3 Meses

OBJETIVOS DEL CURSO

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.

¿Quieres hablar con un asesor sobre este curso?

A quién va dirigido

Desempleados, Estudiantes, Trabajadores por cuenta ajena y Autónomos

Temario completo de este curso

EDICIÓN Y MAQUETACIÓN WEB

Duración: 3 meses

OBJETIVOS DEL CURSO

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

Ver más