Diseño Web Integral

PDFE-mail
MODULO 1:

DREAMWEAVER
Software de mayor uso entre los diseñadores web ya que permite generar de manera amena, dinámica y rápida desde una página hasta un proyecto web integral.
Este programa nos permite crear archivos de extensiones tales como html, xhtml, htm, php, asp, css, etc.
Saber utilizar este software es sin dudas uno de los pasos más importantes para introducirnos de lleno en el mundo del diseño web.

HTML
El código base sobre el que se sustenta toda página web. Imprescindible para poder trabajar apropiadamente y a consciencia. Durante el dictado de este código el alumno conocerá la evolución del HTML, partiendo del HTML4 hasta llegar al XHTML 1.0.

CSS
Es el código de diseño necesario para darle vida, color y estructura al código HTML. El CSS simplifica, agiliza y potencia el diseño web permitiendo generar páginas correctamente maquetadas y simples en su estructura. En este curso el alumno conocerá el código de CSS, las hojas de estilo y sus definiciones en las versiones 1 y 2.

MODULO 2:

EDGE FLOW
Edge Reflow permite a los diseñadores crear espectaculares diseños web interactivos. La superficie de diseño de la web nativa muestra las funciones de diseño y composición de CSS de una forma sencilla pero potente, y los diseños se pueden previsualizar en el navegador o en dispositivos con Edge Inspect integrado. Reflow ahora se conecta directamente a Photoshop CC, lo que le permite pasar de un diseño estático a uno interactivo en solo un clic.
No hay imagen establecida

 


Duración: 1 semana  (5 clases) 

  • QUE ES EL HTML – Evolución.
  • Conceptos basados en HTML 4.0 y XHTML 1.01
  • Formato de archivo
  • Estructura de un proyecto web (carpetas y subcarpetas)
  • ETIQUETAS
  • De estructura básica de un documento HTML
  • Atributos de las etiquetas
  • De Texto – Párrafos 
  • De Listas
  • De Vínculos
  • Colores en HTML
  • Fondos de colores e imágenes de fondo
  • Imágenes en la web
  • Tablas
  • Formularios
  • Caracteres especiales
  • Metadatos 
  • Etiqueta DOCTYPE


Duración: 3 semanas (15 clases)

  • Alcances del diseño web con Dreamweaver
  • Definición de un proyecto web
  • Presentación del entorno de trabajo
  • Trabajo con el texto – manejo de textos importados –limpieza de textos
  • Trabajo con Listas
  • Propiedades de la página
  • Vínculos
  • Imágenes
  • Aplicación de imágenes en fondos
  • Mapas de imágenes
  • Imágenes de sustitución
  • Hojas de Estilo – CSS – introducción a este código para poder trabajar en Dreamweaver
  • Armado de Tablas
  • Armado de newsletter con tablas y estilo en línea
  • Armado de IFRAME
  • Comportamientos  - acciones con Java Script
  • Formularios
  • Spry de Dreamweaver
  • Buscar y reemplazar materiales
  • Preparar el proyecto para publicar en internet
  • Acerca de Dominios – Hosting y Servidores
  • Publicar un sitio web: Subir un sitio a internet a través de Dreamweaver.


Duración: 3 semanas (15 clases)
IMPORTANTE: para este curso es imprescindible que el alumno tenga conocimientos básicos de dreamweaver y html.

  • Que es el CSS – Evolución 
  • Diferencia entre el maquetado con tablas y el maquetado con CSS
  • Formas de definir una regla de estilo (en línea – embebido en el html – vinculado con el html)
  • Tipos de selectores
  • Creación y vinculación de una hoja de estilo
  • Sintaxis de las reglas de estilo
  • Estructura y Herencia
  • Selectores de Etiqueta
  • Selectores de grupo – Selectores de contexto
  • Atributos:  tipográficos, de texto, de color, de fondo, de bordes, de caja, de listas
  • Etiqueta DIV: los bloques. Comportamiento de los bloques en el maquetado de un sitio web
  • Atributos de las cajas
  • tamaño en ancho y alto
  • márgenes y  relleno
  • Diagramación básica
  • Diagramación por columnas usando el atributo FLOAT y el atributo CLEAR
  • Diagramación por columnas usando el atributo POSITION (static – relative – absolute – fixed)
  • Anidamiento de DIVS
  • Centrado de una maqueta
  • Selector universal
  • Listas y menues
  • Pseudo clases
  • Pseudo elementos
  • Selectores de Clases – trabajo con clases en el maquetado y en las etiquetas. Etiqueta div y span.
  • Atributo Overflow y Display
  • Uso del  !important
  • Diferencias de visualización entre navegadores, uso de los condicionales en el HTML y del hack del guión bajo en css para igualar diseños.


Duración: 3 semanas (15 clases).

  • 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.


Interaccion

  • Creacion de botones.
  • Programacion, play stop.
  • eventos de raton.
  • drag and drop.


Ejercicios

  • Creacion de Banner animados.
  • Sliders de fotografias.
  • Parallax.

 

 

PRECIO: $1900
SOLO POR ESTE MES! 2 x 1 En todos los cursos de 2014 y 2015 (*) Ver bases y condiciones
Consultanos por este curso!

Caracteres escritos:
Reservá tu vacante ahora al (011) 5219-1233
Duración: 12 Semanas
Cantidad de clases: 36
Horas de cursada: 64
Fecha de inicio del curso: Lunes, 27 Octubre 2014
Opcion 1: Lun/Mierc/Vier. de 11:00 a 13:00hs.
Opcion 2: Lun/Mierc/Vier. de 17:00 a 19:00hs.
sepyme4_150x50
(*) Bases y condiciones - Promoción válida en compras del 20 al 31 de Octubre de 2014. - El alumno tiene un año para realizar los cursos que adquiera. - Los cursos incluyen certificado y material. - Para vos o para regalar. - El curso de regalo es el de menor valor. Para obtener el descuento debe ser abonada la totalidad del curso de mayor valor. - No es acumulable con otras promociones. - Esta promoción no incluye los cursos: Java para no programadores y Java Se Programming.
* Las fechas de inicio de este curso están sujetas a cambios sin previo aviso.
* * El precio publicado es únicamente abonando en efectivo o con débito. Consultar costos con crédito (3 cuotas sin interés)