SlideShare una empresa de Scribd logo
1 de 18
Organización y navegación del sitio web
y
Tipologías de acuerdo a sus
características y funcionalidad.
Por: Hillary Monge y Luis F. González
Organización del sitio web
• Un sitio web en su forma mas básica
es una colección de páginas cada una
con contexto único, que sirve como
catalogo para mostrar grupos de
productos y servicios, así como de
forma individual.
• La idea principal de la organización de
Un sitio web es que, este debe ser
moldeado de una forma que refleje
una estructura organizacional.
Home
page
Tipos de páginas web y su jerarquía
Ejemplo de un sitio web E-Commerce
• Home o página principal, donde se explica
el negocio en general, incluyendo
categorías, y productos a destacar.
• Páginas categoría donde se mencionan
descripciones de los productos de la
categoría en cuestión.
• Páginas de producto o servicio donde se
describe a detalle.
• Páginas miscelaneas, como contacto o
preguntas frecuentes.
Herramientas para la organización de un sitio web
Navegación del sitio web
• La navegación de un sitio web
es el proceso de navegar por
páginas, aplicaciones y sitios web
en Internet. La tecnología detrás de
esto se llama hipertexto o
hipermedia.
• Los hipertextos o medios de
comunicación son páginas web
basadas en texto que utilizan
hipervínculos para conectarlas con
otras páginas de Internet. Un
hipervínculo es un enlace que lleva
a su navegador web a una URL.
• Los enlaces internos conducen a
diferentes páginas en el mismo
dominio. Los enlaces externos
conducen a diferentes páginas en
otro dominio, un sitio web y un
servidor completamente
separados.
Estructura de navegación de un sitio web
• La estructura de navegación de un
sitio web describe cómo se
organizan las diferentes páginas
de su sitio y cómo se conectan
entre sí.
Tipos de navegación en la web:
• Jerárquica: Estructura en árbol donde existe
una página índice o principal desde donde se
accede al resto de páginas.
• Lineal. Es una estructura muy simple similar a las páginas
de un libro. Desde una página concreta se puede ir a la
página siguiente o la página anterior.
• Lineal con jerarquía: Es una estructura híbrida que trata de
aprovechar las ventajas de las dos estructuras anteriores.
Las páginas y subpáginas se organizan de forma jerárquica
pero también es posible navegar de forma lineal por las
páginas de un mismo nivel.
.
• Red: A partir de la página índice o principal se
puede navegar a otra u otras sin ningún orden
aparente.
Tipología de los sitios web: según sus características
Sus características se dividen en tipo de
construcción y actualización de contenido:
Según esta división se clasifican en:
• Webs Estáticas: Se caracterizan porque
muestran una información permanente en la
que el usuario no puede interactuar con la
página excepto para leer el contenido. No
utilizan bases de datos, sino que la
información reside en el servidor
• Webs Dinámicas: Los contenidos pueden ser
modificados por parte de los usuarios que las
visitan y se les permite crear o modificar el
aspecto de la misma a través de la misma
navegación con formularios, texto, imágenes,
vídeos, etc. Estos contenidos interactúan con
una base de datos en la que se guardan cada
uno de los registros de los usuarios.
Dependiendo de su funcionalidad, los sitios
web pueden tener distintas tipologías entre
las cuales encontramos:
• Sitios institucionales o corporativos:
Sirven para marcar presencia y mostrar
información sobre la empresa. En estas
webs se incluyen los valores de la
compañía, a qué se dedica o sus ventajas
frente a la competencia.
• Blogs: Se trata de un sitio web donde se
sube contenido, generalmente de un tema
concreto. Puede utilizarse de manera
personal o profesional. En otras palabras,
sería como un cuaderno de bitácora
digital.
Tipología de los sitios web: según su funcionalidad
• Tiendas Online o E-Commerce: Son
plataformas web donde se comercializan
productos o servicios. Actualmente son
sitios con un gran tráfico, ya que muchos
comercios tradicionales han diversificado
sus canales.
• Buscadores: Se trata se sitios web
donde los usuarios realizan consultas.
Entonces, el buscador arroja unos
resultados en función de la búsqueda.
• Comparadores: Son sitios web que
comparan servicios o productos. El
usuario llega a ellos para averiguar cuál
es la mejor opción y contrastarla con el
resto. La fuente de ingresos procede del
cierre de las ventas o de la consecución
de los datos de contacto del cliente.
• Portales: Son sitios web que agrupan
información de diversa índole como
noticias, política o tecnología. También hay
portales dedicados a un tema particular
como moda, deportes o electrónica, por
nombrar algunos.
• Sitios gubernamentales: Corresponden
a entidades de los gobiernos y su
propósito es hacer pública información
relevante sobre su misión, los objetivos
logrados y las actividades que realizan.
Además, pueden ofrecer trámites en
línea, convocatorias, licitaciones y otros
mecanismos de participación ciudadana.
• Sitios educativos: La misión de los sitios
educativos es publicar contenidos de
diversa índole con los que las personas
puedan aprender. Puedes encontrar desde
contenidos gratuitos para niños, hasta
contenidos con costo para profesionales.
En este tipo de sitios también pueden
incluirse aquellos que pertenecen a las
instituciones universitarias en la modalidad
virtual.
• Redes sociales: Las redes sociales son
sitios donde las personas comparten
información, bien sea de tipo personal
como sus intereses personales, viajes,
fiestas, amigos; o de tipo profesional,
perfil, estudios, experiencia profesional,
etc.
• Bancarios: Los bancos y entidades
financieras en general han hecho
importantes avances para ofrecer muchos
de sus servicios a través de la web. Si eres
cliente o usuario de alguna entidad
bancaria, seguramente, podrás realizar
transacciones a través de sus portales.
• Aplicaciones web: son sitios que
ofrecen aplicaciones
especializadas a través de la web.
Por ejemplo, administración de
proyectos, edición de
documentos, almacenamiento y
procesamiento de archivos, entre
otros.
• Multimedia: sitios dedicados a
publicar videos y canciones con
infinidad de temas y géneros.
• Noticias, revistas y prensa: Son
sitios con un único propósito:
mantener a los usuarios
actualizados sobre temas muy
recientes y que estos lectores
consuman todo el contenido
posible y puedan opinar de sobre
él. Estos sitios suelen ser las más
visitadas por los usuarios debido
a la gran cantidad de información
que llegan a tener.
Conclusiones
¡Muchas gracias!

