Tipos de sitios Tipos de sitios ArquitecturasArquitecturas

Curso de Diseño Web ICurso de Diseño Web I

Tipos comunes de sitios WebTipos comunes de sitios Web

Existen tres categorías generales:Existen tres categorías generales: Sitios públicosSitios públicos Sitios extranetSitios extranet Sitios intranet Sitios intranet

Sitios Web públicosSitios Web públicos

Un sitio Web publico, un sitio de Un sitio Web publico, un sitio de Internet, un sitio Web externo, un Internet, un sitio Web externo, un sitio Web, es un sitio cuyo acceso no sitio Web, es un sitio cuyo acceso no esta restringido explícitamente a esta restringido explícitamente a ningún tipo de usuarioningún tipo de usuario

Sitios Web Intranet Sitios Web Intranet

Un sitio intranet es un sitio que esta Un sitio intranet es un sitio que esta reservado a una determinada reservado a una determinada organización y generalmente organización y generalmente funciona dentro de una red privada, funciona dentro de una red privada, en vez de hacerlo directamente en en vez de hacerlo directamente en Internet.Internet.

Sitios Web Intranet Sitios Web Intranet

Un sitio intranet es un sitio que esta Un sitio intranet es un sitio que esta reservado a una determinada reservado a una determinada organización y generalmente organización y generalmente funciona dentro de una red privada, funciona dentro de una red privada, en vez de hacerlo directamente en en vez de hacerlo directamente en Internet.Internet.

Sitios Web ExtranetSitios Web Extranet

Un sitio extranet es un sitio Web al Un sitio extranet es un sitio Web al que puede acceder una clase limitada que puede acceder una clase limitada de usuarios, pero a la que se accede de usuarios, pero a la que se accede a través de Internet a través de Internet

Sitios interactivos frente a sitios Sitios interactivos frente a sitios estáticosestáticos

Los sitios también pueden clasificarse en Los sitios también pueden clasificarse en interactivos y estáticosinteractivos y estáticos

Un Un sitio interactivositio interactivo es aquel en el que los es aquel en el que los usuarios pueden actuar directamente usuarios pueden actuar directamente sobre el contenido del sitio o con otros sobre el contenido del sitio o con otros usuarios del mismo.usuarios del mismo.

Un Un sitio estáticositio estático es aquel cuyo contenido es aquel cuyo contenido es relativamente fijo, en el que los es relativamente fijo, en el que los usuarios no pueden modificar ni el aspecto usuarios no pueden modificar ni el aspecto ni el ámbito de los datos que observan. ni el ámbito de los datos que observan.

Sitios DinámicosSitios Dinámicos

Un sitio generado dinámicamente es aquel que sus Un sitio generado dinámicamente es aquel que sus paginas se generan en el momento de la solicitud paginas se generan en el momento de la solicitud por parte del usuario.por parte del usuario.

El mayor inconveniente de los sitios generados El mayor inconveniente de los sitios generados dinámicamente es que son bastante mas dinámicamente es que son bastante mas complicados de crear y frecuentemente ocupan el complicados de crear y frecuentemente ocupan el servidor de forma intensiva, porque las paginas servidor de forma intensiva, porque las paginas tienen que generarse para cada usuario en el tienen que generarse para cada usuario en el momento de realizar la visita.momento de realizar la visita.

Estructura del sitioEstructura del sitio

Hay dos tipos de estructuras en cualquier sitio Hay dos tipos de estructuras en cualquier sitio Web: la lógica y la físicaWeb: la lógica y la física

La La estructura lógicaestructura lógica reseña como se relacionan reseña como se relacionan entre si los documentos y define los vínculos entre entre si los documentos y define los vínculos entre documentos.documentos.

La La estructura físicaestructura física describe donde se encuentra describe donde se encuentra realmente un documento, mostrando, por realmente un documento, mostrando, por ejemplo, el camino al directorio del documento en ejemplo, el camino al directorio del documento en un servidor Web o su situación en una Base de un servidor Web o su situación en una Base de datos.datos.

Modelos de organización lógica Modelos de organización lógica

