Nwlapcug.com


Come aggiungere Lightbox a iWeb senza avere per aggiornamento Every Time

iWeb è un programma di pubblicazione Web sviluppato da Apple che consente di creare layout utilizzando il metodo drag-and-drop. Non devi essere fluente in programmazione per rendere un sito Web di base, perché iWeb genera automaticamente il codice HTML. Tuttavia, è necessario apportare modifiche al codice se si desidera aggiungere dettagli al tuo sito Web, ad esempio un lightbox, un modo creativo per visualizzare una singola immagine o una galleria di immagini utilizzando il programma di iWeb.

Istruzioni

1

Mettere le immagini che si desidera aggiungere al tuo sito Web sul vostro desktop per renderlo più facile trovarli.

2

Apri iWeb. Aprire una nuova pagina vuota. Il nome "Galleria".

3

Cambiare la dimensione delle immagini in miniature. Organizzare le immagini nella pagina.

4

Aperto "ispettore". Fare clic sulla scheda "Collegamento ipertestuale" posto un segno di spunta nella casella accanto a "Attiva come hyperlink". Scegliere "file" dalla casella a discesa accanto a "Linkare". Cliccare su "Sfoglia" e selezionare il percorso della cartella desktop con le immagini. Aggiungere un collegamento ipertestuale per ogni immagine.

5

Pubblicare il sito iWeb per la cartella "Siti" nella directory "Home" sul tuo computer per salvare le modifiche.

6

Scaricare il file "lightbox.zip" (Vedi risorse) ed estrarre i file nella cartella del sito Web..--non la pagina "Galleria"....

7

Pulsante destro del mouse sulla pagina "Galleria" e selezionare un editor di testo/HTML, ad esempio TextWrangler, aprirlo.

8

Scorrere verso il basso per < / head > e inserire il codice seguente nella riga sopra di esso:

< link rel = "stylesheet" href="lightbox/lightbox.css" type = "text/css" media = "screen" / >
< script type = "text/javascript" src="lightbox/lightbox.js" >< / script >

9

Scorrere fino a onload="onPageLoad();" e immettere initLightbox() diritto dopo il punto e virgola per renderlo simile a questa:

onload="onPageLoad();initLightbox()"

10

Scorrimento verso il basso per collegamenti di immagine, separati da < Div > e seguita da < un href="foldername/image_name.png", dove "NomeCartella" e "nome_immagine" visualizzare il percorso e il nome delle vostre immagini. Aggiungere rel = "lightbox" seguendo il codice dell'immagine per renderlo simile a questa:

un href="foldername/image_name.png" rel = "lightbox"

Continuare aggiungendo il codice ad ogni link di immagine.

11

Aggiungere un titolo a ogni immagine di su ogni collegamento di immagine dove si dice titolo = "... per renderlo simile a questa:

titolo = "Titolo dell'immagine"

12

Salvare la pagina nell'editor HTML. Aprire la cartella del sito Web. Fare doppio clic sulla pagina "Gallery" per aprirlo nel browser e vedere i cambiamenti.