iWeb FAQ - Menu di navigazione FAQ

iWebFAQ.org

 

La navigazione è il cuore di un sito. Se la navigazione è scadente anche il sito sarà scadente. Una buona navigazione molto importante quindi su questa pagina trovate tutto quello che avete bisogno per una buona navigazione attraverso ad un sito iWeb grazie ad un buon menu.

The same page in english                             Die gleiche Seite auf Deutsch
 



CONTENUTI DI QUESTA PAGINA:


1. Il menu di navigazione non appare (Vai a: Risoluzione problemi)

2. Tre modi per organizzare il tuo sito se ha molte pagine suddivise in diverse categorie/gruppi di livello superiore

3. Creare il tuo menu di navigazione personale (cambiare dimensioni, font, ...)

4. Menu in verticale in iWeb

5. Come posso avere pagine che non appaiono nel menu di navigazione?

6. Come posso avere pagine senza menu di navigazione?

7. Come posso duplicare/replicare il menu di navigazione infondo alle pagine?

8. Come posso avere un menu in un iFrame come quello che vedo sul lato destro delle pagine di iWebFAQ di modo da non dover aggiornare tutte le pagine singolarmente ogni volta che aggiungo una pagina?

9. Aggiungere una pagina esterna al menu di navigazione di iWeb

10. Reindirizzare ad un'altra pagina (redirect)

11. Come cambiare il colore dei link in una pagina Blog (del sommario di un Blog)



2. Tre modi per organizzare il tuo sito se ha molte pagine suddivise in diverse categorie/gruppi di livello superiore


Con iWeb non è possibile generare un secondo menu automaticamente. Ma puoi semplicemente farne uno manualmente.


- Primo

Fai una Casella di testo contenente link testuali o link di immagini che portano alle pagine a cui vuoi che ci sia un link poi fai copia e incolla a tutte le pagine a cui si applica il menu. Il Campo di testo può essere orizzontale o verticale come vuoi. Un esempio di questo metodo si trova infonda a questa pagina.


  1. -Secondo

Un altro modo di organizzare il tuo sito è avere un sito per ogni gruppo/categoria di livello superiore. In questo modo la barra di navigazione mostra i link appartenenti al gruppo e poi fai un Campo di testo con i link ai vari siti/gruppi/categorie di livello superiore. Dunque se aggiungi una nuova pagina, voce, ad una categoria il menu viene aggiornato automaticamente (se aggiungi un nuovo gruppo invece no e dovrai aggiornare tutte le pagine manualmente con il copia&incolla). Penso sia più probabile che aggiungi una nuova voce ad una categoria invece che una nuova categoria questo è il motivo per cui fare sì che che i sottomenu vengano aggiornamenti automaticamente ha più senso che non che vengano aggiornate automaticamente le categorie.


- Terzo

Fai delle pagine per le categorie. Queste pagine sono delle pagine indice. Dunque sulle pagine metti i link che portano alle varie voci presenti per quella categoria. Fai sì che nel menu generato da iWeb vengano mostrate solo le categorie e non le voci. Per evitare che le voci vengano mostrate nel menu vedi il punto 5 di questa pagina.



3. Creare il tuo menu di navigazione personale (cambiare dimensioni, font, ...)


Purtroppo non è possibile cambiare le dimensioni, il carattere (font) e lo stile (style) del Menu di navigazione generato da iWeb. Dunque la cosa più semplice da fare è creare il tuo menu personale disattivando quello generato da iWeb (vedi il punto 6 di questa pagina).


Come precedentemente menzionato la prima cosa da fare è creare una Casella di testo.

In questa Casella di testo scrivi i nomi delle pagine che vuoi che facciano parte del menu.

Seleziona il nome di una pagina e vai nelle Impostazioni alla parte dedicata ai link e selezioni “Attiva come Hyperlink” e seleziona “Link a: Una delle mie pagine” e seleziona la pagina appropriata. Ovviamente puoi anche linkare ad una pagina esterna e farla aprire in una nuova finestra e così via.

Lì puoi anche personalizzare i colori dei link contenuti nella barra di navigazione cliccando su “Formato”. Ovviamente puoi anche decidere che font usare e via dicendo. Puoi anche usare immagini invece di link di testo.

Una volta felice dell’aspetto che ha copia il Campo di testo e incollalo alle altre pagine.


