Descripción
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.
| 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 | ||
Valoraciones
No hay valoraciones aún.