Más contenido relacionado

La actualidad más candente

Search engine marketing
Search engine marketingSearch engine marketing
Search engine marketingSoni Singh
 
Definicion de wikis
Definicion de wikisDefinicion de wikis
Definicion de wikisnilkaortega
 
Paginas web dinámicas y estáticas
Paginas web dinámicas y estáticasPaginas web dinámicas y estáticas
Paginas web dinámicas y estáticasFloydMera98
 
What is SEO? - Basic SEO Guide for Beginners.pptx
What is SEO? - Basic SEO Guide for Beginners.pptxWhat is SEO? - Basic SEO Guide for Beginners.pptx
What is SEO? - Basic SEO Guide for Beginners.pptxGeromme Talampas
 
NAVEGADORES Y BUSCADORES DE INTERNET
NAVEGADORES Y BUSCADORES DE INTERNET NAVEGADORES Y BUSCADORES DE INTERNET
NAVEGADORES Y BUSCADORES DE INTERNET Jessica Cruz
 
Caracteristicas De Multimedia
Caracteristicas De MultimediaCaracteristicas De Multimedia
Caracteristicas De Multimediapapurrictes
 
Cuadro comparativo de los tipos de webs
Cuadro comparativo de los tipos de websCuadro comparativo de los tipos de webs
Cuadro comparativo de los tipos de websAngel201203
 
On page SEO Optimization & it's Techniques
On page SEO Optimization & it's TechniquesOn page SEO Optimization & it's Techniques
On page SEO Optimization & it's TechniquesPratibha Maurya
 
La Web, conceptos básicos
La Web, conceptos básicosLa Web, conceptos básicos
La Web, conceptos básicosJeckson Loza
 