Creare la tua barra di navigazione personale aiuta anche Google ad indicizzare il tuo sito come descritto al punto 2 dell’FAQ dedicata a Google.



4. Menu in verticale in iWeb


Potresti usare un menu personale costruito con un Campo di testo come precedentemente menzionato su questa pagina.

In più se ridimensioni la larghezza del menu di iWeb vedrai che il menu diventa verticale. Se fai questo vedrai che tutto il resto della pagina viene spostato in giù. Dovrai dunque selezionare il Campo di testo principale e cliccando Comando(Mela) spostarlo in su.



5. Come posso avere pagine che non appaiono nel menu di navigazione?


1. Apri iWeb e seleziona una pagina che non vuoi che venga mostrata nel Menu di navigazione

2. Apri le Impostazioni e vai alla parte dedicata alla Pagina

3. Deseleziona la casella vicino a "Includi pagina nel menu di navigaz.”

4. Ora questa pagina non apparirà più nella barra di navigazione ma il Menu di navigazione verrà ancora mostrato sulla pagina essendo che la casella “Mostra menu di navigazione” è ancora selezionata (a meno che deselezioni anche quella)



6. Come posso avere pagine senza menu di navigazione?


1. Apri iWeb e seleziona una pagina in cui non vuoi che appaia il Menu di navigazione

2. Apri le Impostazioni e vai alla parte dedicata alla Pagina

3. Deseleziona la casella vicino a “Mostra menu di navigazione”

4. Ora questa pagina apparirà ancora nel Menu di navigazione ma il Menu di navigazione non apparirà su questa pagina poiché la casella "Includi pagina nel menu di navigaz.” è ancora selezionata (a meno che deselezioni anche quella)



7. Come posso duplicare/replicare il menu di navigazione infondo alle pagine?


- Io ti consiglierei di creare il manualmente usando un Campo di testo e inserendoci link testuali. Questo aiuterà pure i motori di ricerca ad indicizzare le tue pagine essendo che i motori di ricerca non sono capaci di leggere il menu di iWeb essendo questo Javascript rendering. Aiuterà pure le persone che visitano il tuo sito utilizzando Internet Explorer poiché potrebbero avere lo javascript disattivato. Comunque se aggiungi una nuova pagina dovrai aggiornare il menu manualmente.


- Se vuoi duplicare il menu di iWeb dai un’occhiata a questo post nell’Apple iWeb Discussion Forum



8. Come posso avere un menu in un iFrame come quello che vedo sul lato destro delle pagine di iWebFAQ di modo da non dover aggiornare tutte le pagine singolarmente ogni volta che aggiungo una pagina?


(Conoscenze di base di HTML sono consigliate per questo, ma non per forza necessarie. Puoi anche solo fare copia&incolla del mio codice e modificarlo)


Nota che se vuoi usare i commenti di MobileMe editare l’HTML dopo aver pubblicato causa il non-funzionamento di quest’ultimi (trovi alternative nell’FAQ di Feedback commenti).


Il vantaggio di un menu iFrame è che se aggiungi una pagina non devi aggiornare tutte le altre pagine una per una. Bensì ti basta aggiornare una pagina: la pagina del menu e basta.


Quello che fai è la cosa seguente:


1. Crea una nuova pagina in iWeb che fungerà da pagina menu (Vuota bianca o nera)


2. Dalle le dimensioni del menu (Impostazione=>Pagina=>Layout) e il colore di sfondo che vuoi. Nota che puoi usare la lente d’ingrandimento, piazzarla sul colore che vuoi e automaticamente quello sarà preso.


3. Ora devi scrivere il codice html del menu. Questo è il mio:


<body>

<div style='width:125px'>

<SPAN STYLE="font-family: Times New Roman; font-size: 10pt">

<style type="text/css">

a {

color: #0000FF;

text-decoration: underline;

}

a:hover {

color: #0000FF;

text-decoration: none;

}

a:visit {

color: #FF00FF;

text-decoration: underline;

}

</style>

<p align="center"><font size="2"><b><br />

<a href="http://www.iwebfaq.org" target="_top"><img src="http://iwebfaq.org/media/iWebFAQ.png"></a></b></font></p>

<p align="left"><font size="2"><br />

<b>iWebFAQs</b>

<br />

<br>

</font><font size="2">- <a href="http://iwebfaq.org/site/iWeb_Troubleshoot.html" target="_top">General Troubleshoot</a><br>

