Curso Estándares W3C XHTML y CSS

Interfaces Temáticas

Curso Estándares Web: XHTML, CSS, Usabilidad y Accesibilidad

Diseño natural, usable, seguro, accesible

En este espacio ofrezco capacitación de nivel avanzado, en clases individuales, para la creación de productos tecnológicos de alta calidad (Sitios y aplicaciones web, bases de datos, interfaces, middleware, etc.). Aqui las mejores tecnologías y técnicas hacen simbiosis para lograr los objetivos propuestos. En este caso en particular el tema que nos convocará serán los estándares XHTML, CSS, Accesibilidad y Usabilidad. | Versión en PDF |

Trabajaremos con el desarrollo centrado en las personas, la relación de los usuarios con los objetos, los mecanismos para incorporar simplicidad (simplicidad no como slogan sino como metodología para el desarrollo), con la utilización de patrones de diseño, arquitecturas de capas, el diseño de interfaces y la visión profunda de la usabilidad y accesibilidad en proyectos tecnológicos. Esto constituye el Cómo aplicar los conocimientos tecnológicos.

Noticias sobre los estándares del curso desde el W3C

Guía Breve de XHTML
XHTML (Lenguaje de Marcado de Hipertexto Extensible) es una versión más estricta y limpia de HTML , que nace precisamente con el objetivo de remplazar a HTML.

XHTML extiende HTML 4.0 combinando la sintaxis de HTML, diseñado para mostrar datos, con la de XML, diseñado para describir los datos.

XHTML basic es compatible con el software que funciona con poca memoria (Web Móvil).

Guía Breve de CSS
Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos.

La sencillez en el desarrollo

Desarrollar proyectos sencillos en la web, es dificil. Alcanzar un estado de simplicidad operativa confiable, segura, robusta y de calidad es un objetivo al que se llega en forma razonada, a través de un camino tecnológico y metodológico.

Integración de Objetos

Las aplicaciones de gran calidad integran objetos con propiedades de cualidades reales. Para ello se necesitan, tecnologías de calidad y un trabajo, sencillamente exquisito.

Sitios y Aplicaciones Web con las funciones necesarias, tecnologías de calidad y un trabajo artesanal que considere patrones de diseño de interfaces, usabilidad, arquitectura de información, la sencillez en el desarrollo, programación acorde al desarrollo de software y el manejo de estándares web para la máxima disponiblidad de la información en la web, crean herramientas de notable calidad, seguras y robustas.

Ingeniería de Usabilidad

El modelo de proceso de la Ingeniería de Usabilidad que estudiaremos será el de Mayhew. aqui nos centramos en el análisis de los requisitos, el diseño, la evaluación y desarrollo y la instalación.

Patrones de Diseño

Analizaremos patrones de diseño que nos ayudarán a entender y resolver problemas en distintas áreas de una interfaz como:

Navegación
Búsquedas
Interacción básica
Procesos en el E-commerce

El conocimiento

Hay dos posibilidades básicas de aplicar el conocimiento en los desarrollos tecnológicos, por un lado se aplica el camino critico y para resolver se observa lo que falla y se le da sentido a ojos del inexperto, se sigue esto, hasta el final de la cadena de conocimiento.

Por otra parte, el conocimiento profundo simplifica el discurso y permite alcanzar el núcleo esencial y esto soluciona. El conocimiento profundo de las tecnologías, metodologías, la web como medio, etc., permiten alcanzar la simpleza en el desarrollo, lo que se transfiere a la aplicación final.

Desarrollo del curso Estándares XHTML y CSS - Usabilidad - Accesibilidad

Junto con el desarrollo de XHTML se incorporan los estándares CSS (hojas de estilo en cascada) y las consideraciones de Accesibilidad WAI AAA y Sección 508, como asi tambien temas relativos a Usabilidad y Arquitectura de Información.

Tecnologías utilizadas en el desarrollos de sitios web.
Herramientas: El mejor editor de código profesional; los pagos y los gratuitos. Descarga e instalación del software. Los mejores editores gratuitos de texto (en Windows y Linux).
Bloques de construcción XHTML. Consideraciones de diseño. Organización de archivos.
Marcas completas del standard en el formato de texto.
Marcas completas del standard para el tratamiento de imágenes web. Gráfica relativa a imágenes. Formatos, optimización.
Diseño con imágenes y texto.
Diseño de página.
Marcas completas del standard para la creación de todos los tipos de enlaces. Mapas de imágen.
Creación de listas.
Marcas completas del standard para la creación y diseño de tablas. Marcas semánticas.
Marcas completas del standard para la creación de marcos. Consideraciones especiales.
Marcas completas del standard para la creación de formularios. Comprensión de la operación de un formulario en el lado Servidor y Cliente.
Creación de páginas web. Integración de conocimientos. Aclaración de dudas.

Durante el desarrollo del programa el alumno deberá crear numerosas páginas web incluyendo los conocimientos de cada estadío. Recibirá como apoyo a las clases, material teórico para consulta y ampliación de conocimientos.

CSS2: Hojas de estilo en cascada

Consideraciones generales de las CSS. Razones para su uso.
Hojas de estilo internas y externas. Incrustación de estilos.
Los estilos y el conocimiento profundo de las estructuras del XHTML.
Sintáxis de los estilos. Definición de estilos locales.
Estudio detallado de Selectores. Propiedades de herencia y cascada.
Manejo de colores desde los estilos. Software.
Modelo de formato visual.
Diseño de clases y utilización de "id" con los estilos.
Estudio completo de formateo de texto con estilos.
Formateo de listas y tablas.
Formateo de imágenes y texto con estilos.
Formateo de formularios con estilos.
Diseño de página con estilos.
Estudio detallado de las cajas (Box).
Soporte al modelo de cajas
Internet Explorer y el modelo de caja
Diseños Liquidos
Diseños Congelados
Diseños Elásticos
El background y los estilos.
Los estilos y las unidades.
Efectos sobre imágenes y texto, con estilos (efectos gráficos.)
Diseño de páginas web con estilos. Integración de conocimientos. Aclaración de dudas.

Usabilidad web y Arquitectura de la información

Estos son algunos de los temas más importantes sobre usabilidad web y arquitectura de la información, que se tratan durante el curso de Estándares Web.

Usabilidad: Conceptos generales. Su necesidad en el diseño web.
Diseño de página. Separación del contenido y el formato. Diseño líquido.
Actualización en el uso de tecnologías.
Los tiempos de respuestas en un sitio web.
Usabilidad en los enlaces web.
Las hojas de estilo.
Los marcos.
El diseño de contenido. Cómo escribir para la web.
Video y audio.
Diseño de URL.
Diseño del sitio. Página de inicio.
La simplicidad en el diseño web.
Accesibilidad de los usuarios discapacitados.
La audiencia.
Arquitectura de la información
Organización de la información
Diseño de sistemas de navegación
Sistemas de rotulación
Sistemas de búsqueda
Diseño conceptual

La Interfaz de Usuario

La interfaz de usuario es la parte de una aplicación que hace que sea posible el diálogo Hombre - Máquina. La Interfaz de Usuario se convirtió en un factor decisivo para la elección de un software y tiene una gran influencia en sitios web. La heterogeneidad que propone la web en el espectro de usuarios, hace que las interfaces deban desarrollarse acorde a esto.

El Desarrollo Hipermedia y Web

El desarrollo de sistemas de hipermedia debe incorporar un proceso sistemático y bien definido, no es posible realizarlos en forma artesanal. Se deben considerar aspectos como por ejemplo:

Sistemas de navegación sofisticados
Interacción con el usuario
Interfaces con aplicaciones externas (bases de datos, servicios web, etc.)
Restricciones de acceso

Proceso de desarrollo Hipermedia

La forma de construir soluciones efectivas y eficientes debe considerar lo siguiente:

Se deben entender los objetivos del producto a desarrollar
Se deben diseñar Interfaces adecuadas
La arquitectura de la información debe hacerse pensando en las tareas que el usuario desarrollará
Se deben incorporar mecanismos que den soporte a la tarea del usuario
Se deben crear métricas para evaluar el proceso de desarrollo y futuras acciones
Se deben desarrollar aplicaciones fáciles de mantener

El proceso de diseño debe considerar una especificación del producto a desarrollar, alli tienen que definirse la forma de estructurar la información, la semántica a adoptar, las posibilidad de interacción del usuario, la accesibilidad, el grado de compatibilidad de la aplicación, etc..

Curso de Estándares Completo

El curso de Estándares Web del W3C completo quedaría conformado con las siguientes temáticas, teórico - aplicadas:

Estudio de Estándar HTML
Migración a XHTML
Estudio del Estándar CSS
Accesibilidad Web
Usabilidad Web
Estudio de Patrones para el diseño de Interfaces
Estudio de Patrones de Usabilidad
Microformatos Semánticos
Lenguaje de Marcas para la Telefonía Celular

Quienes pueden tomar este curso?

Todos aquellos interesados en el tema, sin necesidad de experiencia previa, ya sean personas que desean autogestionarse o crear sitios y aplicaciones para terceros en forma profesional.

Página del Autor de Usabilidad web |

Stds W3C, PHP, MySQL, PostgreSQL, SQLite ...
Desarrollo de software basado en web
Desarrollo de software en C++, JAVA y PYTHON
Consultor independiente: Usabilidad, AI, y Estándares web W3C |
Cursos en Buenos Aires, Argentina
http://www.usabilidadweb.com.ar/