|
|
CONSIGLIATO DA LIBRINFORMATICA
Progettare siti web standard - Tecniche per il design con XHTML e CSS - seconda edizione
|
| Editore | Pearson Education Italia |
| Autore | Zeldman Jeffrey |
| Titolo originale | Designing with Web Standards (Voices That Matter) - second edition |
| Editore originale | New Riders |
| Pagine | 411 |
| Volumi | 1 |
| Livello | Intermedio-Avanzato |
| Lingua | Italiano |
| Data pubblicazione | 02 - 2007 |
| ISBN | 8871923588 |
|
|
| Prezzo di copertina |
| Euro 35,00 |
|
Introduzione
Niente taglie uniche
Teoria e pratica
Un continuum, non un set di regole inflessibili
Mostra, non vendere
Il vostro lavoro venderà per voi
Vendere “in-house”
Aria di cambiamento
Parte I > Houston, abbiamo un problema
Prima di iniziare
Costi in crescita, profitti in calo
Arrestare il ciclo dell’obsolescenza
Cos’è la compatibilità in avanti?
Niente regole, nessun dogma
Pratica, non teoria
Questo viaggio è davvero necessario?
1 Il 99% dei siti e “ancora”obsoleto
I browser moderni e gli standard web
Nuovo codice per nuovi conti
Il problema della “versione”
Pensare al passato
Markup datato: il costo
Retrocompatibilità
Ostacolare gli utenti non fa bene al mercato
La strada per Stupidopoli
Markup pessimo? No, inutile
La cura
2 Progettare e realizzare siti con gli standard
I salti mortali
Il costo del design prima degli standard
Sito nuovo, metodi antichi
Il tragico regno
La trinità degli standard web
Struttura
Presentazione
Comportamento
In azione
Vantaggi dei metodi transizionali
Web Standard Project: portabilità in azione
Un documento per tutti
A List Apart: una finestra con molte viste
Progettare oltre il monitor
Meno tempo e denaro, più audience
Dove si arriva partendo da qui
Compatibilità in avanti di tipo transizionale (design ibrido)
Compatibilità in avanti di tipo Strict
3 I problemi degli standard
Bello fuori, orribile dentro
Obiettivi comuni, metodi comuni
Percezione e realtà
Anno 2000; i browser diventano maggiorenni
IE5/Mac: switch e zoom
Il grosso colpo di Netscape
Si aprono le cataratte
Troppo poco. Troppo tardi?
CSS: la prima borsa è gratis
Cattivi browser generano cattive abitudini
La maledizione del rendering tradizionale
Ereditare il vento
Comportiamoci bene
Finalmente lo scripting standard
Siti confusi e definizioni oscure
Accademia contro business
I consorzi propongono, le aziende vendono
Conoscere un prodotto o conoscere gli standard?
Datemi una F
Il valore Flash
Il problema di Flash
L’altro problema di Flash
Conformità è una parolaccia
Il potere del linguaggio per dar forma alle percezioni
Il problema dell’ispirazione
Altri problemi
4 Findability, Syndication, Blog, Podcast, Long-Tail, Ajax
e altre ragioni rendono vincenti gli standard
Il linguaggio universale (XML)
Un confronto fra XML e HTML
Un genitore, molti figli
Un ingrediente essenziale per software professionale e consumer
Più popolare di una popstar
Cinque modi di implementare dati robusti
Una inesauribile vena di invenzioni
Strumenti di publishing web per tutti
Al vostro servizio
Le applicazioni XML e il vostro sito
Compatibile per natura
Una nuova era di cooperazione
Suite di test e specifiche
Sembra un sogno
Il gruppo di lavoro WHAT
Internet Explorer 7 e il Web Standards Project
Gli standard web e gli strumenti di authoring
La task force di Dreamweaver
Anche i software WYSIWYG diventano maturi
Da FrontPage Expression Web Designer
L’emergenza dei layout CSS
La campagna di aggiornamento dei browser
Aggiornamenti dei browser
Infinite conversioni, grazie anche ai siti di supporto
La conoscenza definitiva dei CSS
La leadership viene dagli individui
La diffusione degli standard web
I siti commerciali prendono l’onda
Wired Digital si converte
Affascinare i designer
Gli hit continuano ad arrivare
La strada della felicità è lastricata di validazioni
Parte II > Design e implementazione
5 Il markup moderno
La segreta vergogna del markup scorretto
Una riformulazione di...indovinate cosa?
Riepilogo
Quale XHTML è più adatto a voi?
XHTML 2: per te e per me?
Dieci buone ragioni per adottare XHTML
Cinque ragioni per non passare a XHTML
6 XHTML: ristrutturazione del web
Convertire il markup in XHTML: regole semplici, chiare linee guida
Iniziare con i giusti DOC TYPE e Namespace
Dichiarare il Content Type
Scrivere i tag tutto in maiuscole
Tutti i valori degli attributi devono essere fra virgolette
Tutti gli attributi richiedono valori
Occorre chiudere tutti i tag
Bisogna chiudere anche i tag vuoti
Niente doppi trattini nei commenti
Codificare tutti i caratteri
Riepilogo: le regole di XHTML
La codifica dei caratteri
Cura strutturale
Orientare i markup al senso, non allo stile
Elementi visuali e struttura
7 Pagine più solide e stabili: struttura e meta struttura nel markup Strict e Transitional
Ogni elemento deve essere strutturale?
Div. id e altri assistenti
Markup semantico e riutilizzo
Layout ibridi e markup compatto: istruzioni per l’uso
Riconoscere le cattive abitudini
Errori comuni nel markup ibrido
I div non sono affatto sbagliati
Amato id
Eliminare le celle in eccesso
La parate dei metodi datati
L’anno delle mappe
La mappa e i suoi guai
Nessun accesso, nessuna struttura
Affettare e segmentare
Il taglio passa di moda
La ridondanza verbosità delle tabelle ridondantemente verbose
CSS, il cattivo arriva in città
Andiamo avanti
8 Esempi di XHTML: un layout ibrido (Parte I)
Benefici dei metodi di transizione
Fogli di stile al posto di JavaScript
Il nostro approccio: una vista d’insieme
Separare le tabelle: i vantaggi per CSS e accessibilità
Come e perché inserire un link salta navigazione
Attributi id aggiuntivi
La prima stesura del markup è anche l’ultima
Markup di navigazione: la prima tabella
Presentazione semantica: purezza e peccato
Markup del contenuto: la seconda tabella
9 Le basi di CSS
Uno sguardo d’insieme sui CSS
I benefici di CSS
Anatomia degli stili
Selettori, dichiarazioni, proprietà e valori
Dichiarazioni multiple
Spazi e importanza delle maiuscole
Valori alternativi e generici
Selettori raggruppati
L’ereditarietà e i suoi guai
Selettori discendenti
Selettori di id e selettori di id discendenti
Selettore di classe
Combinare selettori per creare effetti di design sofisticati
Stili esterni, incorporati e inline
Fogli di stile esterni
Stili inline
Il metodo “lo scenario migliore”
Dagli stili incorporati agli stili esterni: il metodo due fogli
Riferimenti assoluti e relativi dei file
Benefici dei metodi esaminati
10 CSS in azione: un layout ibrido (Parte II)
Preparazione delle immagini
Stabilire i parametri di base
Stili principali, margini e forme contratte
nascondi e inscatola
Coloriamo i link: introduzione alle pseudo-classi
Altri elementi comuni
Ancora sulle dimensioni dei font
Impostiamo le divisioni della pagina
Barra di navigazione: primo passaggio
CSS della barra di navigazione: primo tentativo, secondo passaggio
Barra di navigazione: passaggio finale
Ultimi ritocchi: stili esterni ed effetto “voi siete qui”
11 Lavorare con i browser (Parte I): DOC T YPE Switching e modalità standard
La saga del DOC T YPE switching
Controllare la performance del browser: il DOC T YPE switching
Una lista completa di DOC T YPE X HTML completi
Celebriamo le diversità dei browser (o almeno impariamo a conviverci)
12 Lavorare con i browser (Parte II): box model, bug e soluzioni alternative
Il box model e i suoi guai
Come funziona il box model
Come si rompe il box model
Box Model Hack: rendiamo i CSS più democratici
Il Whitespace bug in IE/Windows
Il bug Float un IE6/Windows
Float, Peek-a-Boo e Beyond
Flash e QuickTime: oggetti del desiderio?
Oggetti incorporabili: una storia di arroganza e vendetta
Il metodo Satay: incorporare multimedia rispettando gli standard
Una buccia di banana: object non funziona
Un girotondo infinito
13 Lavorare con i bowser (Parte III): tipografia
La dimensione conta
Il controllo dell’utente
Orrori della vecchia scuola
Punti diversi
Infine una dimensione standard
Un ottimo lavoro può svanire con un clic
Un tripudio di stili: una reazione sbagliata all’innovazione dei browser
Dimensioni standard e buone pratiche
I problemi degli em
preferenze e unità em
Una passione per i pixel
L’unità più piccola? E’ assolutamente relativa
Il problema dei pixel
Il metodo delle parole chiave
Perché le parole possono battere em e percentuali
I problemi dell’implementazione delle parole chiave
A vostra dimensione
14 Elementi base di accessibilità
L’accessibilità sulla carta
Confusione diffusa
Il genio ci mette lo zampino
Legge e layout
Stati Uniti: la Section 508
Leggende metropolitane sull’accessibilità
Leggenda: l’accessibilità obbliga a creare due versioni di un sito
Leggenda: una versione solo testo soddisfa i requisiti per un accesso uguale o equivalente
Leggenda: l’accessibilità costa troppo
Leggenda: l’accessibilità costringe a un design primitivo e di bassa qualità
Leggenda: i siti devono avere lo stesso aspetto in tutti i tipi di browser e periferiche
Leggenda: l’accessibilità è “solo per le persone disabili”
Leggenda: Dreamweaver MX/Cynthia/LIFT, il programma che preferite, risolvono ogni problema
Leggenda: i designer possono ignorare liberamente le leggi sull’accessibilità se i clienti dicono loro di farlo
Suggerimenti per l’accessibilità, elemento per elemento
Immagini
Apple QuickTime e altri media in streaming video
Flash 4/5
Flash MX and Flash 8
Colore
CSS
Rollover e altri comportamenti basati sugli script
Form
Mappe immagine
Layout a tabelle
Tabelle per i dati
Frame e applet
Elementi che lampeggiano
Strumenti commerciali
Amare Cynthia
Un nostro buon amico, l’attributo tabindex
Pianificare l’accessibilità: dov’è il beneficio?
15 Usare script basati su DOM
Libri su DOM
Che cosa è il DOM?
Uno standard che permette alle pagine web di comportarsi come applicazioni
Dove funziona il DOM?
Per favore, DOM, non far lodo del male
Selettori di fogli di stile: offrire una scelta, incrementare l’accesso
16 Redesign basato su CSS
Definizione dei requisiti
I dieci requisiti principali
Porre le basi
Bannerama
Completamento del lavoro
Libri sull’argomento web standard
Indice analitico
|
|
|
|
