- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- Scegliete un'immagine di vostro gradimento; posizionarla come sfondo
del testo dell'esercizio 5.
- Scegliete un'immagine di vostro gradimento; relativamente al testo
dell'esercizio 5, l'immagine deve essere lo sfondo di tutte le
intestazioni.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- Usando CSS cambiare i pallini della seguente lista non ordinata con
un'immagine di vostra scelta.
- Primo item
- Secondo item
- Terzo item
- Quarto item
- Usando CSS e senza modificare i tag HTML trasformare la lista non
ordinata dell'esercizio precedente in ordinata.
- Usando opportunamente CSS fate in modo che nel seguente elenco
ordinato vengano usate le lettere maiuscole invece dei numeri.
- Primo item
- Secondo item
- Terzo item
- Quarto item
- 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.
- Primo item
- Secondo item
- Terzo item
- Quarto item, molto, molto, molto, molto lungo
Il risultato dovrebbe essere simile a
questo.
- 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.
- Esercizio con funzionalità di PHP e
CSS.