Mapa Conceptual Plataformas Educativas
Mapa Conceptual Plataformas Educativas Mapa Conceptual Plataformas Educativas
Mapa Conceptual Plataformas Educativas Cristian Cenon
 
Introduction to SEO and SEO for WordPress
Introduction to SEO and SEO for WordPressIntroduction to SEO and SEO for WordPress
Introduction to SEO and SEO for WordPressChris Burgess
 
Cuadro comparativo web 1.0 web 2.0 web 3.0
Cuadro comparativo web 1.0 web 2.0 web 3.0 Cuadro comparativo web 1.0 web 2.0 web 3.0
Cuadro comparativo web 1.0 web 2.0 web 3.0 arley04
 

La actualidad más candente (20)

Wikis
WikisWikis
Wikis
 
CMS (sistemas de gestión de contenidos)
CMS (sistemas de gestión de contenidos)CMS (sistemas de gestión de contenidos)
CMS (sistemas de gestión de contenidos)
 
Proyecto Pagina Web
Proyecto Pagina Web Proyecto Pagina Web
Proyecto Pagina Web
 
Invisible Web
Invisible WebInvisible Web
Invisible Web
 
Search engine marketing
Search engine marketingSearch engine marketing
Search engine marketing
 
Definicion de wikis
Definicion de wikisDefinicion de wikis
Definicion de wikis
 
Diapositiva de wikis
Diapositiva de wikisDiapositiva de wikis
Diapositiva de wikis
 
Paginas web dinámicas y estáticas
Paginas web dinámicas y estáticasPaginas web dinámicas y estáticas
Paginas web dinámicas y estáticas
 
Introduction to google adwords
Introduction to google adwordsIntroduction to google adwords
Introduction to google adwords
 
Foros en Moodle
Foros en MoodleForos en Moodle
Foros en Moodle
 
What is SEO? - Basic SEO Guide for Beginners.pptx
What is SEO? - Basic SEO Guide for Beginners.pptxWhat is SEO? - Basic SEO Guide for Beginners.pptx
What is SEO? - Basic SEO Guide for Beginners.pptx
 
NAVEGADORES Y BUSCADORES DE INTERNET
NAVEGADORES Y BUSCADORES DE INTERNET NAVEGADORES Y BUSCADORES DE INTERNET
NAVEGADORES Y BUSCADORES DE INTERNET
 
Caracteristicas De Multimedia
Caracteristicas De MultimediaCaracteristicas De Multimedia
Caracteristicas De Multimedia
 
Cuadro comparativo de los tipos de webs
Cuadro comparativo de los tipos de websCuadro comparativo de los tipos de webs
Cuadro comparativo de los tipos de webs
 
On page SEO Optimization & it's Techniques
On page SEO Optimization & it's TechniquesOn page SEO Optimization & it's Techniques
On page SEO Optimization & it's Techniques
 
Maquetación Web
Maquetación WebMaquetación Web
Maquetación Web
 
La Web, conceptos básicos
La Web, conceptos básicosLa Web, conceptos básicos
La Web, conceptos básicos
 
Mapa Conceptual Plataformas Educativas
Mapa Conceptual Plataformas Educativas Mapa Conceptual Plataformas Educativas
Mapa Conceptual Plataformas Educativas
 
Introduction to SEO and SEO for WordPress
Introduction to SEO and SEO for WordPressIntroduction to SEO and SEO for WordPress
Introduction to SEO and SEO for WordPress
 
Cuadro comparativo web 1.0 web 2.0 web 3.0
Cuadro comparativo web 1.0 web 2.0 web 3.0 Cuadro comparativo web 1.0 web 2.0 web 3.0
Cuadro comparativo web 1.0 web 2.0 web 3.0
 

Similar a Organización, navegación y tipologías de sitios web

Similar a Organización, navegación y tipologías de sitios web (20)

Sitios web Presentación en 11 diapositivas
Sitios web Presentación en 11 diapositivasSitios web Presentación en 11 diapositivas
Sitios web Presentación en 11 diapositivas
 
