Curso de Posgrado en Diseño y Desarrollo de Sitios Web, con Adobe Dreamweaver CC
ContenidoCurso de Posgrado en Diseño y Desarrollo de Sitios Web, con Adobe Dreamweaver CC.
Descripción:
En este curso el alumno conocerá este programa que está destinado a la construcción y edición de sitios Web. Es el más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras aplicaciones como Photoshop, Fireworks, Flash, Edge Animate, etc.
Los alumnos aprenderán los conceptos preliminares para el diseño Web: Usabilidad, navegabilidad, norma GUI y W3C. Conocerá el ambiente de trabajo: menú, paletas y herramientas. Diseñarán y organizarán el Home (index), aplicarán comportamientos, animaciones, botones, vínculos, imágenes, textos, audio y videos. Realizarán galerías de foto y gestionarán la publicación (FTP) del sitio en la Internet.
Contenido:
1. Introducción y Diseño de Interfaz.
Introducción al desarrollo Web.
Conceptos de Usabilidad y Navegabilidad.
Diseño y planificación, bajo norma GUI y W3C.
El "index" (Home o Home Page).
Concepto y organización de Carpeta Raíz Local.
Aplicar Título al documento HTML.
Diseño y edición de la Interfaz Gráfica.
Ambiente de Trabajo.
Barra de Menú y Barra Insertar
Paleta de Propiedades (HTML y CSS).
Mostrar Vista: Código, Dividir y Diseño.
Vista Previa en Navegador.
Propiedades de Página.
Nombrar el documento HTML y Crear el Sitio Nuevo.
Paleta de Archivos.
Diseño con Tablas: Columnas, Filas, Celdas y Borde
Desarrollo: texto, imágenes, películas, Flash, audio y video
Menú de navegación: Botones Imagen/Sustitución, Texto e Imágenes.
2. Lenguaje HTML y Estilos CSS.
Lenguaje HTML
Conocer la estructura del lenguaje HTML.
Etiquetas y atributos de estructuras: Tabla y Div.
Utilización de Panel de Código.
Inspector de Etiquetas.
Depuración de Código en navegadores.
Configurar preferencias.
Estilos CSS
Crear y usar Estilos CSS (Cascada).
Adjuntar, vincular, importar y editar una hoja de estilos.
Tipo de Estilo y jerarquías.
Etiquetas, clase y selector ID.
Combinación de Estilos.
3. Trabajar con texto, imágenes, video y animaciones.
Aplicar texto: Párrafo y CSS
Aplicar imágenes.
Aplicar videos desde Youtube y Vimeo.
Aplicar animaciones Flash (.swf), Edge Animate (HTML) y Photoshop (GIF)
Aplicar vínculos: documentos HTML, PDF, Mail y otros sitios Web.
Realizar pruebas de Usabilidad: vínculos y navegación.
4. Aplicar Widget y Comportamientos.
Aplicar Widget: Fecha, Hora, Favicom, Visitas, etc.
Crear Galería de Fotos
Crear "pop up"
Editar, diseñar, validar, personalizar y publicar un Formulario.
5. Plantillas (Templates), JavaScript y elementos Spry.
Diseño de Plantillas con CSS
Diseño de estructura Div
Estilos específicos para estructura
Concepto y descripción de la sintaxis
Incorporar JavaScript, para aumentar recursos de interacción.
Personalizar el Script
Crear, incluir y vincular archivos JavaScript
Paleta de Comportamientos: acciones y eventos
Ajax en Deamweaver a partir de Spry
Insertar y personalizar objetos Spry con CSS
Ajax en Deamweaver a partir de Spry
Aplicar Etiquetas Spry: Barra Menú, Paneles en Ficha, Acordeón y Panel que se Contrae
6. Publicación del Sitio Web.
Contratación del Dominio ".cl" y ".com"
Alojamiento: Contratación de Hosting
Publicar el sitio Web con aplicación FTP
Actualizar un Sitio Web
Información Adicional:
Total horas: 19
Nº de clases: 06
Hora clases: Ma-Ju:3 / Sa: 4
Clases: Ma-Ju-Sa
Horario: 19:00 a 22:00hrs.
09:00 a 13:00hrs.
Cupos: 12