SlideShare una empresa de Scribd logo
1 de 16
SEMANA N° 05: Estructura de una página
Web
Los elementos de la
Web se componen
de textos, imágenes,
vídeos… Y se
colocan dentro de la
página de la forma
que facilite mejor su
entendimiento y uso.
La colocación de
estos elementos
sobre la página se
llama estructura.
Elementos de una correcta estructura
• Cabecera o header: normalmente se coloca en la parte
superior de la página.
• Logo: es la marca o título que tiene la página
• Menú: es el elemento principal de navegación entre los
apartados. Lo podemos encontrar también en el pie de
página.
Elementos de una correcta estructura
• Cuerpo de la página o body: donde introducimos los
contenidos principales.
Elementos de una correcta estructura
• Pie de página o footer: cierre, copyright,
créditos…
Elementos de una correcta estructura
Elementos de una correcta estructura
La estructura es un elemento
dinámico, no tenemos por qué seguir
siempre la misma. Cuanto más
diferente sea, más creativa será.
Aunque hay ciertos límites.
Accesibilidad, usabilidad y navegabilidad
Los límites para definir estructuras de una página
web están en los siguientes conceptos:
La accesibilidad web
se refiere a la
capacidad de acceso
a la Web y a sus
contenidos por todas
las personas
independientemente
de la discapacidad
Accesibilidad, usabilidad y navegabilidad
Los límites para definir estructuras de una página web
están en los siguientes conceptos:
La usabilidad
web es la
claridad y la
elegancia con
que se diseña la
interacción con
un programa de
ordenador o un
sitio web
Reglas de Usabilidad
Para la mayoría – Los
sites necesitan ser
compatibles con todos
los navegadores y
ordenadores para su
fácil usabilidad.
Reglas de Usabilidad
Manténgalo actualizado
La manera más rápida
para que una web pierda
credibilidad es contener la
información
desactualizada
Investigable – Los motores de búsqueda
buscan el texto real. No prestan ninguna
atención a los gráficos y al código de
programación.
Reglas de Usabilidad
Rápido – Las páginas deben cargarse en una media de 4 segundos.
Los usuarios lo más que esperarán en ver el contenido de una
página web es de una media de 10 segundos.
Reglas de Usabilidad
Simple – Mantener una navegación constante. No
forzar a los visitantes a aprender diversos caminos o
esquemas para la navegación en diversas partes de tu
site.
Reglas de Usabilidad
Manténgalo actualizado – La manera más
rápida para que una web pierda credibilidad
es contener la información desactualizada
NAVEGABILIDAD
La
navegabilidad
web es la
facilidad con la
que un usuario
puede
desplazarse por
todas las
páginas que
componen un
sitio web.
NAVEGABILIDAD
Para lograr este objetivo, un
sitio web debe
proporcionar un conjunto
de recursos y estrategias de
navegación diseñados para
conseguir un resultado
óptimo en la localización de
la información y en la
orientación para el usuario.
Una Web navegable debe responder a
tres sencillas preguntas:
¿Dónde estoy?
¿Dónde he estado?
¿Dónde puedo ir?

Más contenido relacionado

Similar a 1.DW_AA5.pptx

Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad Web
Ariazu
 
6° Definición y estructura - páginas web
6°   Definición y estructura - páginas web6°   Definición y estructura - páginas web
6° Definición y estructura - páginas web
eucaristicocampestre
 
C.E.C. 6° - Definición y estructura - páginas web
C.E.C. 6° -  Definición y estructura - páginas webC.E.C. 6° -  Definición y estructura - páginas web
C.E.C. 6° - Definición y estructura - páginas web
negraleidy
 
Ficha# 1 página y sitio web (1) (terminada)
Ficha# 1 página y sitio web (1) (terminada)Ficha# 1 página y sitio web (1) (terminada)
Ficha# 1 página y sitio web (1) (terminada)
valenena8
 
Ficha 1 pagina y sitio web
Ficha 1 pagina y sitio webFicha 1 pagina y sitio web
Ficha 1 pagina y sitio web
valenena8
 

Similar a 1.DW_AA5.pptx (20)

Páginas web
Páginas webPáginas web
Páginas web
 
Actividad uno
Actividad uno Actividad uno
Actividad uno
 
Samanta2
Samanta2Samanta2
Samanta2
 
Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad Web
 
G:\diseño web
G:\diseño webG:\diseño web
G:\diseño web
 
Informe de informática aplicada
Informe de informática aplicadaInforme de informática aplicada
Informe de informática aplicada
 
