y ahora el que estaba a medias...
una vez tengo resueltos en mayor o menor medida los temas previos llega el momento de pensar en la programación, que puede ser tan fácil o tan difícil según las pretensiones. actualmente no tengo ninguna duda a la hora de usar css externos y en ellos definir el aspecto de la/s página/s, dejando a éstas últimas como meros contenedores. es decir, mediante el css defino el 'continente' y la página mostrará el 'contenido' allí donde le indique el css. ese 'contenido' puede ser a su vez leído de una base de datos, que de ser posible, como veréis, es la mejor opción. paso a paso...
en el css voy a determinar que la página tiene una cabecera en la que va el logo, una serie de botones en tal posición, un número determinado de columnas para mostrar la información y para terminar un pie de página. este css es muy liviano y se cargará con la página UNA sola vez.
¿y de donde salen los datos? bien, puede ser que acompañen a cada página y entonces tendremos que crear tantas páginas como proyectos (por ejemplo) tengamos. lo cual hará que la web crezca muy pronto en número de archivos, sea más difícil de manejar y las búsquedas no sean posibles. o puede haber una página maestra (y única) que tome los datos de una base de datos y los muestre. las ventajas son muy grandes en todos los sentidos. si os planteáis un cambio sobre una página o sobre un centenar quizá lo veáis más claro.
otra ventaja de usar css externos es que es muy fácil realizar cambios completos sobre la web o añadir funcionalidades a ésta, como por ejemplo que se visualice correctamente en un celular. la web que ya os mencioné:
http://www.csszengarden.com/ es un clarísimo ejemplo
un buen sistema para aprender es viendo webs y cuando algo os guste u os llame la atención seleccionar 'menú Ver - código fuente de la página' al principio del código también se puede ver donde están los css y descargarlos para su estudio (algo así: <link href="styles/nombrecss.css" rel="stylesheet" type="text/css">) de manera que añadís /styles/nombrecss.css en la barra de navegación y accedéis a el.
y no olvidéis que hay webs cuyo atractivo reside en un magnífico contenido. que no solo de diseño vive el hombre
unos enlaces a recursos que considero oportunos:
el primer programa que usé para crear webs:
http://www.arachnoid.com/arachnophilia/ una web con bastante información:
http://www.lawebdelprogramador.com/temas/ -nota: deshabilitar javascript en el navegador, de lo contrario acabaréis por aburriros de tanta maldita ventana...-
77 recursos de diseño web:
http://www.comentaomuere.com/2007/09/15/77-recursos-para-disenadores-web/mucha -mucha- cosa para crear webs:
http://www.leandrodonofrio.com/1000 aplicaciones gratuitas web 2.0:
http://wwwhatsnew.com/recopilacion/para probar nuestro diseño en diferentes navegadores:
http://browsershots.org/un sencillo manual de css:
http://www.sidar.org/recur/desdi/mcss/manual/indice.phpmás tutos:
http://www.tallerwebmaster.com/y para terminar os dejo este enlace a un boceto sobre el que estuve trabajando hace tiempo (era para mi) y que al final se quedó en la fase <diseño logotipo - color - distribución en la página> con su correspondiente css. como nota, las páginas tardan una media de 0.4 segundos en descargarse y tienen un peso cercano a los 10kb. no, no hace uso de una base de datos (aunque finalmente si lo haría), cada página es independiente. es un boceto:
http://xocas.pcbpics.net/ un saludo