Existen cuatro formas principales de organización Existen cuatro formas principales de organización lógica de los sitios Web: lógica de los sitios Web: lineal, en rejilla, por lineal, en rejilla, por jerarquías y en tela de araña (Web)jerarquías y en tela de araña (Web)

Es importante elegir la organización logica mas Es importante elegir la organización logica mas adecuada para un determinado sitio, para que este adecuada para un determinado sitio, para que este sea funcional.sea funcional.

Organización Lógica LinealOrganización Lógica Lineal

Es la mas familiar, porque la información impresa Es la mas familiar, porque la información impresa tradicional tiende a seguir este tipo de tradicional tiende a seguir este tipo de organización.organización.

Es muy útil para procedimientos paso a pasoEs muy útil para procedimientos paso a paso Se pueden modificar para proporcionar mas Se pueden modificar para proporcionar mas

flexibilidadflexibilidad Existen diversas variantes: Existen diversas variantes: Lineal básica, lineal Lineal básica, lineal

con alternativas, lineal con opciones y lineal con con alternativas, lineal con opciones y lineal con caminos laterales.caminos laterales.

Organización Lógica LinealOrganización Lógica Lineal

LINEAL BASICA LINEAL BASICA

Organización Lógica LinealOrganización Lógica Lineal

LINEAL CON ALTERNATIVASLINEAL CON ALTERNATIVAS

Organización Lógica LinealOrganización Lógica Lineal

LINEAL CON OPCIONES LINEAL CON OPCIONES

Organización Lógica LinealOrganización Lógica Lineal

LINEAL CON CAMINOS LATERALESLINEAL CON CAMINOS LATERALES

Organización Lógica en RejillaOrganización Lógica en Rejilla

Es una estructura lineal doble, en la que sus Es una estructura lineal doble, en la que sus elementos se relacionan tanto vertical como elementos se relacionan tanto vertical como horizontalmentehorizontalmente

Es una estructura poco frecuente en la Web. Es una estructura poco frecuente en la Web.

Organización Lógica Jerárquica Organización Lógica Jerárquica

Es la estructura más común en la WebEs la estructura más común en la Web Puede modificarse para esconder o mostrar tanta Puede modificarse para esconder o mostrar tanta

información como se desee. información como se desee. Esta estructura comienza con una pagina raíz que Esta estructura comienza con una pagina raíz que

frecuentemente es la pagina principal del sitio o frecuentemente es la pagina principal del sitio o sección.sección.

A medida que el usuario se introduce mas A medida que el usuario se introduce mas profundamente en el sitio, las opciones serán mas profundamente en el sitio, las opciones serán mas y mas especificas, hasta que, finalmente, se y mas especificas, hasta que, finalmente, se alcanza un destino u hoja de árbolalcanza un destino u hoja de árbol

Organización Lógica Jerárquica Organización Lógica Jerárquica

ÁRBOLES ESTRECHOS:ÁRBOLES ESTRECHOS: ofrece pocas opciones, ofrece pocas opciones, predomina la profundidad sobre la anchurapredomina la profundidad sobre la anchura

Organización Lógica Jerárquica Organización Lógica Jerárquica

ÁRBOLES ANCHOS:ÁRBOLES ANCHOS: ofrece una amplia gama de ofrece una amplia gama de opciones.opciones.

Organización Lógica Jerárquica Organización Lógica Jerárquica

ÁRBOLES WEB:ÁRBOLES WEB:

A B

Organización Lógica Malla completaOrganización Lógica Malla completa

PAGINAPRINCIPAL

Organización Lógica MixtaOrganización Lógica Mixta

Organización Lógica Estilo WebOrganización Lógica Estilo Web

Cuando un conjunto e documentos parece no tener Cuando un conjunto e documentos parece no tener una estructura perceptible, se le denomina una estructura perceptible, se le denomina Web Web PuraPura

Una estructura de este tipo puede ser dificil de Una estructura de este tipo puede ser dificil de utilizar porque carece de una clara orientacion utilizar porque carece de una clara orientacion espacial.espacial.

Organización Lógica Estilo WebOrganización Lógica Estilo Web