Anatomia de una pagina web

La composición de una página web como
ésta puede considerarse desde el punto de
vista de su diseño o atendiendo a las partes
y tipos de fichero que la componen.
Empezaremos por este segundo enfoque.
Es preciso entender bien de qué está
formada una página para poder aprender
con éxito como crearlas y modificarlas.

Constantino Centella R.

Una página web es superficialmente
parecida a cualquier otro documento:
un texto, unas imágenes, todo
compuesto de una determinada manera.

Se trata simplemente de un fichero de
texto, con una extensión .htm o .html
(de hypertext markup language -
lenguaje de hipertexto.).

Este fichero contiene el texto más una
serie de códigos que permiten dar
formato a la página en el navegador

Así que la página web, vista con un
editor de texto, contiene una mezcla de
texto normal y una serie de códigos.
Estos códigos del lenguaje HTML son
siempre del estilo <head> y
</head>, por ejemplo. Siempre van
entre llaves, y cada código tiene una
forma inicial y otra de cierre que
indican el intervalo de texto o imágenes
que reciben el formato
correspondiente. Constantino Centella R.

Principales componentes de una página web

1- Texto. El texto editable
se muestra en pantalla
con alguna de las fuentes
que el usuario tiene
instaladas (a veces se
utiliza una tecnología de
fuentes incrustadas, con
lo que vemos en el
monitor una fuente que
realmente no
poseemos, pero es poco

2- Gráficos. Son
ficheros enlazados
desde el fichero de la
página propiamente
dicho. Se puede
hablar de dos
formatos casi
exclusivamente: GIF y
JPG. Hablamos en
detalle de este tema
en la sección de
Gráficos para la Web.

3- Formularios. Son
una mezcla de texto y
a veces gráficos, que
permiten enviar
información por parte
del visitante, por
ejemplo, consultando
un
catálogo, solicitando
más
información, comunic
ando su
opinión, votando en

4- Java script. Es un
tipo de lenguaje de
programación que se
interpreta y ejecuta
por parte del
navegador; muy
utilizado para
diferentes efectos
visuales, en especial
los efectos de cambio
de imagen al pasar el
ratón por encima.

5- Java. El código Java
está también escrito
en un lenguaje de
programación
independiente de
plataforma (válido
para cualquier tipo de
ordenador) que
también permite
diferentes
efectos, interactivida
d

6- Shockwave/Flash.
Interesantes imágenes fijas
o animaciones interactivas
de tipo
vectorial, extremadamente
compactas. Es preciso un
plug-in para poder verlas en
el navegador, aunque las
versiones más recientes lo
incluyen y es gratis: se
puede obtener, si hace
falta, de Macromedia .

Existen otros componentes
que, más que formar parte de las
páginas web, las acompañan y
suelen guardarse al disco duro
para después verlos o ejecutarlos:


Ficheros adjuntos:
Zip, rar, sit...
Es frecuente que encontremos en
muchos sitios programas o ficheros
comprimidos en algún formato
(normalmente el Zip), para acelerar el
tiempo de descarga por parte de los
usuarios.
Documentos PDF (Portable Document
Format). Se utilizan también bastante.


Establecimiento de objetivos

Todo sitio web tiene un objetivo
funcional a la marca.
Un Medio Digital comercial
es, en última instancia, un
escenario de explotación de la
marca. Integramos el objetivo de
marketing digital con el objetivo
global.


Un Medio Digital puede servir para
amplificar y/o aumentar la experiencia de la
marca, para acercar la marca a otros
clientes, para añadir un nuevo canal de
comercialización, para añadir un nuevo
canal de comunicación, para desarrollar
nuevos mercados, productos, servicios y
hasta incluso, nuevas marcas. Dos cosas
están claras:
Todo medio digital comercial persigue un
objetivo.
Ese objetivo ha de ser funcional a la marca.

Organización de un Sitio Web

• Para hacer una buena presentación Web
lo ideal es crearnos un boceto inicial de la
estructura.


• Objetivos
Lo primero que debemos hacer es
fijarnos los objetivos que queremos
alcanzar según la información que
vayamos a aportar. Para crear nuestra
primera página, estos objetivos
deberían no ser muy pretenciosos o
tener un sentido únicamente
personal.


• Contenidos

Una vez que tenemos los objetivos, hay
que organizar el contenido por temas o
secciones, Es conveniente que los
temas sean razonablemente cortos y si
fuera necesario divida en subtemas.


• Estructura

La estructura de un conjunto de páginas
web es muy importante, ya que una buena
estructura permitirá al lector visualizar
todos los contenidos de una manera fácil y
clara, mientras que un conjunto de páginas
web con una mala estructura producirá en
el lector una sensación de estar perdido, no
encontrará rápidamente lo que busca y
terminará por abandonar nuestro sitio.


No cree páginas que sean un callejón sin
salida.
Al menos cada página Web ha de tener un
enlace por el cual se pueda continuar la
navegación

• Menú es/Barras de Navegación

Para poder navegar por un Sitio es
necesario que sus páginas estén
relacionadas. Para ello debemos crear
una barra de navegación como la que
puedes visualizar arriba de estas líneas.
Su función es permitirle al visitante
navegar por un mismo Sitio.


Navegación

Un buen sistema de navegación es
imprescindible en toda página web. Es una
parte importante de la organización de la
estructura de la web . Que el usuario sea
capaz de moverse con soltura y facilidad por
las distintas páginas del sitio, que encuentre
lo que busca rápidamente, que no se pierda
yendo de un enlace a otro sin saber donde
está, que no quede colgado en una página
concreta sin poder navegar por otras o volver
atrás…

Puntos importantes en la navegación

• La página de inicio

La página de inicio de tu
web es la puerta principal
de acceso a tu web. Por
ella entrarán la mayor parte
de visitantes, por lo que
hay que cuidar al máximo
cada detalle.

• Menú de navegación

El menú de una página web es la principal
herramienta de navegación que le
podemos facilitar al visitante para que
encuentre lo que busca. Es
imprescindible para que las personas
encuentren las demás páginas de la web,
además del índice.


Hay varios tipos de menús de navegación;
podemos encontrarlos en disposición


• Pie de página

El pié de página de la web también puede
usarse para mejorar la navegación del sitio.
Normalmente no se utiliza para poner
enlaces a todas las secciones (para eso ya
está el menú), pero sí para poner enlaces
importantes o que consideras que deben
aparecer en todas las páginas de la web, por
ejemplo información legal sobre tu
empresa, direcciones de contacto, políticas
de uso del sitio, etc.

• Evitar páginas huérfanas

Una página huérfana es aquella desde la
cual no se puede acceder a ninguna otra.
Cuando el usuario se encuentra con una de
estas páginas la confusión y el enfado
pueden ser importantes.


Estructura: o jerarquías

La estructura de un conjunto de
pagina web muy importante, ya que
una buena estructura permite al
lector visualizar todo , los
contenidos de una manera fácil y
clara, entre estas existen las
siguientes:


•Lineal: el usuario navega
secuencialmente, en un cuadro o
fragmento de la información a otro.

•Jerárquica: el usuario navega a
través de las ramas de la estructura de
árbol que se forma dada la lógica
natural del contenido.

•No lineal: el usuario navega
libremente a través del contenido del
proyecto, sin limitarse a vías
predeterminadas.

•Compuesta: los usuarios pueden
navegar libremente (no linealmente), pero
también están limitados, en ocasiones
por presentaciones lineales de película o
de información crítica y de datos que se
organizan con más lógica en una forma
jerárquica.

Anatomia de una pagina web

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (17)

Destacado

Destacado (12)

Similar a Anatomia de una pagina web

Similar a Anatomia de una pagina web (20)

Último

Último (20)

Anatomia de una pagina web