Estamos acostumbrados a dise\u00f1ar los sitios web de los centros escolares pensando en conceptos como cabecera, pie de p\u00e1gina, \u00e1rea de texto y barras laterales (o \u00e1reas de widgets, en la terminolog\u00eda propia de WordPress). Estos conceptos convencionales son los que tambi\u00e9n utilizan la mayor\u00eda de los temas actuales, y por tanto nos resultan c\u00f3modos y f\u00e1ciles de identificar. No obstante, si queremos trabajar con herramientas de dise\u00f1o visual, es preciso manejar otro tipo de conceptos, como son los de p\u00e1gina en blanco, cuadr\u00edcula y cajas.<\/p>\n\n\n\n\n\n\n\n
Sin olvidar los conceptos convencionales del dise\u00f1o de p\u00e1ginas web, que siguen siendo necesarios para entender su estructura y funci\u00f3n, conviene que, a la hora de elaborar dise\u00f1os m\u00e1s modernos e innovadores, pensemos m\u00e1s en t\u00e9rminos de p\u00e1gina en blanco (o lienzo en blanco), sobre el que podemos \u00abpintar\u00bb, m\u00e1s o menos libremente. Nuestra capacidad de \u00abpintar\u00bb depender\u00e1 en gran medida de la potencia de las herramientas que manejemos, pero tambi\u00e9n, y sobre todo, de nuestro talento como dise\u00f1adores.<\/p>\n\n\n\n
Pensemos, pues, en nuestras futuras p\u00e1ginas web no tanto como construcciones dependientes de un marco de referencia prefijado (el tema o plantilla), sino como espacios vac\u00edos que vamos a organizar de acuerdo con nuestras necesidades funcionales, el contenido que pensamos insertar, y el dise\u00f1o m\u00e1s apropiado para lograr los objetivos comunicativos y de dise\u00f1o que nos hayamos marcado.<\/p>\n\n\n\n
Como ocurre a muchos escritores cuando se ponen ante la hoja de papel en blanco, dibujar o pintar sobre un lienzo vac\u00edo genera a menudo una sensaci\u00f3n de angustia, especialmente a los usuarios noveles, porque no saben por d\u00f3nde empezar ni c\u00f3mo manejar sus herramientas. Pues bien, para alejar de nosotros esta molest\u00edsima sensaci\u00f3n y aproximarnos de forma eficiente a la realidad de un sitio web, aconsejamos a\u00f1adir a la met\u00e1fora del \u00ablienzo en blanco\u00bb otra met\u00e1fora visual y conceptual: la de \u00abcuadr\u00edcula\u00bb o \u00abrejilla\u00bb. <\/p>\n\n\n\n
Si concebimos nuestra p\u00e1gina web como un espacio dividido en filas y columnas que se cruzan entre s\u00ed, enseguida podremos imaginar la cuadr\u00edcula formada por esa intersecci\u00f3n. Esta idea de la p\u00e1gina web organizada en una o varias cuadr\u00edculas nos ayudar\u00e1 sobremanera a dise\u00f1ar los elementos constitutivos de la p\u00e1gina e insertar contenido en ellos.<\/p>\n\n\n\n
Cada uno de los espacios delimitados por la intersecci\u00f3n de las columnas y las filas de la cuadr\u00edcula imaginaria que acabamos de definir puede concebirse, a su vez, como una \u00abcaja\u00bb, en la que podemos insertar diversos elementos de contenido. Pulsando sobre el bot\u00f3n que aparece a continuaci\u00f3n podemos ver un ejemplo de este modelo de dise\u00f1o:<\/p>\n\n\n