Realizzare il primo web template con i CSS
-->
Cosa serve per realizzare il primo template CSS

Per poter intraprendere questo percorso bisogna conoscere un po’ di HTML ed avere un po’ di fantasia e se volete fare un bel lavoro dovreste iniziare a conoscere il CSS.
Per realizzare quindi un bel template sarebbe opportuno imparare a scrivere un CSS, ed è quello che illustreró in queste pagine.
Cosa è il CSS?
I fogli di stile a cascata (dall’inglese CSS Cascading Style Sheets), detti semplicemente fogli di stile, vengono usati per definire la rappresentazione di documenti HTML e XHTML. Le regole per comporre i fogli di stile sono contenute in un insieme di direttive (Recommendations) emanate a partire dal 1996 dal W3C. L’introduzione dei fogli di stile si è resa necessaria per separare i contenuti dalla formattazione e permettere una programmazione più chiara e facile da utilizzare, sia per gli autori delle pagine HTML che per gli utenti.
[Da Wikipedia, l’enciclopedia libera]
Cosa bisogna sapere sul CSS ?
Molti tutorial sono troppo dettagliati, altri si dilungano sull’aspetto storico e altri ancora dedicano paginate di descrizioni puriste per evitare di inserire <tb> al posto <div> (esempio qualsiasi ?), ma un utente medio,credo, vuole leggere meno ed imparare di piú.
Il Box-model
Se guardate la struttura di una pagina XHTML potete vedere come altro non è che una pagina composta di diversi tipi di rettangoli (Box), immagini,tabelle,titoli,paragrafi,ecc. Alcuni di questi rettangoli sono contenuti in altri rettangoli altri invece sono semplicemenente affiancati da altri rettangoli.
Questi Box possono essere strutturati/formattati in modo da ottenere l’effetto desiderato modificando la dimensione, colore, font, e altre caratteristiche, ma in ogni tipo di box possiamo trovare aspetti specifici e aspetti generali, quali sono questi aspetti generali.
Ogni Box é formato così, quindi quando vogliamo creare un nostro box dobbiamo modificare questi paramentri; margin,padding, background,border.

Non mi dilungo su questi aspetti in quanto secondo me, osservando la raffigurazione si può intuire il ruolo di ogni parametro.
A questo punto avete la base, fate il template !!! scherzo , ma allo stesso tempo penso che il miglior modo per imparare ad usare il CSS sia provare a fare qualche pagina, oppure scaricare un template é modificare parametri e proprietà per vedere cosa succede. In questo caso noi utilizzeremo la strada più difficile, ma più “utile”, creeremo un template da zero.
Per fare questo passo però vi consiglio di continuare solo se avete una minima base di HTML, niente di avanzato ma semplicemente, sapere scrivere una pagina HTML da zero stile “Hello world”, per intenderci così.
Realizzazione di un template XHTML/CSS
Come prima attività nella creazione del template dobbiamo decidere come vogliamo realizzare il nostro template e quindi disegnarlo con photoshop o altro, cosicché abbiamo anche già gli elementi grafici necessari come menu,banner,header,footer,ecc..
Cominciamo con un template semplice, non preoccupavi dell’estetica é solo per imparare le basi.
I file sono ampiamente commentati così da poterli usare come scheletro per i vostri prossimi progetti
Ciao a tutti e buono studio :-p
Ahhhh…. giusto , vi consiglio di usare Notepad++ , é un editore multilinguaggio fantastico ![]()












