Dovete attivare la vostra casella di e-mail che avete avuto quando vi siete immatricolati come studenti dell'Università di Genova.
Chi non lo avesse ancora fatto deve provvedere. Le istruzioni sono indicate nella pagina al seguente indirizzo:
https://webmail.studenti.unige.it/webmail/
Finora abbiamo usato il text editor in maniera amatoriale. Vediamo adesso un po' più in dettaglio cosa è (e cosa non è) un text editor.
(Ciò che segue sono cose generali, e non si riferiscono a uno specifico text editor)
Abbiamo visto qualche esempio di HTML. La specifica completa si trova all'indirizzo http://www.w3.org/TR/html4 (sul sito del World Wide Web Consortium ovvero W3C).
Tuttavia, anche senza entrare nel dettaglio dello standard, il tutorial Guida HTML presenta alcuni tag che non abbiamo utilizzato nelle scorse esercitazioni.
Una cosa da notare è che secondo lo standard, un file html deve avere una prima riga come la seguente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//IT">Questo indica qual è il linguaggio utilizzato, ossia, quale versione di HTML abbiamo impiegato per la nostra pagina.
Questa informazione è utile al browser che deve fare il rendering della nostra pagina.
Un'altra informazione utile si mette nella sezione <HEAD>:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">In questo modo si indica qual è il tipo del file (file di testo scritto in html), che non è necessariamente indicato dall'estensione, e soprattutto si indica quale insieme di caratteri abbiamo usato.
Nella preistoria dei browser, questi dettagli non erano necessari. Tuttavia, all'aumentare della flessibilità del metodo, si è dovuta aumentare anche la complessità dei documenti. Però, d'altra parte, basta ricopiare pari pari le due righe indicate, una all'inizio del file e l'altra nella sezione head.
Utilizzando il sito indicato sopra e attraverso l'uso di un text editor, svolgete i prossimi esercizi di HTML.
Create una tabella come quella della figura usando gli attibuti colspan e rowspan da applicare al tag <TD>
L'attributo colspan=n fa in modo che una cella (TD) di una tabella occupi lo spazio di n celle NELLA STESSA RIGA, ossia n colonne.
Quindi (per esempio) in una tabella con 5 righe, se una cella ha colspan=2 essa occuperà lo spazio di 2 colonne, e nella sua riga ci sarà spazio per 4 celle soltanto.
Analogamente, l'attributo rowspan=n fa in modo che una cella (TD) di una tabella occupi lo spazio di n celle NELLA STESSA COLONNA, ossia n righe.
Quindi (per esempio) in una tabella con 3 righe, se una cella ha rowspan=2 essa occuperà lo spazio di 2 righe, e nella sua colonna (in verticale) ci sarà spazio per 2 celle soltanto.
Ragionare sul rowspan è un po' piu' difficile perché occorre ricordarsi lo spazio occupato dalle celle DELLE RIGA SUPERIORI. Quindi, se metto una cella con rowspan=2 in questa riga, dovrò ricordarmi che, NELLA RIGA SUCCESSIVA, dovro' contare una cella in meno perché già occupata.
Una spiegazione sull'uso delle image map si trova in rete a questo indirizzo.
Salvate in locale la cartina dell'Italia e create una image
map scegliendo 3 regioni. Ad ogni regione cliccabile dovrà
essere associato un link esterno verso il sito di una Università
presente in quella regione (es. Piemonte, www.di.unito.it;
Lombardia, www.unimi.it; ...).
Al fondo della pagina mettete un link verso la pagina dell'autore del sito. Questo link aprirà la vostra home page (potete riprendere e migliorare il file della esercitazione 2).
L'home page deve contenere una fotografia (se non si ha una foto disponibile, utilizzare l'immagine-segnaposto fornita qui), un testo di presentazione personale, il proprio indirizzo di posta elettronica cliccabile (usando il tag A con proprietà HREF riferita ad un URL con specifica di protocollo mailto://), una lista di link preferiti, ed altro che potrebbe essere utile in una home page personale.
SUGGERIMENTO: A volte, per "far stare al loro posto" le parti di un testo, le si inserisce in una tabella invisibile (attributo BORDER=0). In questo modo si può, per esempio, impaginare su due colonne, o impostare blocchi di testo indipendenti, o lasciare un margine che contiene la propria fotografia, ecc.
SUGGERIMENTO: per aggiustare le dimensioni dei TD si può usare l'attributo width= (accetta anche percentuali).
SUGGERIMENTO: per scrivere le lettere accentate e altri caratteri particolari si devono usare i codici riportati nella tabella seguente:
| CARATTERE | CODICE |
| à | à |
| è | è |
| é | é |
| ì | ì |
| ò | ò |
| ù | ù |
| (idem per le corrispondenti maiuscole) | |
| & | & |
| " | " |
| < | < |
| > | > |
(alcuni di questi codici sono anche descritti nella scheda Markup Tags Summary).
Aggiungete un insieme di link ad inizio pagina che rimandino alla domanda/risposta corrispondente (tutte le domande iniziano con A.). Inoltre, formattate il file in modo da avere il testo delle domande in grassetto.
Versione completa: al fondo di ogni risposta inserite un link di nome "Back to index" che rimanda ad inizio pagina.
