Realizzare un sito con Word -...

22
Realizzare un sito con Word 2016 Redatto dal Prof. Fabio Rodomonte

Transcript of Realizzare un sito con Word -...

Page 1: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

Realizzare un sito con Word 2016

Redatto dal Prof. Fabio Rodomonte

Page 2: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

Cliccare sulla barra del titolo in Personalizza barra di accesso rapido -> Altri comandi

Page 3: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

Selezionare Tutti i comandi

Page 4: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

Scegliere dall’elenco le voci:

1) Nuovo frame a destra2) Nuovo frame a sinistra3) Nuovo frame sopra4) Nuovo frame sotto5) Elimina frame

Page 5: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito
Page 6: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

Nella barra di accesso rapido compariranno le nuove icone

Page 7: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

A questo punto creiamo una cartella sul desktop nella quale inseriremo tutti i file relativi al nostro

sito. La nominiamo Sito NomeCognome,

fatto ciò decidiamo la struttura del sito da quanti frame debba essere composta. Es:

Frame destro

Frame Intestazione del sito

Frame visualizzazione contenuti

Page 8: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

Creiamo le pagine html che dovremo inserire all’interno dei nostri frame. A titolo

d’esempio il sito che vorremo creare deve consentirci di vedere, tramite un indice alcune

delle componenti hardware di un pc.

Page 9: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

INDICE

Scheda madreCPURAMHard Disk

Home page

IL PC: L’UNITÀ CENTRALE(Titolo del sito)

Il sito è stato realizzato da: Nome e cognome(Home page)

Per realizzare questo sito sono necessarie le seguenti pagine:Indice.html Scheda madre.htmlCPU.html RAM.htmlHard Disk.html Titolo del sito.htmlHome page.html

Page 10: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

Per prima cosa creiamo la pagina index.html, quindi apriamo word e clicchiamo su nuovo frame

a destra, poi ci spostiamo nel frame a sinistra e clicchiamo su nuovo frame in alto

Page 11: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

Portandosi con il puntatore in prossimità del bordo del frame possiamo regolarne le dimensioni

Page 12: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

Salva con nome il file all’interno della cartella che avevamo in precedenza creato nel desktop.

Indichiamo come nome index.html e salviamo come pagina web

Page 13: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

Il contenuto all’interno della cartella è il seguente

Page 14: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

Ora creiamo la pagina INDICE.html, come indicato in precedenza e salviamo come pagina web sempre all’interno della cartella Sito NomeCognome

nel desktop. Il risultato sarà il seguente

Page 15: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

Creiamo una pagina web per il titolo del sito e per ogni voce creata nell’indice. Nelle pagine web relative alla

scheda madre, alla CPU, alla RAM e all’Hard disk inseriamo un immagine che li rappresenti. Salviamo tutto

all’interno della cartella Sito NomeCognome. Il risultato sarà il seguente:

Page 16: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

Apriamo il file index.htmle inseriamo al suo interno i

file INDICE.html (nel frame a destra) il file Titolo del sito.html (nel frame in

alto) il file Home page.html (nel frame a

sinistra). Quindi clicchiamo con il tasto

destro nel frame -> Proprietà frame

Page 17: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

In Pagina iniziale selezionare il file html precedentemente creato che deve essere inserito nel frame. Nella tab Bordi possiamo personalizzare il

bordo di un frame

Page 18: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

Una volta inserite le tre pagine web all’interno dei frame il risultato sarà il seguente:

Page 19: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

Per inserire i collegamenti ipertestuali all’interno dei frame procediamo così:

Selezioniamo la hotwordTasto destro

Collegamento ipertestuale

Page 20: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

Selezioniamo il file e poi indichiamo il frame di destinazione

Page 21: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

Cliccando sulla hotword dovrà comparire nel frame di destinazione la pagina web selezionata

Page 22: Realizzare un sito con Word - rodomontefabio.altervista.orgrodomontefabio.altervista.org/dispense/realizzare un sito con word.pdf · Creiamo una pagina web per il titolo del sito

Per evitare di dover cliccare su ctrl per aprire il collegamento ipertestuale eseguire le istruzioni: Personalizza barra di

accesso rapido -> Altri comandi -> Impostazioni avanzate -> Deselezionare Usa ctrl + clic per visitare il collegamento

ipertestuale