Diseño de Sitios Web y Maquetación HTML

 

 

 

METODOLOGIA:

 

Duración: 10 clases de 3.5 hs. Total 35 horas.

 

Viernes de 18.30 a 22 hs.

 

INICIO: viernes 17 de Febrero

 

FINALIZA: viernes 20 de Abril

 

Costo total: 2 cuotas de $ 585.-

 

 

OBJETIVO:

 

El obejtivo principal del curso es la capacitación en el lenguaje html, diseñando paginas tableless (sin tablas), con elementos DIVs y 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 a cargo: Marcos Cabero

 

 

CONTENIDOS:

 

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

 

CLASE 2

 

Elementos HTML (Tags). Propiedades y usos #1

Manejo de Listas ordenadas y no ordenadas. Tags OL / UL

Utilizando imágenes en la Web. Tag IMG

Característica de los distintos formatos: JPEG, GIF, 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 background

 

CLASE 3

 

Elementos HTML (Tags). Propiedades y usos #2 

Utilización de vínculos (Links). Tag A

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)

 

Uso de CSS Hojas de Estilo en Cascada (Cascading Style Sheets) #1

Introducción a las Hojas de Estilo En Cascada o CSS. Porqué separar la presentación del contenido en HTML vía CSS

Sintaxis básica de código CSS. Selector, propiedad, valor

 

CLASE 4

 

Uso de CSS Hojas de Estilo en Cascada (Cascading Style Sheets) #2

Usos de Hojas de Estilo. Internas, Externas e Inline

Aplicando estilo a elementos HTML vía Clases (class), IDs y TAGs

Definiendo estilos para texto. Safe Fonts

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 backgrounds

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

El elemento DIV. Estructurando una página con columnas utilizando DIV y CSS (diseño sin Tablas)

Definiendo estilos para bloques de elementos HTML. Estructura Semántica

Propiedades de los elementos HTML: bordes, alineación, color, fondo, margen externo, margen interno, etc.

La propiedad Float

 

CLASE 6

 

Del PSD al HTML Definiendo la estructura desde la maqueta. Photoshop / 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. Safe Fonts

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.

Utilización de Flash Video Encoder, compresiones y relación tamaño/calidad. Uso de video en nuestras páginas Web alojados en nuestro servidor

Elementos multimedia en HTML (Mp3, Wmv, Mov, Object, etc).

 

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, Lightbox y Accordion

 

CLASE 9

 

 CSS en formularios

Aplicando estilo a formularios. Tag FORM

Definiendo estilos para FORM TAGS (Text field, Text Area, Checkboxes, Radio Buttons, Drop down menu, etc.)

 

FTP para publicar paginas web

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

Publicación de nuestro sitio terminado

Uso de clientes FTP populares (File Zilla y Dreamweaver)

 

CLASE 10

 

 Practica de maquetado y repaso general 

Repaso general de los conceptos principales vertidos en el curso realizando un proyecto de Maquetación de PSD a HTML con proyecto de la cátedra.

 

 

ES OBLIGACION PARA OBTENER LA CERTIFICACION OFICIAL

El estudiante tiene que ser graduado de una carrera afín (de una Universidad o Instituto Superior de la República Argentina - se deberá presentar Original y Fotocopia del Título y del DNI-) o poder justificar mediante una certificación, experiencia laboral no menor a 2 años en áreas similares).