Esercitazione CSS

Gli esercizi marcati con uno o più asterischi sono facoltativi. Maggiore è il numero di asterischi, maggiore è la difficoltà dell'esercizio.

1. Definire a piacere un foglio di stile external per i file cognome-n.html ed index.html dell'esercitazione xhtml. Le regole di stile devono essere salvate nel file stm01-02.css. Se si definiscono classi e regole per le classi si deve aggiungere un commento nel file css per spiegare il significato inteso della classe. Il foglio di stile deve definire regole diverse per la visualizzazione a schermo e per la stampa.
2. Scrivere un file xhtml con il proprio nome e cognome con le lettere tutte di colori diversi e su sfondo non colorato. Quando si va con il mouse su una delle lettere, questa deve diventare bianca ed in grassetto.
3. ^(***) Scrivere un file xhtml con un "finto bottone". Con finto bottone si intende una parte di documento che simula il comportamento di un bottone quando ci si va sopra con il mouse. La differenza con un vero bottone (che si fa con il tag input) sta nel fatto che questo si schiaccia quando si fa click, mentre il finto bottone si schiaccia quando si passa sopra con il puntatore.
4. ^(**) Preparate uno stile per delle dispense. Le dispense conterranno delle intestazioni di livello 1,2 e 3, delle parti di spiegazione, delle parti di esempio, degli esercizi e delle soluzioni. Tutte le immagini devono comparire sulla sinistra del documento, con il testo che scorre a destra, tranne alcune particolarmente importanti che non dovranno avere testo né a sinistra né a destra. Infine i collegamenti ipertestuali non dovranno essere sottolineati, ma dovranno essere messi in evidenza in un altro modo (a piacere). Scrivere un file xhtml che utilizzi lo stile preparato, spiegando le scelte fatte.

Altri esercizi (da svolgere senza guardare le soluzioni!) sono disponibili seguendo il link.

Paolo Coppola
Last modified: 2002/04/15