Ma come è nata l’idea? Come ho fatto a stendere l’ebook e renderlo tale? Chi me l’ha pubblicato?

Se hai intenzione di scrivere un ebook di seguito troverai indicazioni utili su come iniziare.

Saper scrivere

Innanzitutto sonda le tue capacità di scrittura. Non ci si improvvisa scrittori se non si possiede almeno la passione per lo scrivere, ma bisogna imparare ad essere scorrevoli e ad applicare le regole basilari di grammatica. Immagino tu abbia già un blog o abbia pubblicato qualche articolo in qualità di esperto in materia. Se è così cerca comunque di migliorarti sempre, cercando di ottenere un linguaggio conciso e schietto. Un ebook è un libro, sì, ma deve contenere indicazioni pratiche e chiare.

Esempi pratici

Offrire esempi pratici è una risorsa in più, è quel valore aggiunto che fa sì che il tuo ebook acquisti un profondo valore pratico e non siano puramente teoria e parole al vento. La teoria va bene, ma mostrare esempi (che siano esposti direttamente o tramite link a risorse online) arricchisce il tuo ebook e fa sì che sia una risorsa da tenere sempre a portata di mano.

Sul mio ebook ad esempio oltre che riportare esempi di codice su come formattare testo, usare un’immagine di background e riproporre link e risorse online ad articoli che approfondiscono alcuni concetti, riporto anche un esempio pratico di come trasformare un progetto Photoshop in xhtml e css, con una risorsa da scaricare direttamente sul sito di presentazione dell’ebook.

Scriviamo e impaginiamo

Gli strumenti che puoi usare sono un normale programma quale Word, Openoffice o Pages, purchè ti ricordi i rudimenti di html per impaginare e formattare, perchè ti serviranno poi quando dovrai portare tutto su Adobe Indesign, strumento che ho usato per creare il pdf finale del mio ebook. Impaginando infatti tutto con stili preformattati proprio come faresti in una pagina xhtml quindi con h1, h2, paragrafi, blockquote e quant’altro, riuscirai ad esportare il pdf e a creare anche un indice per la navigazione. Ammetto di essere ancora poco esperta in materia, ma esistono molte guide online su come creare un indice e impaginare correttamente il tuo ebook.

La copertina e il titolo

Qui credo che solo un po’ di gusto e di impatto possano essere utili a richiamare l’attenzione. Per quanto riguarda il titolo, quanto più ammiccante è, quanto più richiamerai attenzione. Il mio avrei potuto chiamarlo Psd-to-xhtml, o “Come creare una pagina web in 24 ore”, ma ho preferito mantenere una dose di profilo basso, pur sbagliando. Chissà che in futuro non gli cambi nome per attirare più vendite!

Pubblica

Prima di pubblicare un buon consiglio è quello di farlo leggere a qualcuno. Se non un revisore vero e proprio, anche un collega, un esperto in materia, che sappia darti sinceramente qualche dritta per migliorarlo (grazie Sofia per i consigli sul mio ebook, a proposito!) Ora sei pronto. Dal tuo documento di Indesign potrai estrarre un file pdf, da convertire poi in formato epub. Se vuoi puoi anche iscriverti a Lulu o ad altri siti di autopubblicazione e pubblicarlo. In caso i vostri potenziali clienti lo desiderino possono richiedere anche la versione stampata e voi guadagnerete una percentuale in proporzione.

Personalmente ho deciso di mettere in vendita l’ebook digitale direttamente dal mio ecommerce senza lasciare percentuali a Lulu, alla quale dò il merito di avermi fornito un codice ISBN (che è gratuito per qualsiasi pubblicazione cartacea) e di stampare copie dove sia necessario e prendendosi i costi di stampa.

Se ci sono domande sono a disposizione, dove necessario integrerò il presente articolo. Grazie!

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 <div> 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

estrazione

Ho estratto un secondo nominativo nel caso che il primo non risponda.