<br />

- <a href="http://iwebfaq.org/site/iWeb_Two_computers.html" target="_top">Two Computers</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Feedback_Comments.html" target="_top">Feedback/comments</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Statcounter.html" target="_top">Statcounter</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Retrieve_Website.html" target="_top">Retrieve Website</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Transfer_Site.html" target="_top">Transfer website</a><br />

- <a href="http://iwebfaq.org/site/iWeb_YouTube.html" target="_top">YouTube videos</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Folder_FTP.html" target="_top">Folder FTP</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Google.html" target="_top">Google</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Photos.html" target="_top">Photos FAQ</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Backup_Website.html" target="_top">Backup</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Friend.html" target="_top">Content for a friend</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Two_out_of_one.html" target="_top">Two out of one</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Multiple_websites.html" target="_top">Multiple websites</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Favicons.html" target="_top">Favicons</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Downloads.html" target="_top">Downloads</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Newsletters.html" target="_top">Newsletters</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Music.html" target="_top">Music &amp; PopUp windows</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Forum.html" target="_top">Forum</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Forms.html" target="_top">Forms, Widgets, HTML Snippets</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Calendar.html" target="_top">Calendar</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Wrap_text.html" target="_top">Wrap text around an object</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Domains.html" target="_top">Personal Domains</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Footer.html" target="_top">Footer</a><br />

- <a href="http://iwebfaq.org/site/iWeb_iframe.html" target="_top">Scrolling Textbox or iFrames and Frames</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Navigation_menu.html" target="_top">Navigation menu FAQ</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Special_characters.html" target="_top">Special characters</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Multilingual_sites.html" target="_top">Multilingual sites</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Business_solutions.html" target="_top">Business solutions</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Templates.html" target="_top">Templates</a><br />

- <a href="http://iwebfaq.org/site/iWeb_Movies.html" target="_top">Movies and flash content</a><br>

- <a href="http://iwebfaq.org/site/iWeb_Blogging.html" target="_top">Blogging</a><br>

- <a href="http://iwebfaq.org/site/iWeb_Alternative_HTML.html" target="_top">Alternative HTML</a><br>

- <a href="http://iwebfaq.org/site/iWeb_Google_Docs.html" target="_top">Google Docs</a><br>

- <a href="http://iwebfaq.org/site/iWeb_iWork.html" target="_top">iWeb and iWork</a><br>

- <a href="http://iwebfaq.org/site/iWeb_Tables.html" target="_top">Tables</a><br>

- <a href="http://iwebfaq.org/site/iWeb_Anchors.html" target="_top">Anchors</a><br>

- <a href="http://iwebfaq.org/site/iWeb_Guestbook.html" target="_top">Guestbook</a></font><br>

</p>

</div>

</body>


Cambia il nome delle pagine e l’url. Cambia i parametri width (larghezza) e style. Personalizza i colori dei link (troverai istruzioni sulla pagina dedicata ai frame). Puoi anche usare immagini invece di link di testo (istruzioni sulla pagina precedentemente linkata).

E ovviamente puoi anche farlo orizzontale cancellando i <br>


4. Una volta fatto il codice html (abbiamo bisogno del codice html perchè abbiamo bisogno del target=”_top”) incollalo in un Frammento HTML nella pagina menu che abbiamo creato nei passi 1&2.


5. Sulle pagine dove vuoi che venga inserito il menu fai un Campo di testo e immetti il seguente testo: MenuGoesHere1 (se hai molteplici menu cambia l’1 in 2, 3, 4, ...) e assicurati che la Casella di testo abbia le dimensioni del menu.


6. Pubblica il tuo sito a MobileMe o su una cartella


7. Scarica MassReplaceIt (è gratuito) e apri l’applicazione


8. Nel campo Search scrivi MenuGoesHere1


9. Nel campo Replace incolla il codice html per l’iFrame che integra il menu nelle pagine in cui hai scritto MenuGoesHere1. Questo è il mio codice:


<iframe src=

"http://iwebfaq.org/frames/Frames/iWebFAQmenu.html"

style="width:147px; height:1250px;

border-color:#990033;

border-style:solid;

border-width:0px"

scrolling="auto" >

</iframe>


Cambia l’url immettendo quello della pagina menu:


http://urldibase.com/NomeSito/NomePagina.html

(urlbase.com=web.me.com/NomeUtente/ per quelli che pubblicano a MobileMe)


