SlideShare una empresa de Scribd logo
1 de 11
 
o Entre los aspectos de mayor relevancia en las estructura de una
página web es decidir dónde se posicionará los menús de
navegación y los enlaces con otras páginas web y dónde
ubicaremos el contenido que van a consultar los usuarios.
o Existen varios tipos de estructuras estándares de páginas web que
especifican la posición de los menús de navegación y el contenido,
manteniéndose esta estructura y diseño durante toda la navegación
por el sitio web.
• El pie de página acostumbra a tener una gran importancia en las
estructuras de los webs actuales, donde se pueden repetir los menús
de navegación (para que el usuario no deba subir por la página),
situar los enlaces al aviso legal, copyright, redes sociales: facebook,
RSS, twitter o los datos de dirección y contacto.
 Normalmente se encuentran inmersos en el área de
navegación o al pie de página
 Conociendo las estructuras web más utilizadas, ya
podemos empezar a dibujar la estructura específica de
nuestra página web, dibujando y posicionando a nuestro
gusto los bloques de menús, contenido, gráficos, y los
sub-bloques dentro de cada uno de los anteriores.
Diagramas

Más contenido relacionado

La actualidad más candente

Web 1.0 , 2.0 y 3.0
Web 1.0 , 2.0 y 3.0Web 1.0 , 2.0 y 3.0
Web 1.0 , 2.0 y 3.0jaiderlucumi
 
Valeria jiron seo y social medio
Valeria jiron seo y social medioValeria jiron seo y social medio
Valeria jiron seo y social mediovaleriajiron
 
Diseno web 4
Diseno web 4Diseno web 4
Diseno web 4blogdevon
 
Formación: "Posicionamiento en Google y en los Medios Sociales"
Formación: "Posicionamiento en Google y en los Medios Sociales"Formación: "Posicionamiento en Google y en los Medios Sociales"
Formación: "Posicionamiento en Google y en los Medios Sociales"Eclectica DV
 

La actualidad más candente (7)

Diseño y maquetación de sitios web.ppt
Diseño y maquetación de sitios web.pptDiseño y maquetación de sitios web.ppt
Diseño y maquetación de sitios web.ppt
 
pasos técnicos para crear sitios web
pasos técnicos para crear sitios webpasos técnicos para crear sitios web
pasos técnicos para crear sitios web
 
Practico web2
Practico web2Practico web2
Practico web2
 
Web 1.0 , 2.0 y 3.0
Web 1.0 , 2.0 y 3.0Web 1.0 , 2.0 y 3.0
Web 1.0 , 2.0 y 3.0
 
Valeria jiron seo y social medio
Valeria jiron seo y social medioValeria jiron seo y social medio
Valeria jiron seo y social medio
 
Diseno web 4
Diseno web 4Diseno web 4
Diseno web 4
 
Formación: "Posicionamiento en Google y en los Medios Sociales"
Formación: "Posicionamiento en Google y en los Medios Sociales"Formación: "Posicionamiento en Google y en los Medios Sociales"
Formación: "Posicionamiento en Google y en los Medios Sociales"
 

Destacado

Reticulas para pantalla
Reticulas para pantallaReticulas para pantalla
Reticulas para pantallaMORFEO2685
 
Redisseny del Portal Oficial de Turisme de les Illes Balears
Redisseny del Portal Oficial de Turisme de les Illes BalearsRedisseny del Portal Oficial de Turisme de les Illes Balears
Redisseny del Portal Oficial de Turisme de les Illes BalearsJordi Zango Novell
 
RETÍCULAS PARA PANTALLA
RETÍCULAS PARA PANTALLARETÍCULAS PARA PANTALLA
RETÍCULAS PARA PANTALLATiaKaka
 
Presentacion reticulas sesion 7
Presentacion reticulas sesion 7Presentacion reticulas sesion 7
Presentacion reticulas sesion 7davidorozco7
 
Diseño de paginas web
Diseño de paginas webDiseño de paginas web
Diseño de paginas webisabellafuente
 
RETÍCULAS PARA PANTALLA
RETÍCULAS PARA PANTALLARETÍCULAS PARA PANTALLA
RETÍCULAS PARA PANTALLAjennyramosm
 
