Lauryn Web Design - Milano, Edimburgo e online

Consigli di webdesign by Lauryn

Da oggi disponibile in versione stampabile e ebook!

Cosa dire? Finalmente vede la luce il mio primo ebook, pensato e studiato per muovere i primi passi nel mondo delle pagine html con un approccio semplice ma pratico e diretto, con un tutorial lungo tutto il libro attraverso il quale imparerete le tecniche base per creare siti internet.

“Questo libro non vuole essere una guida approfondita al webdesign: data la complessità della materia e le numerose discipline che la compongono sarebbe presuntuoso da parte mia riuscire a creare una guida completa in poche pagine. Mi riprometto però, tramite queste sporche righe, di dare un “la” iniziale ai ragazzi che vogliono studiare il webdesign, approcciandoli però nel modo che ci ha insegnato “papà” W3C.
Ciascuna delle sezioni di questo libro andrebbero approfondite nelle opportune sedi, con dei testi che consiglierò. Da parte mia passerò “all’azione”, spiegando il temibile passaggio dal progetto all’xhtml+css, che qualche autore dà per scontato o che non viene mai sufficientemente affrontato perchè ciascuno può decidere di attuare il proprio modus operandi, che viene relegato però alla sperimentazione personale. Dare una piccola guida da cui partire e lasciare poi aperte le strade più svariate per proseguire sarà quindi la mia mission.”

Un grazie particolare a Sofia Postai che ha letto la prima versione di questo ebook dandomi preziosi suggerimenti.


Indice:

Tanto per cominciare… ……………………………………………………………………….1

CAPITOLO 1: PROGETTAZIONE

La struttura di un sito………………………………………………………………………….. 7
I wireframe e la loro funzione nella creazione delle pagine html……………….. 8
Dove sono e dove vado? Il logo e il menu…………………………………………….. 8
Attenzione al footer o “piè di pagina”!………………………………………………….. 8
Risoluzione dei monitor, tipo di browser e progettazione del layout o wireframe 9
Explorer 6 la condanna……………………………………………………………………….. 9
Il wireframe……………………………………………………………………………………….. 10
Creare la bozza grafica o mockup su Photoshop…………………………………… 11
Precisione da certosini……………………………………………………………………….. 12

CAPITOLO 2: XTHML E CSS

W3C [http://www.w3.org/], il signor standard………………………………………… 17
(X)HTML e CSS………………………………………………………………………………….. 17
L’evoluzione dell’html…………………………………………………………………………. 18
La definizione del tipo di xhtml usato tramite il doctype………………………….. 18
Il validatore del W3C e il suo significato………………………………………………… 19
La tua prima pagina html…………………………………………………………………….. 19
Tag contenuti obbligatoriamente nella head………………………………………….. 20
I tag fondamentali………………………………………………………………………………. 22
Links (o collegamenti) o àncore……………………………………………………………. 24
Il foglio di stile……………………………………………………………………………………. 25
I Css, Cascading Style Sheets…………………………………………………………….. 25
Colore del testo e dello sfondo……………………………………………………………. 26
Tipo di font usato………………………………………………………………………………. 26
Grandezza del carattere in %………………………………………………………………. 27
L’allineamento del testo e leggibilità = usabilità……………………………………… 28

CAPITOLO 3: DA JPG A XHTML E CSS

Impostare il lavoro con Dreamweaver…………………………………………………… 33
Andiamo sul pratico……………………………………………………………………………. 35
Il background del sito…………………………………………………………………………. 36
Resettare, azzerare, pulire!………………………………………………………………….. 37
Gli identificativi e le classi……………………………………………………………………. 39
Il box model………………………………………………………………………………………. 42
Estrapolare, sintetizzare, creare!…………………………………………………………… 43
Il posizionamento delle aree di un layout………………………………………………. 48
Il position: absolute……………………………………………………………………………. 48
Posizionamento flottante (float)…………………………………………………………….51
Controindicazioni del position e del float facilmente superabili………………… 52
Il menu del sito: liste non ordinate………………………………………………………… 52
I links e le pseudoclassi nei links…………………………………………………………. 55
La testata del sito: image replacement per il titolo del sito………………………. 57
Il logo del sito: la parte più importante del sito………………………………………….. 58
Inserire un’immagine cliccabile……………………………………………………………. 60
Trucchi: come si fa questo?………………………………………………………………… 69
Validare il codice………………………………………………………………………………… 70

http://www.lulu.com/product/a-copertina-morbida/consigli-di-webdesign-base/15336708

Se ti è piaciuto condividilo

Lascia un commento

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