Curso sobre HTML y CSS para la maquetación profesional de páginas web

Este cursos está dirigido a estudiantes, profesionales y público en general que quieran profundizar en la potencialidad del código CSS como herramienta de diagramación y formateo de contenidos web y para mejorar sus habilidades como diseñador o desarrollador web.

El mismo, que se desarrollará de 15 a 18, con una duración de seis encuentros presenciales, tiene por objetivo general comprender y utilizar los lenguajes HTML y CSS para generar sitios web de acuerdo a los estándares y requerimientos actuales, realizando sitios web más accesibles y dinámicos a un nivel más avanzado, y por objetivos específicos que con los conocimientos adquiridos en este curso el alumno podrá aplicar sus conocimientos para reemplazar la maquetación HTML realizada con tablas por la diagramación con hojas de estilo CSS; utilizar las hojas de estilo en cascada o CSS para diagramar, controlar, editar y actualizar el aspecto visual del contenido de un sitio web; realizar sitios web accesibles, mejorando su velocidad de descarga y de rápida actualización; controlar en forma rápida y centralizada la apariencia de los distintos elementos gráficos y de contenido de todo un sitio web, y confeccionar hojas de estilo CSS compatibles con los distintos navegadores y dispositivos de salida.

Los participantes deberán contar con conocimientos básicos de Adobe Dreamweaver o editor web similar (no excluyente), familiaridad con la creación y edición de páginas web, y conceptos generales del desarrollo web. El costo del curso para los alumnos de la Facultad de Tecnología y Ciencias Aplicadas es de $150 y $200 para el resto de los interesados.

La carga y distribución horaria será presencial con dieciocho horas teórico-prácticas, seis clases de tres horas cada una; y la no presencial con treinta horas prácticas llevadas a cabo sobre el desarrollo de actividades de trabajos prácticos. Se calificará con una escala numérica de 0 a 10 y se aprobará con un mínimo de 6. En la evaluación será valorada la asistencia y participación y la presentación de los trabajos prácticos.

Dicho curso se funda en que el gran impulso de Internet hacia los documentos electrónicos, hizo del HTML uno de los lenguajes más populares y utilizados en todo el mundo. Sin embargo, desde su creación, el lenguaje HTML estuvo muy limitado a la hora de darle forma gráfica (en cuanto a diseño) a un documento. Esto es así porque fue concebido para otros usos (científicos sobre todo), distinto a los actuales, mucho más amplios.

De este modo, el organismo W3C (World Wide Web Consortium), encargado de crear todos los estándares relacionados con la web, propuso la creación de un lenguaje de hojas de estilos específico para el lenguaje HTML

CSS (Cascading Style Sheets u Hojas de Estilos en Cascada) es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML y XHTML soportado por todos los navegadores.

La filosofía de CSS se basa en separar la estructura de los contenidos y la definición de su aspecto .Presenta numerosas ventajas, ya que obliga a crear documentos HTML/XHTML bien definidos y con significado completo (también llamados "documentos semánticos"). Además, mejora la accesibilidad del documento, reduce la complejidad de su mantenimiento y permite visualizar el mismo documento en infinidad de dispositivos diferentes.

En la actualidad CSS es imprescindible para todos los profesionales que quieran desarrollarse en el campo del diseño web, y es imprescindible para crear páginas web complejas

En este curso el alumno aprenderá los lenguajes HTML y CSS generando código válido y compatible con todos los exploradores.

Los contenidos a desarrollar y el programa analítico abarca Utilización de Dreamweaver (Interfase de Dreamweaver. Menús, barras, paneles y vistas. Creación del sitio web de pruebas); El Lenguaje HTML-Formatos (Los documentos y las etiquetas HTML. Estructura de un documento HTML. Propiedades de la página: etiquetas head, title y body. Formato de la página: título, márgenes, color de fondo, tipo y color de texto por defecto. Formato del texto: encabezados, formatos de fuente. Formatos de párrafo: sangrías, saltos de párrafo y de línea, listas ordenadas y desordenadas, inserción de caracteres especiales); El Lenguaje HTML-Hipervínculos/Objetos ((La etiqueta a. Tipos de hipervínculos. Creación de hipervínculos. Destino de los hipervínculos. La etiqueta img para la inserción de imágenes. La etiqueta embed para la inserción de sonido y video. Propiedades de los objetos: width, height, alt, border. Ubicación de los objetos en función del texto); El Lenguaje HTML-Tablas/Formularios (Introducción a las tablas. Las etiquetas table, td, tr, th, tbody. Propiedades de la tabla, de las filas y columnas.  Objetos de formulario: utilización. Propiedades de objetos de formularios); CSS-Introducción (¿Qué es CSS?. ¿Qué es la web 2.0?. Qué es XHTML?. Migrando HTML a XHTML. Funcionamiento básico de CSS. Soporte CSS en los navegadores. Trabajando con CSS. Declaración de reglas de estilo. Estilos a nivel marca HTML y a nivel página. Hoja de estilos externa); CSS-Selectores (Selectores básicos. Selectores avanzados. Selector universal. Agrupación de reglas. Herencia y cascada. Unidades de medida y color. Aplicación de estilos a: textos, enlaces, tablas, imagen formularios y listas); CSS-Maquetación Básica (El modelo de cajas. Alto, ancho, margen y relleno.  Bordes y fondo. Modelo de cajas. Tipos de elementos. Visualización);  CSS-Maquetación Avanzada (Atributos de posición. Posicionamiento: normal, relativo, absoluto, fijo y flotante. Estructura o Layout: diagramación centrada. Modelos de maquetación aplicados a una página web. Creación de menús y barras de navegación. Cursores personalizados. Selectores descendentes. Pseudo clases); CSS 3.0 y HTML 5.0 (¿Qué es CSS 3.0?. Compatibilidad con navegadores. Opacidad. Bordes redondeados. Sombra de texto.  Sombra de caja. Trabajo Final).