1. Usando CSS fate in modo che il testo non in enfasi del seguente paragrafo compaia in enfasi e viceversa.
    Gli indirizzi attualmente in uso sono prevalentemente quelli di classe A, B e C. Questi indirizzi non sono mai dati singolarmente, ma per motivi di organizzazione di rete sono dati in blocchi di indirizzi adiacenti.
  2. Usando CSS fate in modo che il seguente paragrafo sia allineato a destra, sia di colore verde, ma solo la parola indirizzi sia di colore rosso. Lo sfondo del paragrafo deve essere di colore azzurro chiaro.
    Gli indirizzi attualmente in uso sono prevalentemente quelli di classe A, B e C. Questi indirizzi non sono mai dati singolarmente, ma per motivi di organizzazione di rete sono dati in blocchi di indirizzi adiacenti.
  3. Usando CSS fate in modo che la prima lettera del seguente paragrafo sia colorata di verde e sia grande il triplo delle lettere del paragrafo stesso.
    Il termine portale è ormai divenuto una vera e propria parola magica all'interno della sempre più vasta comunità di utenti e operatori della rete Internet.
  4. Creare una pagina html contenente il vostro nome e cognome. Utilizzando CSS fate in modo che ogni lettera sia grande 36 punti, venga usato un font senza grazie e venga colorata in maniera differente dalle altre.
  5. Usando CSS fate in modo che i paragrafi del seguente brano (tratto dal libro online Internet 2000 di M. Calvo, M. Ciotti, G. Roncaglia, M. Zela disponibile gratuitamente qui) siano giustificati, l'interlinea dei paragrafi sia pari a 1.5; mentre, il margine destro e quello sinistro siano di 1.5 centimetri.
    Le intestazioni di livello uno siano di colore rosso, centrate e grandi 16 punti; mentre le intestazioni di livello due siano di colore blu, allineate a sinistra e grandi 14 punti.

    Navigare in Internet: alcune considerazioni generali

    Cos'è Internet e a che cosa serve? Sono questi probabilmente i primi e fondamentali interrogativi ai quali chi si avvicina alla 'rete delle reti' vorrebbe trovare risposta. Si tratta tuttavia di interrogativi ai quali rispondere in maniera adeguata può essere molto difficile. Le risposte formalmente più corrette sono in qualche misura 'tecniche' e, nel corso del libro, cercheremo di fornirle in maniera per quanto possibile chiara e completa.
    [...]
    Si tratta di un dato importante, da tener presente per capire la caratteristica forse fondamentale di Internet: quella di essere insieme una risorsa informativa e un luogo di interazione culturale, sociale, economica.

    Internet come risorsa informativa

    Chi collega per la prima volta il proprio computer a Internet e inizia a 'navigare' nella rete ha spesso una idea molto vaga di quanta, e quanto variegata, sia l'informazione raggiungibile. Nel corso della nostra esperienza didattica, ci è capitato spesso di discutere questo problema con persone che vedevano in Internet soprattutto uno strumento per accedere a banche dati o a pochi siti fortemente strutturati, cioè a 'depositi' di informazione ragionevolmente ordinata e organizzata: ad esempio il catalogo di una biblioteca, o l'archivio di articoli di un giornale, o una raccolta di dati di borsa.
    [...]
    Deve però sapere fin d'ora che fino a quando non avrà capito almeno nelle linee essenziali cos'è un ipertesto, e perché tanta parte dell'informazione distribuita attraverso Internet ha una forma ipertestuale (o, per essere più esatti, ipermediale), non potrà dire di aver compreso cos'è Internet.

    Internet come villaggio globale

    Dietro all'informazione che circola su Internet ci sono, si è detto, delle persone. Ogni scambio informativo è una forma di interazione sociale, e la rete è dunque luogo di innumerevoli interazioni sociali.
    [...]
    Ma in quel mondo dovranno e vorranno vivere anche molti di noi, perché la durata media della vita si allunga, e con essa cresce la sovrapposizione fra generazioni diverse potenzialmente attive e concorrenti sul mercato del lavoro.
  6. Creare una pagina html contenente una serie di link (potreste usare un elenco di link a giornali on-line). Usando CSS fare in modo che normalmente il colore dei link sia rosso; mentre, quando il cursore del mouse si posiziona su di essi il colore diventi giallo, il testo diventi tutto in maiuscolo e la sua grandezza diventi di 14 punti.
  7. Scrivere un documento HTML contenente il proprio nome e cognome (solo le iniziali devono essere in maiuscolo). Usando opportunamente CSS fate in modo che tutte le lettere siano in maiuscolo, di colori diversi (tranne il rosso ed il bianco) e su sfondo rosso. Quando si va con il mouse sulla terza lettera del cognome o del nome, questa deve diventare bianca, minuscola ed in grassetto.
  8. Scegliete un'immagine di vostro gradimento; posizionarla come sfondo del testo dell'esercizio 5.
  9. Scegliete un'immagine di vostro gradimento; relativamente al testo dell'esercizio 5, l'immagine deve essere lo sfondo di tutte le intestazioni.
  10. Scegliete un'immagine di vostro gradimento; relativamente al testo dell'esercizio 5, l'immagine deve ripetersi solo in alto ed orizzontalmente. Inoltre, non deve scrollare con la pagina.
  11. Utilizzando CSS fate in modo che i paragrafi del brano dell'esercizio 5 abbiano un bordo superiore ed inferiore tratteggiato e di colore verde; mentre, il bordo destro e sinistro deve essere incassato e di colore rosso.
  12. Utilizzando CSS, relativamente al brano dell'esercizio 5, fate in modo che la parola Internet nel abbia un bordo rosso; le intestazioni devono essere centrate e tutte le parole devono iniziare in maiuscolo (non editare il file HTML); indentare di un pollice la prima riga di tutti i paragrafi, tranne quello che inizia per "Deve però sapere..." che deve essere indentato di 4 centimetri.
  13. Creare un documento HTML contenente una serie di link (potreste usare un elenco di link a giornali on-line). Usando CSS fare in modo che il testo sia formattato come un link; mente ogni link appaia come testo normale.
  14. Creare un documento HTML contenente una serie di link (potreste usare un elenco di link a giornali on-line). Usando CSS fare in modo che la dimensione dei link siano il doppio del testo normale.
  15. Creare un documento HTML contenente due elenchi puntati. Usando opportunamente CSS incorniciare il primo elenco con un bordo doppio di colore verde e cambiare il simbolo degli elementi pari del secondo elenco in un quadrato.
  16. Usando CSS cambiare i pallini della seguente lista non ordinata con un'immagine di vostra scelta.
    • Primo item
    • Secondo item
    • Terzo item
    • Quarto item
  17. Usando CSS e senza modificare i tag HTML trasformare la lista non ordinata dell'esercizio precedente in ordinata.
  18. Usando opportunamente CSS fate in modo che nel seguente elenco ordinato vengano usate le lettere maiuscole invece dei numeri.
    1. Primo item
    2. Secondo item
    3. Terzo item
    4. Quarto item
  19. Usando opportunamente CSS fate in modo che lo sfondo dell'intera lista sia verde, largo 12 centimetri ed abbia un padding di 1 centimetro; mentre, lo sfondo di ogni item sia rosso e grande a sufficienza per contenere il testo dell'item. Il testo deve essere in un carattere qualiasi senza grazie.
    1. Primo item
    2. Secondo item
    3. Terzo item
    4. Quarto item, molto, molto, molto, molto lungo
    Il risultato dovrebbe essere simile a questo.
  20. Cambiare il puntatore del mouse in un punto interrogativo quando si passa sopra al testo enfatizzato del seguente paragrafo:
    Gli indirizzi attualmente in uso sono prevalentemente quelli di classe A, B e C. Questi indirizzi non sono mai dati singolarmente, ma per motivi di organizzazione di rete sono dati in blocchi di indirizzi adiacenti.
  21. Esercizio con funzionalità di PHP e CSS.