DISI Dipartimento di Informatica e Scienze dell'Informazione

Esercitazione sul linguaggio HTML
In questa esercitazione continuiamo a produrre dei documenti HTML usando i tag visti a lezione. Inoltre, usiamo il tag <table> per organizzare gli elementi della pagina nell'interfaccia del browser.

Costruire pagine HTML non è difficile. Costruire pagine HTML che siano anche gradevoli e usabili è un altro discorso. A questo proposito vi suggerisco di leggere alcuni articoli pubblicati da Jakob Nielsen, guru della web usability, che trovate elencati al fondo della pagina.

Non tutti sono d'accordo sulle proposte di Jakob Nielsen e il dibattito è molto attuale: un sito deve essere di facile navigazione a tutti i costi oppure si deve dare spazio alla creatività dell'autore?


Esercizio
  1. Scrivete una pagina HTML che contiene una tabella con due righe e due colonne. Cambiate il colore dello sfondo delle celle della tabella. Inserite nelle celle i seguenti elementi
    1. un elenco puntato
    2. un'immagine
    3. un link ad una nuova pagina (che dovete creare al punto 2.)
    4. un link ad un file multimediale (audio o video) che potete trovare sul vostro calcolatore
      Premendo Start --> Search --> For file or Folders si apre una finestra di dialogo che vi permette di trovare i file all'interno del file system. Per trovare un file di cui non conoscete il nome ma solo l'estensione potete digitare nel campo per la ricerca un asterisco seguito dall'estensione del file. Per esempio, scrivendo *.doc troverete tutti i file in formato Word per Windows, scrivendo *.wav troverete i file audio, scrivendo *.avi troverete i file video (ovviamente, se ci sono).

  2. Scrivete un secondo file HTML (quello raggiungibile mediante il link del punto 1.iii). Scegliete per lo sfondo della pagina lo stesso colore associato alla cella che contiene il link. Inserite del testo e provate a modificare il colore, la dimensione, il tipo di font di alcune parole usando il tag <font>


Link utili
Dal sito di Jakob Nielsen
Molti suggerimenti vi sembreranno ovvi, altri sono sicuramente datati, ... però troppo spesso si incontrano siti - magari bellissimi - nei quali è praticamente impossibile trovare le informazioni. E sul web la concorrenza non richidere spostamenti fisici ... bastano pochi clic del mouse ...

Presso la Segreteria didattica del DIPTERIS trovate una copia dei seguenti articoli di Jakob Nielsen

Se vi interessano gli aspetti di usabilità esiste anche un sito italiano su questo argomento: webusabile.it




last update >>>