Da jpg a xhtml e css: da dove cominciare?

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?

  1. Impostare il lavoro con Dreamweaver
  2. Andiamo sul pratico
  3. Il background del sito
  4. Resettare, azzerare, pulire!
  5. Gli identificativi e le classi
  6. Le classi che si ripetono
  7. Il box model
  8. Estrapolare, sintetizzare, creare!
  9. Il posizionamento delle aree di un layout
  10. Il position: absolute
  11. Il web è anche in 3d!
  12. Posizionamento flottante (float)
  13. Controindicazioni del position e del float facilmente superabili
  14. Il menu del sito: liste non ordinate
  15. I links e le pseudoclassi nei links
  16. La testata del sito: image replacement per il titolo del sito
  17. Il logo: la parte più importante del sito
  18. Inserire un’immagine cliccabile
  19. Trucchi: come si fa questo?
  20. Validare il codice
Se vuoi acquistare l’ebook o la versione stampata:

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Scarica la miniguida "Creare il proprio logo"
Iscrivendoti alla newsletter riceverai la guida in pdf direttamente al tuo indirizzo email.
Guide to Million Dollar Success
My Website
Per chi inizia a muoversi nel web
Scarica la miniguida "Creare il proprio logo"
Iscrivendoti alla newsletter riceverai la guida in pdf direttamente al tuo indirizzo email.
My Website
Per chi inizia a muoversi nel web
%d blogger hanno fatto clic su Mi Piace per questo: