La descarga está en progreso. Por favor, espere

La descarga está en progreso. Por favor, espere

Lluís Codina UPF Noviembre 2007 Máster Interuniversitario UB/UPF Gestión en Contenidos Digitales Calidad del código fuente en páginas web.

Presentaciones similares


Presentación del tema: "Lluís Codina UPF Noviembre 2007 Máster Interuniversitario UB/UPF Gestión en Contenidos Digitales Calidad del código fuente en páginas web."— Transcripción de la presentación:

1 Lluís Codina UPF Noviembre 2007 Máster Interuniversitario UB/UPF Gestión en Contenidos Digitales Calidad del código fuente en páginas web

2 Triple presión Uso de estándares: Procesamiento robusto Compatibilidad Protección de la inversión Accesibilidad: Web sin barreras Ampliación de la audiencia Imperativo legal Web semántica / Hipertexto semántico: Procesamiento inteligente Nueva generación web (¿la web 3.0?) Noviembre 2007 L. Codina : Máster Interuniversitario UB/UPF Gestión de Contenidos Digitales

3 La paradoja El respeto por los estándares implica: La creación de páginas se aleja de los usuarios Deben ser conscientes de aspectos técnicos que antes podían obviar Una posible solución: Impedir que editen código fuente La contradicción: Pero el software WYSIWIG produce errores Obliga a actualizar el software Problemas generalizados con editores anteriores al año 2005 Conversión retrospectiva Dificultades técnicas Altos costes en tiempo o en dinero (o ambos) Noviembre 2007 L. Codina : Máster Interuniversitario UB/UPF Gestión de Contenidos Digitales

4 En síntesis Imperativo pa ra nuevos sitios nuevos: Asegura la inversión, facilita el mantenimiento, etc. (múltiples ventajas, algunas ya señaladas) En realidad sería irracional no crear sitios nuevos que cumplan los estándares Recomendable para sitios anteriores: Al menos: planificar la conversión retrospectiva Noviembre 2007 L. Codina : Máster Interuniversitario UB/UPF Gestión de Contenidos Digitales

5 Dimensiones en la calidad del código fuente D1. Código libre de errores: documentos bien formados D2a. Separación de contenido y presentación: documentos compatibles y fácilmente transformables D2b. Buenas prácticas: documentos con marcado semántico Noviembre 2007 L. Codina : Máster Interuniversitario UB/UPF Gestión de Contenidos Digitales

6 Código libre de errores Casuística (ejemplos): Elementos no cerrados Elementos mal anidados Ausencia de elementos obligatorios Uso de elementos depreciados Estándares recomendados: XHTML Strict CSS Chequeo: Editores de páginas web Validadores en línea Analizadores (p.e. DigiDoc Spider) Noviembre 2007 L. Codina : Máster Interuniversitario UB/UPF Gestión de Contenidos Digitales

7 Separación de contenido y presentación Problemas típicos: Uso de tablas para estructurar la presentación (layout) Uso de elementos semánticos para dar formato (hx) Estándar recomendado: XHTML: contenido CSS: presentación Chequeo: Editores Validadores en línea Analizadores en línea Noviembre 2007 L. Codina : Máster Interuniversitario UB/UPF Gestión de Contenidos Digitales

8 Buenas prácticas Codificación semántica: 1. Uso de metadatos. Ejemplos: 1. Elementos: title, meta, DC, … 2. Atributos: id, alt, cite, class, name, rel, rev, … 3. Metadatos vinculados: RDF 2. Marcado semántico. Ejemplos: 1. abbr, address, acronym, blockquote, … 2. h1, h2,... Chequeo: Análisis automático Análisis manual Noviembre 2007 L. Codina : Máster Interuniversitario UB/UPF Gestión de Contenidos Digitales

9 Conclusiones - I El código fuente, y no solamente su interpretación por un agente de usuario, es un componente de la calidad de un sitio. Tecnologías implicadas: Editores de páginas Sistemas de gestión de contenidos Agentes de usuario Noviembre 2007 L. Codina : Máster Interuniversitario UB/UPF Gestión de Contenidos Digitales

