Introducción al Diseño Web y Maquetación HTML/CSS

CLASE 1 // Introducción al HTML

Breve reseña histórica
Que es lenguaje HTML?
Contenido y organización
Reglas y sintaxis en HTML
Estructura básica en HTML
Propiedades generales de los elementos y objetos en HTML
Formato, manipulación de Texto (Fonts) en HTML
Manejo de Listas ordenadas y no ordenadas (Ol y Ul)

CLASE 2 // Utilización de imágenes y manejos de vínculos (Links)

Utilizando imágenes en la Web
Característica de los distintos formatos: JPEG, GIF, PNG, PNG Transparente
Insertando imágenes en las páginas
Resolución de imágenes para diseño Web
Manipulando las propiedades de las imágenes
Combinado el texto y las imágenes
Utilización de vínculos (Links)
Enlazando a páginas internas y externas
Vínculos absolutos y relativos
Utilizando imágenes como links
Utilizando anclajes (Anchors)
Definiendo el destino de un link (Target)

CLASE 3 // Uso y manejo de tablas (Table)

Diseño HTML con tablas. Usos y costumbres. Posicionamiento de objetos en una página web
Insertando tablas en la páginas. Propiedades de las tablas, filas, columnas y celdas
Altos y anchos, fijos y porcentuales. Manipulando los bordes, márgenes y fondo
Manejo del texto dentro de las tablas. Anidando tablas

CLASE 4 // Uso de CSS Hojas de Estilo en Cascada (Cascading Style Sheets)

Introducción a las Hojas de Estilo En Cascada o CSS
Hojas de Estilo Internas, Externas e Inline
Sintaxis básica de código CSS. Definiendo estilos para HTML vía Clases, IDs y TAGS.
Aplicando formato al texto. Especificando fuentes con Hojas de Estilos. Manipulando las propiedades del texto: color, fondo, alineación, espaciado interlinea e interletra, etc.
Definiendo estilos para Links. Manipulando links vía CSS. Clases y pseudoclases.
Definiendo estilos para tablas.

CLASE 5 // Uso de CSS para estructurar mi sitio (diseño Tableless)

Aplicando formato a la estructura de las páginas. Identificando elementos para posicionar con CSS, usos de Class e Id
Estructurando una página con columnas utilizando CSS
Aplicando estilo para Bloques y Líneas
Manipulando las propiedades de los Elementos HTML: bordes, alineación, color, fondo, margen externo, margen interno, etc.

CLASE 6 // Del PSD al HTML Elementos puntuales de diseño Web en Adobe Photoshop CS4 / Adobe Illustrator CS4

Diseñando para Web. Elementos y criterios básicos. Organización y ubicación de los objetos
Pensando en las Tipografías de nuestros proyectos Web
Como transformamos un PSD en lenguaje HTML
Uso de Slice y Herramientas de recorte
Compresión de imágenes y diferencias entre los distintos formatos aplicados a un diseño específico

CLASE 7 // Introducción al uso de elementos multimedia

Manejo de formatos multimedia soportados por los navegadores. Audio y Video online
Masivización del uso del video online de la mano de Youtube, Daily Motion, Vimeo, Ustream, Livestream, etc. Como trabajar con contenido online multimedia en nuestra Web.
Uso de video en nuestras páginas Web alojados en nuestro servidor. Utilización de Flash Video Encoder, compresiones y relación tamaño/calidad
Insertando sonidos en HTML (Mp3, Wmv, Mov, etc)
Insertando elementos Flash en las páginas (Object)

CLASE 8 // Introducción al uso de Framework jQuery

Agregando interactividad a las paginas sin necesidad de elementos Flash
Usos de Plugins JavaScript en HTML para mejorar navegabilidad
Introducción al uso de jQuery
Aplicando Plugins jQuery de Slides, Lighbox y menús deslizables

CLASE 9 // Introducción al uso de formularios

Aplicando formato y estilo a los formularios. Insertando formas en las páginas (Forms)
Utilizando FORM TAGS (Text field, Text Area, Checkboxes, Radio Buttons, Drop down menu, etc.)
Publicación de nuestro sitio terminado
Preparando las páginas para su publicación
Registro del dominio para nuestro proyecto
Servidor y hosting. Que configuración necesito para mi proyecto?
Utilizando FTP para publicar las páginas
Reuniendo la información necesaria para publicar las páginas
Uso de clientes FTP populares (File Zilla y Dreamweaver)

CLASE 10 // Repaso general y examen final

Repaso general de los conceptos principales vertidos en el curso
Examen de Maquetación de PSD a HTML con proyecto propio o de la cátedra

El objetivo principal del curso es la capacitación en el lenguaje HTML, diseñando paginas tableless (sin tablas) con CSS (Cascading Style Sheets, Hojas de Estilo en Cascada). En la actualidad CSS es imprescindible para todos los profesionales que quieran desarrollarse en el campo del diseño Web.

En el curso aprenderemos a diseñar HTML semántico, generando código válido y compatible con los exploradores standards del mercado internacional. Incorporaremos a nuestro proyecto trabajo con video online y archivos multimedia. Daremos los primeros pasos en el uso del framework jQuery para poder darle mas impacto a nuestros proyectos.

Aprenderemos también a gestionar nuestro propio sitio Web, desde el registro del dominio, subidas vía FTP a nuestro servidor, manejo y control de nuestras casillas de emails y demás herramientas de nuestro panel de control del servicio de Hosting.

Docente: Marcos Cabero

Horario: Miércoles de 18.30 a 22hs

    * Inicia: Miércoles 09 de Junio
    * Finaliza: Miércoles 11 de Agosto

PROXIMA FECHA

    * Inicia: Miércoles 08 de Septiembre
    * Finaliza: Miércoles 10 de Noviembre

Total en 10 clases de 3.5 hs c/u: 35 horas.

Costo total: 2 cuotas de $ 485.-