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

Sitios Web y Páginas Web

Sitio Web: Es un conjunto de archivo llamados páginas Web generalmentevinculadas 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

•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

Elementos de una página Web

Fuente: www.vectoralia.com/manual/html/elementos_web.html

¿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

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 principaly de ahí se accede a otrogrupo de páginas y estas asu vez son nodo de otras(niveles). Es jerarquizada,compleja, y algo difícil paranavegar.Consejo no masde 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

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

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

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