compiti per le vacanze a.s. 2013/14

Istituto di Istruzione Secondaria Superiore “J. M. Keynes”
COMPITI PER LE VACANZE CLASSE 4^ AR - RIM A.S. 2013-2014
TECNOLOGIE DELLA COMUNICAZIONE
Prof.ssa Brunetti Elena Lisa
I) DAL LIBRO DI TESTO
ESEMPI DI APPLICAZIONE
1)
2)
3)
4)
5)
6)
7)
8)
Pagina 179 Progetto 2: Creare una semplice pagina HTML (struttura di documento HTML);
Pagina 195 Progetto 6: Creare una pagina web con gli elementi di uso comune;
Pagina 204 Progetto 8: Creare una pagina web con segnalibri;
Pagina 209 Progetto 9: Completare progetto 8 con inserimento di immagini;
Pagina 216 Progetto 10: Creare un file CSS esterno;
Pagina 223 Progetto 11: Creare una pagina web con CSS associato;
Pagina 228 Progetto 13: Creare la homepage di Hexagon Tours;
Pagina 254 Progetto 2: Creare un box contenente l’offerta della settimana.
PROBLEMI DI RIEPILOGO
1) Pagina 241 ESERCIZIO N° 29;
2) Pagina 297 ESERCIZI N° 20 e 22.
II) ESERCIZITAZIONE
1) Scrivere (utilizzando Blocco note) le istruzioni HTML per creare un sito relativo ad un agriturismo.
IL sito è composto da quattro pagine (home, camere, dovesiamo e listino). Tutte le pagine devono
avere lo stesso aspetto utilizzando un foglio di stile collegato (esterno).
Ciascuna pagina è costituita da 5 riquadri.
Il riquadro in alto contiene il titolo, in H1, ha sfondo rosso, testo bianco e grassetto;
Il riquadro in basso contiene l’indirizzo e-mail ha sfondo giallo, dimensione testo a piacere;
Il riquadro di sinistra contiene i link alle altre pagine ha sfondo azzurro, dimensione testo a piacere;
Il riquadro centrale contiene immagini e informazioni, ha sfondo bianco e testo nero, dimensione e
tipo carattere a piacere;
Il riquadro di destra contiene un elenco puntato i cui elementi sono link a siti Internet, ha sfondo
azzurro;
L’elenco puntato della home page deve avere come punto l’immagine pallino.gif.
Gif animata
L’elenco puntato delle altre pagine deve avere come punto un quadratino.
pallino.gif
Pagina home.htm
AGRITURISMO “Le Ginestre”
LE CAMERE
Fotocasa.jpg

TERRITORIO

ESCURSIONI
DOVE SIAMO
LISTINO
Breve descrizione
Indirizzo e recapiti telefonici
Contattaci: [email protected]
lavoro estivo a.s.2013-14 classe 4 AR – RIM Tecnologie della Comunicazione
Pagina camere.htm
AGRITURISMO “Le Ginestre”
HOME PAGE
camera1.jpg
DOVE SIAMO
Camera singola
LISTINO

TERRITORIO

ESCURSIONI

TERRITORIO

ESCURSIONI

TERRITORIO

ESCURSIONI
camera2.jpg
Camera doppia
Contattaci: [email protected]
Pagina dovesiamo.htm
AGRITURISMO “ Le Ginestre”
HOME PAGE
Cartina.jpg
CAMERE
LISTINO
Contattaci: [email protected]
Pagina listino.htm
AGRITURISMO “Le Ginestre”
HOME PAGE
DOVE SIAMO
CAMERE
Costo per pernottamento e prima colazione espresso in euro
TIPO
CAMERA
Singola
Doppia
Tripla
PERIODO
Bassa stagione
Media stagione
Alta stagione
40
60
80
50
70
90
60
80
100
Contattaci: [email protected]
La tabella deve avere un bordo colorato di spessore 3.
2
lavoro estivo a.s.2013-14 classe 4 AR – RIM Tecnologie della Comunicazione
2) Creare il seguente FORM con CSS Esterno (anche senza colore):
Teoria
Completare:
1. CSS è l’acronimo di_____________________________________________
2. I CSS consentono di effettuare una _____________________ tra il _____________ di una
pagina e _____________________
3. per elemento si intende _____________________________________
4. scrivere tre elementi_________________________________________
5. per stile si intende________________________________________
6. le classi si utilizzano per ______________________________________________________
_____________________________________________________________________________
7. la sintassi dei comandi css è la seguente: Elemento { _______________:_______________}
8. una pagina di stile esterna è la soluzione migliore quando lo stile viene applicato a
_____________________________________________________________________________.
9. i comandi relativi alle pagine di stile interne si inseriscono ___________________nel file con
estensione_________________; cioè nella pagina che descrive il ____________________
10. le pagine di stile esterne si memorizzano in un file con estensione______________; ogni
pagina del sito si collega con la pagina di stile mediante il tag ________________; il quale va
inserito nel _________________.
3