En aquest mòdul hem vist de quina manera podem organitzar un lloc, fer que funcioni a partir d'una pàgina d'entrada i aplicar-li format amb fulls d'estils. Tot això de forma ràpida, neta i organitzada. Com a exercici, farem la revisió i ampliació de la pàgina d'entrada, posarem els estils en un arxiu independent i ho enviarem a la nostra carpeta al servidor.

  Exercici
El primer pas serà separar els estils de la pàgina principal, de manera que els puguem enllaçar des de tot el lloc i, si cal, canviar l'aparença de totes les pàgines de cop. Una de les maneres més ràpides per fer-ho és:
  1. Amb l'Explorador, ens situem sobre la pàgina d'entrada "index.htm", premem el botó dret i triem "Enviar a - Llibreta". Marquem tot el bloc d'estils (entre <style ...> i </style>) i premem Control+X (Cortar). Tanquem l'arxiu i guardem els canvis.

  2. Fem un nou arxiu i l'anomenem "pantalla.css". L'obrim i premem Control+V (Pegar). Eliminem les dues línies HTML del principi i del final. Deixem només les línies que contenen la definició d'estils. Tanquem i guardem.

  3. Obrim "index.htm" amb el Dreamweaver, anem al menú "Texto - Estilos CSS - Adjuntar hoja de estilos..." i seleccionem la que acabem de crear.
La pàgina torna a tenir els estils, ara en un arxiu independent. Aprofitem que la tenim oberta per afegir-hi contingut, enllaços, capçalera, peu, el nostre correu, ... i un enllaç cap al projecte, que l'havíem oblidat. Mireu com ho ha fet en Bill.
Proposta de pàgina d'entrada
A la zona de contingut podem posar el text i les imatges que vulguem, per exemple: sobre nosaltres i les nostres motivacions per fer aquest curs (original, oi?). A la zona d'enllaços, els dels materials del curs i les adreces relacionades, les nostres pàgines a internet, ...

Com a capçalera i peu, per exemple: el títol del curs i la nostra adreça de correu. És un bon costum afegir-hi també un enllaç a l'adreça que tenim a Internet. Així, si algú mira la pàgina descarregada en local, sempre podrà accedir a la versió actualitzada de la xarxa.

Un cop realitzada la feina hem de crear el nostre lloc a Internet (última pràctica del primer mòdul del curs d98), i transferir-hi l'estructura i el contingut del lloc local i, si volem, les carpetes "base" i "proves".

  Recomanacions
Hem de revisar el codi per tal que no hi restin instruccions de format innecessàries, perquè és això, precisament, el que es valorarà.

És evident que el model exposat en aquest mòdul és només un exemple. Podem fer el disseny que més ens agradi. El més important és seguir el mètode.

Envieu un missatge a la vostra tutoria un cop la web estigui penjada a Internet. Indiqueu sempre l'adreça de forma que s'hi pugui accedir directament.