Editor  »  Guide  »  Guida FrontPage 

Applicare i bordi condivisi



A questo punto possiamo iniziare a lavorare in concreto sulle pagine HTML. Come abbiamo imparato possiamo usare i Bordi condivisi per inserire gli stessi contenuti in tutte le pagine del nostro web. In questo modo le varie pagine avranno un aspetto più omogeneo.

  • Apriamo quindi la Home Page (facendo doppio clic sull'icona corrispondente in Visualizzazione Struttura)
  • possiamo già notare, nello sfondo, un segno della presenza del tema che abbiamo applicato
  • apriamo il menu Formato e scegliamo Bordi condivisi
figura
  • selezioniamo Tutte le pagine ed inoltre scegliamo di attivare il Bordo superiore ed il Bordo sinistro (come in figura)
  • premiamo Ok per tornare alla Home Page
  • sono comparsi i Bordi condivisi, consideriamo ora che tutte le modifiche effettuate all'interno dei Bordi condivisi si ripercuoteranno in tutte le altre pagine del sito web
  • clicchiamo sul testo presente nel bordo superiore e cancelliamolo in modo da lasciare il bordo vuoto (assicuriamoci che il cursore rimanga posizionato all'interno del bordo condiviso ormai vuoto)
  • a questo punto scegliamo Intestazione pagina dal menu Inserisci
figura
  • assicuriamoci che sia attivata l'opzione Immagine e quindi premiamo Ok
  • nel bordo condiviso è comparsa l'immagine di intestazione con scritto il nome della pagina corrente; consideriamo che la stessa cosa è successa in tutte le altre pagine del web (ovviamente ogni intestazione è personalizzata in base al nome della pagina che la contiene)
  • passiamo ora al bordo sinistro
  • cancelliamo il testo presente al suo interno (facendo in modo che il cursore rimanga posizionato all'interno del bordo)
  • scegliamo quindi Barra di spostamento dal menu Inserisci
figura
  • impostiamo la finestra come in figura e poi premiamo Ok
  • tornando alla Home Page vedremo che sono stati inseriti dei pulsanti di spostamento per raggiungere le altre pagine figlie
figura

Abbiamo finalmente applicato i Bordi condivisi a tutto il sito web. Ora tutte le pagine sono dotate di un intestazione e di una barra di spostamento. Possiamo verificarlo aprendo una alla volta le varie pagine.

Notiamo che la barra di spostamento sarà sempre in relazione alla posizione della pagina. La pagina Cinema ad esempio non possiede pagine figlie e quindi l'unico pulsante presente nella barra di spostamento sarà Home.

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