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:

lauryn

Web designer dal 2002, mi occupo di content marketing per la società WordSteps SLT LTD di Edimburgo e altri clienti. Vivo a Milano, sposata con una figlia e due cagnoline, e una passione per libri e Scozia. Ultimo libro uscito 4 passi per andare online e trovare nuovi clienti da subito

Rispondi

Scarica la checklist per partire con il tuo sito
Iscrivendoti alla newsletter mensile riceverai la checklist pdf alla tua casella email
Guide to Million Dollar Success
My Website
Per chi inizia a muoversi nel web
Scarica lo starter kit del professionista
Iscrivendoti alla newsletter riceverai la guida in pdf direttamente al tuo indirizzo email.
My Website
Per chi inizia a muoversi nel web
Un metodo efficace se sei un professionista che offre servizi ma sei alle prime armi con tutto ciò che riguarda il web. Ottieni indicazioni su sito web, blog, social e funnel marketing volti a portare nuovi clienti effettivi.
4 PASSI PER ANDARE ONLINE e ottenere clienti da subito
Un metodo efficace se sei un professionista che offre servizi ma sei alle prime armi con tutto ciò che riguarda il web. Ottieni indicazioni su sito web, blog, social e funnel marketing volti a portare nuovi clienti effettivi.
4 PASSI PER ANDARE ONLINE e ottenere clienti da subito
%d blogger hanno fatto clic su Mi Piace per questo: