Nombre: Edicion y maquetacion web
Categoría: Packs pymes en general
Horas: 60
Código: 2053
Objetivo:
Dreamweaver es el programa lider en la edicion profesional de paginas Web. Es el software mas utilizado para la creacion y mantenimiento de paginas Web por los principales diseñadores y Web master. Con un mejorado uso de CSS y XML, compatibilidad para las tecnologias mas recientes como PHP 5 o video Flash y una interfaz aun mas facil de usar que le ayudara mientras trabaja, guiandole mientras aumentan sus conocimientos. Se sorprendera por su facilidad de uso para generar paginas usando PHP, CSS, Javascript… HTML5 es un nuevo concepto para la construccion de sitios web y aplicaciones que combina dispositivos moviles, computacion en la nube y trabajos en red. Para ello hemos realizado un curso con las etiquetas de HTML5, con integracion 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 codigo fuente). Ademas, HTML5 propone continuos ejercicios practicos que se plantean a lo largo de todo el temario, y que ayudaran al alumno/a a asimilar mejor este lenguaje.
Contenido:
Dreamweaver CS5 – 1 Conociendo Adobe Dreamweaver CS5 – 1.1 Introduccion a Adobe Dreamweaver – 1.2 Novedades de Dreamweaver CS5 – 1.3 Requerimientos tecnicos – 1.4 Editar paginas Web – 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 – 1.17 Cuestionario: Conociendo Adobe Dreamweaver CS5 – 2 Creacion de sitios y paginas Web – 2.1 Planificacion de un sitio Web – 2.2 Configurar un sitio Web – 2.3 Editar un sitio Web existente – 2.4 Sistema de proteccion – 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 Guias visuales – 2.10 Insertar palabras clave y descripciones – 2.11 Previsualizar un documento – 2.12 Practica – Diseño Web parte II – 2.13 Cuestionario: Creacion de sitios y paginas Web – 3 Trabajo con texto – 3.1 Creacion y colocacion de textos – 3.2 Encabezados y parrafos – 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 Alineacion del texto – 3.7 Sangrias – 3.8 Crear listas – 3.9 Correccion ortografica – 3.10 Insertar fechas en un documento – 3.11 Insertar caracteres especiales – 3.12 Insertar reglas horizontales – 3.13 Creacion 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 Imagenes – 5.1 Formatos de graficos Web – 5.2 Colocacion de imagenes – 5.3 Editar imagenes – 5.4 Cambiar el tamaño de las imagenes – 5.5 Uso de la etiqueta ALT – 5.6 Alineacion de imagenes con texto – 5.7 Insertar bordes – 5.8 Insertar imagenes de sustitucion – 5.9 Practica – Diseño Web parte III – 5.10 Cuestionario: Imagenes – 6 Creacion de marcos – 6.1 Utilizacion de marcos – 6.2 Creacion 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 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 – 6.12 Cuestionario: Creacion de marcos – 7 Creacion de tablas – 7.1 Utilizacion de tablas – 7.2 Creacion de tablas en la ventana de documento – 7.3 Modificacion de tablas – 7.4 Seleccion de elementos de una tabla – 7.5 Alineacion del contenido de una celda – 7.6 Dividir y combinar celdas – 7.7 Anidar tablas – 7.8 Ordenar tablas – 7.9 Practica – Diseño Web parte V – 7.10 Cuestionario: Creacion de tablas – 8 Trabajar con capas – 8.1 Aparicion de las capas – 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 – 8.8 Cuestionario: Trabajar con capas – 9 Vinculos Web – 9.1 Localizacion y rutas de documentos – 9.2 Crear vinculos – 9.3 Crear vinculos desde el panel Propiedades – 9.4 Navegar usando anclajes – 9.5 Seleccion del destino de los vinculos – 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 – 9.11 Cuestionario: Vinculos Web – 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 – 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 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 – 12.7 Cuestionario: Plantillas – 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 – 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 imagenes – 14.11 Mostrar ocultar elementos – 14.12 Intercambiar imagen – 14.13 Validar formulario – 14.14 Practica – 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 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 – 15.12 Cuestionario: Diseño Web con Spry – 16 Comando de teclado – 16.1 Teclas de funcion de Dreamweaver – 16.2 Cuestionario: Cuestionario final – HTML5 – 1 Introduccion al lenguaje HTML5 – 1.1 Historia e introduccion al lenguaje de programacion web HTML5 – 1.2 Lenguaje de etiquetas – 1.3 Estructura y definicion de documento HTML – 1.4 Definicion del tipo de documento – 1.5 Etiqueta DOCTYPE – 1.6 Cuestionario: Introduccion 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 electronico, 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 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 – 4.13 Cuestionario: Atributos en HTML5 – 5 Estructuras basicas – 5.1 Etiqueta UL – 5.2 Etiqueta OL – 5.3 Etiqueta DL – 5.4 Web semantica – Etiqueta DIV, SPAN y HEADER – 5.5 Web semantica – Etiqueta NAV – 5.6 Web semantica – Etiqueta SECTION y ARTICLE – 5.7 Web semantica – Etiqueta ASIDE y FIGURE – 5.8 Web semantica – Etiqueta FOOTER, TIME y DETAILS – 5.9 Cuestionario: Estructuras basicas – 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 linea – 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 –