Quando realizzare un sito Web (che sia statico o dinamico) il primo passo e` sempre il layout. E se siete un minimo esperti e non volete farvi del male, il vostro layout sara` definito all’esterno del codice grazie ad un foglio di stile, altrimenti detto CSS.

Il layout di una pagina Web non e` altro che la disposizione dei vari componenti all’interno della pagina.
Ci sono layout a una singola colonna, a doppia colonna, simmetrici, asimmetrici, con intestazione etc.

Per esempio il layout di questo sito prevede 4 elementi principali: intestazione (dove c’e` il logo, i link alle sezioni, le foto etc..); colonna principale (dove ci sono i post); colonna secondaria (tutto quello che trovate sulla desta) e pie di pagina, altrimenti detto footer (dove ci un po di cose che voi non vedete e il contatore di ShinyStat).

Puo` sembrare un layout semplice (e in effetti lo e`) ma vi assicuro che metterlo in piedi partendo da 0 non e` uno dei compiti piu` semplici e gratificanti del mondo (e grazie a Dio Wordpress c’ha i template..).

Ho trovato un utility gratuita che puo` semplificare di molto il tutto, si chiama Code Sucks e vi permette di generare in maniera intuitica il CSS del layout che volete.

Nel sito trovate anche tante risorse (piu` di 90 esempi di layout con CSS relativo) che vi possono aiutare ad ottenere ottimi risultati con pochissimo sforzo.

Nessun tag al momento

Articoli collegati

• Nessun articolo collegato

Categorie: Programmazione, Siti Internet