W3C

1. Javier Edgardo Chávez Romero
USIS001112

2. La sencillez en el desarrollo
Desarrollar proyectos sencillos en la web, es difícil. 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 y tecnologías semánticas para XHTML, para la máxima
disponibilidad de la información en la web, crean herramientas de notable
calidad, seguras y robustas. Son inversiones.
Ingeniería de Usabilidad y Arquitectura de información en los canales de
comunicación XHTML y XML
Los sitios web van a seguir requiriendo desarrollos que incluyan usabilidad
y arquitectura de información; pero en modos y grados diferentes. Ambos
canales, XHTML y XML, tienen estructuras y funcionalidades diferentes. Es
necesario saber que las cosas han cambiado:
El canal web tradicional que incluye:
 código fuente,
 transmisor, protocolo HTTP,
 receptor, agente de usuario
Es un canal predecible, pese a todo; y ha comenzado a convivir con
canales integrados en forma diferente, desde lo estructural y funcional:
 Código fuente XML,
 protocolo HTTP y
 de allí en más, los consumidores son diversos y numerosos;
 desde navegadores web, previa transformación XSLT,

3.  hasta terminales de procesos industriales,
 datos para la navegación,
 sindicación de contenidos,
 web services,
 APIs para distribuir contenidos,
 Consultas SPARQL, etc.
Los canales XML contienen información en tiempo real para consumo en
todas las áreas y actividades inimaginables.
Usabilidad y Arquitectura de información son requeridas en grado y modo
distintos, en estructuras con canales XML.
Páginas Web XHTML + RDFa
Identificar información para que un software pueda hacer algo con ella es
acercarnos a la web semántica; ello no ocurre con HTML, es una de las
razones de su caducidad. RDFa posibilita semantizar nuestros contenidos,
en el cuerpo del documento.
Cuando se utilizan los conceptos relativos al hipertexto, en el desarrollo
web, junto a los microformatos existentes, estaremos creando nuevas
generaciones de páginas web, con contenidos altamente ubicables.
Quienes rastrean e indexan contenidos (Google, etc.), pueden crear
programas informáticos para recuperar, por ejemplo, los microformatos,
puede imaginar que las bases de datos que se generan a partir de estas
localizaciones, tienen posibilidades y un quality diferentes.
RDFa: Esta especificación permite a los encargados de la publicación de
contenidos expresar datos estructurados en la Web dentro del XHTML.
Esto permite a las herramientas leerlo, ofreciendo un nuevo mundo de
funcionalidad al usuario, permitiendo a los usuarios transferir datos
estructurados entre aplicaciones y sitios web, y permitiendo a las
aplicaciones que realizan búsquedas mejorar su experiencia de usuario.
[W3C]
Luego, el curso Integral de Tecnologías XML lo acercarán a la Web
Semántica propiamente dicha abordando tecnologías como RDF, OWL,
SPARQL, etc.
El conocimiento

4. Hay dos posibilidades básicas de aplicar el conocimiento en los desarrollos
tecnológicos, por un lado se aplica el camino crítico 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 así también temas relativos a Usabilidad y
Arquitectura de Información.
 Tecnologías utilizadas en el desarrollo 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 imagen.
 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.

5. 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.
CSS3: 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.
 Sintaxis 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 Líquidos
 Diseños Congelados

6.  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

7. 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:
1. Sistemas de navegación sofisticados
2. Interacción con el usuario
3. Interfaces con aplicaciones externas (bases de