Agregar a favoritos

Introducción al diseño web y maquetación HTML/CSS

Nueva Escuela de Diseño y Comunicación

Mas info del instituto

• Título

  Certificado de estudios

• Duración

  10 clases de 3.5 hs. Total 35 horas

• Precio

  Consultar

• Modalidad

  presencial

---

Descripción

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. Duración: 10 clases de 3.5 hs. Total 35 horas.

Te prepara para

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.

Detalle

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