Editor  »  Guide  »  Guida FrontPage 

Definire la struttura di un sito



Il primo passo per creare un sito web (in modo intelligente) con FP2000 è quello di definire una struttura gerarchica di tutte la pagine, ancor prima di creare le pagine vere e proprie. Come abbiamo imparato, infatti, la struttura permette poi di inserire automaticamente nelle pagine delle informazioni aggiuntive come l'intestazione e la barra di spostamento.

  • Scegliamo quindi Struttura dalla barra delle visualizzazioni (o dal Menù Visualizza)
figura
  • nella visualizzazione struttura appare solo la Home Page: corrisponde al file index.htm che è stato creato automaticamente da FP2000
  • a questo punto dovremo semplicemente aggiungere delle sottopagine in modo che il nostro sito web prenda forma (è ovvio che tutte le pagine si troveranno gerarchicamente sotto alla Home Page)
figura
  • aggiungiamo 6 pagine seguendo la struttura gerarchica riprodotta nella figura qui sopra; per aggiungere una pagina è sufficiente fare clic destro sulla "pagina padre" e scegliere Nuova pagina
  • successivamente selezioniamo la nuova pagina e premiamo F2 dalla tastiera per impostarne il nome
  • una volta creata la struttura gerarchica facciamo clic destro sull'are celeste e scegliamo Applica modifiche (se questo comando è disabilitato significa che le modifiche sono già state applicate)

A questo punto premendo il pulsante Elenco cartelle figura della barra degli strumenti possiamo verificare che FP2000 ha creato i file HTML corrispondenti alle pagine inserite nella struttura.


Notiamo che i nomi dei file non sono esattamente identici ai titoli assegnati alle pagine. Infatti sono tutti in minuscolo e sono stati eliminati gli spazi (ad esempio Siti consigliati è diventato siti_consigliati.htm ). FP2000 è stato programmato in questo modo per evitare alcuni problemi di incompatibilità che potrebbero verificarsi una volta che il sito è su internet.

Abbiamo quindi terminato la creazione della struttura e dei file HTML su cui lavoreremo. Successivamente potremo comunque tornare in questo modulo per apportare ulteriori modifiche.

Ultimi articoli Editor

Adobe Edge, la prima animazione HTML5

Come creare una animazione HTML5 con Adobe Edge, esempio completo

Adobe Edge, l'interfaccia

Esaminiamo pannelli e menu del tool gratuito di Adobe per la...

Trasformazioni XSLT in Dreamweaver 8

Primo sguardo agli strumenti XML: trasformare un feed RSS

Layout senza tabelle con Dreamweaver 8

Esaminiamo gli strumenti CSS avanzati del software di Adobe/Macromedia

Il nuovo Dreamweaver 8

Panoramica delle principali novità dell'ultima release del popolare...

Altri articoli

Guide Editor

Guida WebMatrix

Entrare nel mondo dello sviluppo di applicazioni Web con Webmatrix,...

Guida Notepad++

Un editor testuale che funziona perfettamente anche come editor HTML...

Guida Aptana

Creare siti Web o applicazioni con Aptana, l'editor open source,...

Altre guide

Newsletter @Daily HTML.it

Ogni mattina, dal lunedì al venerdì, le novità pubblicate su tutti i siti tecnici del network HTML.it: articoli, guide, notizie dal Web, blog e molto altro.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

27 Febbraio 2012 a Milano
Disponibilità: 7 Posti

Corso Webmaster base

12 Marzo 2012 a Milano
Disponibilità: 6 Posti

Corso Webmaster base

20 Febbraio 2012 a Roma
Disponibilità: 7 Posti

Corso Google AdWords Base

28 Marzo 2012 a Roma
Disponibilità: 7 Posti