Ecco una breve ed essenziale guida agli elementi più importanti della grafica del web moderno: i CSS, con incluso un bellissimo elenco di siti da dove prendere i tutti i CSS template gratis che vuoi!

photo credit: St.Maurizio

Oggi spieghiamo in poche parole lo strumento più importante per la grafica dei siti web di ultima generazione: oggi parliamo dei CSS, che sono il cuore della grafica di un sito web. Presentiamo inoltre un utile elenco di siti dove prelevare template CSS gratuiti da poter usare gratuitamente nei tuoi progetti.
P.S. Se già sai cos’è un CSS, e vuoi subito i CSS gratis, ti conviene saltare la prima parte dell’articolo…

Come è fatto un sito web?
Il web ‘vecchia maniera’  era fatto di pagine html dove grafica e contenuti erano drammaticamente mescolate e dove ogni modifica all’estetica del sito richiedeva la completa riscrittura di tutte le singole pagine del sito! Un lavoro immane!

Per questo nel web 2.0 si fece strada una filosofia che voleva che l’impaginazione, l’estetica e la logica dei siti web venisse inserita in luoghi separati:

• Per “impaginazione” si intende l’organizzazione dei contenuti e come questi vengono organizzati nella pagina web. Le informazioni dell’impaginazione vengono lasciate alle pagine HTML;
• Per “logica”  si intende tutte quelle operazioni che richiedono una fase di elaborazione da parte del sito web, come ad esempio inviare un form compilato al server, fare un acquisto online o giocare ad un browser game. Tale attività viene lasciata ai linguaggi di programmazione per il web quali il PHP, le JSP, ASP.NET e così via;
• Per “estetica” si intende tutta la parte strettamente grafica della pagina, come i colori, le forme, i font delle pagine. Tali informazioni, in un sito web 2.0 vengono normalmente inserite nei CSS.

Maggiori informazioni seppur sintetiche, su HTML, linguaggi di programmazione e CSS potete trovarle qui.

Cos’è un CSS template?

Il Css è quindi il modello (in inglese template) che contiene tutti gli aspetti grafici di un sito. Il grande vantaggio di usare i CSS è che se per esempio vuoi cambiare la grafica del blog, ma non i contenuti, ti basterà cambiare il CSS template, che tutte le tue pagine che leggono la grafica da li, cambieranno di conseguenza.
E il bello del web è proprio che è pieno di decine di migliaia di CSS template, gratuiti, già pronti, da poter facilmente inserire nel tuo attuale sito web o blog, o da poter usare in un sito nuovo.
Hai un sito tutto rosa con le scritte in corsivo e non ti piace? basta cambiare CSS e il tuo sito diventa dark, con bordi strisciati di sangue e scritte con font inquietanti!

32 siti per scaricare CSS template gratis!

Sia che tu sia un Web designer professionista, sia che tu stia cercando di realizzare il tuo sito web o blog solo con qualche conoscenza di HTML e CSS, questo elenco di siti web con CSS gratuiti (quasi tutti con licenza Creative Commons), ti sarà sicuramente utile per trovare la grafica del tuo sito che tanto cercavi!

Buona caccia!

1.Soulcija

2. TemplateFusion

3. Styleshout

4. Templatemo

5. Open Source Template

6. Get CSS Templates

7. Free- CSS- Templates

8. CSSTEMPLATESFORFREE

9. CSSTemps

10. freeCSStemplates

11. My Free CSS Templates

12. Web Templates

13. ZeroWeb

14. CSSTemplates

15. My Celly

16. FreeCssTemplate

17. CSS Creme CSS Templates

18. Open Web Design

19. Best Free Templates

20. Templateworld

21. RamblingSoul

22. Spyka Webmaster

23. FreeTemplates4u

24. CSS Design Center

25. CssTemplateHeaven

26. FreeCssXhtmlTemplates

27. Inf Design

28. Templates Rain

29. ATemplate Free

30. Free CSS Layouts

31. CSS4Free

32. CssTemplatesFree

L’elenco dei 32 siti, con qualche piccolo ritocco, è stato suggerito da questo articolo di desizntech.info.

The Guida alla grafica per il web: i CSS template by Il Mondo dei Siti Web, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-Share Alike 2.5 Italy License. Si raccomanda di leggere i termini e le condizioni aggiuntive disponibili a questo link www.mondositiweb.com.

Altri post che potrebbero interessarti:

1. Grafica per il web: tutto il meglio in un sito
2. Grafica per blog: Tanti stupendi template grafici per blogger.com
3. Grafica vettoriale per il tuo blog su Free Vector Downloads
4. Il miglior sito per i tuoi web templates gratuiti
5. Grafica per il web, per il tuo blog e la tua pagina Myspace su Pyzam.com
6. Il sito perfetto per grafica web al femminile
7. Blogger contro wordpress: arriva il designer di template su blogger.com
8. Intense Debate: gestisci alla grande i commenti del tuo blog

Articoli correlati elaborati dal plugin Yet Another Related Posts.