Editor  »  Guide  »  Guida FrontPage 

Uso delle variabili nei bordi condivisi



Nella paragrafo Struttura abbiamo intravisto le interessanti possibilità offerte dall'uso di due variabili nelle pagine HTML: l'intestazione pagina e la barra di spostamento.

Ora che conosciamo le funzionalità dei Bordi condivisi possiamo intuire come l'unione di queste due funzioni possa alleggerire notevolmente alcune operazioni ripetitive nella creazione delle pagine HTML.

Una volta creato un sito web tramite l'uso del modulo Struttura tutte le pagine hanno una loro intestazione ed una posizione gerarchica rispetto alle altre pagine.

Questo ci permetterebbe di creare dei Bordi condivisi nei quali inserire, appunto, Intestazioni di pagina o Barre di spostamento personalizzate. In relazione, quindi, alla pagina in cui si trovano.

Automaticamente in tutte le pagine del sito web verrebbe inserita l'intestazione ed una barra di spostamento e tutto sarebbe dipendente dalla posizione della pagina nella struttura.
Ogni pagina, quindi, sarebbe diversa dalle altre poiché ogni pagina possiede una differente intestazione ed una propria posizione all'interno della Struttura.

 

Esempio pratico


Immaginiamo di avere creato un sito web corrispondente alla Struttura riprodotta in figura.

figura
  • Ora impostiamo un Bordo condiviso per tutte le 6 pagine
  • inseriamo, quindi, all'interno del Bordo condiviso una barra di spostamento che visualizzi solo le pagine figlie della pagina corrente

 

  • il risultato sarà che nella Home Page il Bordo condiviso conterrà i collegamenti alla pagina Alfa ed alla pagina Beta
  • nella pagina Alfa il Bordo condiviso mostrerà solo il collegamento alla pagina Omega
  • nella pagina Omega il Bordo condiviso sarà vuoto e così via...

 

Nota: l'uso dei Bordi Condivisi può essere facilmente combinato all'applicazione di un Tema (vedi capitolo Tema) ed alla gestione di ulteriori variabili tramite il componente Sostituzione (vedi paragrafo Sostituzione)

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