UNIDAD 1: XHTML
Estructura
El lenguaje html. Partes. Elementos de una
etiqueta.
Trabajo en DW. Entorno de trabajo Code – Split – Design.
Consideraciones sobre tipos de archivo.
Uso de browser como testeador de resultados.
Ver código fuente /
Inspector en Chrome/Firefox
Elementos base texto: P H1 a H6 blockquote ... Elementos de bloque. (block)
Strong/ Em/ br. Elementos de línea (inline).
Características base de funcionamiento de
un documento html.
Links, anchors, listas. Uso de Thimble y Xrays de Mozilla como editores
auxiliares y de aprendizaje.
Validación usando la W3.Org.
HTML5
Cambios importantes en sintaxis. Nuevos elementos (tags)
UNIDAD 2: CSS Básico
Aspecto
Estilos en cascada. Concepto. Partes. Anatomía
de un estilo o regla. Tipos de selectores: tags, clases, Id´s y estilos avanzados.
Propiedades generales de texto. Propiedades de
cajas. Modelo de caja (box model).
Herencia y estilos de browser vs. Estilos de autor.
Hojas de estilo inline, internas y externas.
Poder de un estilo en función de cómo se lo invoca. Especificidad.
Agrupar estilos. Reglas de
escritura de CSS para mejor aprovechamiento.
CSS3// Diferencias con CSS2. Nuevas propiedades. Compatibilidad con browsers
anteriores (polyfills)
UNIDAD
3. CSS Avanzado
Layout
y navegación
Positioning tipos. Z-index y uso. Display opciones. Floats y modelo de columnas en CSS. Crear un layout en DW con XHTML
y CSS, Partes y consideraciones básicas.
Pseudo clases. Usar listas como menúes. Menúes
verticales y horizontales.
Planificación y alternativas para tipos de
navegación. Menúes desplegables con CSS.
Condicionales para diferentes navegadores: Hojas de estilo condicionales.
UNIDAD 4: Forms
Interacción de entrada
Elemento Form. Uso y funcionamiento de un
formulario. GET, POST y action. Etiquetas de entrada datos
(inputs), checkboxes, radio button Select, text tareas, botones envío.
Crear un formulario tipo: métodos.
Aplicaciones de los formularios en sitios web e importancia en la estructura
general. Estilar un formulario.
Dificultades emergentes con los controles de formulario y uso de JS para
customización de campos.
UNIDAD 5: Js-Jquery / Intro a HTML5/CSS3
Comportamientos. Nuevas posibilidades.
El modelo de
documento DOM (Document object model)
y la estructura de una página. Javascript base y su relación con el DOM: sus
posibilidades de interacción.
Colocación de
scripts en una página y cuidados de uso. Incorporar un JS a un sitio para
diferentes operaciones (slider de
fotos, smooth scroll y otros
ejemplos).