SlideShare une entreprise Scribd logo
1  sur  42
Separando el contenido de la presentación ,[object Object],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 ,[object Object],[object Object],[object Object]
En las webs chapinas encontramos ,[object Object],[object Object]
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 ,[object Object],[object Object],[object Object],[object Object]
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 ,[object Object],[object Object],[object Object],[object Object]
Beneficios ,[object Object],[object Object],[object Object],[object Object],http://www.maestrosdelweb.com/editorial/estandaresweb/
Contras (discutibles) ,[object Object],[object Object],[object Object],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? ,[object Object],http://www.forosdelweb.com
Muchas gracias ,[object Object],http://cvander.com/blog/ Presentación y enlaces:
¿Te es útil la presentación? Pasa la vos..

Contenu connexe

Tendances

Tendances (11)

LA WEB
LA WEBLA WEB
LA WEB
 
Responsive Web Design - Diseño Sensible by @janogarcia
Responsive Web Design - Diseño Sensible by @janogarciaResponsive Web Design - Diseño Sensible by @janogarcia
Responsive Web Design - Diseño Sensible by @janogarcia
 
Clase Usabilidad
Clase UsabilidadClase Usabilidad
Clase Usabilidad
 
Web Gratis
Web GratisWeb Gratis
Web Gratis
 
Consejos clave para_crear_proyectos_web
Consejos clave para_crear_proyectos_webConsejos clave para_crear_proyectos_web
Consejos clave para_crear_proyectos_web
 
Trabajo 1
Trabajo 1Trabajo 1
Trabajo 1
 
Universidad TéCnica Particular De Loja
Universidad TéCnica Particular De LojaUniversidad TéCnica Particular De Loja
Universidad TéCnica Particular De Loja
 
Iniciación a WordPress, aspectos teóricos
Iniciación a WordPress, aspectos teóricosIniciación a WordPress, aspectos teóricos
Iniciación a WordPress, aspectos teóricos
 
Cpartymx Omar Mendoza
Cpartymx Omar MendozaCpartymx Omar Mendoza
Cpartymx Omar Mendoza
 
La importancia de una web. El CMS (Mayo 2017)
La importancia de una web. El CMS (Mayo 2017)La importancia de una web. El CMS (Mayo 2017)
La importancia de una web. El CMS (Mayo 2017)
 
herramientas telematicas
herramientas telematicasherramientas telematicas
herramientas telematicas
 

En vedette (20)

French MO
French MOFrench MO
French MO
 
Trial Show
Trial ShowTrial Show
Trial Show
 
French MO
French MOFrench MO
French MO
 
título
títulotítulo
título
 
Entrevista con Dios
Entrevista con DiosEntrevista con Dios
Entrevista con Dios
 
Obstacle Analysis
Obstacle AnalysisObstacle Analysis
Obstacle Analysis
 
Creating a weblog
Creating a weblogCreating a weblog
Creating a weblog
 
IL DEN Council Members
IL DEN Council MembersIL DEN Council Members
IL DEN Council Members
 
Measuring Development
Measuring DevelopmentMeasuring Development
Measuring Development
 
Jefferson City
Jefferson CityJefferson City
Jefferson City
 
Population and Development
Population and DevelopmentPopulation and Development
Population and Development
 
test slideshow
test slideshowtest slideshow
test slideshow
 
Sametime 7.5.1
Sametime 7.5.1Sametime 7.5.1
Sametime 7.5.1
 
Jefferson City
Jefferson CityJefferson City
Jefferson City
 
Edible Map
Edible MapEdible Map
Edible Map
 
Mobile TV Forecasts
Mobile TV ForecastsMobile TV Forecasts
Mobile TV Forecasts
 
Solo Felicidad
Solo FelicidadSolo Felicidad
Solo Felicidad
 
Olivo Fuentebuena
Olivo FuentebuenaOlivo Fuentebuena
Olivo Fuentebuena
 
missing cat
missing cat  missing cat
missing cat
 
Venice views with music
Venice views with musicVenice views with music
Venice views with music
 

Similaire à Diseño web semántico y estándares W3C

PATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEBPATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEBMario Martinez
 
Buenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - NominaliaBuenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - NominaliaNominalia
 
