Contenuti:
- presentazione minimale dell'applicazione (free) 1st Page2006 per l'editing delle pagine web (potete comunque usare un qualunque altro editor, ad esempio Dreamweaver)
- dalla formattazione tradizionale ai CSS; vantaggi dei CSS
- fogli di stile incorporati (embedded), in linea e collegati (esterni);
- il tag <style>; struttura di una regola CSS: selettori e proprietà
- selettori per i tag xhtml standard (cenni)
- selettori di classe (cenni)
- uso della stessa proprietà in regole diverse
- specifica compatta di attributi
- specifica di colori e di misure (px, % ed em)
- presentazione minimale dell'applicazione (free) TopStyle LT per la composizione di stili
- dettaglio sull'uso dei CSS per il background (immagini di sfondo fisse o scorrevoli con il testo, ripetizioni dell'immagine, posizionamento)
- significato del termine 'cascata' riferito ai CSS
- forme compatte di certe regole
- assegnare più classi allo stesso elemento
- bordi
- testo
- liste
- selettori con identificatore (#)
- raggruppamento di selettori
- selettori di classe o con identificatore annidati dentro un tag html
- selezione in base all'appartenenza a più classi
- selezione in base ai legami di parentela (discendenza diretta, fratellanza)
- selezione in base ad un selettore che deve essere all'interno di un altro anche non direttamente
- conflitti tra regole; cenni al calcolo del peso di specificità
- pseudoclassi (a:link ecc.)
- pseudoelementi (firs-child / letter / line)
- usare margini e padding per centrare un paragrafo
- sfondo pagina e sfondo dei paragrafi
- margini e padding (cenni al box model)
- immagine di sfondo fissa o scorrevole
- bordi
- interlinea
- span
- cenni al posizionamento di un blocco div
- far apparire una scritta al passaggio del mouse (solo con CSS, no javascript)
- limiti dell'impaginazione con l'uso di tabelle / vantaggi dell'impaginazione con i CSS (esempi)
- il box model in dettaglio (margini, bordi, padding, contenuto)
- resettare i valori di default dei browsers
- elementi a livello di blocco e inline; differenze;
- gestire le dimensioni di un elemento di blocco
- flusso di inserimento nella pagina di box posizionati in modo statico, anche in successione
- box contenuti dentro altri; proprietà overflow
- posizionamento relative, absolute, fixed, blocchi flottanti: il tutto attraverso la realizzazione del layout della home page di un sito
- un semplice menu verticale (ad un solo livello) usando solo i css
Ed altro (aggiornamento alla versione CSS3!)
|