Diseño Web

Duración del curso : 5 meses (3hs semanales)

Dreamweaver CS5, CS6 básico

• Descripción del área de trabajo.
• Definir un sitio. Ventajas.
• Trabajo con texto, tipos de encabezado, listas, regla horizontal.
• Imágenes, imágenes de sustitución, mapeo de imágenes, texto de flash.
• Tipos de vínculos. Implementación.
• Se enseña un conocimiento básico del código HTML de los elementos vistos hasta el momento. Fundamental para la posterior aplicación del uso de estilos CSS.
• Primeros pasos con estilos CSS. Formato de los elementos vistos.  Uso de estilos compuestos. Creación de un archivo CSS externo.
• Se inicia la creación del Sitio Web de muestra insertando imágenes y dando formato al texto y los vínculos.
• Uso de tablas. Su utilización en la maquetación de un sitio.
• Se aplica el uso de tablas al Sitio Web de muestra. Se muestra un ejemplo de como integrar el diseño a cualquier resolución de monitor mediante el uso de una imagen de fondo adecuada.

Photoshop CS5, CS6

• Manipulación de imágenes: cambiar tamaño, tamaño del lienzo.
• Selecciones: todos sus tipos.
• Ajustes: brillo, contraste, niveles, curvas, corrección del color.
• Máscaras de capa.
• Herramientas de retoque digital: tampón de clonar, pincel corrector, parche, etc.
• Creación de elementos propios: formas, pluma, texto, pinceles.
• Trazados.
• Segmentación de imágenes.
• Se realizará paso a paso la creación del banner utilizado en el Sitio Web de muestra.
• Se muestran ventajas de organizar un sitio web en Photoshop para su posterior traslado a Dreamweaver.

Dreamweaver CS5, CS6 avanzado

• Uso avanzado de estilos: maquetación de un sitio web, creación de un menú. Se mostrarán las etiquetas HTML necesarias. Pseudoclases.
• Se vuelve a crear el Sitio Web de muestra en este caso usando DIVs para su maquetación mediante el uso de estilos como también la creación del menú y las páginas faltantes.
• Formularios. Uso de los distintos tipos de campo. Se incorpora el formulario al Sitio Web de muestra con sus correspondientes estilos.
• Se muestra el sitio melodysoft.com para el envío de formularios. También un ejemplo de archivo PHP con el mismo fin aunque no se enseña a programar sino sólo a adaptarlo a las necesidades de cada formulario.
• Inserción de video mediante el formato flv de flash. Uso del programa Adobe Media Encoder para convertir videos con otros formatos al formato flv requerido.
• Funciones javascript. No se enseña a programar sino a incorporar funciones ya hechas a nuestro sitio. Se agregará la función de fecha automática al Sitio Web de muestra.
• Validación de formularios. Comportamientos. Inserción de nuevos comportamientos mediante el programa Adobe Extension Manager.
• Incorporación al Sitio Web de muestra de una galería de fotos con movimiento como se ve en la página principal.
• Registro de un dominio.com.ar. Alta en un Hosting. Uso de algún programa cliente de FTP para “subir” los archivos del sitio al Hosting.

Para aprobar el curso, los alumnos deberán entregar un sitio web propio en un plazo no mayor a un mes posterior a la finalización del mismo.