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