Anatomia de una página web

ANATOMÍA DE UNA
PÁGINA WEB

Noemí Camarena 2012

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.

Es preciso entender bien de qué está formada una
página para poder aprender con éxito como crearlas
y modificarlas.


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 HTML (de hypertext markup
language - lenguaje de hipertexto.).

El 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.


EJEMPLOS

<body background="rosa.jpg"><body
bgcolor="text="black">
<center><h1>"Nuestra gira al Volcán
Barú"</h1></center>
<center><h2> El propósito de esta gira
fue obtener fotos reales del Volcán
Barú</h2>


Title
<center><h1>"Nuestra gira al Volcán Barú"</h1></center>

<center><h2> El propósito de esta gira fue obtener fotos reales del Volcán Barú</h2>

"Nuestra gira al Volcán Barú"

El propósito de esta gira fue obtener fotos reales del Volcán Barú


Principales componentes de una página web

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 frecuente.)

TEXTO


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.


Gráficos para la web


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, comunicando su opinión,
votando en una encuesta.

FORMULARIOS


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.


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, interactividad. por sus comandos.


Shockwave/Flash

Con este programa podemos confeccionar imágenes
fijas o animaciones interactivas de tipo vectorial,
extremadamente compactas.

Es preciso un plug-in para poder ver las imágenes en
el navegador, aunque las versiones más recientes lo
incluyen y es gratis.

Organización de un Sitio Web

Para hacer una buena presentación Web
lo ideal es crear 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.

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 confeccione 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.

Para poder navegar por un Sitio web es necesario
que sus páginas estén relacionadas. Para ello
debemos crear una barra de navegación
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á.

TIPOS DE
NAVEGADORES


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.

PÁGINA DE
INICIO


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.

TIPOS DE MENÚS DE NAVEGACIÓN


Menú de navegación

Pie 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

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.


PÁGINAS
HUÉRFANAS


JERARQUÍAS

La estructura de un conjunto de
pagina web muy importante, ya que
una buena estructura permite al
lector visualizar todos 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 página web

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Destacado

Destacado (18)

Similar a Anatomia de una página web

Similar a Anatomia de una página web (20)

Último

Último (20)

Anatomia de una página web