Versione 6 - 18/05/2010
Versione 6 - 18/05/2010
Capitolo X
Esercitazione n. 10: Word e HTML
campi per includerli tutti in una pagina.
34.
Scegli uno stile grafico a piacere per il report. Salva il report
con un nome a piacere e visualizza il report in anteprima. Qualora i dati del report non siano visualizzati correttamente, richiama la visualizzazione struttura ed adegua la larghezza dei
controlli dei vari campi, per far sì che vengano mostrati tutti i
dati (come mostrato nella pagina dei risultati, fig. 4).
ATTENZIONE: qualora non vengano impostate le opzioni di riepilogo
durante la procedura di creazione guidata, apri il report in visualizzazione struttura ed inserisci nel piè di pagina del gruppo Genere e del
report, due caselle di testo: (utilizza il controllo contrassegnato da ab|
± nella scheda Struttura della barra multifunzione, sezione Controlli).
Visualizza la finestra delle proprietà di ciascuna casella di testo ed inserisci nel campo Origine Controllo O¶espressione =Sum([Prezzo])
Al termine, chiudi il report.
L ± Creazione di un report con dati filtrati
35.
36.
Con la creazione guidata, realizza un nuovo report esattamente
uguale (a parte lo stile grafico) a quello mostrato in figura 5
sulla pagina dei risultati e fai in modo che il report visualizzi
solamente i libri la cui data di pubblicazione sia successiva
DOO¶DQQRLQFOXVR
Scopo: Creare un semplice sito
web con Microsoft Word. Il sito web è
composto da una home page, e da altre due pagine (curriculum e hobby)
ad essa collegate mediante hyperlink.
La struttura del sito è mostrata nella
figura a laWR2OWUHDOO¶LQVHULPHQWRGegli hyperlink esterni, verranno provate
altre funzionalità (inserimento sfondo
della pagina, inserimento immagini,
inserimento hyperlink interni).
Home
page
Pagina
Hobby
Pagina
Curriculum
A ± Inizio
1.
SUGGERIMENTO: Procedi come segue:
a) Crea prima una nuova query inserendo i campi necessari (almeno i
campi presenti nel report e i campi su cui inserire criteri di ricerca)
b) Immetti nella query il criterio per filtrare i dati in base alla data di
pubblicazione >= 1990
c) Crea il report basato sulla query, impostando la visualizzazione dati
per i campi Cognome e Nome ed ordinando in senso crescente in
base al campo Data pubblicazione.
Accendi il computer e accedi al sistema operativo digitando il
proprio nome e password. Al termine della fase di avvio, sarà
visualizzata la finestra principale del sistema operativo (es.
Windows Vista)
2.
&KLXGL 06 $&&(66 FOLF VXOO¶LFRQD LQ DOWR D GHVWUD GHOOR
schermo, oppure tramite pulsante di Office > Esci da Access).
Recupera dal sito i file nHFHVVDUL SHU O¶HVHUFLWD]LRQH VHJXHQGR
la procedura descritta nel capitolo introduttivo:
testo1.doc (contiene il testo che dovrai usare come contenuto della pagina curriculum),
sfondo1.jpg FRQWLHQHO¶LPPDJLQHGLVIRQGR
3.
Avvia MS Word e crea un nuovo documento. Scegli il modello
Pagina Web (Office 2003) altrimenti Documento vuoto.
4.
Realizza una semplice home page con almeno cinque righe di
96
97
Versione 6 - 18/05/2010
Versione 6 - 18/05/2010
testo, inserendo alcuni tuoi dati personali.
5.
Salva il file come Pagina web nella directory di lavoro precedentemente creata (clic sul pulsante Office > Salva con nome
> espandi la voce Tipo file > seleziona Pagina Web filtrata
(*.htm;*.html)); inserisci come nome file pghome; assegna un
titolo a piacere alla pagina (pulsante Cambia titolo); il file viene salvato con estensione .htm.e viene attivata su Word la visualizzazione Layout web. Chiudi il file.
B ± Inserimento hyperlink esterni ed interni
6.
7.
quindi barra multifunzione > scheda Inserisci > Collegamento Ipertestuale$OO¶LQWHUQRGHOODILQHVWUDGLLPSRVWD]LRQHVFegli File Esistente o Pagina Web e seleziona il file pghome.htm.
Verifica che nella casella Indirizzo appaia il nome del file,
quindi clic su OK.
Apri il documento Word testo1.doc fornito nel materiale di
partenza e salvalo come Pagina web filtrata nella directory di
lavoro creata in precedenza. Assegna al file il nome curriculum.htm ed assegna un titolo a piacere alla pagina web.
8.
Nota: il collegamento ipertestuale inserito, consentirà a un
utente che sta navigando la pagina curriculum del nostro sito
di tornare alla home page del sito stesso (file pghome.htm).
9.
Crea ora due hyperlink interni al documento, ossia dei colleJDPHQWLFKHSDUWHQGRGDFLDVFXQDULJDGHOO¶HOHQFRSXQWDWRLQiziale (righe 2 e 3 della pagina curriculum), portino a delle posizioni interne alla pagina web curriculum, corrispondenti in
questo caso al titolo di ciascuna delle due sezioni del curriculum (1. Titoli di Studio, 2. Esperienze Professionali).
Per fare ciò, ricorda che è necessario identificare con un segnalibro le posizioni interne della pagina web curriculum a cui devono puntare i collegamenti interni da realizzare.
ATTENZIONE: analizza la figura successiva per capire meglio.
Nella pagina curriculum inserisci un collegamento alla home
page creata in precedenza (pghome.htm): seleziona il testo
Torna alla home page, (già inserito nella quarta riga del file),
98
99
Versione 6 - 18/05/2010
37.
Procedi come segue: identifica il titolo di ciascuna delle due sezioni con un segnalibro (seleziona il testo quindi barra multifunzione > scheda inserisci > Segnalibro, dai un nome al segnalibro quindi clic su Aggiungi).
Versione 6 - 18/05/2010
10.
6HOH]LRQDRUDODSULPDULJDGHOO¶HOHQFRSXQtato Titoli di Studio,
quindi barra multifunzione > scheda inserisci > Collegamento
Ipertestuale$OO¶LQWHUQRGHOODILQHVWUDGLLPSRVWD]LRQHGHOFRllegamento ipertestuale, fai clic su ,QVHULVFL DOO¶LQWHUQR GHO Gocumento, quindi nella lista delle posizioni interne, seleziona la
corrispondente posizione segnalibro creata in precedenza.
11.
Ripeti per la riga successiva (Esperienze Professionali). Inoltre,
nello spazio tra le due sezioni del curriculum crea un hyperlink
interno FKH ULSRUWL DOO¶LQL]LR GHO GRFXPHQWR VXO WHVWR Torna
DOO¶LQL]LR (già inserito nella pagina).
12.
Salva e chiudi il file Curriculum.htm.
C ± Completa il sito web e naviga nel sito
100
13.
Sempre con MS Word FUHD XQ¶DOWUD SDJLQD ZHE FRQ XQD Gescrizione dei tuoi hobby che occupi almeno cinque righe.
14.
Salva il file come Pagina web filtrata nella cartella precedentemente creata, assegnandogli il nome Hobby.htm.
15.
Inserisci un link ipertestuale alla home page creata in precedenza (pghome.htm), utilizzando la frase Torna alla home page ed
impostandola come collegamento ipertestuale (segui le istru-
101
Versione 6 - 18/05/2010
Versione 6 - 18/05/2010
zioni riportate nei punti precedenti).
16.
Apri nuovamente il file pghome.htm (con Microsoft Word);
aggiungi un riferimento ipertestuale al file curriculum.htm ed
un altro al file hobby.htm. Salva e chiudi.
17.
3URYDRUDDQDYLJDUHDOO¶LQWHUQRGHOVHPSOLFHVLWRZHEGLWUHSagine da te creato. Avvia Internet Explorer, menù File > Apri,
quindi con il pulsante Sfoglia localizza il file pghome.htm (in
alternativa, localizza il file pghome.htm e fai doppio clic sulla
VXD LFRQD SHU DSULUH LO ILOH DOO¶LQWHUQR GHO EURZVHU Internet Explorer).
18.
Fai clic sui due hyperlink della home page e verificane il funzionamento. Verifica, che sia partendo dalla pagina curriculum
che dalla pagina hobby, è possibile ritornare alla home page.
punto precedente.
E ± Aggiunta di uQILOHLPPDJLQH³MSJ´DOODKRPHSDJH
22.
Realizza con Microsoft Power Point un disegno che illustri la
struttura del sito web creato ed
i link tra le pagine (esattamente
Home
come la prima figura riportata
page
nella
prima
pagina
GHOO¶HVHUFLWD]LRQH).
Salva il disegno come file jpeg
nella cartella Esercitazione
word-web (clic sul pulsante
Pagina
Pagina
CurriOffice > Salva con nome > eHobby
culum
spandi la voce Tipo file > seleziona File jpeg; inserisci un
nome file a piacere).
23.
Riapri il file pghome.htm con MS Word e posiziona il cursore
alla fine del file.
24.
Inserisci il file immagine jpg appena creato: barra multifunzione > scheda Inserisci > Immagine > da File e localizza il
file da inserire. Dopo aver inserito il file immagine, salva e
chiudi.
Æ Qualora non fossi riuscito a realizzare il disegno, inserisci
XQ¶LPPDJLQHGDOOD&OLSDUW
25.
Torna alla home page visualizzata con il browser Internet Explorer e clicca sul pulsante Aggiorna. Verifica che la pagina
FDULFDWDFRQWHQJDO¶LPPDJLQHLQVHULWD
26.
Apri la finestra di Esplora Risorse e verifica che nella directory
di lavoro, è stata creata dal sistema una sotto-directory contenente il file jpeg.
D ± Aggiunta di formattazione alla home page
19.
Apri la home page con il browser e fai clic sul pulsante Modifica con Word nella barra degli strumenti di Internet Explorer.
Si apre il file pghome.htm DOO¶LQWHUQRGLMS Word (in alternaWLYD DYYLD O¶DSSOLFD]LRQH MS Word quindi clic sul pulsante
Office > Apri > espandi il pulsante a discesa con il tipo dei file
da aprire > seleziona Pagina Web (*.htm;*.html); quindi raggiungi la cartella di lavoro > seleziona il documento pghome.htm > Apri).
20.
Inserisci ulteriore testo a piacere e applica su di esso alcune caratteristiche di formattazione (font Comic Sans, colore del testo
H GLPHQVLRQL DOOLQHDPHQWR SHU PLJOLRUDUH O¶DVSHWWR HVWHWLFR
della home page. Salva.
21.
Torna alla home page visualizzata nel browser Internet Explorer e clicca sul pulsante Aggiorna per riFDULFDUH O¶XOWLPD YHrsione della pagina dopo le modifiche. Verifica che la pagina caricata presenti le caratteristiche di formattazione impostate al
102
103
Versione 6 - 18/05/2010
Versione 6 - 18/05/2010
F ± Aggiunta di un link ad un messaggio di posta elettronica
27.
Apri il file curriculum.htm in modifica con MS Word ed inserisci un collegamento ipertestuale (hyperlink) ad un indirizzo di
e-mail. Scrivi un testo a piacere (esempio: scrivimi, oppure Per
inviare una e-mail, eccetera), seleziona il testo scritto, quindi
barra multifunzione > scheda Inserisci > Collegamento Ipertestuale $OO¶LQWHUQR GHOOD ILQHVWUD GL LPSRVWD]LRQH FOLFFD VX
Indirizzo di posta elettronica e inserisci dei dati a piacere (indirizzo di posta elettronica e oggetto del messaggio).
pagina: in MS Word, barra multifunzione > scheda Layout di
pagina > gruppo Sfondo pagina > espandi il pulsante Colore
pagina quindi Effetti di Riempimento.
30.
Nella finestra seguente, seleziona la scheda Immagine, pulsante Seleziona Immagine per scegliere il file di sfondo (usa il file
sfondo1.jpg fornito nel materiale di partenza). Salva.
31.
Torna alla pagina hobby visualizzata nel browser; clicca sul
pulsante Aggiorna.
32.
Apri la finestra di Esplora Risorse e verifica che è stata creata
XQ¶DOWUD VRWWR-directory alla directory di lavoro, contenente il
file di sfondo.
H ± Accesso al codice HTML
28.
Accedi ora al codice HTML delle tre pagine create (apri i tre file .htm con Blocco Note oppure con il browser Internet Explorer e seleziona menù Visualizza > HTML).
34.
Ricerca le righe del codice HTML relative ai seguenti elementi
delle pagine: titoli delle pagine, hyperlink esterni, hyperlink interni, esempi di formattazione del testo, inserimento file immagine, hyperlink a posta elettronica, sfondo.
Salva il file curriculum.htm. Torna alla pagina visualizzata
con il browser e clicca sul pulsante Aggiorna. Verifica che la
SDJLQDFRQWHQJDO¶K\SHUOLQNLQVHULWR Chiudi tutto.
G ± Aggiunta di uno sfondo alla pagina degli hobby
Nota: (¶SRVVLELOHLQVHULUHdifferenti sfondi alle pagine web: sfondi colorati a tinta unita, con sfumatura, con motivi di riempimento, con
trame di riempimento, oppure utilizzando un file immagine esterno (esempio una foto jpeg o tiff, bmp)1HOO¶XOWLPRFDVRVLRWWHUUjXQHIIHtWRD³piastrella´, ossia O¶LPPDJLQHVFHOWDFRPHVIRQGRYLHQHUHSOLFDWD
HGDIILDQFDWDILQRDFRSULUHWXWWDO¶DUHDGHOODSDJLQDZHE
29.
33.
I ± Copia su supporto esterno (chiave USB) e verifica finale
35.
Copia i file del sito web su un supporto esterno di memoria
(chiavetta USB) e cancellali dal disco fisso. Prova di nuovo a
navigare tra le pagine del sito (sul supporto di memoria esterno), verificando che gli hyperlink rimangano corretti.
Apri il file hobby.htm con MS Word e inserisci uno sfondo alla
104
105