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.”

Acquista

• versione copertina morbida (A5 – colori) su Amazon.it
• versione copertina morbida (A5 – colori) 17,79€ (sconto del 20%)
• Prezzo: €9.00

  Quantity:

Recensioni:

• Recensione di Liquidskydesign
• Recensione di Simone Quartucci
• Recensione di WordPressMania
• Recensione di Sharon Sala
• Recensione di Pikadilly

Invia la tua recensione o scrivila direttamente su Anobii

Allegati

File psd per esercitarsi

Anteprima

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…………………………………………………….. 10
Il wireframe……………………………………………………………………… 10
Creare la bozza grafica o mockup su Photoshop…………………. 11
Precisione da certosini……………………………………………………… 13

Capitolo 2 – xhtml 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……….. 19
Il validatore del W3C e il suo significato……………………………… 19
La tua prima pagina html………………………………………………….. 20
Consigli di webdesign base – Best practices dalla teoria alla pratica
Tag contenuti obbligatoriamente nella head………………………… 21
I tag fondamentali……………………………………………………………. 24
Links (o collegamenti) o àncore…………………………………………. 25
Il foglio di stile…………………………………………………………………. 27
Colore del testo e dello sfondo…………………………………………. 28
Tipo di font usato…………………………………………………………….. 28
Grandezza del carattere in %……………………………………………. 29
L’allineamento del testo e leggibilità = usabilità…………………… 31

Capitolo 3 – Da jpg a xhtml e css

Impostare il lavoro con Dreamweaver…………………………………. 35
Andiamo sul pratico…………………………………………………………. 37
Il background del sito………………………………………………………. 38
Resettare, azzerare, pulire!……………………………………………….. 40
Gli identificativi e le classi…………………………………………………. 41
Le classi che si ripetono…………………………………………………… 42
Il box model……………………………………………………………………. 45
Estrapolare, sintetizzare, creare!………………………………………… 47
Il posizionamento delle aree di un layout…………………………….. 52
Il position: absolute………………………………………………………….. 53
Il web è anche in 3d!………………………………………………………… 55
Posizionamento flottante (float)…………………………………………. 56
Controindicazioni del position e del float facilmente superabili 57
Il menu del sito: liste non ordinate……………………………………… 57
I links e le pseudoclassi nei links……………………………………….. 60
La testata del sito: image replacement per il titolo del sito……. 62
Il logo: la parte più importante del sito……………………………….. 63
Inserire un’immagine cliccabile………………………………………….. 66
Trucchi: come si fa questo?………………………………………………. 75
Validare il codice……………………………………………………………… 76