10 Conclusiones - II Ventajas generales (otra visión): Contenido compatible con: Diferentes agentes de usuario Futuros agentes de usuario Futuras formas de procesamiento y explotación Extraordinaria facilidad de mantenimiento Optimización SEO Accesibilidad Para el profesional: Plus de competitividad diferencial Noviembre 2007 L. Codina : Máster Interuniversitario UB/UPF Gestión de Contenidos Digitales

11 Conclusiones - III Requerimientos: Familiaridad con los estándares web: Lenguajes de marcado (XML, XHTML) Formatos de presentación (XSL, CSS) Metadatos Validación Uso de tecnologías adecuadas: Producen código fuente sin errores Analizan el código fuente Separan contenido de presentación Políticas de control de calidad: Libros de estilo Auditorias y evaluación Noviembre 2007 L. Codina : Máster Interuniversitario UB/UPF Gestión de Contenidos Digitales

12 Fuentes: Selección básica 1. John Allsopp. Microformats: Empowering your markup for Web 2.0. Berkeley: Friendsof, Rachel Andrew & Dan Shafer. HTML Utopia: Designing without tables using CSS. Collingwood: Sitepoint, Andy Budd. CSS Mastery: Advanced Web Standarsd Solutions. Berkeley: Friendsof, Nigel Chapman; Jenny Chapman. Web Design: A complete introduction. Chichester: Wiley, Paul Haine. HTML Mastery: Semantics, Standars, and Styling. Berkeley: Friendsof, Rob Huddleston. XML. Hoboken: Wiley, Shirley Kaiswer. Deliver First Class Web Sites: 101 Essential checklists. Collingwood: Sitepoint, Abdrew Kirkpatrick. Web Accessibility: Web Standards and Regulatory Compliance. Berkeley: Friendsof, Jesús Tramullas (coord.). Tendencias en documentación digital. Gijón: Trea, Ed Tittel et al. Mastering XHTML. San Francisco: Sybex, Christopher Walton. Agency and the Semantic Web. New York: Oxford, Jeffrey Zeldman. Designing with web standards (second edition). Berkeley: New Riders, 2007 Noviembre 2007 L. Codina : Máster Interuniversitario UB/UPF Gestión de Contenidos Digitales

13 Sitios web significativos The Web Standard Project A List Apart CSS Zen Garden Microformats Noviembre 2007 L. Codina : Máster Interuniversitario UB/UPF Gestión de Contenidos Digitales

14 Anexo 1: Elementos depreciados applet basefont center dir font isindex menu s strike u Noviembre 2007 L. Codina : Máster Interuniversitario UB/UPF Gestión de Contenidos Digitales Alternativas: usar elementos XHTML o CSS

15 Anexo 2: Atributos depreciados align alink background bgcolor clear compact color border hspace Link name noshade nowrap size start text type value vlink width vspace Noviembre 2007 L. Codina : Máster Interuniversitario UB/UPF Gestión de Contenidos Digitales Alternativas: CSS for deprecated attributes deprecated-attributes-1/

16 Anexo 3: Elementos semánticos abbr acronym address blockquote caption cite code dd dfn dl dt Noviembre 2007 L. Codina : Máster Interuniversitario UB/UPF Gestión de Contenidos Digitales hn label legend link meta option q select thead tfoot title

17 Anexo 4: Atributos semánticos alt cite class hreflang id label lang longdesc rel rev summary title Noviembre 2007 L. Codina : Máster Interuniversitario UB/UPF Gestión de Contenidos Digitales

18 Anexo 4: Microformatos hCalendar hCard rel-license rel-nofollow rel-tag VoteLinks XFN XMDP XOXO (ecks oh ecks oh) Noviembre 2007 L. Codina : Máster Interuniversitario UB/UPF Gestión de Contenidos Digitales Lista de microformatos:


Descargar ppt "Lluís Codina UPF Noviembre 2007 Máster Interuniversitario UB/UPF Gestión en Contenidos Digitales Calidad del código fuente en páginas web."

Presentaciones similares


Anuncios Google