Primerperiodo
PrimerperiodoPrimerperiodo
Primerperiodo
 
6° Definición y estructura - páginas web
6°   Definición y estructura - páginas web6°   Definición y estructura - páginas web
6° Definición y estructura - páginas web
 
C.E.C. 6° - Definición y estructura - páginas web
C.E.C. 6° -  Definición y estructura - páginas webC.E.C. 6° -  Definición y estructura - páginas web
C.E.C. 6° - Definición y estructura - páginas web
 
13.diseño de web apps
13.diseño de web apps13.diseño de web apps
13.diseño de web apps
 
Ficha# 1 página y sitio web (1) (terminada)
Ficha# 1 página y sitio web (1) (terminada)Ficha# 1 página y sitio web (1) (terminada)
Ficha# 1 página y sitio web (1) (terminada)
 
Recursos web 2.0
Recursos web 2.0Recursos web 2.0
Recursos web 2.0
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Recursos web 2.0 - 1005 Jm
Recursos web 2.0 - 1005 JmRecursos web 2.0 - 1005 Jm
Recursos web 2.0 - 1005 Jm
 
Paol aromero
Paol aromeroPaol aromero
Paol aromero
 
Ficha 1 pagina y sitio web
Ficha 1 pagina y sitio webFicha 1 pagina y sitio web
Ficha 1 pagina y sitio web
 
Sobre disenno de_sitios_web
Sobre disenno de_sitios_webSobre disenno de_sitios_web
Sobre disenno de_sitios_web
 
Sitio web
Sitio webSitio web
Sitio web
 
Sitio web
Sitio webSitio web
Sitio web
 

Último

Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdfPresentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
juancmendez1405
 

Último (20)

ESTEREOTIPOS Y ROLES DE GÉNERO (labor de grupo)
ESTEREOTIPOS  Y ROLES DE GÉNERO (labor de grupo)ESTEREOTIPOS  Y ROLES DE GÉNERO (labor de grupo)
ESTEREOTIPOS Y ROLES DE GÉNERO (labor de grupo)
 
mapa mental sobre el sistema político...
mapa mental sobre el sistema político...mapa mental sobre el sistema político...
mapa mental sobre el sistema político...
 
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
📝 Semana 09 - Tema 01: Tarea - Aplicación del resumen como estrategia de fuen...
 
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIALA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
LA GEOMETRÍA Y LOS SISTEMAS ANGULARES, APRENDER LEYENDO LA BIBLIA
 
Presentación Pedagoía medieval para exposición en clases
Presentación Pedagoía medieval para exposición en clasesPresentación Pedagoía medieval para exposición en clases
Presentación Pedagoía medieval para exposición en clases
 
Evaluación de los Factores Internos de la Organización
Evaluación de los Factores Internos de la OrganizaciónEvaluación de los Factores Internos de la Organización
Evaluación de los Factores Internos de la Organización
 
Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdfPresentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
Presentación de medicina Enfermedades Fotográfico Moderno Morado (1).pdf
 
📝 Semana 09 - Tema 01: Tarea - Redacción del texto argumentativo
📝 Semana 09 - Tema 01: Tarea - Redacción del texto argumentativo📝 Semana 09 - Tema 01: Tarea - Redacción del texto argumentativo
📝 Semana 09 - Tema 01: Tarea - Redacción del texto argumentativo
 
Seguridad y virus informáticos 12°B 2024
Seguridad y virus informáticos 12°B 2024Seguridad y virus informáticos 12°B 2024
Seguridad y virus informáticos 12°B 2024
 
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docxTERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
TERCER GRADO PROGRAMACION ANUAL CCSS 3° - 2024.docx
 
CUARTO GRADO PROGRAMACION ANUAL CCSS 4° - 2024.docx
CUARTO GRADO PROGRAMACION ANUAL CCSS 4° - 2024.docxCUARTO GRADO PROGRAMACION ANUAL CCSS 4° - 2024.docx
CUARTO GRADO PROGRAMACION ANUAL CCSS 4° - 2024.docx
 
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdfRESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
RESPONSABILIDAD SOCIAL EN LAS ORGANIZACIONES (4).pdf
 
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATRBIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
BIENESTAR TOTAL - LA EXPERIENCIA DEL CLIENTE CON ATR
 
ACERTIJO LA RUTA DE LAS ADIVINANZAS OLÍMPICAS. Por JAVIER SOLIS NOYOLA
ACERTIJO LA RUTA DE LAS ADIVINANZAS OLÍMPICAS. Por JAVIER SOLIS NOYOLAACERTIJO LA RUTA DE LAS ADIVINANZAS OLÍMPICAS. Por JAVIER SOLIS NOYOLA
ACERTIJO LA RUTA DE LAS ADIVINANZAS OLÍMPICAS. Por JAVIER SOLIS NOYOLA
 
