Lo que se debe saber de un sitio

1. Lo que debo conocer antes
diseñar Sitios y Páginas Web

2. Sitios Web y Páginas Web
Sitio Web: Es un conjunto de archivo llamados páginas Web generalmente
vinculadas entre si por enlaces, con un mismo contenido temático, y organizadas
jerárquicamente. Generalmente tiene una página principal que se llama
index.html
Página Web: Es parte de un sitio Web y es un único archivo con nombre propio.
Página Web
Sitio Web
Página principal:
Index.html

3. •Un Nombre
•Una dirección física en
determinado lugar
•Un espacio físico (Local)
•Organizar las mercaderías
dentro del local
•Una Vidriera (Primera cara
visible)
•Accesos internos a las
distintas ofertas que se
comercializan
Similitudes Comercio / Sitio WebSimilitudes Comercio / Sitio Web
•Un Nombre
• Una dirección virtual
(Dominio)
•Un espacio físico de
alojamiento (Hosting)
•Organizar la información
dentro del Sitio Web
•Una Página Principal
(Primera cara visible)
•Hipervínculos a las distintas
Páginas publicadas.
Un Sitio Web necesitaComercio

4. Elementos de una página Web
Fuente: www.vectoralia.com/manual/html/elementos_web.html

5. ¿Qué hace que un sitio Web sea fácil de
usarlo e intuitivo para la mayoría de las
personas?
Dos conceptos clavesDos conceptos claves
UsabilidadUsabilidad AccesibilidadAccesibilidad
Es la capacidad de un sitio Web de
ser comprendido, aprendido y usado
por un usuario. Conjunto de técnicas
orientadas a tal fin (diseño grafico,
estructura, publico objetivo,
navegación y enlaces entre otros
Es la capacidad de acceso a un sitio Web y
sus contenidos por parte de todas las
personas independientemente de la
discapacidad (física, intelectual o técnica)
que tengan o las relacionadas al contexto
de uso. Por ejemplo: textos alternativos en
imágenes (ALT), enlaces significativos, etc

6. Es la forma que tendrá el Sitio Web con sus secciones, funcionalidades y
sistemas de navegación
Estructura de un sitio WebEstructura de un sitio Web
Tipos
Existe una página principal
y de ahí se accede a otro
grupo de páginas y estas a
su vez son nodo de otras
(niveles). Es jerarquizada,
compleja, y algo difícil para
navegar.Consejo no mas
de 3 niveles.
Arbol Listas
La organización del
sitio es totalmente
opuesto al anterior.No
existe una página raíz
o principal. Ideal para
manuales o guías.
Tiene las ventajas
de las 2
anteriores. Las
páginas están
jerarquizadas en
niveles, y en cada
nivel se organizan
como listas.
Mixta
Páginas todas
conectadas entre
si. Algo anárquica.
¡Ojo! no dejar
enlaces
inexistentes y que
el usuario se
pierda
Red

7. Niveles de un Sitio Web
Se refiere a distancia máxima para alcanzar un determinado documento dentro de
un sitio Web. Es aconsejable no mas de 3 niveles.
Nivel 1
Nivel 2
Nivel 3
Nivel 5
Nivel 4

8. Tipos de enlaces Web
Enlaces semánticos: Son enlaces entre páginas que tienen una relación de
contenidos entre sí
Enlaces de navegación: Solo sirven para conectar páginas entre sí sin un
relación explícita. Ej.: El enlace “Volver” o “Página inicial” o el camino recorrido
en el sitio
“De una importancia igual o superior a la conquista militar, la
evangelización de los pueblos indígenas recayó en manos de los
Frailes dominicos, quienes mandaron construir, con mano de obra
esclava de origen indígena, numerosos templos iglesias y conventos.”
Enlace semántico
Enlace de navegación

9. Orden de los elementos de la
estructura de las paginas del sitio

10. Orden de los elementos de la
estructura de las paginas del sitio