Si no estás en Internet no existes...
| Home | Mi correo | Contacto |   
 Estás en: Revista -> ARTÍCULOS
 
 Buscar en
 Ponencias
Fund. Gaztelueta '04
Congreso Granada '05
Internet y consolas '05
AulasconSoftware '05
ATELEUS '06
EPA Portu '06
DIM AULATIC '07
 
 Cursos impartidos
Universidad de Navarra
Net-Learning
 
 Revista
Artículos
Nuestro Blog
 
 Formación en NNTT
Aula Virtual
 
 Acerca de...
Sobre el autor
 
 

 Introducción al diseño web

Primeros pasos en el diseño web

La pregunta es: “Aunque no sé mucho de ordenadores, ahora quiero hacer mi propia página web. Pero, ¿por dónde empiezo?”.

En primer lugar, no existe, una respuesta única. El desarrollo web es un proceso creativo y personal, como lo es la navegación en Internet. Cuando uno se conecta, decide los lugares que desea visitar. De la misma manera, una vez que empezamos a diseñar, pensamos que nadie puede entrometerse en nuestra forma de trabajar.

Sin embargo, hay una especie de protocolo de principiantes, que todos solemos seguir para conseguir nuestros objetivos, aunque esos objetivos sean distintos para cada usuario.

Debemos tener un cierto conocimiento tecnológico de Internet, saber cómo funcionan de manera general las conexiones de ordenador, el valor de los servidores, la arbitraria congestión de las líneas telefónicas y los diversos navegadores que hay en el mercado. También debemos instruirnos, aunque sea un poco, en el lenguaje HTML. Echando un vistazo al código fuente de una página, encontraremos etiquetas tan básicas como <head>, <body>, y otras muchas que es importante que conozcamos. Estos conocimientos técnicos nos informan de nuestras posibilidades creativas, ya que no basta con crear una preciosa imagen y colgarla en nuestra página principal, si no sabemos que dicha imagen podría tardar un minuto en cargarse... y esto, en estos momentos es una realidad.

También tenemos que estar obligados a saber trabajar. Si trabajamos en modo código, tenemos que dominar el HTML y otros lenguajes de uso común en Internet. Si empleamos software de tipo WYSIWYG (lo que ves es lo que obtienes, en español), tenemos que ser capaces de conocer las funciones del programa. Desde luego que detenerse a leer las instrucciones es aburrido, pero es la única manera de llegar a entender y desarrollar todas las posibilidades técnicas e imaginativas que permiten las diferentes aplicaciones del mercado. Todas ellas son programas distintos, que necesitan procesos de instrucción diversos.

Características especiales de la publicación web

Es fundamental saber que Internet no es una conferencia telefónica, un CD-ROM o televisión a la carta. Internet sufre limitaciones propias y disfruta también de posibilidades más extensas y personales. Así, cuando diseñamos nuestros sitios web, debemos entender que los visitantes no esperan lo mismo de nuestras páginas que de un programa de TV, incluso aunque ambos traten el mismo tema.

Supongamos que una persona quiere obtener información y se plantea ver un vídeo o buscarla en Internet. Para diseñar una página web al respecto, es posible que tomemos inspiración de la televisión, pero esto no nos conviene. Por ejemplo, la televisión se encuentra a un mínimo de dos metros del espectador mientras que el monitor del ordenador está a unos palmos, a la televisión también le es indiferente mostrar cientos de tomas, cientos de perspectivas y cientos de sonidos. El web apenas podría hacer eso, en condiciones estándar de conexiones de 56kb. Sin embargo en la web podemos crear enlaces a páginas que traten todas y cada una de los aspectos que queremos mostrar. La televisión, no...

Por otro lado tenemos que hacer fiel a nuestro visitante a los contenidos que le ofrecemos. Para ello le tenemos que dar personalización, contenidos, libertad, ingenio, belleza, oportunidades, buen gusto, comodidad, datos, síntesis, gráficos, información detallada, esquemas, conocimientos en pocas palabras o sabiduría en textos más amplios, le tenemos que dar todo lo que busca. Por lo tanto, tenemos que estar en condiciones de hacer estas cosas.

¿Algo más sobre el diseño web?

El diseño enfocado a Internet tiene que ser receptivo, como cualquier otro tipo de diseño. Más allá del aprendizaje técnico, que consiste en leer informaciones a veces aburridas y engorrosas, existe un modo complementario de aprender, como es ver lo que otros hacen. Podemos fijarnos en el diseño gráfico de los sitios web, las imágenes que incluyen, hasta la manera en que escriben sus textos, que deben ser sugestivos y esclarecedores.

Si visitamos un sitio web y vemos que aunque el texto sea breve y directo, hay fallos gramaticales evidentes o faltas de ortografía, eso nos llama la atención, por lo que deberemos ser muy cuidadosos si queremos que nos tengan en cuenta.

Por lo tanto, antes de comenzar debemos mirar, analizar y aprender de lo que hacen los demás.

Herramientas para el diseño web

Después necesitas el software de edición de páginas web que utilizarás para interpretar tus deseos e inquietudes y que te permita darles la forma que quieras. En este punto no existe un acuerdo y la elección dependerá del propio usuario. Podemos citar Microsoft FrontPage como una buena opción, que viene en el paquete de Office, pero también podemos decantarnos por DreamWeaver u otro.

Tampoco viene mal disponer de algún programa de diseño gráfico o retoque gráfico. Los hay de varios tipos y con diferentes características. Escoger uno u otro dependerá de los gustos de cada usuario y de las necesidades que tengamos.

Algunas opciones pueden ser Adobe Ilustrator, o Corel Draw en el caso de aplicaciones de dibujo vectorial o PhotoShop, PhotoPaint, PaintShop Pro en aplicaciones de retoque fotográfico.

Además de los gráficos estáticos podemos pensar en la inclusión de elementos animados, siendo una opción muy común Flash de Macromedia, que permite crear películas combinando imágenes, gráfico vectoriales, sonidos y elementos de lenguaje de comandos.

Conclusión

En conclusión, en su trabajo el desarrollador web está obligado a dominar y combinar variables muy dispares, y a veces de apariencia incompatible, como la usabilidad, el atractivo de cara al usuario, y la efectividad técnica. Éste es un proceso largo que requiere un enorme grado de instrucción y aprendizaje técnico, pero también generosas dosis de intuición y anticipación. A fin de cuentas, Internet está en un proceso continuo de crecimiento y cambio, y no podemos quedarnos rezagados.

Fernando Montero
Marzo - 2003

 
 

Creative Commons License
Haudahau.com está bajo una licencia de Creative Commons.

haudahau.com