http://www.milanofabbro.com/

Benissimo. Ad una prima analisi la primissima cosa da fare era di rifare la pagina attualmente caricata nello spazio legato al dominio, poichè presentava diversi errori che la portavano ad una indicizzazione uguale o prossima allo zero.

Abbiamo rifatto pertanto il codice e visto che ci trovavamo anche la grafica per dare maggiore affordability al sito ed invogliare il potenziale utente a fidarsi e telefonare.

Dopo un breve studio della concorrenza e delle possibilità di scalata rispetto a siti che sono fatti peggio ma che hanno più anzianità su Google, si è passati a correggere il testo inserendo le parole chiave al posto giusto. Sappiamo già da tempo che Google non dà peso alle keywords inserite “forzatamente” nei meta tag del codice, pertanto è più utile riportarle nei discorsi di presentazione e nei titoli “headings” del sito, come quando spieghiamo che “Tecnoferro compie sostituzioni URGENTI di serrature di tutte le marche” o che sono in grado di intervenire in tempi rapidi e a prezzi onesti su Tutta Milano.

Da un primo monitoraggio dopo 15 giorni possiamo vantarci di una discreta presenza sempre entro la prima o massimo seconda/terza pagina a seconda delle parole chiave scelte e di quelle suggerite da Google stesso. Una pagina facebook con una piccola campagna (in termini economici) a favore del “mi piace” fa il resto, ora bisogna solo aspettare che il tempo passi e che Google ci premi.

“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) 17,79€ (sconto del 20%)
• versione ebook PDF
  Prezzo: €9.00

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

Questo povero e sprovveduto cliente pagava la bellezza di 1.300 annuali un tecnico che veniva periodicamente in azienda a verificare che tutto andasse bene su un server (che fisicamente non è altro che un computer), non so se quest’ultimo acquistato dall’azienda o offerto “in affitto” dal tecnico medesimo, a sua volta dipendente di una società IT.

La cosa mi ha fatto rabbrividire quando ho scoperto che su questo server risiedeva unicamente lo spazio destinato ad un sito internet di poche pagine e le caselle di posta di una dozzina di dipendenti. Roba che occuperebbe lo spazio di una chiavetta usb. Incredibile: erano stati truffati bellamente. Ma questa cosa l’ho scoperta solo alla fine di una lunga contrattazione in cui chiedevo a tali tecnici di adeguare il server alle necessità del nuovo sito che andavo a creare, ed essi non riuscivano a venirne a capo, accusando me di non aver fatto un buon lavoro con il sito e che non capivano dove stava il problema (oltretutto erano pure incompetenti!). Di solito chi alza di più la voce è colui che è in torto, ed infatti, dopo diversi scambi telefonici di insulti (da parte loro) e la scoperta della tariffa annuale da loro pagata, ho suggerito un hosting “condiviso”, che è la soluzione adottata dal 90% dei siti in circolazione, trasferendo così il dominio e le caselle email su altro spazio. L’iniziale diffidenza ha lasciato il posto alla fiducia, visto anche il procedimento indolore e il costo esiguo della cosa (50 euro), e li ha resi oggi contenti di un servizio veloce, efficace, indipendente da tecnici “finti”, con un servizio immediato e competente di assistenza e soprattutto con 1.250 euro in più in tasca. Vuoi mettere?

Ciascun webdesigner ha poi le proprie preferenze per quanto riguarda l’hosting, pertanto consiglio ai clienti che ancora non possiedano un sito ma che vogliano nel frattempo accaparrarsi il dominio relativo alla propria attività di acquistarlo singolarmente, senza il servizio di hosting associato. Sarà poi lo sviluppatore del sito a consigliarvi caratteristiche tecniche e se necessario il rivenditore più adatto.

“Disposizioni per l’adempimento di obblighi derivanti dall’appartenenza dell’Italia alle Comunita’ europee – Legge comunitaria 2008. (09G0100)“

pubblicata nella Gazzetta Ufficiale n. 161 del 14 luglio 2009

…le società che dispongono di un sito internet hanno l’obbligo di fornire, attraverso tale mezzo:

• la sede della società;
• l’ufficio del registro delle imprese presso il quale la società è iscritta e il numero di iscrizione;
• il capitale sociale specificando quanto effettivamente versato per le società per azioni, in accomandita per azioni e a responsabilità limitata;
• se la società è in liquidazione, specificarlo
• se le SPA e le SRL hanno un unico socio, specificarlo

Pertanto, dal 29 luglio 2009, tali informazioni, devono essere fornite, oltre che negli atti e nella corrispondenza, anche nel “sito internet” e chiunque omette di fornire tali informazioni è punito con la sanzione amministrativa pecuniaria da 206 a 2.065 euro.

Vai all’intervista.

Festeggiamo? XD

Se ne evince che non tutti i professionisti conoscono concetti come usabilità, user experience e accessibilità e non è obbligatorio che voi clienti li conosciate quando chiedete un progetto web ad un professionista.

Saper scegliere è un’opportunità per la riuscita del vostro progetto. Affidatevi e lasciatevi guidare: se la professionalità esiste, ve ne accorgerete di certo fin dall’inizio. Non lasciatevi incantare dalle parole ma dai fatti.