viernes, 19 de noviembre de 2010

3.3. ESTABLECER LINKS DENTRO DE LA PÁGINA WEB, ENTRE PÁGINAS WEB Y ENTRE SERVIDORES.

3.3. ESTABLECER LINKS DENTRO DE LA PÁGINA WEB, ENTRE PÁGINAS WEB Y ENTRE SERVIDORES.
3.3. ESTABLECER LINKS DENTRO DE LA PÁGINA WEB, ENTRE PÁGINAS WEB Y ENTRE
SERVIDORES.



Las páginas web no son más que un caso particular de documentos de hipertexto, es decir, documentos cuyo contenido no es solo el texto simple que podemos leer sino también el contenido de otras fuentes a las que accedemos desde el documento. En el caso de las páginas web estas otras fuentes pueden estar situadas en cualquier parte de la red, y a ellos se accede mediante los enlaces o links: unos elementos interactivos del documento que aparentemente son solo eso una palabra o un gráfico que habitualmente destacan por su color o su forma. Es prácticamente imposible que una página web no posea uno de estos enlaces.
Los enlaces que nos encontramos en cualquier página pueden ser de dos tipos: internos a la propia página o externos a otra página. La forma de construir unos y otros es muy similar como verás a continuación.
La etiqueta <A></A> nos sirve para delimitar la zona de la página que constituye el enlace. Lo que esté encerrado en esta etiqueta será mostrado por el navegador de forma resaltada, bien sea por el color si es texto o por un borde si es una imagen (a menos que modifiquemos el formato), y si pulsamos con el cursor del ratón sobre esa zona el navegador se dirigirá al lugar apuntado por ese enlace. El formato completo de esta etiqueta es el que sigue:
<A HREF="dirección de destino" target="destino">Pulsar para saltar</A>
La dirección de destino será la página web especificada mediante una URL, en formato absoluto o relativo. En ambos casos el destino puede incluso ser un elemento concreto dentro de la página. En este caso se ha usado un texto pero igualmente podríamos colocar una imagen.
El atributo target es una manera de decirle al navegador en que ventana debe abrir esa nueva página. Por ahora veremos dos de sus valores posibles:
_blank
Muestra la nueva página en una ventana nueva y sin nombre del navegador.
_self
Muestra la nueva página en el marco donde está declarado el enlace. Este es el destino por defecto de cualqueir enlace dentro de una página
En el apartado dedicado a los frames veremos algo más de este parámetro.

2.2. ESQUEMATIZAR LA ESTRUCTURA GENERAL DE UNA PAGINA WEB.

PLANIFIQUE LA ESTRUCTURA ANTES DE EMPEZAR
Antes de crear un conjunto de paginas web uno ha de tener una idea clara de como va a ser la estructura de dichas paginas, es conveniente hacer un esquema, para la mayoria de los casos una hoja de papel y un lapicero bastara, pero si el emplazamiento va a albergar un gran numero de pagina es recomendable algun tipo de programa que permita manejar estructuras de tipo grafo.

LA ESTRUCTURA DEPENDE DEL CONTENIDO
No es lo mismo crear una estructura de navegacion para un sitio que desea publicar informacion al estilo de un libro cuya estructura estara formada por capitulos, este tipo de informacion se adapta bastante bien a una estructura lineal como jerarquica. Mientras que un sitio donde se expone un tutorial o un tour es mas apropiada una estructura de tipo lineal.

3.2. ESTABLECER ETIQUETAS EN LA PÁGINA WEB.







3.2. ESTABLECER ETIQUETAS EN LA PÁGINA WEB.
3.2. ESTABLECER ETIQUETAS EN LA PÁGINA WEB.
3.2. ESTABLECER ETIQUETAS EN LA PÁGINA WEB.
3.2. ESTABLECER ETIQUETAS EN LA PÁGINA WEB.

3.2. ESTABLECER ETIQUETAS EN LA PÁGINA WEB.






<html>: es la etiqueta que define el inicio del documento html, le indica al navegador que todo lo que viene a continuación debe tratarlo como una serie de códigos html.
<head>: define la cabecera del documento html, esta cabecera suele contener información sobre el documento que no se muestra directamente en el navegador. Como por ejemplo el título de la ventana de su navegador. Dentro de la cabecera <head> podemos encontrar:
<title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana
<link>: para definir algunas características avanzadas, como por ejemplo las stylesheets (hojas de estilo) usadas para el diseño de la página, ejemplo :<link rel="stylesheet" href="/style.css" type="text/css">
<body>: define el contenido principal o cuerpo del documento, esta es la parte del documento html que se muestra en el navegador, dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> podemos encontrar numerosísimas etiquetas. A continuación se indican algunas a modo de ejemplo:
<h1>, <h2>,... <h6>: encabezados o títulos del documento en diferentes tamaños de fuente
<p>: párrafo nuevo
<br>: salto de línea forzado
<table>: comienzo de una tabla (las filas se identifican con <tr> y las celdas dentro de las filas con <td>)
<a>: indica la existencia de un hipervínculo o enlace, dentro o fuera la página web. Debe definirse el parámetro de pasada por medio del href
<div>: comienzo de un área especial en la página.