Las 5 Reglas de Oro del Diseño Web Responsive
Las 5 Reglas de Oro del Diseño Web ResponsiveLas 5 Reglas de Oro del Diseño Web Responsive
Las 5 Reglas de Oro del Diseño Web ResponsiveAntonRoMX
 
Estandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y UsabilidadEstandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y Usabilidadricardogil
 
Blogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMXBlogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMXAdan Avelar
 
Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?
Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?
Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?Rob Montero
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web DesignJuan Morales
 
ESTANDARES WEB
ESTANDARES WEBESTANDARES WEB
ESTANDARES WEByhinaqc
 
Diseño web
Diseño webDiseño web
Diseño webmeliloka
 
Presentación Web 2.0 y Estandares
Presentación Web 2.0 y EstandaresPresentación Web 2.0 y Estandares
Presentación Web 2.0 y EstandaresEric Menjivar
 

Similaire à Diseño web semántico y estándares W3C (20)

PATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEBPATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEB
 
Buenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - NominaliaBuenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - Nominalia
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
Diseño web
Diseño webDiseño web
Diseño web
 
Actualizamos Tu Sitio Web
Actualizamos Tu Sitio Web
Actualizamos Tu Sitio Web
Actualizamos Tu Sitio Web
 
Las 5 Reglas de Oro del Diseño Web Responsive
Las 5 Reglas de Oro del Diseño Web ResponsiveLas 5 Reglas de Oro del Diseño Web Responsive
Las 5 Reglas de Oro del Diseño Web Responsive
 
Estandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y UsabilidadEstandares Web, Accesibilidad y Usabilidad
Estandares Web, Accesibilidad y Usabilidad
 
G:\diseño web
G:\diseño webG:\diseño web
G:\diseño web
 
Blogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMXBlogs, Redes Sociales y el Diseño actual SMCMX
Blogs, Redes Sociales y el Diseño actual SMCMX
 
Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
 
Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
 
Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
 
Paginaweb
PaginawebPaginaweb
Paginaweb
 
Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?
Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?
Diseño Responsivo en Drupal: ¿Qué hay de Nuevo?
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
ESTANDARES WEB
ESTANDARES WEBESTANDARES WEB
ESTANDARES WEB
 
Diseño web
Diseño webDiseño web
Diseño web
 
Wed
WedWed
Wed
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Presentación Web 2.0 y Estandares
Presentación Web 2.0 y EstandaresPresentación Web 2.0 y Estandares
Presentación Web 2.0 y Estandares
 

Plus de Christian Van Der Henst S. (12)

Charla Universitaria de Exponet
Charla Universitaria de ExponetCharla Universitaria de Exponet
Charla Universitaria de Exponet
 
Graduation Announcement
Graduation AnnouncementGraduation Announcement
Graduation Announcement
 
Consejos para Comunidades Virtuales
Consejos para Comunidades VirtualesConsejos para Comunidades Virtuales
Consejos para Comunidades Virtuales
 
SES Latino 2007
SES Latino 2007SES Latino 2007
SES Latino 2007
 
Guía rápida de posicionamiento
Guía rápida de posicionamientoGuía rápida de posicionamiento
Guía rápida de posicionamiento
 
Oportunidades de negocio en Internet para los Guatemaltecos
Oportunidades de negocio en Internet para los GuatemaltecosOportunidades de negocio en Internet para los Guatemaltecos
Oportunidades de negocio en Internet para los Guatemaltecos
 
Bases de datos y Dreamweaver
Bases de datos y DreamweaverBases de datos y Dreamweaver
Bases de datos y Dreamweaver
 
La bella Guatemala
La bella GuatemalaLa bella Guatemala
La bella Guatemala
 
Guatemala de Antaño
Guatemala de AntañoGuatemala de Antaño
Guatemala de Antaño
 
Mineduc.edu.gt
Mineduc.edu.gtMineduc.edu.gt
Mineduc.edu.gt
 
La creación de contenidos para el web
La creación de contenidos para el webLa creación de contenidos para el web
La creación de contenidos para el web
 
Tendencias en Internet y los Webmasters
Tendencias en Internet y los WebmastersTendencias en Internet y los Webmasters
Tendencias en Internet y los Webmasters
 

Dernier

International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 

Dernier (13)

International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 

Diseño web semántico y estándares W3C