Il vincitore ufficiale è Gershom Charig! E’ stato già contattato via email, complimenti ancora, per Natale riceverà il mio ebook “Consigli di webdesign base” in versione stampata su carta patinata a colori!!

Le modalità di partecipazione sono molto semplici: basta dare un “mi piace” sulla pagina fan di Fb oppure ritwittare la notizia del giveaway con hashtag #consigliwebdesign e contestualmente dare una conferma nei commenti qui sotto della vostra partecipazione.

Quindi riepilogando:

• Mi piace sulla pagina fb e conferma con commento qui di seguito per conferma
• e/oppure twitta la notizia con hashtag #consigliwebdesign e commenta qui di seguito per conferma

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 ebook

Acquista versione copertina morbida (A5 – colori)

Recensioni:

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

 

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

Il titolo della mia recensione è provocatorio, perchè c’è veramente da sognare nel racconto in cui si ragiona anche sulla possibilità di lavoro a Londra. Ma non vi svelo nulla altrimenti poi che gusto c’è!

Devo dire che è pieno di risorse, fra le quali figura anche Italianwebdesign, citato per molti articoli. Vedrete infatti che ogni capitolo del racconto è supportato da una serie di articoli che giustificano alcune spiegazioni.

Consigliato per chi inizia ma anche per chi ha sempre sognato di andare all’estero e non ne ha mai avuto il coraggio.

Grazie a Luca, che tra l’altro è uno dei relatori del Seminario “Webdesigner freelance” che si terrà a Milano sabato prossimo!

Molto probabilmente incontrerò gli organizzatori venerdì sera, e cercherò di carpire da loro come è nata quest’idea e gli sviluppi che eventualmente avrà. Stay tuned!

Questo libro è alla sua terza versione, io avevo la seconda, ma questa è completamente riscritta ed aggiornata alle novità degli ultimi anni della rete, dai social network, a tipi di sito che non erano neanche lontanamente pensabili nel 2004, anno della redazione della versione 2.

Gioisco e salto sulla sedia quando leggo parole che vorrei poter esprimere io stessa quando spiego certi concetti, ma Sofia lo sa far bene e meglio di me. I concetti che mi affollano la mente sono tanti, e nel libro sono tutti spiegati ed argomentati. Sentitevi liberi di criticarli, ma vedrete, ad un semplice test di usabilità, quanto sono veri!

Condivido particolarmente il pensiero a pagina 48 sui grafici che si vantano di voler essere creativi e abbattere la barriere con idee non convenzionali, salvo poi avere un sito bellissimo ma perfettamente inusabile. Non avrebbe potuto spiegare meglio i perchè e i come, ed invito tutti i grafici a leggerlo. Se volete ve lo presto io!

Detto questo: buona lettura!

• Un capitolo di “Siti che funzionano 3.0″, in questi giorni in libreria
• Chi è Sofia Postai
• Acquista presso l’editore – IBS o Amazon cliccando qui sopra

Dategli una lettura, è gratuito!

Cosa serve affinchè un banner converta più click possibile in moneta sonante? Tanti piccoli-grandi accorgimenti, e non è necessario nemmeno essere dei grafici provetti, ma le giuste dosi di comunicazione.

In questo ebook del valore di 29€ ma che viene gentilmente concesso ai lettori di IWD a 9€ fino al 28 settembre, Andrea Leti ci espone in modo chiaro, simpatico e “dritto al punto” i metodi per ottimizzare i nostri banner, compresi quelli Adsense!

Buona lettura a tutti!

La versione digitale (in pdf) costerà infatti 3,50€ invece dei soliti 6€ e la versione stampabile sarà disponibile su Lulu con lo sconto del 20%! Promozione estiva per tutto il mese di agosto!

Volete sentire le recensioni di chi l’ha già letto? Eccole!

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

Invia la tua recensione o scrivila direttamente su Anobii