Issuu

Corso di front-page

Pagin

Corso di front-page Home - page 1) Ecco Front-page 2) Creiamo un sito web 3) Creiamo la home-page 4) Inseriamo l'intestazione 5) Inseriamo il menù 6) Creiamo il modello di pagina 7) Inseriamo i contenuti 8) Proviamo il sito 9) Creiamo un'altra pagina 10) Inseriamo altre informazioni 11) Riepilogo

Siamo nella home-page Questo corso ha per obiettivo la rapida creazione di siti web in ambito scolastico. Il metodo proposto è la creazione di un modello di sito generico, adatto a molti usi diversi: - Intestazione in alto - Menù a sinistra - Contenuti a destra Il corso è stato creato con front -page xp. Abbiamo cercato di creare una struttura semplice. Abbiamo usato una tabella per impaginare le pagine del sito ed un frame non ancorato (tag iframe) per inserire il menù. Buon lavoro

http://localhost/alessiosperlinga/corsofp/index.htm

Alessio Sperlinga sabato 17 aprile 2004

20/04/2004

Corso di front-page

Corso di front-page Home - page 1) Ecco Front-page 2) Creiamo un sito web 3) Creiamo la home-page 4) Inseriamo l'intestazione 5) Inseriamo il men첫 6) Creiamo il modello di pagina 7) Inseriamo i contenuti 8) Proviamo il sito 9) Creiamo un'altra pagina 10) Inseriamo altre informazioni 11) Riepilogo

http://localhost/alessiosperlinga/corsofp/01_ecco_front_page.htm

Ecco Front-page

20/04/2004

Corso di front-page

Creiamo un sito web

Per prima cosa andiamo sul men첫 File/Nuovo/Pagina o web

All'apparire del men첫 a destra scegliamo Web vuoto

http://localhost/alessiosperlinga/corsofp/02_creiamo_web.htm

20/04/2004

Corso di front-page

facciamo clic sull'icona Web vuoto

http://localhost/alessiosperlinga/corsofp/02_creiamo_web.htm

20/04/2004

Corso di front-page

E front-page crea il sito web

http://localhost/alessiosperlinga/corsofp/02_creiamo_web.htm

20/04/2004

Corso di front-page

http://localhost/alessiosperlinga/corsofp/02_creiamo_web.htm

20/04/2004

Corso di front-page

Creiamo la home-page Per prima cosa creiamo una pagina vuota con il pulsante

oppure con il men첫 File/Nuovo Poi creiamo una tabella con due righe e due colonne

Ecco il risultato

Modifichiamo la tabella trascinando il bordo inferiore verso il basso e il bordo centrale verso sinistra

http://localhost/alessiosperlinga/corsofp/03_creiamo_home_page.htm

20/04/2004

Corso di front-page

Infine uniamo le due celle in alto, prima selezionandole e poi premendo il tasto destro del mouse e facendo clic su Unisci celle

http://localhost/alessiosperlinga/corsofp/03_creiamo_home_page.htm

20/04/2004

Corso di front-page

http://localhost/alessiosperlinga/corsofp/03_creiamo_home_page.htm

20/04/2004

Corso di front-page

Inseriamo l'intestazione

Per prima cosa scegliamo un carattere per il titolo e una dimensione adeguata

Inseriamo il titolo

e lo allineiamo al centro premendo il pulsante centra

http://localhost/alessiosperlinga/corsofp/04_intestazione.htm

20/04/2004

Corso di front-page Infine allineiamo i contenuti in alto, facendo clic nella cella a sinistra, premendo il tasto destro del mouse e scegliendo proprietĂ cella

http://localhost/alessiosperlinga/corsofp/04_intestazione.htm

20/04/2004

Corso di front-page

Poi ripetiamo l'operazione nella cella di destra

http://localhost/alessiosperlinga/corsofp/04_intestazione.htm

20/04/2004

Corso di front-page

Inseriamo il men첫

Per inserire il men첫 facciamo clic nella cella di sinistra e facciamo clic sul men 첫 Inserisci/Frame non ancorato

http://localhost/alessiosperlinga/corsofp/05_menu.htm

Poi facciamo clic su nuova pagina

20/04/2004

Corso di front-page

Quindi facciamo clic sul bordo del frame, lo stringiamo verso sinistra e lo allunghiamo verso il basso

http://localhost/alessiosperlinga/corsofp/05_menu.htm

20/04/2004

Corso di front-page

Infine facciamo clic con il tasto destro del mouse sul bordo del frame e facciamo clic su ProprietĂ frame non ancorato

http://localhost/alessiosperlinga/corsofp/05_menu.htm

20/04/2004

Corso di front-page

A questo punto disabilitiamo Mostra bordi e scegliamo Barra di scorrimento = Mai

http://localhost/alessiosperlinga/corsofp/05_menu.htm

20/04/2004

Corso di front-page

a questo punto possiamo salvare il file contenuto nel frame premendo il pulsante e dandogli nome menu (senza accenti) e poi salviamo la home-page dandogli nome index. NB: scrivere tutti nomi dei file minuscoli e senza spazi.

http://localhost/alessiosperlinga/corsofp/05_menu.htm

20/04/2004

Corso di front-page

Creiamo il modello di pagina

Per creare il nostro modello di pagina web facciamo clic sul men첫 File/Salva con nome, gli diamo un nome appropriato, scegliamo tipo file = Modello di Front-page e facciamo clic su Salva

http://localhost/alessiosperlinga/corsofp/06_modello.htm

20/04/2004

Corso di front-page A questo punto ogni volta che avremo bisogno di una nuova pagina dovremo fare clic sul men첫 File/nuovo/Pagina o web, scegliere Modelli di pagina

ed infine fare clic sull'icona del modello che abbiamo creato

http://localhost/alessiosperlinga/corsofp/06_modello.htm

20/04/2004

Corso di front-page

Ora siamo pronti per creare il nostro sito web

http://localhost/alessiosperlinga/corsofp/06_modello.htm

20/04/2004

Corso di front-page

Inseriamo i contenuti

Una volta creato un modello lo possiamo usare in tutti i siti web sul nostro pc Apriamo la pagina INDEX.HTM (con un doppio-clic del mouse) e inseriamo nel menù i titoli delle pagine che comporranno il nostro sito. Nella parte destra inseriamo una breve presentazione. La pagina INDEX.HTM è la nostra home-page. La home-page è la pagina iniziale di un sito ed introduce al contenuto del sito stesso