|
|
|
Sei in: Home > Materiale > Laboratorio
> Esercitazione 1 |
Elaborazione di immagini e testi; introduzione al linguaggio HTML
|
Traccia
dell'esercitazione
1. Codifica ed elaborazione di immagini
Alcune immagini
2. Elaborazione di testi:
- Introduzione alle funzioni di base:
- apertura, chiusura e salvataggio di documenti
- formattazione elementare (distribuzione del testo, formato del
paragrafo, formato del carattere)
- inserimento di elenchi puntati, immagini, tabelle e oggetti
- impostazioni per l'impaginazione dei documenti
- Stili: applicazione, modifica e creazione di stili per gli
elementi che compongono i documenti (titoli di vari livelli, paragrafi,
didascalie, ...): le funzionalità necessarie sono accessibili dalla
scheda "Stili e formattazione" del menù "Formato", sia in Writer che in
Word; creazione di indici e sommari sulla base delle indicazione di
stile (dalla maschera "Indici" del menù "Inserisci" in Writer o dalla
voce "Indici e sommario" della voce "Riferimento" dal menù "Inserisci"
in Word).
3. Internet:
- Introduzione al linguaggio HTML:
- struttura della pagina (tag
<html>, <head>, <body>)
- tag per la formattazione elementare del
testo
- inserimento di elenchi puntati ed ordinati
- inserimento di link, immagini e oggetti
- Stili:
utilizzo di fogli di stile CSS per la gestione del layout della pagina.
Esercizi (in
laboratorio)
Durante l'esercitazione saranno proposti alcuni
esercizi,
da svolgere in tempo reale, relativi agli argomenti trattati. In
particolare, gli esercizi verteranno su:
Elaborazione di testi:
Linguaggio HTML:
- analisi del codice HTML di una pagina web
esistente (qui una pagina di esempio)
- creazione, utilizzando il software KompoZer, di
una nuova pagina HTML
- modifica della formattazione del testo della
pagina creata ed inserimento di elenchi, immagini ed oggetti, sia
utilizzando le facilities offerte da KompoZer, sia agendo sul codice
HTML
- gestione del layout attraverso un
foglio di stile CSS integrato (esempio)
- gestione del layout attraverso uno o più
fogli di stile CSS esterni (esempio)
Link utili
Il portale W3Schools
mette a disposizione tutorial, esempi, esercizi e risorse utili per la
creazione di pagine web. In particolare, sono presenti due sezioni
dedicate ad HTML e CSS:
|
|
|
