Material Introduccion Disenio Web

INFORMÁTICA EDUCATICA

Introducción al
Diseño Web.

2015

MSc

. GERALD JOSÉ FLORES G.

Diseño de Sitios Web Estáticos

Introducción al Diseño Web.
Conceptos Básicos.
Internet: es un conjunto descentralizado de redes de comunicación interconectadas
que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas
heterogéneas que la componen funcionen como una red lógica única, dealcance
mundial.
Http: HyperText Transfer Protocol (Protocolo de transferencia de hipertexto) es el
método más común de intercambio de información en la world wide web, el método
mediante el cual se transfieren las páginas web a un ordenador.
WWW: es básicamente un medio de comunicación de texto, gráficos y otros objetos
multimedia a través de Internet, es decir, la web es un sistema dehipertexto que
utiliza Internet como su mecanismo de transporte o desde otro punto de vista, una
forma gráfica de explorar Internet.
Sitio web: En inglés website o web site, un sitio web es un sitio (localización) en la
World Wide Web que contiene documentos (páginas web) organizados
jerárquicamente. Cada documento (página web) contiene texto y o gráficos que
aparecen como información digital en lapantalla de un ordenador. Un sitio puede
contener una combinación de gráficos, texto, audio, vídeo, y otros materiales
dinámicos o estáticos.
Tipos de sitios web
Los sitios se pueden clasificar de muchas maneras. Cada tipo de sitio tiene unas
características y limitaciones propias. Una buena organización es vital para conseguir
los objetivos del Sitio.





Públicos: Es un WebSite normal, una páginadirigida al público general, sin
restricciones de acceso en principio.
Extranet: Son Sitios limitados por el tipo de usuarios que pueden acceder, por
ejemplo los proveedores de una empresa determinada, o los clientes.
Intranet: Son sitios cuyo acceso está restringido a una empresa u
organización, normalmente funcionan dentro de redes privadas, aunque no
siempre es así.

Por su dinamismo
Aquíencontramos sitios interactivos y sitios estáticos:


Sitios Interactivos: El usuario puede influir sobre el contenido del sitio que
variará en función de cada usuario y de los objetivos de éste. Normalmente, las

UNAN-Managua

Por su audiencia

Diseño de Sitios Web Estáticos




páginas se generan cuando el usuario las solicita, personalizando la información
que se le ofrece.
Sitios estáticos: Losusuarios no pueden modificar o añadir nada al sitio, de
cuyos contenidos se encargan exclusivamente sus diseñadores.
Sitios Dinámicos: El término programación dinámica, es un concepto nuevo
con respecto a las páginas html conocidas hasta ahora. El mismo consiste en la
formación de una página, tanto de gráficos como de contenidos, a partir de la
lectura de determinados datos residentes en una basede datos. En otras
palabras, una página dinámica no se encuentra pre-armada, sino que se
diagrama "online" en el momento en que es solicitada por el navegador del
usuario.

Por su apertura
Estructuras abiertas, cerradas y semicerradas:





Estructura abierta: Todos los documentos disponen de su dirección y los
usuarios pueden acceder a cualquier punto del WebSite.
Estructura cerrada: Limita elacceso a unos pocos puntos de entrada (incluso
a uno sólo). Un ejemplo sería un sitio que requiere un registro previo para
entrar, el usuario siempre tendría que pasar primero por el registro antes de
poder acceder al resto de la página.
Estructura semicerrada: A medio camino entre ambas, obliga a los usuarios
a acceder por unos puntos específicos, cómo por ejemplo sólo la página
principal y laspáginas de entrada a las secciones más importantes.

Por su profundidad
Basada en el número de enlaces que hay que pulsar para llegar al contenido.
En general los usuarios prefieren sitios poco profundos. Una buena regla a
seguir es que el usuario no tenga que pulsar más de 3 enlaces para encontrar
lo que busca.






Comerciales: Están creados para promocionar los negocios de una empresa.
Su...