TIPOS DE WEB
TIPOS DE WEBTIPOS DE WEB
TIPOS DE WEB
 
Paginas
PaginasPaginas
Paginas
 
Sitio web
Sitio webSitio web
Sitio web
 
Sitios Web - WebSites
Sitios Web - WebSitesSitios Web - WebSites
Sitios Web - WebSites
 
Clasificacion de las paginas web
Clasificacion de las paginas webClasificacion de las paginas web
Clasificacion de las paginas web
 
Quia de informática Paginas WEB
Quia de informática Paginas WEBQuia de informática Paginas WEB
Quia de informática Paginas WEB
 
Clasificacion de las paginas web
Clasificacion de las paginas webClasificacion de las paginas web
Clasificacion de las paginas web
 
Actividad uno
Actividad unoActividad uno
Actividad uno
 
Actividad uno
Actividad unoActividad uno
Actividad uno
 
Presentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargasPresentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargas
 
El Internet
El InternetEl Internet
El Internet
 
Paginas Web
Paginas WebPaginas Web
Paginas Web
 
Pp
PpPp
Pp
 
Qué es un meta buscador ujat dais
Qué es un meta buscador ujat daisQué es un meta buscador ujat dais
Qué es un meta buscador ujat dais
 
Paginas web
Paginas web Paginas web
Paginas web
 
Tipos de sitios web
Tipos de sitios    webTipos de sitios    web
Tipos de sitios web
 
Paginas web y blog reimily
Paginas web y blog reimilyPaginas web y blog reimily
Paginas web y blog reimily
 
Tipos de sitios web
Tipos de sitios    webTipos de sitios    web
Tipos de sitios web
 
Sitios Web
Sitios WebSitios Web
Sitios Web
 

Último

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
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 

Último (10)

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
 
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
 
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
 
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
 
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
 
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)
 
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
 
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...
 
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
 

