SlideShare ist ein Scribd-Unternehmen logo
1 von 35
Estandarización de paginas WEB Prof. Norka Pareles
Diseño para el Acceso Rápido ,[object Object]
Diseño para el Acceso Rápido  Importante ,[object Object],[object Object],[object Object]
Normas Mínimas para Facilitar el Acceso ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Peso de las Páginas ,[object Object]
Diagramación de las Páginas ,[object Object]
Figura 1: Ejemplo de tablas para separar contenidos y conseguir despliegue rápido.
Figura 2: Ejemplo de tablas anidadas que dificultan el despliegue rápido.
Figura 3: Ejemplo de página inicial para evitar la Presentación en Flash
Uso de Presentaciones en Flash ,[object Object],Figura 3: Ejemplo de página inicial para evitar la Presentación en Flash
Uso de Marcos o Frames ,[object Object],Figura 4: Ejemplo de uso de frames para desplegar contenidos simultáneos.
Uso de Marcos o Frames ,[object Object],[object Object],[object Object],[object Object]
Uso de Marcos o Frames ,[object Object],[object Object],[object Object],[object Object]
Uso de Imágenes de background ,[object Object],[object Object]
Uso de meta tags Adecuados ,[object Object]
Meta tags ,[object Object],[object Object],[object Object],[object Object],[object Object]
Meta tags ,[object Object]
Normas para Incorporar Elementos Gráficos y Multimediales ,[object Object],[object Object],[object Object]
Normas para Incorporar Elementos Gráficos y Multimediales ,[object Object],[object Object]
Normas para Incorporar Elementos Gráficos y Multimediales ,[object Object],[object Object],[object Object]
Estándares Internacionales ,[object Object],[object Object],[object Object],[object Object]
Word Wide Web Consortium  ( http://www.w3c.org/ ) ,[object Object]
Validación de HTML ,[object Object],[object Object]
Validación de CSS ,[object Object],[object Object]
Diseño para la Accesibilidad ,[object Object],[object Object],[object Object]
Diseño de la Experiencia del Usuario ,[object Object]
Desarrollo de Diagrama de Interacción ,[object Object],Figura 5: Ejemplo de Diagrama de Interacción.
Cómo Atender a los Usuarios ,[object Object],[object Object]
Cómo Atender a los Usuarios ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Sistemas para Generar Feedback ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Formularios del Sitio ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Boletines de Noticias y Novedades ,[object Object],[object Object],[object Object]
Sistemas para Recibir y Administrar Mensajes de Usuarios ,[object Object],[object Object]
Sistemas para Recibir y Administrar Mensajes de Usuarios ,[object Object],[object Object],[object Object],[object Object],[object Object]
Sistemas para Recibir y Administrar Mensajes de Usuarios

Weitere ähnliche Inhalte

Was ist angesagt?

Aplicacion web presentacion
Aplicacion web   presentacionAplicacion web   presentacion
Aplicacion web presentacion
alumno17ja
 
CUADRO COMPARATIVO WEB 1.0, WEB 2.0 Y WEB 3.0
CUADRO COMPARATIVO WEB 1.0, WEB 2.0 Y WEB 3.0CUADRO COMPARATIVO WEB 1.0, WEB 2.0 Y WEB 3.0
CUADRO COMPARATIVO WEB 1.0, WEB 2.0 Y WEB 3.0
jenniferbarrero
 

Was ist angesagt? (20)

7. Utilización de mecanismos de comunicación asíncrona
7. Utilización de mecanismos de comunicación asíncrona7. Utilización de mecanismos de comunicación asíncrona
7. Utilización de mecanismos de comunicación asíncrona
 
XML - Introducción
XML - IntroducciónXML - Introducción
XML - Introducción
 
Html5 tutorial for beginners
Html5 tutorial for beginnersHtml5 tutorial for beginners
Html5 tutorial for beginners
 
C3 lenguaje de presentación.
C3 lenguaje de presentación.C3 lenguaje de presentación.
C3 lenguaje de presentación.
 
Aplicacion web presentacion
Aplicacion web   presentacionAplicacion web   presentacion
Aplicacion web presentacion
 
Todo sobre HTML5
Todo sobre HTML5Todo sobre HTML5
Todo sobre HTML5
 
Programacion web
Programacion webProgramacion web
Programacion web
 
Presentacion cms
Presentacion cmsPresentacion cms
Presentacion cms
 
FRONTEND.pptx
FRONTEND.pptxFRONTEND.pptx
FRONTEND.pptx
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3
 
PHP
PHPPHP
PHP
 
Diapositivas Html
Diapositivas HtmlDiapositivas Html
Diapositivas Html
 
5.- PPT 2022 05 U01 T01 Desarrollo de Servicios Web I (1915).pptx
5.- PPT 2022 05 U01 T01 Desarrollo de Servicios Web I (1915).pptx5.- PPT 2022 05 U01 T01 Desarrollo de Servicios Web I (1915).pptx
5.- PPT 2022 05 U01 T01 Desarrollo de Servicios Web I (1915).pptx
 
CSS - CSS3
CSS - CSS3CSS - CSS3
CSS - CSS3
 
Html 5 tutorial - By Bally Chohan
Html 5 tutorial - By Bally ChohanHtml 5 tutorial - By Bally Chohan
Html 5 tutorial - By Bally Chohan
 
Conclusiones sobre bases de datos
Conclusiones sobre bases de datosConclusiones sobre bases de datos
Conclusiones sobre bases de datos
 
Presentación sobre Diseño Web
Presentación sobre Diseño WebPresentación sobre Diseño Web
Presentación sobre Diseño Web
 
Desarrollo web
Desarrollo webDesarrollo web
Desarrollo web
 
CUADRO COMPARATIVO WEB 1.0, WEB 2.0 Y WEB 3.0
CUADRO COMPARATIVO WEB 1.0, WEB 2.0 Y WEB 3.0CUADRO COMPARATIVO WEB 1.0, WEB 2.0 Y WEB 3.0
CUADRO COMPARATIVO WEB 1.0, WEB 2.0 Y WEB 3.0
 
Html audio video
Html audio videoHtml audio video
Html audio video
 

Andere mochten auch

PresentacióN Para Exposicion De Seminario
PresentacióN Para Exposicion De SeminarioPresentacióN Para Exposicion De Seminario
PresentacióN Para Exposicion De Seminario
justina galoc gomez
 
Presentacion De Formularios 1
Presentacion De Formularios 1Presentacion De Formularios 1
Presentacion De Formularios 1
Sonia Navarro
 

Andere mochten auch (14)

Estándares Web
Estándares WebEstándares Web
Estándares Web
 
Presentación1
Presentación1Presentación1
Presentación1
 
PresentacióN Para Exposicion De Seminario
PresentacióN Para Exposicion De SeminarioPresentacióN Para Exposicion De Seminario
PresentacióN Para Exposicion De Seminario
 
Modelos de simulación de sistemas
Modelos de simulación de sistemasModelos de simulación de sistemas
Modelos de simulación de sistemas
 
Paso a paso para crear un formulario en dreamweaver.
Paso a paso para crear un formulario en dreamweaver.Paso a paso para crear un formulario en dreamweaver.
Paso a paso para crear un formulario en dreamweaver.
 
Sitio web (introduccion) 01
Sitio web (introduccion) 01Sitio web (introduccion) 01
Sitio web (introduccion) 01
 
Estándares de la w3c
Estándares de la w3cEstándares de la w3c
Estándares de la w3c
 
Estandares de diseño web
Estandares de diseño webEstandares de diseño web
Estandares de diseño web
 
¿Cómo hacer una Presentación en diapositivas en flash? ejemplo Empresa Excaysser
¿Cómo hacer una Presentación en diapositivas en flash? ejemplo Empresa Excaysser¿Cómo hacer una Presentación en diapositivas en flash? ejemplo Empresa Excaysser
¿Cómo hacer una Presentación en diapositivas en flash? ejemplo Empresa Excaysser
 
Lenguaje script
Lenguaje scriptLenguaje script
Lenguaje script
 
Presentacion De Formularios 1
Presentacion De Formularios 1Presentacion De Formularios 1
Presentacion De Formularios 1
 
Formularios
FormulariosFormularios
Formularios
 
Jerarquia Visual
Jerarquia VisualJerarquia Visual
Jerarquia Visual
 
Manuales Sistemas de Información
Manuales Sistemas de InformaciónManuales Sistemas de Información
Manuales Sistemas de Información
 

Ähnlich wie Estandarización de paginas web (20)

Clase 6
Clase 6Clase 6
Clase 6
 
PAGINA WEB
PAGINA WEBPAGINA WEB
PAGINA WEB
 
Samanta2
Samanta2Samanta2
Samanta2
 
Wed 2.0 y 3.0
Wed 2.0 y 3.0Wed 2.0 y 3.0
Wed 2.0 y 3.0
 
Aprendizaje 1.2
Aprendizaje 1.2Aprendizaje 1.2
Aprendizaje 1.2
 
Tema 9. creación de paginas web
Tema 9. creación de paginas webTema 9. creación de paginas web
Tema 9. creación de paginas web
 
introducción tecnologías web
introducción tecnologías webintroducción tecnologías web
introducción tecnologías web
 
Especificación de requisitos de un sitio web
Especificación de requisitos de un sitio webEspecificación de requisitos de un sitio web
Especificación de requisitos de un sitio web
 
HTML 5
HTML 5HTML 5
HTML 5
 
El internet
El internetEl internet
El internet
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
uTILIDADES
uTILIDADESuTILIDADES
uTILIDADES
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabian
 
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
 

Mehr von Luis Álamo

Sistemas Basados en Casos IUT
Sistemas Basados en Casos IUTSistemas Basados en Casos IUT
Sistemas Basados en Casos IUT
Luis Álamo
 
Reglas y hechos IA
Reglas y hechos IAReglas y hechos IA
Reglas y hechos IA
Luis Álamo
 
Sistemas basados en casos
Sistemas basados en casosSistemas basados en casos
Sistemas basados en casos
Luis Álamo
 
Alojamiento de páginas web
Alojamiento de páginas webAlojamiento de páginas web
Alojamiento de páginas web
Luis Álamo
 
Desarrollo de Páginas Web
Desarrollo de Páginas WebDesarrollo de Páginas Web
Desarrollo de Páginas Web
Luis Álamo
 
Horario laboratorio1oct2011 ene2012
Horario laboratorio1oct2011 ene2012Horario laboratorio1oct2011 ene2012
Horario laboratorio1oct2011 ene2012
Luis Álamo
 
Formato control asistencia sevicio comunitario
Formato control asistencia sevicio comunitarioFormato control asistencia sevicio comunitario
Formato control asistencia sevicio comunitario
Luis Álamo
 
Búsquedas heurísticas
Búsquedas heurísticasBúsquedas heurísticas
Búsquedas heurísticas
Luis Álamo
 
Introducción a la inteligencia artificial profesora iris albarran
Introducción a la inteligencia artificial   profesora iris albarranIntroducción a la inteligencia artificial   profesora iris albarran
Introducción a la inteligencia artificial profesora iris albarran
Luis Álamo
 

Mehr von Luis Álamo (12)

Sistemas Basados en Casos IUT
Sistemas Basados en Casos IUTSistemas Basados en Casos IUT
Sistemas Basados en Casos IUT
 
Reglas y hechos IA
Reglas y hechos IAReglas y hechos IA
Reglas y hechos IA
 
Sistemas basados en casos
Sistemas basados en casosSistemas basados en casos
Sistemas basados en casos
 
Alojamiento de páginas web
Alojamiento de páginas webAlojamiento de páginas web
Alojamiento de páginas web
 
Desarrollo de Páginas Web
Desarrollo de Páginas WebDesarrollo de Páginas Web
Desarrollo de Páginas Web
 
Horario laboratorio1oct2011 ene2012
Horario laboratorio1oct2011 ene2012Horario laboratorio1oct2011 ene2012
Horario laboratorio1oct2011 ene2012
 
Formato control asistencia sevicio comunitario
Formato control asistencia sevicio comunitarioFormato control asistencia sevicio comunitario
Formato control asistencia sevicio comunitario
 
Búsquedas heurísticas
Búsquedas heurísticasBúsquedas heurísticas
Búsquedas heurísticas
 
Introducción a la inteligencia artificial profesora iris albarran
Introducción a la inteligencia artificial   profesora iris albarranIntroducción a la inteligencia artificial   profesora iris albarran
Introducción a la inteligencia artificial profesora iris albarran
 
PNF Informática
PNF InformáticaPNF Informática
PNF Informática
 
Polimorfismo
PolimorfismoPolimorfismo
Polimorfismo
 
Polimorfismo
PolimorfismoPolimorfismo
Polimorfismo
 

Kürzlich hochgeladen

PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
lupitavic
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
UPTAIDELTACHIRA
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
MiNeyi1
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Francisco158360
 

Kürzlich hochgeladen (20)

Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJOACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 

Estandarización de paginas web