Mapa conceptual sobre páginas web
Mapa conceptual sobre páginas webMapa conceptual sobre páginas web
Mapa conceptual sobre páginas webdayana_suarezc
 
Etiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlEtiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlDoraliza Hugo Vera
 
Diseño Web
Diseño WebDiseño Web
Diseño Webmanobile
 
Clase ii diplomado
Clase ii diplomadoClase ii diplomado
Clase ii diplomadodiplomados2
 

Destacado (15)

Reticulas para pantalla
Reticulas para pantallaReticulas para pantalla
Reticulas para pantalla
 
Redisseny del Portal Oficial de Turisme de les Illes Balears
Redisseny del Portal Oficial de Turisme de les Illes BalearsRedisseny del Portal Oficial de Turisme de les Illes Balears
Redisseny del Portal Oficial de Turisme de les Illes Balears
 
Diseño web con css
Diseño web con cssDiseño web con css
Diseño web con css
 
RETÍCULAS PARA PANTALLA
RETÍCULAS PARA PANTALLARETÍCULAS PARA PANTALLA
RETÍCULAS PARA PANTALLA
 
Clase1 etapa1
Clase1 etapa1Clase1 etapa1
Clase1 etapa1
 
Presentacion reticulas sesion 7
Presentacion reticulas sesion 7Presentacion reticulas sesion 7
Presentacion reticulas sesion 7
 
Diseño de paginas web
Diseño de paginas webDiseño de paginas web
Diseño de paginas web
 
Clase1 intro
Clase1 introClase1 intro
Clase1 intro
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
RETÍCULAS PARA PANTALLA
RETÍCULAS PARA PANTALLARETÍCULAS PARA PANTALLA
RETÍCULAS PARA PANTALLA
 
Mapa conceptual sobre páginas web
Mapa conceptual sobre páginas webMapa conceptual sobre páginas web
Mapa conceptual sobre páginas web
 
Etiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlEtiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje html
 
Estructura y diseño de un sitio web
Estructura y diseño de un sitio webEstructura y diseño de un sitio web
Estructura y diseño de un sitio web
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Clase ii diplomado
Clase ii diplomadoClase ii diplomado
Clase ii diplomado
 

Similar a Diagramas (20)

Estructura del diseño web
Estructura del diseño webEstructura del diseño web
Estructura del diseño web
 
Caracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_webCaracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_web
 
M2 DiseñO Web
M2   DiseñO WebM2   DiseñO Web
M2 DiseñO Web
 
Anatomia de una pagina web
Anatomia de una pagina webAnatomia de una pagina web
Anatomia de una pagina web
 
Diseño Web-Personales Institucionales
Diseño Web-Personales InstitucionalesDiseño Web-Personales Institucionales
Diseño Web-Personales Institucionales
 
Diseño web-personales institucionales
Diseño web-personales institucionalesDiseño web-personales institucionales
Diseño web-personales institucionales
 
Chuleta SEO
Chuleta SEOChuleta SEO
Chuleta SEO
 
Chuleta SEO
Chuleta SEOChuleta SEO
Chuleta SEO
 
Pagina web análisis de su estructura y diseño.
Pagina web análisis de su estructura y diseño.Pagina web análisis de su estructura y diseño.
Pagina web análisis de su estructura y diseño.
 
Menu y footer
Menu y footerMenu y footer
Menu y footer
 
Menusfooter
MenusfooterMenusfooter
Menusfooter
 
Menu de Navegacion y footer
Menu  de Navegacion y footerMenu  de Navegacion y footer
Menu de Navegacion y footer
 
Preparativos web
Preparativos webPreparativos web
Preparativos web
 
Daniiyvalen
DaniiyvalenDaniiyvalen
Daniiyvalen
 
MANEJO Y DISEÑO DE PAGINAS WEB (CONCEPTO)
MANEJO Y DISEÑO DE PAGINAS WEB (CONCEPTO)MANEJO Y DISEÑO DE PAGINAS WEB (CONCEPTO)
MANEJO Y DISEÑO DE PAGINAS WEB (CONCEPTO)
 
estructura y diseño web partes de una pagina web
estructura y diseño web partes de una pagina webestructura y diseño web partes de una pagina web
estructura y diseño web partes de una pagina web
 
IA GUIDE
IA GUIDEIA GUIDE
IA GUIDE
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
 
