Diseño Web Integral
Curso
En CABA
Descripción
-
Tipología
Curso
-
Lugar
Caba
Dreamweaver es la principal herramienta para el desarrollo de sitios. Se integra con Photoshop, Fireworks y Flash y no se necesita inicialmente conocimientos de programación para la realización de sitios Web.
Sedes y fechas disponibles
Ubicación
inicio
inicio
Opiniones
Materias
- Diseño web
Plan de estudios
Unidad 1
Procesos del diseño web, lenguajes (HTML, XHTML, CSS), Planificación de un sitio, Dreamweaver como herramienta web. Planificar la estructura del sitio: orden de archivos y carpetas • La interfaz de Dreamweaver • Paneles, barra de propiedades y documento. • Definición de sitio y administración de archivos. • El documento HTML: creación, vista diseño y vista código • La estructura y sintaxis del lenguaje HTML y cómo Dreamweaver crea contenidos en los documentos. • Trabajo con texto. • Texto con jerarquía, listas ordenadas, desordenadas y de definición. • Hipervínculos: Links absolutos y relativos. • Links a archivos. Práctica: definir y armar un sitio con links básicos entre páginas.
Unidad 2
Imágenes. Introducción a CSS. Estructura web. • Links desde imágenes. • Dreamweaver y el css: el panel de estilos. • Estilos para textos y la importancia de la semántica HTML • Estilos básicos para imágenes, formularios • Vincular hojas de estilos en documentos
Unidad 3
Unidad 3 Maquetación • Maquetado con CSS a una columna y a 2 columnas • Maquetado, entendiendo las propiedades de float y clear • Estilos que afectan las cajas y sus anchos: padding, border y margin. • Layouts: Fijos y fluidos. • CSS para botoneras: listas desordenadas y estilos para convertirlas en botoneras • Clases y pseudoclases para hipervínculos
Unidad 4
Videos y animaciones • Inserción de archivos de video FLV • Insertar un video que esta subido a Youtube.com/Vimeo.com • El panel Inspector de etiquetas y comportamientos: creando interactividad simple con efectos • El framework de Spry y los componentes interactivos: acordeón, pestañas, panel colapsable, menú. • Edición de estilos de componentes Spry
Unidad 5
Formularios en la web. El rol del lenguaje PHP en el formulario. • Creación de campos. • Vinculación con php para el proceso de datos Práctica Final: Portfolio personal con lo visto en las Unidades anteriores
Unidad 6
Como subir un sitio a la web • Concepto de un servidor remoto. • Herramientas para hacer FTP Práctica: Diagnosticar los documentos.
Animaciones HTML5" con Adobe Edge Animate
Entorno de trabajo. Ventanas. Linea de tiempo. Area de trabajo, y sus propiedades. concepto de fotograma clave. Elementos. Bibliotecas. Simbolos. Propiedades de simbolos, de botones. Tipos de archivos, js, svg, html. Propiedades de objetos. Herramientas de dibujo. Importar. Texto. Eventos de raton. SONIDO. Divs. Explicacion de codigo usado. precargadores. modificar un html con animacion ya hecho.InteraccionCreacion de botones. Programacion, play stop. eventos de raton. drag and drop.EjerciciosCreacion de Banner animados. Sliders de fotografias. Parallax.
Diseño Web Integral