27.04.2013 Views

Diseño y Programación de Páginas Web

Diseño y Programación de Páginas Web

Diseño y Programación de Páginas Web

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Capitulo 2<br />

Introducción al diseño web<br />

Primeros pasos para aquellas personas que <strong>de</strong>seen crear su propia página web, <strong>de</strong>s<strong>de</strong> el punto <strong>de</strong> vista<br />

<strong>de</strong>l diseñador. Motivación a seguir, programas a utilizar, etc.<br />

Prólogo a los primeros pasos en el diseño web<br />

Hace unos días, durante una cena, mi padre me preguntó qué era exactamente eso <strong>de</strong> los chats, “o lo<br />

que quiera que la gente hace cuando se escribe a través <strong>de</strong> Internet”. Es un hombre un tanto suspicaz<br />

ante las nuevas tecnologías, <strong>de</strong> manera que me vi obligado a lidiar en tres frentes a la vez, añadiendo<br />

a<strong>de</strong>más el hecho <strong>de</strong> que la pregunta, planteada con intenciones solapadas, sonó como un aldabonazo y<br />

me <strong>de</strong>sconcertó unos segundos. Las tres líneas <strong>de</strong> ataque <strong>de</strong> las que hablo eran las siguientes: una, la<br />

que me obligaba a <strong>de</strong>scribir <strong>de</strong> manera superficial las bases tecnológicas <strong>de</strong> los chats, ya que mi padre<br />

los había comparado con sistemas <strong>de</strong> comunicación más convencionales, y yo <strong>de</strong>bía establecer las<br />

distancias a<strong>de</strong>cuadas. En segundo lugar, le expliqué los elementos <strong>de</strong> la práctica, como por ejemplo la<br />

interfaz típica <strong>de</strong> un software <strong>de</strong> chat o las funciones básicas: flujo <strong>de</strong> texto en tiempo real y transmisión<br />

<strong>de</strong> archivos, así como el modo en que los chats se organizan y pue<strong>de</strong>n ser disfrutados en diversas salas;<br />

se conoce que cosas muy elementales. En tercer lugar le sugerí la utilidad <strong>de</strong> los chats, sus ventajas<br />

frente a otras formas <strong>de</strong> comunicación a distancia y le expliqué, <strong>de</strong> forma más general ya, que pese a su<br />

postura, Internet constituye en gran medida el sistema sanguíneo <strong>de</strong>l futuro, aunque en el mejor <strong>de</strong> los<br />

casos se trate arterias <strong>de</strong> fibra <strong>de</strong> carbono... De ahí pasamos a conversar acerca <strong>de</strong> cuestiones mucho<br />

más diversas en torno a la Red, pero esto ya no tenía importancia. Un tema u otro era un asunto <strong>de</strong><br />

formas.<br />

En realidad, yo no siento mucha atracción por los chats genéricos, y si acaso opto por aplicaciones <strong>de</strong><br />

mensajería instantánea. Pero aquella conversación me reveló algunas <strong>de</strong> las bases que, <strong>de</strong>spués, me<br />

ayudarían a respon<strong>de</strong>r a una usuaria en cierto foro <strong>de</strong> diseño web. Su pregunta era: “Aunque no sé<br />

mucho <strong>de</strong> or<strong>de</strong>nadores, siempre estoy enganchada, y ahora quiero hacer mi propia página web.<br />

¿Por dón<strong>de</strong> empiezo?”<br />

Des<strong>de</strong> luego eso era toda una <strong>de</strong>claración <strong>de</strong> intenciones y no existía, ni existe, una respuesta infalible.<br />

El <strong>de</strong>sarrollo web es un proceso creativo e íntimo, como lo es la navegación en Internet; ¿dón<strong>de</strong> voy si<br />

me conecto a la Red? Pues eso <strong>de</strong>pen<strong>de</strong> <strong>de</strong> ti. Es más: lo probable es que muy pronto ya ni siquiera<br />

<strong>de</strong>jes que otros usuarios compartan y fisguen en tu historial. De la misma manera, una vez que<br />

empezamos a diseñar, <strong>de</strong>cidimos que nadie pue<strong>de</strong> entrometerse en nuestra forma <strong>de</strong> trabajar. ¿Cierto?<br />

Entonces, ¿quiere esto <strong>de</strong>cir que no hay una especie <strong>de</strong> protocolo <strong>de</strong> principiantes? Oh, sí que<br />

hay un protocolo, un camino <strong>de</strong> baldosas que todos solemos seguir para llegar a nuestro<br />

<strong>de</strong>stino (naturalmente, el <strong>de</strong>stino <strong>de</strong> cada usuario es distinto, y mientras más diferente e<br />

ingenioso, mayor será el aprendizaje).<br />

Introducción al diseño web<br />

Como en el caso <strong>de</strong> los chats, po<strong>de</strong>mos consi<strong>de</strong>rar que existen tres directrices elementales que sirven <strong>de</strong><br />

guías. Una <strong>de</strong> ellas es el conocimiento tecnológico <strong>de</strong> Internet; estamos obligados a saber cómo funciona<br />

<strong>de</strong> manera general, <strong>de</strong>s<strong>de</strong> las conexiones <strong>de</strong> or<strong>de</strong>nador hasta el valor <strong>de</strong> los servidores, pasando por la<br />

arbitraria congestión <strong>de</strong> las líneas telefónicas y, <strong>de</strong>s<strong>de</strong> luego, consi<strong>de</strong>rando los diversos navegadores que<br />

hay en el mercado, a<strong>de</strong>más <strong>de</strong> prestar atención a la necesidad <strong>de</strong> instruirnos, aunque sea un poco, en el<br />

lenguaje HTML. Es muy difícil tomarse en serio a alguien que no tiene constancia <strong>de</strong> que, echando un<br />

vistazo al código fuente <strong>de</strong> una página, hallará etiquetas tan básicas como y . Estos<br />

conocimientos técnicos nos informan <strong>de</strong> nuestras posibilida<strong>de</strong>s creativas; no basta con crear una<br />

preciosa imagen y colgarla en nuestra página principal, si no sabemos que dicha imagen podría tardar<br />

un minuto en cargarse... Y a día <strong>de</strong> hoy ésa sí es una verdad infalible.<br />

En segundo lugar, estamos obligados a saber trabajar. No es más difícil que eso; si trabajas en modo<br />

código, <strong>de</strong>bes dominar el HTML y, mejor aún, el HTML y otros lenguajes <strong>de</strong> uso común en la Red. Si<br />

empleas software <strong>de</strong> tipo WYSIWYG (lo que ves es lo que obtienes, en español), <strong>de</strong>bes ser capaz <strong>de</strong><br />

conocer las funciones <strong>de</strong> tu programa. Des<strong>de</strong> luego que <strong>de</strong>tenerse a leer las instrucciones es aburrido, y<br />

provoca lo que se conoce como “curva <strong>de</strong> aprendizaje”, pero es la única manera <strong>de</strong> llegar a enten<strong>de</strong>r y<br />

<strong>de</strong>sarrollar todas las posibilida<strong>de</strong>s técnicas e imaginativas que te permiten las diferentes aplicaciones <strong>de</strong>l<br />

mercado. Si usas DreamWeaver, apren<strong>de</strong> DreamWeaver; pue<strong>de</strong> que conozcas FrontPage, por ejemplo,<br />

pero eso no conduce a ninguna parte. Son programas distintos que necesitan procesos <strong>de</strong> instrucción<br />

diversos.<br />

12

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!