Curso 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
