Appena tornato a casa sono crollato (come al solito) in un sonno profondo di circa un'ora, dopodichè mi sono messo a fare quel compito che oggi il prof. aveva assegnato in classe. In teoria avrei dovuto ripassare diritto, ma siccome l'informatica mi interessa di più ho optato per questa scelta.
Cooooooomunque... faccio presente a chi stamani non era presente (che giro di parole!) quale era il compito da svolgere: il Nata, dopo aver riepilogato come si creavano delle maschere, ne ha proiettata una per un'ora di fila e noi bravi studenti la dovevamo rifare identica.
Siccome sono stato assente tutta la prima ora di informatica (causa orientamento ai freghi delle seconde), non avevo voglia di iniziare il lavoro in fretta e in furia, così mi sono limitato a studiare come si sarebbe potuta realizzare quella benedetta maschera, magari senza andarsi a complicare troppo la vita.
La maschera in questione è la seguente :
Oggi pomeriggio, con un'oretta di lavoro, sono riuscito ad ottenere il seguente risultato, che a me pare più che soddisfacente (poi valutate voi...) :
Però, come giustamente starete pensando, a far vedere solo il risultato so capaci tutti i coglioni. Ecco, perciò, che pubblico anche il sorgente. Vi consiglio anche di leggere bene i commenti che ho messo all'inizio, in quanto contengono un'informazione particolarmente utile che ho scoperto prima per caso.
Nonostante abbia potuto farlo, non ho volutamente preso spunto dal sorgente della maschera originale perchè volevo fare una sorta di sfida con me stesso, per capire se le conoscenze che avevo fossero bastate a realizzare quanto chiesto. E in effetti sono bastate.
Ecco il sorgente (l'immagine è in formato A2) :
E fino a qui nulla fa una grinza.
Ora vi dirò di più: siccome il sorgente è abbastanza corposo, ho deciso di snellirlo leggermente. Per mettere in atto ciò, ho fatto quello che il prof. aveva profetizzato tempo fa: la separazione dello stile dal contenuto. Quindi, da un solo sorgente ne ho realizzati due: uno contenente solo l'HTML, e l'altro solo il CSS. Poi ho collegato tramite delle semplici istruzioni i due file, ed ecco che il risultato è lo stesso di prima, con la differenza che il codice è separato in due file.
A seguire, ecco i sorgenti delle parti HTML e CSS :
In questo modo è possibile assegnare lo stesso stile a pagine dal differente contenuto.
E cosa succede se, per qualche motivo, il file dello stile non venisse trovato? Semplice: si vedrebbe solo il contenuto con una formattazione penosa, come si può vedere dall'immagine che segue...
Stracco morto, ma soddisfatto, finalmente vado a dormire...
Buonanotte a tutti! Ce vedemo!
1 commento:
Bravo !!!
Posta un commento