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.

Creato da: Il Mondo dei Siti Web

Guida alla grafica per il web: i CSS template

Post Correlati:

1. Blogger contro wordpress: arriva il designer di template su blogger.com
2. Font per siti web
3. WordPress 3.0 : nuove caratteristiche e i primi temi gratis
4. Chrome: le novità che lo rendono molto più di un web browser

Articoli correlati elaborati dal plugin Yet Another Related Posts.

Il sito CSStricks è arte e tecnica allo stato puro (come lo è il Web design dopotutto!).

Questa volta, se anche voi lo seguite (e se capite l’inglese), ci ha deliziato con una funzione di clickmap da inserire nel nostro sito.

Cosa è una ClickMap?

Una ClickMap è una mappa delle nostre pagine di dove i nostri visitatori hanno cliccato; tale mappa ci consente di scoprire dove sono esattamente avvenuti i click dei nostri utenti, scoprendo così quali sono le parti del nostro sito più ‘attraenti’ e quali sono quelle che passano totalmente inosservate.Inutile a questo punto spiegare qual’è l’utilità di questo strumento: in un solo colpo d’occhio si è in grado di vedere tutto ciò che è ben fatto del sito e tutto ciò che invece risulta anonimo al nostro visitatore e che quindi ha bisogno di un nuovo design.

Assolutamente indispensabile per chiunque faccia web design dunque!

Come lo posso usare sul mio sito web?

Ci sono due risposte a questa domanda: una facile se il vostro sito è in piattaforma WordPress, una ‘difficile’ se il vostro sito non è wordpress.

Se il vostro sito non è wordpress ma comunque si basa su PHP e può supportare jQuery, allora dovete implementare manualmente nel vostro sito il codice presentato su CSStricks all’articolo: “Tracciare click costruendo una clickmap in PHP e Jquery” .

Se invece avete un sito/blog WordPress, non vi resta che installare questo plugin e attivarlo; in pochi minuti comincerete a vedere , nella sezione wp-clickmap della vostra console di amministrazione, tutti i click effettuati dai visitatori del sito.

L’articolo originale è stato scritto da Jay Salvat mentre il plugin per wordpress è stato realizzato da Roger Stringer.

Creato da: Il Mondo dei Siti Web

Design web: Tracciare i click del tuo sito creando clickmap

Post Correlati:

1. Facebook mette il turbo a WordPress?
2. Gadget per blog: testi di prova per il tuo sito
3. Temi Manga per personalizzare il tuo Blog
4. WordPress 3.0 : nuove caratteristiche e i primi temi gratis

Articoli correlati elaborati dal plugin Yet Another Related Posts.