SlideShare una empresa de Scribd logo
1 de 30
Nombre: Bryan Rodrigo Pilco Rojas
Curso: 1”c”
Materia: Informática Aplicada a la Educación
Unidad Educativa : San José La Salle
3 parcial ,2quimestre
E
•1.11 Contenedor
•1.12 Logotipo
•1.13 Contenido
•1.14 Navegación
•1.15 Foster
•1.1 Estructura de un sitio web.
•1.21 Página Principal
•1.22 Mapa de sitio
.1.23 Navegación
.1.24 Las Faq´s
.1.25 Ayuda
1.2 Navegación web.
Ingresamos a:
http://sociodelacreacionec.jimdo.com/
En este caso ingresamos
nuestra contrseña
Contraseña
Estructura y navegación
de un sitio web
Continuando con la clase
anterior.
EDITAMOS EL CUERPO
Selecionamos
cualquiera de
estas opciones.
Ahora identificamos el
logotipo
Logotipo:
Cambiamos Logotipo
Damos click en
la imagen
Seleccionamos la imagen que
deseemos
Y asi queda:
Luego identifiquemos la
navegación Menú.
Hay dos clases:
Horizontal
Vertical
Ahora demos click en :
La Navegacion
INGRESEN AL SIGUIENTE LINK:http://es.jimdo.com/
Damos click iniciar seción
Luego ingresamos la
dirreción y la contrseña.
Menú.
El menú
organiza
Los botones
que
representa
un sitio web
Mejoramos nuestro menú
Selescionamos
Plantillas
Aparecen varios tipos
Mapa del sitio.
El mapa nos
permite saber
como esta
organizado
nuestro
esquema de
sitio web,
MAPA DEL SITIO WEB
EN JIMDO APARECE ASI
DAMOS CLICK EN: Inicio
Luego: Aparece el cuerpo
del sitio.
Los Faq’s
¿Qué es?
¿Dónde lo encuentro?
¿Para qué sirve?
¿Cómo es?
¿Por qué esta ahi?
¿Cómo le subo al
volumen?
¿Es segro hacer esto?
¿Cuánto tiempo dura?
¿Qué es un Faq?
Damos click en sobre mí
Preguntas
sobre
infomación
común
Una frase lo dice todo.
Ayuda
Ciertos sitios lo incluyen:
Número de
teléfono
Ubicación
E-mail
Para más
información
Aviso Legal
EJERCICIO
Crear un sitio web en : http://es.jimdo.com/
1) Con el tema relacionado con el bulling drogas o sexting.
2) Plantar ejercicios de respuesta objetivas para ver si el sitio fue realmente
comprendido.
3) Hacer capture a las respuestas finales y enviar a: bpilco1998@gmail.com
Fuentes.
1).http://magazine.joomla.org/es/ediciones-anteriores/julio-
2013/item/1398-estructura-y-composicion-de-un-sitio-web
2).http://www.ecured.cu/index.php/Navegaci%C3%B3n_web
3). http://www.masadelante.com/faqs/www

Más contenido relacionado

Último

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
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
amelia poma
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 

Último (20)

PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
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
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
La Evaluacion Formativa SM6 Ccesa007.pdf
La Evaluacion Formativa SM6  Ccesa007.pdfLa Evaluacion Formativa SM6  Ccesa007.pdf
La Evaluacion Formativa SM6 Ccesa007.pdf
 
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 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
Los dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la VerdadLos dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la Verdad
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
 
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdfFICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
FICHA PROYECTO COIL- GLOBAL CLASSROOM.docx.pdf
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
Power Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptxPower Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.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
 
Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdf
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
 
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
 

