Este documento presenta el programa analítico de la asignatura Programación en HTML y CSS. La asignatura enseña a crear diseños web personalizados usando hojas de estilo CSS sin necesidad de plantillas predefinidas. Los objetivos incluyen reconocer etiquetas HTML, redefinir etiquetas con CSS, crear clases y selectores de ID, y maquetar sitios web siguiendo estándares internacionales. El curso contiene 5 unidades sobre etiquetas HTML, CSS, selectores de clase e ID, y la creación de un diseño web.

1. PROGRAMA ANALÍTICO DE ASIGNATURA
DATOS GENERALES
ASIGNATURA : Programación en HTML y CSS
PRE-REQUISITOS : Programación Básica
SIGLA Y CODIGO : INF-210
CURSO : Tercer Semestre
HORAS :6
PROFESOR : Ing. Ángel Tobías Chicaiza Cruz
REVISADO EN : Septiembre 2012
Presentación del Curso
En los últimos cinco años, el uso de manejadores de contenido para sitios Web ha crecido
considerablemente y Joomla es una aplicación que en Ecuador ha tomado fuerza.
Actualmente es posible elaborar sitios Web dinámicos y coherentes con la Web 2.0. Sin
embargo, el diseño de estos sitios se sigue limitando a plantillas predefinidas que, en
muchos casos, en vez de ayudar, dificultan la estructuración y gestión de la información de
los sitios. Adicionalmente, debemos considerar el uso de estándares internacionales que
hoy en día se exige a los navegadores. La validación de nuestro código HTML y CSS
permite disponer de diseños que sean visibles en cualquier navegador e incluso en
dispositivos móviles.
El presente curso pretende abrir la posibilidad de crear nuestros propios diseños Web, sin
necesidad de recurrir a plantillas de uso común. El manejo de CSS es importante para
lograr este objetivo.

2. Pre- requisitos
1. Utilizar el internet, de manera fluida y conocer de búsquedas bibliográficas y referencias
en foros.
2. Conocer el manejo básico de programas compresores, editores de imágenes y de texto.
Objetivo General
Culminado el curso virtual, el participante estará en capacidad de utilizar las hojas de estilo
CSS para: redefinir etiquetas HTML, crear clases y realizar maquetación para sitios Web
utilizando correctamente estándares de navegabilidad internacionales determinados por la
W3C (World Wide Web Consortium).
Objetivos Específicos
1. Reconocer las etiquetas fundamentales HTML y su estructuración lógica en un
documento, utilizando Dreamweaver como editor.
2. Redefinir las etiquetas fundamentales HTML utilizando una hoja de estilos CSS para
modificar la apariencia de las mismas sin utilizar etiquetas FONT.
3. Crear selectores tipo clase y su influencia en las etiquetas HTML utilizando colores
hexadecimales y conceptos técnicos sobre margen, borde y relleno.
4. Familiarizarse con la maquetación de páginas Web con selectores tipo ID utilizando las
reglas CSS y la correcta estructuración de etiquetas HTML.
5. Realizar la maquetación de un sitio Web utilizando todo lo aprendido sobre HTML y
CSS, cumpliendo con los estándares de la W3C.
Contenidos
Unidad 1. Etiquetas Fundamentales HTML
 Estructura de una página HTML
 Etiqueta Head
 Etiqueta Body
 Etiquetas Fundamentales
 Etiquetas de texto

3.  Etiqueta para imagen
 Estructura de lasTablas
 Listas
 Formularios
 Imágenes para Web
 Formatos
 Optimización
 Vínculos
 Vínculos absolutos
 Vínculos relativos
 Etiqueta A
Unidad 2 Redefinir Etiquetas HTML con CSS
 Vincular una hoja de estilos CSS a un documento HTML
 Selectores Tipo Etiqueta
 Redefinir etiquetas de texto y tablas
 Redefinir la Etiqueta A
 Crear botones
Unidad 3. Selectores tipo Clase
 Selectores Tipo Clase
 Asignar clases a etiquetas fundamentales
 Modelo de Cajas
 Categorías
 Float
Unidad 4. Maquetación con selectores tipo ID
 Selectores Tipo ID

4.  Maquetación
Unidad 5. Creación de un diseño Web con CSS
 Con todo lo aprendido se iniciará el proceso de creación y diseño de una página
Web.
Bibliografía básica
EGUILUZ, Javier. (2008). Introducción a CSS. Disponible en:
http://librosweb.es/css/index.html
EGUILUZ, Javier. (2008) Introducción a XHTML. Disponible en:
http://librosweb.es/xhtml/index.html