Cambia width (larghezza) e height (altezza) di modo che fanno al caso tuo. Nota che se c’è bisogno di una scrollbar devi tenerne conto in questo codice.


10. In Files aggiungi il tuo sito

(Prima assicurati che in Preferences=>General=>When adding a folder to a search list”=>”Add the folder” sia selezionato)

- Se pubblichi in una cartella scegli la cartella in cui pubblichi il tuo sito

- Se pubblichi su MobileMe seleziona la cartella iDisk/Web/Sites/ a cui pubblica iWeb.

Se non puoi scegliere iDisk perchè non viene mostrato vai a Finder/Preferenze/Sidebar e seleziona iDisk


11. Clicca su Replace all e MassReplaceIt cercherà file a cui deve apportare modifiche


12. Ancora una volta clicca su Replace All


13. Salva la query per la prossima volta che pubblichi di modo che poi dovrai solo cliccare su Replace


14. Ora se vuoi aggiungere una pagina al menu devi solo cambiare il codice del paso 3 sulla pagina menu e ri-pubblicare.


15. Fatto.


Nota: Devi ripetere la procedura da 11 a 12 ogni volta che ri-pubblichi.


Se MassReplaceIt non ha funzionato. Se non ha trovato le Caselle di testo con i codici da sostituire con i codice HTML. Leggi questa pagina Risoluzione problemi MassReplaceIt & HTML.



9. Aggiungere una pagina esterna al menu di navigazione di iWeb


Per aggiungere un link ad un altro sito nella tua barra di navigazione iWeb segui i seguenti passi:

1. Aggiungi al tuo sito una pagina vuota (bianca o nera) o quella vuoi

2. Dalle il nome che vuoi che appaia nel menu di navigazione

3. Copia & Incolla la seguente pagina in uno Snippet HTML (Frammento HTML)


<script type="text/javascript">

parent.location.replace('url del sito');

</script>


4. Sostituisci "url del sito" con l'indirizzo delal pagina esterna che vuoi aggiungere



10. Reindirizzare ad un'altra pagina (redirect)


A volta è necessario reindirizzare  automaticamente i visitatori da una pagina ad un'altra

Per fare ciò copia e incolla il seguente codice in uno Snippet HTML (Frammento HTML)


<script type="text/javascript">

var url ='url della pagina';

var delay = 4;

var d = delay * 1000;window.setTimeout ('parent.location.replace(url)', d);

</script>


Rimpiazza url della pagina con l'indirizzo della pagina a cui vuoi che vengano reindirizzati i tuoi visitatori

Il numero 4 del codice sta per il lasso di tempo che passa prima che il visitatore venga riindirizzato. Puoi cambiarlo affinché faccia al caso tuo

Puoi anche usare il codice di " Aggiungere una pagina esterna al menu di navigazione di iWeb"



11. Come cambiare il colore dei link in una pagina Blog (del sommario di un Blog)


1. Crea il tuo Blog e aggiungi una voce

2. Dall'elenco delle voci del Blog cambia alla prima pagina del Blog (Sommario) e aggiungi una Casella di testo

3. Scrivici dentro qualcosa e rendilo un link (non importa cosa scrivi e non importa a cosa linki)

4. Vai alle informazioni sui link, vai a Formato e scegli il colore e le altre impostazioni con le quali vuoi che vengano mostrati i link nel sommario del Blog

5. Ora seleziona la parte del sommario del blog (dove vengono mostrate le voci)

6. Con quella parte del Blog selezionata cambia alla pagina delle voci e poi torna indietro. Ora i link hanno cambiato colore e puoi eliminare la Casella di testo che avevi creato al secondo passo.




iWebFAQ.org - Tutorials, Tips & Tricks è realizzato con iWeb e per iWeb.

È un’impresa di EBookStoreToday.com. Ti è presentato da Cédric ed è ospitato su HostExcellence.


Ti prego di lasciarmi del feedback a proposito di questa pagina lasciandomi un commento nell’apposita sezione del  Forum. Dimmi se ti è stata di aiuto e se non lo è stata perchè non lo è stata. Se pensi che manchi qualcosa dimmi cosa. Se hai domande puoi farle lì e cercherò di darti una risposta.


Grazie per visitare e sostenere il mio sito.


- Cédric -



 

iWebFAQ.org on Facebook

Share/Bookmark

Share/Bookmark