La historia de la vida estudiantil a 102 años de la fundación de las Normales...
La historia de la vida estudiantil a 102 años de la fundación de las Normales...La historia de la vida estudiantil a 102 años de la fundación de las Normales...
La historia de la vida estudiantil a 102 años de la fundación de las Normales...
 
proyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
proyecto semana de los Jardines, actividades a realizar para resaltar esta fechaproyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
proyecto semana de los Jardines, actividades a realizar para resaltar esta fecha
 
SEGUNDO GRADO PROGRAMACION ANUAL DPCC - 2024
SEGUNDO GRADO PROGRAMACION ANUAL DPCC - 2024SEGUNDO GRADO PROGRAMACION ANUAL DPCC - 2024
SEGUNDO GRADO PROGRAMACION ANUAL DPCC - 2024
 
Power Point: Luz desde el santuario.pptx
Power Point: Luz desde el santuario.pptxPower Point: Luz desde el santuario.pptx
Power Point: Luz desde el santuario.pptx
 
Sesión de clase: Luz desde el santuario.pdf
Sesión de clase: Luz desde el santuario.pdfSesión de clase: Luz desde el santuario.pdf
Sesión de clase: Luz desde el santuario.pdf
 
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)
Análisis de la situación actual .La Matriz de Perfil Competitivo (MPC)
 

1.DW_AA5.pptx

  • 1. SEMANA N° 05: Estructura de una página Web Los elementos de la Web se componen de textos, imágenes, vídeos… Y se colocan dentro de la página de la forma que facilite mejor su entendimiento y uso. La colocación de estos elementos sobre la página se llama estructura.
  • 2. Elementos de una correcta estructura • Cabecera o header: normalmente se coloca en la parte superior de la página. • Logo: es la marca o título que tiene la página • Menú: es el elemento principal de navegación entre los apartados. Lo podemos encontrar también en el pie de página.
  • 3. Elementos de una correcta estructura • Cuerpo de la página o body: donde introducimos los contenidos principales.
  • 4. Elementos de una correcta estructura • Pie de página o footer: cierre, copyright, créditos…
  • 5. Elementos de una correcta estructura
  • 6. Elementos de una correcta estructura La estructura es un elemento dinámico, no tenemos por qué seguir siempre la misma. Cuanto más diferente sea, más creativa será. Aunque hay ciertos límites.
  • 7. Accesibilidad, usabilidad y navegabilidad Los límites para definir estructuras de una página web están en los siguientes conceptos: La accesibilidad web se refiere a la capacidad de acceso a la Web y a sus contenidos por todas las personas independientemente de la discapacidad
  • 8. Accesibilidad, usabilidad y navegabilidad Los límites para definir estructuras de una página web están en los siguientes conceptos: La usabilidad web es la claridad y la elegancia con que se diseña la interacción con un programa de ordenador o un sitio web
  • 9. Reglas de Usabilidad Para la mayoría – Los sites necesitan ser compatibles con todos los navegadores y ordenadores para su fácil usabilidad.
  • 10. Reglas de Usabilidad Manténgalo actualizado La manera más rápida para que una web pierda credibilidad es contener la información desactualizada Investigable – Los motores de búsqueda buscan el texto real. No prestan ninguna atención a los gráficos y al código de programación.
  • 11. Reglas de Usabilidad Rápido – Las páginas deben cargarse en una media de 4 segundos. Los usuarios lo más que esperarán en ver el contenido de una página web es de una media de 10 segundos.
  • 12. Reglas de Usabilidad Simple – Mantener una navegación constante. No forzar a los visitantes a aprender diversos caminos o esquemas para la navegación en diversas partes de tu site.
  • 13. Reglas de Usabilidad Manténgalo actualizado – La manera más rápida para que una web pierda credibilidad es contener la información desactualizada
  • 14. NAVEGABILIDAD La navegabilidad web es la facilidad con la que un usuario puede desplazarse por todas las páginas que componen un sitio web.
  • 15. NAVEGABILIDAD Para lograr este objetivo, un sitio web debe proporcionar un conjunto de recursos y estrategias de navegación diseñados para conseguir un resultado óptimo en la localización de la información y en la orientación para el usuario.
  • 16. Una Web navegable debe responder a tres sencillas preguntas: ¿Dónde estoy? ¿Dónde he estado? ¿Dónde puedo ir?