Alcuni estratti dal mio ebook, dove il tema viene affrontato nel dettaglio tramite un esempio pratico, grazie al quale costruirete la vostra prima pagina xhtml e css partendo da un progetto in jpg.
Trasformare un progretto grafico in codice xhtml e css richiede capacità di astrazione poiché bisogna soffermarsi ad osservare la nostra grafica e pensarla suddivisa per blocchi o divisori, nome che corrisponde poi al nostro tag
che viene usato proprio allo scopo di dividere in aree ben definite il nostro layout grafico. Spesso i div basilari coincidono con quelli pensati nel wireframe iniziale, ma per sicurezza partiamo dalla nostra grafica html….Nello specifico questo è il capitolo 3, l’ultimo e più corposo, che viene affrontato solo dopo aver parlato di basi di progettazione grafica e aver spiegato funzioni e specifiche di xhtml e css.
Ecco i dettagli del capitolo 3, cosa vi incuriosisce di più di queste sezioni e di cosa vorreste che trattassi in un articolo?
- Impostare il lavoro con Dreamweaver
- Andiamo sul pratico
- Il background del sito
- Resettare, azzerare, pulire!
- Gli identificativi e le classi
- Le classi che si ripetono
- Il box model
- Estrapolare, sintetizzare, creare!
- Il posizionamento delle aree di un layout
- Il position: absolute
- Il web è anche in 3d!
- Posizionamento flottante (float)
- Controindicazioni del position e del float facilmente superabili
- Il menu del sito: liste non ordinate
- I links e le pseudoclassi nei links
- La testata del sito: image replacement per il titolo del sito
- Il logo: la parte più importante del sito
- Inserire un’immagine cliccabile
- Trucchi: come si fa questo?
- Validare il codice
Se vuoi acquistare l’ebook o la versione stampata:
