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