Organización, navegación y tipologías de sitios web

  • 1.
  • 2. Organización y navegación del sitio web y Tipologías de acuerdo a sus características y funcionalidad. Por: Hillary Monge y Luis F. González
  • 3. Organización del sitio web • Un sitio web en su forma mas básica es una colección de páginas cada una con contexto único, que sirve como catalogo para mostrar grupos de productos y servicios, así como de forma individual. • La idea principal de la organización de Un sitio web es que, este debe ser moldeado de una forma que refleje una estructura organizacional. Home page
  • 4. Tipos de páginas web y su jerarquía Ejemplo de un sitio web E-Commerce • Home o página principal, donde se explica el negocio en general, incluyendo categorías, y productos a destacar. • Páginas categoría donde se mencionan descripciones de los productos de la categoría en cuestión. • Páginas de producto o servicio donde se describe a detalle. • Páginas miscelaneas, como contacto o preguntas frecuentes.
  • 5. Herramientas para la organización de un sitio web
  • 6. Navegación del sitio web • La navegación de un sitio web es el proceso de navegar por páginas, aplicaciones y sitios web en Internet. La tecnología detrás de esto se llama hipertexto o hipermedia. • Los hipertextos o medios de comunicación son páginas web basadas en texto que utilizan hipervínculos para conectarlas con otras páginas de Internet. Un hipervínculo es un enlace que lleva a su navegador web a una URL. • Los enlaces internos conducen a diferentes páginas en el mismo dominio. Los enlaces externos conducen a diferentes páginas en otro dominio, un sitio web y un servidor completamente separados.
  • 7. Estructura de navegación de un sitio web • La estructura de navegación de un sitio web describe cómo se organizan las diferentes páginas de su sitio y cómo se conectan entre sí. Tipos de navegación en la web: • Jerárquica: Estructura en árbol donde existe una página índice o principal desde donde se accede al resto de páginas.
  • 8. • Lineal. Es una estructura muy simple similar a las páginas de un libro. Desde una página concreta se puede ir a la página siguiente o la página anterior. • Lineal con jerarquía: Es una estructura híbrida que trata de aprovechar las ventajas de las dos estructuras anteriores. Las páginas y subpáginas se organizan de forma jerárquica pero también es posible navegar de forma lineal por las páginas de un mismo nivel. . • Red: A partir de la página índice o principal se puede navegar a otra u otras sin ningún orden aparente.
  • 9. Tipología de los sitios web: según sus características Sus características se dividen en tipo de construcción y actualización de contenido: Según esta división se clasifican en: • Webs Estáticas: Se caracterizan porque muestran una información permanente en la que el usuario no puede interactuar con la página excepto para leer el contenido. No utilizan bases de datos, sino que la información reside en el servidor • Webs Dinámicas: Los contenidos pueden ser modificados por parte de los usuarios que las visitan y se les permite crear o modificar el aspecto de la misma a través de la misma navegación con formularios, texto, imágenes, vídeos, etc. Estos contenidos interactúan con una base de datos en la que se guardan cada uno de los registros de los usuarios.
  • 10. Dependiendo de su funcionalidad, los sitios web pueden tener distintas tipologías entre las cuales encontramos: • Sitios institucionales o corporativos: Sirven para marcar presencia y mostrar información sobre la empresa. En estas webs se incluyen los valores de la compañía, a qué se dedica o sus ventajas frente a la competencia. • Blogs: Se trata de un sitio web donde se sube contenido, generalmente de un tema concreto. Puede utilizarse de manera personal o profesional. En otras palabras, sería como un cuaderno de bitácora digital. Tipología de los sitios web: según su funcionalidad
  • 11. • Tiendas Online o E-Commerce: Son plataformas web donde se comercializan productos o servicios. Actualmente son sitios con un gran tráfico, ya que muchos comercios tradicionales han diversificado sus canales. • Buscadores: Se trata se sitios web donde los usuarios realizan consultas. Entonces, el buscador arroja unos resultados en función de la búsqueda.
  • 12. • Comparadores: Son sitios web que comparan servicios o productos. El usuario llega a ellos para averiguar cuál es la mejor opción y contrastarla con el resto. La fuente de ingresos procede del cierre de las ventas o de la consecución de los datos de contacto del cliente. • Portales: Son sitios web que agrupan información de diversa índole como noticias, política o tecnología. También hay portales dedicados a un tema particular como moda, deportes o electrónica, por nombrar algunos.
  • 13. • Sitios gubernamentales: Corresponden a entidades de los gobiernos y su propósito es hacer pública información relevante sobre su misión, los objetivos logrados y las actividades que realizan. Además, pueden ofrecer trámites en línea, convocatorias, licitaciones y otros mecanismos de participación ciudadana. • Sitios educativos: La misión de los sitios educativos es publicar contenidos de diversa índole con los que las personas puedan aprender. Puedes encontrar desde contenidos gratuitos para niños, hasta contenidos con costo para profesionales. En este tipo de sitios también pueden incluirse aquellos que pertenecen a las instituciones universitarias en la modalidad virtual.
  • 14. • Redes sociales: Las redes sociales son sitios donde las personas comparten información, bien sea de tipo personal como sus intereses personales, viajes, fiestas, amigos; o de tipo profesional, perfil, estudios, experiencia profesional, etc. • Bancarios: Los bancos y entidades financieras en general han hecho importantes avances para ofrecer muchos de sus servicios a través de la web. Si eres cliente o usuario de alguna entidad bancaria, seguramente, podrás realizar transacciones a través de sus portales.
  • 15. • Aplicaciones web: son sitios que ofrecen aplicaciones especializadas a través de la web. Por ejemplo, administración de proyectos, edición de documentos, almacenamiento y procesamiento de archivos, entre otros. • Multimedia: sitios dedicados a publicar videos y canciones con infinidad de temas y géneros.
  • 16. • Noticias, revistas y prensa: Son sitios con un único propósito: mantener a los usuarios actualizados sobre temas muy recientes y que estos lectores consuman todo el contenido posible y puedan opinar de sobre él. Estos sitios suelen ser las más visitadas por los usuarios debido a la gran cantidad de información que llegan a tener.