XXXXX.com  Home
bmpentertainment.com  Huvudsida

iWeb är en webb-publicering program utvecklat av Apple som låter dig skapa layouter med hjälp av dra-och-släpp-metoden. Du behöver inte vara flytande i programmering för att göra en grundläggande webbplats, eftersom iWeb genererar HTML-koden automatiskt. Du måste dock göra ändringar i koden om du vill lägga till information på din webbplats, till exempel en ljus, ett kreativt sätt för att visa en enda bild eller ett galleri av bilder med iWeb-programmet.

Instruktioner

1 Sätt de bilder som du vill lägga till din webbplats på skrivbordet för att göra det lättare att hitta dem.

2 Öppna iWeb. Öppna en ny tom sida. Namnet "Galleri".

3 Ändra storlek på bilder i miniatyrer. Ordna bilderna på sidan.

4 Öppna "inspektör." Klicka på "hyperlänk" -fliken. Sätt ett kryss i rutan bredvid "Aktivera som hyperlänk". Välj "En fil" från rullgardinsmenyn bredvid "Länka till." Klicka på "Välj" och välj den plats där Deskop mapp med bilderna. Lägg till en hyperlänk till varje bild.

5 Publicera iWeb platsen till "platser" mapp på "Home" katalog på din dator för att spara ändringarna.

6 Ladda ner "lightbox.zip" fil (se Resurs) och extrahera filerna till din webbplats - inte "galleri" sida - mapp.

7 Högerklicka på "Galleri" sida och välj en text / HTML-redigerare, t.ex. Textwrangler, för att öppna den.

8 Rulla ned till </ head> och infoga följande kod på raden ovanför den:

<Link rel = "stylesheet" href = "ljus / lightbox.css" type = "text / css" media = "screen" />
<Script type = "text / javascript" src = "Lightbox / lightbox.js"> </ script>

9 Rulla ned till onload = "onPageLoad ();" och ange initLightbox () direkt efter semikolon så att det ser ut så här:

onload = "onPageLoad (); initLightbox ()"

10 Rulla ned till bildlänkar, åtskilda av <div> och följs av <a href = "mappnamn / image_name.png", där "mappnamn" och "image_name" visa platsen och namnet på dina bilder. Lägg rel = "ljus" efter bildkoden så att det ser ut så här:

a href = "mappnamn / image_name.png" rel = "ljus"

Fortsätt genom att lägga till koden på varje bild länk.

11 Lägg till en rubrik till varje bild genom att på varje bild länk där det står title = "...... så att det ser ut så här:

title = "Bildtitel"

12 Spara sidan i HTML-editorn. Öppna mappen webbplats. Dubbelklicka på "Galleri" för att öppna den i webbläsaren och se förändringarna.