• Save
Separando el Contenido de la Presentación
Upcoming SlideShare
Loading in...5
×
 

Separando el Contenido de la Presentación

on

  • 2,692 views

Presentación para Exponet, Guatemala, Marzo 2007

Presentación para Exponet, Guatemala, Marzo 2007

Statistics

Views

Total Views
2,692
Views on SlideShare
2,692
Embed Views
0

Actions

Likes
3
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Separando el Contenido de la Presentación Separando el Contenido de la Presentación Presentation Transcript

  • Separando el contenido de la presentación
    • Christian Van Der Henst S.
    Guatemala, 14 de marzo de 2007
  • ¿Quién ha utilizado Frontpage o Dreamweaver para crear sus webs?
  • ¿Sus sitios tienen intros en Flash?
  • ¿Han oido de el W3C?
  • ¿Diseñadores? ¿Programadores?
  • Hagamos webs para personas. Pero no olvidemos a las máquinas que harán llegar los contenidos a las personas.
  • Naveguemos por las webs “made in Guate”
  •  
  •  
  • Text
  •  
  • En las webs chapinas encontramos
    • Mucho Flash Porfa, no más intros
    • Tablas, muchas tablas Y el famoso gif Transparente
    • Plantillas predefinidas Demostremos nuestra creatividad
  • En las webs chapinas encontramos
    • Desconocimiento de estándares Son fáciles de utilizar
    • “Los clientes siempre tienen la razón” Hay que darle valor a la profesión.
  • Un poco de inspiración...
  • http://www.maestrosdelweb.com/editorial/galeriascss/
  •  
  •  
  •  
  •  
  •  
  •  
  • De donde viene esto de los estándares
  • Tercera fase del proyecto de Tim Berners Lee, inventor del www y el html para proteger su idea y continuar con su desarrollo http://www.w3.org
  • Un agradecimiento especial a la W3C, oficina Española por las guías de referencia XHTML que nos hizo llegar para ExpoNet!!! http://www.w3c.es
  • Separemos las cosas Estructura: HTML XHTML XML Presentación: CSS Comportamiento: DOM
  • La web semántica
    • Título
    • Descripción
    • Información relevante en la página
    • Menú de navegación
  • Aprendiendo con ejemplos...
  • http://www.csszengarden.com
  • http://www.camaleoncss.com
  • "Browser makers are no longer the problem. The problem lies with designers and developers chained to the browser-quirk-oriented markup of the 1990s-often because they don't realize it is possible to support current standards while accommodating old browsers.” http://webstandards.org/
  • Di NO a las tablas Úsalas únicamente para tabular información
  • Beneficios
    • Reducción de costos de ancho de banda
    • Una verdadera solución para manejar plantillas globales en tu sitio
    • Aplican al pasado, piensan en el futuro
    • Es lo que usan hoy en día los sitios chileros que marcan tendencias
  • Beneficios
    • Aceleran el proceso de desarrollo
    • Mejor posicionamiento en navegadores
    • Simplifican el mantenimiento de tus sitios
    • Facilitan la accesibilidad
    http://www.maestrosdelweb.com/editorial/estandaresweb/
  • Contras (discutibles)
    • Hay que trabajar más con código
    • Tienes que actualizarte constantemente
    • Tienes que revisar tu trabajo en muchos navegadores y conocer sus diferencias ¿Qué no lo hacías?
    http://www.maestrosdelweb.com/editorial/noestandares/
  • Algunas herramientas
  • http://www.thenoodleincident.com/tutorials/box_lesson/
  • http://www.csscreator.com/
  • El Validador http://validator.w3.org
  • Hagamos las cosas bien. Hagamos sitios bien escritos, bien estructurados y mejoremos el diseño web en Guate!
  • ¿Preguntas?
    • [email_address]
    http://www.forosdelweb.com
  • Muchas gracias
    • [email_address]
    http://cvander.com/blog/ Presentación y enlaces:
  • ¿Te es útil la presentación? Pasa la vos..