tic
tictic
tic
 
Página Web
Página WebPágina Web
Página Web
 

Más de Lili70Vil

Buscador de palabras
Buscador de palabrasBuscador de palabras
Buscador de palabrasLili70Vil
 
Cómo usar herramientas de palabra clave de google
Cómo usar herramientas de palabra clave de googleCómo usar herramientas de palabra clave de google
Cómo usar herramientas de palabra clave de googleLili70Vil
 
Aspectos legales en comercio electrónico
Aspectos legales en comercio electrónicoAspectos legales en comercio electrónico
Aspectos legales en comercio electrónicoLili70Vil
 
Conceptos básicos comercio electrónico
Conceptos básicos comercio electrónicoConceptos básicos comercio electrónico
Conceptos básicos comercio electrónicoLili70Vil
 
Posicionamiento
PosicionamientoPosicionamiento
PosicionamientoLili70Vil
 
Bloque Cierre - PACIE
Bloque Cierre - PACIEBloque Cierre - PACIE
Bloque Cierre - PACIELili70Vil
 
Bloque Cierre - PACIE
Bloque Cierre - PACIEBloque Cierre - PACIE
Bloque Cierre - PACIELili70Vil
 
Bloque Cierre - Metodología PACIE
Bloque Cierre - Metodología PACIEBloque Cierre - Metodología PACIE
Bloque Cierre - Metodología PACIELili70Vil
 

Más de Lili70Vil (17)

Buscador de palabras
Buscador de palabrasBuscador de palabras
Buscador de palabras
 
Cómo usar herramientas de palabra clave de google
Cómo usar herramientas de palabra clave de googleCómo usar herramientas de palabra clave de google
Cómo usar herramientas de palabra clave de google
 
Aspectos legales en comercio electrónico
Aspectos legales en comercio electrónicoAspectos legales en comercio electrónico
Aspectos legales en comercio electrónico
 
Conceptos básicos comercio electrónico
Conceptos básicos comercio electrónicoConceptos básicos comercio electrónico
Conceptos básicos comercio electrónico
 
De off a on
De off a onDe off a on
De off a on
 
Ambito
AmbitoAmbito
Ambito
 
Precio
PrecioPrecio
Precio
 
Producto
ProductoProducto
Producto
 
Competencia
CompetenciaCompetencia
Competencia
 
Posicionamiento
PosicionamientoPosicionamiento
Posicionamiento
 
Publico
PublicoPublico
Publico
 
El mercado
El mercadoEl mercado
El mercado
 
Impacto
ImpactoImpacto
Impacto
 
Elementos
ElementosElementos
Elementos
 
Bloque Cierre - PACIE
Bloque Cierre - PACIEBloque Cierre - PACIE
Bloque Cierre - PACIE
 
Bloque Cierre - PACIE
Bloque Cierre - PACIEBloque Cierre - PACIE
Bloque Cierre - PACIE
 
Bloque Cierre - Metodología PACIE
Bloque Cierre - Metodología PACIEBloque Cierre - Metodología PACIE
Bloque Cierre - Metodología PACIE
 

Último

ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
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...Lourdes Feria
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 

Último (20)

Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
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
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
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...
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 

Diagramas

  • 2. o Entre los aspectos de mayor relevancia en las estructura de una página web es decidir dónde se posicionará los menús de navegación y los enlaces con otras páginas web y dónde ubicaremos el contenido que van a consultar los usuarios. o Existen varios tipos de estructuras estándares de páginas web que especifican la posición de los menús de navegación y el contenido, manteniéndose esta estructura y diseño durante toda la navegación por el sitio web.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7. • El pie de página acostumbra a tener una gran importancia en las estructuras de los webs actuales, donde se pueden repetir los menús de navegación (para que el usuario no deba subir por la página), situar los enlaces al aviso legal, copyright, redes sociales: facebook, RSS, twitter o los datos de dirección y contacto.
  • 8.
  • 9.  Normalmente se encuentran inmersos en el área de navegación o al pie de página
  • 10.  Conociendo las estructuras web más utilizadas, ya podemos empezar a dibujar la estructura específica de nuestra página web, dibujando y posicionando a nuestro gusto los bloques de menús, contenido, gráficos, y los sub-bloques dentro de cada uno de los anteriores.