|
|
Prodotto ESAURITO/FUORI CATALOGO
CSS Guida Completa
|
| Editore | Apogeo |
| Autore | Troiani Gianluca |
| Collana | Guida completa |
| Pagine | 480 |
| Volumi | 1 |
| Livello | Introduttivo-Intermedio |
| Lingua | Italiano |
| Data pubblicazione | 09 - 2005 |
| ISBN | 8850323697 |
|
|
| Prezzo di copertina |
| Euro 35,00 |
|
Ringraziamenti
Prefazione
Introduzione
Organizzazione dell’opera
I capitoli
Materiale online
A chi si rivolge il libro
Prerequisiti
Strumenti adottati per la realizzazione e la verifica degli esempi
Editor di codice
Strumenti per la verifica
I browser
Validatori del codice
Estensioni e strumenti dei browser
Documentazione online
Capitolo 1 Gli standard e i CSS
Contenuti e formattazione: due oggetti distinti
Le “zuppe di codice”
L’introduzione dei CSS
I vantaggi degli standard
La compatibilità
Indipendenza dal dispositivo
L’accessibilità
Sviluppo e manutenzione
Leggerezza del codice
Motori di ricerca
Standard come filosofia
CSS
Capitolo 2 CSS: sintassi, proprietà e valori
L’albero del documento
Tipo di elementi
Elementi a livello di blocco (block level elements)
Elementi in linea (inline-level elements)
Elementi rimpiazzati (replaced elements)
Le regole CSS
I selettori
Il selettore universale
Il selettore di tipo
Le classi
Gli identificatori
Pseudoclassi
La pseudoclasse: first-child
Le pseudoclassi dei collegamenti: hover, :focus, :active
La pseudoclasse: lang
Pseudoelementi
Lo pseudoelemento: first-line
Lo pseudoelemento: first-letter
Gli psueoelementi: before e:after
Il selettore di discendenza
Il selettore figlio
Il selettore fratello
Il selettore di attributi
Raggruppamento di selettori
La cascata e la specificità dei selettori
La direttiva !important
I valori
La parola chiave inherit
La parola chiave auto
Numeri
Le lunghezze
Unità di misura relative
Unità di misura assolute
Le percentuali
Gli URI
I colori
Misure assolute e relative
Famiglie di caratteri
Parole chiave
Le proprietà
La sintassi dei valori
Valori multipli
Occorrenza dei valori
Valori speciali
Compatibilità
Indice delle proprietà
I quirks mode
Associare i CSS ai documenti XHTML
Fogli di stile incorporati
Fogli di stile esterni
Fogli di stile importati
I CSS in dettaglio
Capitolo 3 Tecniche di base
Il testo
Il tipo di carattere
La dimensione del carattere
Lo stile del testo
L’interlinea
L’allineamento del testo
Variazioni di formato
La proprietà font
Le immagini
Le dimensioni
Dimensionamento in em
Dimensionamento in unità percentuali
Margini e bordi
L’allineamento con il testo
I colori e gli sfondi
Immagini di sfondo
Ripetizione dell’immagine di sfondo
La posizione dell’immagine
Scorrimento dell’immagine di sfondo
La proprietà background
Il box model
Il box model di Internet Explorer per Windows
Il problema
La soluzione
La proprietà width
Le proprietà min-width e max-width
La proprietà height
La proprietà padding
La proprietà border
La proprietà margin
Margini adiacenti
La proprietà overflow
Il posizionamento dei blocchi
Il flusso
Il posizionamento relativo
La proprietà z-index
Il posizionamento assoluto
Dimensionamento dei blocchi assoluti
Blocchi assoluti e bachi di Internet Explorer
Il posizionamento fisso
Blocchi flottanti
La proprietà clear
Blocchi flottanti in successione
Blocchi flottanti e bachi di Internet Explorer
Blocchi flottanti e liste
La proprietà visibility
La formattazione delle tabelle
Intestazioni della tabella
Bordi
Dalla teoria alla pratica
Capitolo 4 Tecniche avanzate: impaginazione
Centrare un box nella pagina
Box liquido
Box a larghezza fissa
Centrare un box in verticale
Layout a due colonne
Layout con colonne a larghezza fissa
Le due colonne
Intestazione e piè di pagina
Il layout completo
Un ordine differente per le colonne
Aggiungere bordi
Layout con colonne liquide
Layout centrato
Le due colonne
Intestazione e piè di pagina
Il layout completo
Un differente ordine per le colonne
Aggiungere dei bordi
Layout con una colonna liquida e una colonna a larghezza fissa
Le due colonne
Il layout completo
Un ordine differente per le colonne
Aggiungere bordi
Layout a tre colonne
Layout con colonne a larghezza fissa
Le tre colonne
Intestazione, piè di pagina e paragrafi
Layout completo
Alterare l’ordine delle colonne
Aggiungere bordi
Layout con colonne liquide
Le tre colonne
Intestazione, piè di pagina e paragrafi
Layout completo
Alterare l’ordine delle colonne
Aggiungere bordi
Layout con due colonne a larghezza fissa e una colonna liquida
Le tre colonne
Layout completo
Aggiungere bordi
Oltre la terza colonna
Layout con colonne a larghezza fissa
Layout con colonne liquide
Layout con colonne di cui una fissa e le altre liquide
Layout complessi
Layout a colonne con posizionamento assoluto
Le colonne
I problemi del posizionamento assoluto
La soluzione
Layout completo con bordi
Griglie
Griglie e tabelle
Blocchi flottanti e Netscape Navigator 6
E’ solo l’inizio
Capitolo 5 Tecniche avanzate: menu di navigazione
Menu a un solo livello
Codice XHTML
Menu verticali
Formattazione di base
Menu come semplici blocchi
Menu a pulsanti
Menu con “cursore”
Marcatori di lista gestiti tramite immagini
Menu orizzontali
Una piccola modifica al codice XHTML
Formattazione di base
Collegamenti e voce corrente
Menu con barre verticali di separazione
Barra orizzontale con effetto rollover
Menu con indicatore di sezione ed effetto rollover
Menu a linguette
Menu orizzontali con blocchi flottanti
Menu a due livelli
Codice XHTML
I selettori
Menu verticali
Sottomenu a tendina
Sottomenu affiancato al menu principale
Sottomenu affiancato alla voce attiva
Menu orizzontali
Menu orizzontale con sottomenu orizzontale
Menu orizzontale con sottomenu verticale
Menu dinamici
Codice JavaScript
Codice XHTML
Menu a comparsa laterale
Menu a discesa
Gli sfondi
Capitolo 6 Tecniche avanzate: immagini tramite CSS
Sfondi per il layout
Colonne
Integrazione del layout con la finestra del browser
Riempimento degli spazi
Box con angoli arrotondati
Box a larghezza fissa
Box a larghezza liquida
Soluzione tramite CSS e JavaScript
Ombre
Sfondi come icone
Marcatori di lista
Abbreviazioni e acronimi
Collegamenti ipertestuali
Marcatori di inizio paragrafo
Una pagina ricca di icone
Sostituzione di testo con immagini
Perché utilizzare immagini di sfondo
Le tecniche di sostituzione
Fahrner Image Replacement (FIR)
Leahy/Langridge Image Replacement (LIR)
Phark Image Replacement
Malarkey Image Replacement (MIR)
Accessibilità
Pixy Cover-Up span
Bob Image Replacement (BIR)
La dimensione del testo
Perché non utilizzare un tag < img/ >?
Tecniche di sostituzione di immagini e collegamenti
Fahrner Image Replacement (FIR)
Leahy/Language Image Replacement (LIR)
Phark Image Replacement
Malarkey Image Replacement
Pixy Cover-Up span
Bob Image Replacement (BIR)
Un esempio completo
Effetto Rollover
Rollover con un’unica immagine
Menu grafici
Capitolo 7 Tecniche avanzate: contenuti generati
Gli pseudoelementi: before e :after
La proprietà content
Valori per la proprietà content: le stringhe
Valori per la proprietà content: URI
Valori per la proprietà content: attributi
Valori per la proprietà content: virgolette
Valori per la proprietà content: contatori
Stile delle liste
La proprietà list-style-type
La proprietà list-style-image
La proprietà list-style-position
La proprietà list-style
La compatibilità
Il supporto di Internet Explorer per Windows
Manomissione del supporto dei CSS
Capitolo 8 Tecniche avanzate: filtrare i CSS
Commenti condizionali
Filtri tramite regole @import
Regola @import con url()
Regola @import e tipo di media
Filtri tramite commenti CSS
Commento chiuso con il carattere di fuga
Commenti esterni all’insieme delle dichiarazioni
Commenti all’interno delle dichiarazioni CSS
Filtri tramite selettori
Selettore html>body
Selettore head+body
Selettore*html
Selettore di attributo
Direttiva !important
Esempio concreto: correzione del box model di IE5
Un’alternativa ai commenti condizionali
Un male necessario
Differenziare l’esperienza utente
Capitolo 9 Tecniche avanzate: differenziare l’esperienza utente
Diversi media, diversi stili
Associazione dei fogli di stile a un media specifico
La regola @import
La regola @media
L’attributo media
Handheld: i palmari
Il foglio di stile specifico per i palmari
Il documento XHTML
Il foglio di stile per il media screen
Il foglio di stile per il media handheld
Sintetizzatori vocali
La stampante
Che cosa stampare
Colori e sfondi
I caratteri
L’impaginazione
Contenuti generati
Le interruzioni di pagina
Fuori controllo
Una pagina, diversi stili
Fogli di stile permanenti, preferiti e alternativi
Specificare fogli di stile permanenti
Specificare fogli di stile preferiti
Specificare fogli di stile alternativi
Esempio
Il limite di Internet Explorer
Metodi alternativi: JavaScript
Metodi alternativi: PHP
Impostare il cookie
Associazione dei fogli di stile al documento
Capitolo 10 Progetti completi
Primo progetto: Nokia .it
Codice XHTML
L’intestazione
Il corpo centrale
Il piè di pagina
Codice CSS per lo schermo
Nascondere gli elementi non desiderati
L’elemento
I collegamenti
L’intestazione
Il corpo centrale
Il piè di pagina
I valori scelti e l’aderenza alla versione originale
Confronto tra due versioni
Codice CSS per il media handeld
Codice CSS per la stampa
Secondo progetto: Nielsen Norman Group
Codice XHTML
L’intestazione
Il corpo centrale
Il piè di pagina
Codice CSS per lo schermo
Nascondere gli elementi non desiderarti
L’elemento
I collegamenti
L’intestazione
Il corpo centrale
Il piè di pagina
Confronto tra due versioni
Codice CSS per il media handheld
Codice CSS per la stampa
La ricostruzione tramite CSS di pagine esistenti
I vantaggi degli standard
Appendice A Uno sguardo ai CSS3
I moduli
Selettori
Selettori di attributo
Pseudoclassi strutturali
Altri selettori
Box model
Le proprietà box-width e box-height (box-sizing)
Nuovi valori per le proprietà float e clear
La proprietà clear-after
Sfondi e bordi
Immagini di sfondo
Bordi
Ombre
Testo su colonne multiple
Collegamenti ipertestuali
Solo un breve sguardo verso il futuro
Indice analitico
|
|
|
|
