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.
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:
- Grafica per blog: Tanti stupendi template grafici per blogger.com
- Grafica vettoriale per il tuo blog su Free Vector Downloads
- Grafica per il web: tutto il meglio in un sito
- Grafica per il web, per il tuo blog e la tua pagina Myspace su Pyzam.com
Articoli correlati elaborati dal plugin Yet Another Related Posts.
Commenti recenti