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 navegadorConstantino Centella R.

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 frecuente.) Constantino Centella R.

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

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, interactividad


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


• ObjetivosLo 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.


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…

Navegación


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.


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

•No lineal: el usuario navega

libremente a través del contenido del

proyecto, sin limitarse a vías

predeterminadas.


Anatomia de una pagina web

Education

Transcript of Anatomia de una pagina web