Wie Sie iWeb ohne dass Every Aktualisierungszeit Leuchtkasten hinzufügen

July 16

iWeb ist ein Web-Publishing-Programm von Apple, die Ihnen erlaubt, Layouts zu erstellen, mithilfe der Drag & Drop Methode entwickelt. Du musst nicht fließend, um eine einfache Website, Programmierung, da iWeb den HTML-Code automatisch generiert werden. Allerdings müssen Sie Änderungen am Code vornehmen, wenn Sie Informationen zu Ihrer Website, wie ein Leuchtkasten, einen kreativen Weg, um ein einzelnes Bild oder eine Galerie von Bildern mit dem Programm iWeb anzeigen hinzufügen möchten.

Anweisungen

1 Setzen Sie die Bilder Ihrer Website auf Ihren Desktop zu erleichtern, finden sie hinzufügen möchten.

2 Offenen iWeb. Öffnen Sie eine neue leere Seite. Nennen Sie es "Galerie."

3 Ändern Sie die Größe der Bilder in Miniaturansicht. Ordnen Sie die Bilder auf der Seite.

4 Offene "Inspektor." Klicken Sie auf die Registerkarte "Hyperlink" und setzen ein Häkchen in das Kästchen neben "Als Hyperlink aktivieren." Wählen Sie "Eine Datei" aus dem Dropdown Feld neben "Verlinken." Klicken Sie auf "Auswählen" und wählen Sie den Speicherort des Ordners "Desktop" mit den Bildern. Hinzufügen eines Hyperlinks zu jedem Bild.

5 Veröffentlichen der iWeb-Website in den Ordner "Sites" im Verzeichnis "Home" auf Ihrem Computer, um die Änderungen zu speichern.

6 Laden Sie die Datei "lightbox.zip" (siehe Ressource) und extrahieren Sie die Dateien in Ihrem--nicht die "Galerie"-Seite--Website-Ordner.

7 Rechtsklicken Sie auf der Seite "Galerie" und wählen Sie einen Text/HTML-Editor, z. B. TextWrangler, um ihn zu öffnen.

8 Führen Sie einen Bildlauf nach unten zu < / Head >, und fügen Sie folgenden Code in der Zeile darüber:

< link Rel = "Stylesheet" href="lightbox/lightbox.css" Type = "Text/Css" Medium = "Bildschirm" / >< Skript-Typ "Text/Javascript" src="lightbox/lightbox.js =" >< / script >

9 Blättern Sie zu onload="onPageLoad();" und geben Sie initLightbox() direkt nach dem Semikolon zu machen, wie folgt aussehen:

OnLoad="onPageLoad();initLightbox()"

10 Scrollen Sie Bild-Links, getrennt durch < Div > und gefolgt von < a href="foldername/image_name.png", wo "Foldername" und "Image_name" den Speicherort und den Namen Ihrer Bilder anzuzeigen. Hinzufügen von Rel = "Lightbox" nach der Bildcode zu machen, wie folgt aussehen:

ein href="foldername/image_name.png" Rel = "Lightbox"

Fügen Sie Code zu jedem Bildlink weiter.

11 Hinzufügen eines Titels zu jedem Bild von auf jedes Bildlink, wo es: Titel heißt = "... zu machen, wie folgt aussehen:

Titel = "Titel des Bildes"

12 Speichern Sie die Seite im HTML-Editor. Öffnen Sie den Website-Ordner. Doppelklicken Sie auf der Seite "Galerie" in Ihrem Browser öffnen und die Änderungen sehen.