Destacado

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Destacado (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Estructura y Navegación web.

Notas del editor

  1. Contenedor Esto es lo que definimos en la regla Body o en algun division de nuestra estructura. Dentro de este contenedor estarán todos los elementos del sitio; módulos, contenidos, imágenes, etc. Este contenedor puede tener un ancho fijo; el ancho será igual para todos los navegadores y dispositivos, o uno fluido que se adaptará al ancho de nuestra ventana. Si usamos web responsive, podemos manejarlo con CSS sin problemas.
  2. La página web y su constitución Lo que define el diseño de una página web es la forma de organizar los elementos que la componen. Hay miles de formas diferentes, pero son pocas las que funcionan y adquieren el sentido que necesitamos para nuestro trabajo.
  3. Logotipo Acá es dónde debemos dejar la imagen de la empresa, que identificará la marca en todo el sitio. Puede ser el logotipo de la empresa o el nombre. Al estar arriba acompañara la navegación por todo el sitio ayudando al reconocimiento de la marca.
  4. Navegación Que importante es la navegación y el menú que la contiene. La forma más aceptada y fácil, es el menú horizontal, que siempre tiene a mano lo más importante del sitio web. Los menús verticales pueden usarse como complementos o sub menús, de los horizontales, y siempre cerca de la línea horizontal del menú principal y deben ser visibles en el primer pantallazo, al entrar.
  5. Navegación Web. Es la idea asociada de moverse por un espacio de información, donde es crucial el concepto de posición actual o contexto, ya que muchas veces, el siguiente paso a dar mientras se navega dependerá de qué pasos se hayan dado antes.
  6. Menú Es importante saber que en la página principal siempre encontraremos los datos fundamentales de los autores de la página. En general, los autores colocan un apartado llamado quiénes somos. Este apartado nos informa sobre la identidad y el perfil que tienen de las personas o empresas que han desarrollado el sitio, qué ideología tienen, cuáles son los objetivos del sitio y por qué se ha elaborado. En la página principal también encontraremos la Nota Legal. La Nota Legal advierte al usuario sobre los derechos de propiedad intelectual, tanto de los contenidos como del diseño. Como hemos mencionado anteriormente, el Menú organiza los botones que representan categorías dentro de un sitio web. Puede existir más de un menú y estos se ubican por lo general en los laterales o en la parte superior de las páginas. Menú Desplegable El Menú principal se diseña de tal forma que permanezca presente en todas las páginas en las que navegamos. De esta manera, se facilita la accesibilidada la hora de la navegación. El menú principal contiene las categorías más importantes del sitio web. Pero cada categoría puede desplegar un submenú que trata, a su vez, temas secundarios o subcategorías.
  7. Mapa de sitio Muchas veces sucede que un sitio web, al tener muchos apartados y páginas, puede confundir al usuario y hacer que se pierda. Para evitarlo, muchos sitios incluyen un Mapa Web o Mapa de sitio. El mapa web nos permite saber de manera gráfica y esquemática cómo está organizado el sitio, qué categorías se pueden encontrar en él y, algunas veces, qué página está enlazada a otra. Estos mapas son una herramienta muy útil para el navegante y, ante todo, facilitan la navegación.
  8. Las FAQ's La mayoría de las páginas web ofrecen las Faq. Esta sigla corresponde a Frequently Asked Questions, es decir, “Preguntas frecuentes”. Las Faq son respuestas a las dudas más comunes que tienen la mayoría de los usuarios, y que los dueños del sitio web ya conocen. Así se evita que el usuario tenga que escribir al correo electrónico o completar el formulario de contacto de la página para preguntar algo que ya muchos otros han consultado. Las Faq aparecen principalmente en aquellas páginas que los usuarios utilizan para llevar a cabo acciones concretas, por ejemplo, en páginas de la administración pública indican cómo hacer trámites on line, en tiendas virtuales resuelven dudas sobre el proceso de compra o en bolsas de trabajo indican cómo introducir el currículum o cómo optar a una oferta. En el sitio de Gas natural (http://portal.gasnatural.com), por ejemplo, aparecen la preguntas frecuentes sobre facturación online. Estas preguntas se presentan en una lista y cada una está vinculada a su respuesta.
  9. Ayuda Otra categoría común a los sitios web es el botón de Ayuda, aunque no todos los sitios web lo incluyen. El botón de ayuda puede incluir datos de contacto con el sitio por distintos medios (teléfono, e-mail, etc.), ayuda a la navegación e incluso la explicación de los servicios que ofrece el sitio web y cómo funcionan. Muchas veces la sección Ayuda está vinculada con la sección de Faq, como sucede en el caso de La Vanguardia digital.