FrontPage
Un software per realizzare
pagine HTML
FrontPage
n
n
n
n
n
n
n
(un software per realizzare pagine HTML)
Introduzione a FrontPage
Realizzazione di pagine testuali
Collegamenti fra pagine e collegamenti esterni
Formattazione del testo
Le tabelle
Esercitazione pratica: realizzazione di pagine testuali
collegate in modo da formare un ipertesto
Esercitazione pratica: memorizzazione delle pagine in
rete e navigazione
HTML
n
n
n
n
(La struttura di una pagina web)
Il formato e il layout di una pagina Web sono definiti
con un linguaggio che si chiama HTML (Hypertext
Markup Language).
Un file HTML è un file di testo quindi potrebbe essere
generato da un qualunque editor di testo (es.
blocconote)
HTML consiste di tag che funzionano come comandi
per il browser; ce ne sono per indicare il testo in
grassetto, per creare elenchi, per mostrare un link e
altro ancora.
FrontPage evita all’utente di conoscere e maneggiare
questi tag, che restano dietro le quinte.
Acuni esempi di tag HTML
n
n
n
<HTML>...</HTML> Racchiude l’intero
documento HTML.
<HEAD>...</HEAD> Racchiude
l’intestazione di un documento HTML.
<BODY>...</BODY> Racchiude il corpo
(testo e tag) del documento HTML.
Un esempio di pagina web
<html>
<head>
<title>Il sito di Giuseppe Verdi</title>
<base href="http://www.verdi.it">
</head>
<body>
<h1>Benvenuti</h1>
<h2>nel sito di <i> Giuseppe Verdi</i></h2>
<p align="center"><img src="fotogiuseppe.jpg" width="200" height="300"></p>
<p align="right"><b><font size="2">Visita il sito delle
<a href="http://www.verdi2001.org">celebrazioni</a> </font></b></p>
</body>
</html>
Editor WYSIWYG
n
n
n
Esistono vari editor ad alto livello che
facilitano il compito di realizzazione di pagine
web
WYSIWYG (What You See Is What You Get)
(Ciò che vedi è ciò che ottieni) … quasi …
Editor “gratuiti” di solito legati ai browser (es.
Microsoft FrontPage Express, Netscape Composer)
n
Editor “non gratuiti” di solito più completi (es.
Microsoft FrontPage, Macromedia Dreamweaver)
Sottinsieme di FrontPage
n
n
n
n
n
Useremo FrontPage come editor di pagine e
non di siti
Alcune funzioni di FrontPage (che non
useremo) sono strettamente legate
all’ambiente Microsoft (server e client)
FrontPage come “versione web” di word
… anche word è in grado di salvare in
formato HTML
… anche una Panda 4x4 può partecipare alla
Parigi-Dakar
Direttive per la realizzazione
delle pagine
1. Creare una cartella che conterrà tutti i soli i
2.
3.
4.
file del nostro sito (es. c:\corsointernet\sito)
Creare un documento e assegnare subito il
titolo, il colore del testo e dello sfondo (fileproprietà)
Salvare il file nella cartella con un nome
significativo (tutto minuscolo, niente spazi e
nessun carattere particolare) (es.
vitadiverdi.htm)
Il nome della pagina iniziale del sito è
opportuno che sia index.htm
Caratteristiche del testo
n
n
n
n
Formati logici (è l’utente che sceglie)
Formati fisici (è il realizzatore che
sceglie) … o quasi
Impaginazione tramite tabelle
Realizzazione dei link interni ed esterni
Suggerimenti di lavoro
n
n
n
n
n
n
n
Realizzare la pagina iniziale del proprio sito
(index.htm)
Realizzare le varie pagine seguendo il progetto del
sito (attenzione ai nomi)
In ogni pagina inserire una nota relativa all’autore
In ogni pagina inserire un rimando alla pagina iniziale
Collegare fra loro le varie pagine
Inserire collegamenti “esterni”
Memorizzare le pagine sul server e provare la
navigazione
Esempio di pagina
Home
Nome del sito
Testo
Testo
Testo
Autore