2.1. DEFINIR OBJETIVOS Y CONTENIDOS DE LA PÁGINA WEB.

Es importante tomar uan decision par elegir que objetivos consideramos primordiales antes del desarrollo de la pagina web. La eleccion, condiciona de manera clave la concepcion y el diseño del proyecto, el cual debe ser coherente con los objetivos de la empresa. Por ejemplo:
  • Conseguir 250 contactos comerciales en 1 año.
  • Ofrecer a los clientes una herramienta de seleccion del producto mas adecuado para que se informen y comparen sin presiones
  • Impactar al vistante co una web espectacular que refuerce la imagen de marca
  • Vender software directamente desde internet buscando el ahorro de costos de distribucion.

Tu web puede ser algo mas. Ya que habla por ti, por tus productos por tus servicios, por lo que ademas puede:
ofrecer al visitante ocasional una motivacion para contactar,
una razon para recordarte o quizas una utilidad que le ahorra tiempo, encontrar una informacion que estaba buscando.
Facilitar y agilizar el trabajo de colaboradores y de empleados.
Apoya laimagen de marca.
vende y completa el proceso de venta.
Ofrece asistencia y soporte tecnico.
facilita una comunicacion agil y fluida con tus cliente y proveedores.

3.1. DEFINIR OBJETIVOS Y CONDENIDOS DE LA PÁGINA WEB.

3.1. DEFINIR OBJETIVOS Y CONDENIDOS DE LA PÁGINA WEB.

El primer paso, para la creación de páginas WEB bien estructuradas, es saber de antemano el mensaje que se desea transmitir. Las imágenes y los elementos a utilizar serán distintos si se plantea una WEB para vender un producto, o para dar información o para publicar un trabajo científico. En este último caso, la página debe dar una imagen más formal.

*  Definir el contenido de las páginas:

*    Use gráficos y colores y varíe el tamaño de la letra para realzar la página, pero asegúrese que la página también funcione cuando se vea como texto normal.
*    Incluya siempre una alternativa de texto a los elementos gráficos, pues algunos usuarios desactivan su presentación para lograr una descarga de la página mucho más rápida..
*    Reduzca el texto al mínimo, es decir no es conveniente presentar textos muy largos, ya que el usuario no los lee.
*    Reduzca al mínimo los estilos de encabezamientos y subtítulos cuando organice el contenido y utilice los estilos de forma coherente.
*    Puede insertar líneas horizontales para separar visualmente las secciones del documento.

1.4. APLICAR LA TEORIA DEL COLOR CONSIDERANDO EL CIRCULO CROMATICO, CONSTRASTES, EL RGB Y CMY.

El color es u hecho de la vision que resulta de las diferencias de percepciones del ojo a distintas longitudes de onda que componen lo que se denomina el espectro de luz blanca reflejada en una hoja de papel. Estas ondas visibles so aquellas cuya longitud de onda comprendida entre los 400 y los 700 nanometros; mas alla de estos limites siguen existiendo radiaciones, pero ya no son percibidos por nuestra vista.

En las artes graficas tenemos dos grandes categorias con respecto al color, imagen en color e imagen en blanco y negro, en estas ultimas podemos diferenciar. Asimismo, las imagenes en color se pueden dividir en dos categorias. El color es un elemento basico a la hora de elaborar un mensaje visual.

1.3. DISEÑAR FORMATOS CONSIDERANDO LAS ZONAS AUREAS, DIRECCION SENTIDO Y EQUILIBRIO

Toda obra de comunicacion visual nace de la necesidad de transmitir un mensaje especifico. Un diseñador grafico no es un creador de formas, sino un creador de comunicaciones, un profesional que mediante un metodo especifico contruye mensajes con medios visuales. no es el creador del mensaje, sino su interprete.

La informacion se debe representar por medio de diferentes elementos graficos, que pueden ser muchos y variados, aunque los mas comunes son:
  • Elementos graficos simples: puntos y lineas de todo tipo(libres, rectas, quebradas curvas, etc.)
  • Elementos geometricos, con contorno o sin el: poligonos, circulos, elipses, ovalos, etc.
  • Tipos: letras de diferentes formas y estructura, utilizadas para presentar mensajes textuales.
  • Graficos varios: logotipos, iconos, etc.
  • Ilustraciones
  • Fotografias
  • Cualquier otro elemento visual apto para comunicar un mensaje.