A "billede show, " eller " billedgalleri , " præsenterer fotografier i en portefølje -lignende webside. Mens billedgallerier kan have mange udformninger , et populært format viser miniaturebilleder langs siden , øverst eller nederst på siden . Når brugeren klikker hver miniature , en tilsvarende fuld størrelse version af fotoet vises i midten af siden . Dreamweaver CS3 understøtter flere måder at oprette billedgallerier . En af de lettere og mere almindelige metoder er at bruge en " rammesæt . " Et frameset er en HTML webside beholder bestående af to eller flere " frames ". Hver ramme viser en enkelt side eller URL . Ting du har brug
Adobe Dreamweaver CS3 eller nyere
Adobe Photoshop , Apple iPhoto, Windows Paint , eller en anden billedredigeringsprogram
Vis Flere Instruktioner
Klargøring dine billeder
< br > 1
ændre størrelsen på fotos i dit billedredigeringsprogram software . Du får brug for to versioner af hvert billede --- en fuld størrelse (sige , 400 ved 300 pixels, eller hvad der virker bedst for formen og størrelsen af dine fotos) og en miniature udgave (sige , 100 med 75 pixel) .
2
Indstil opløsningen til hvert billede " 72 " prikker (eller pixels ) per tomme ( eller " 96 " til high-definition -skærme ) .
3
Gem hvert billede i en undermappe i den mappe, hvor du planlægger at oprette din billedgalleri hjemmeside. Nævn de sub- bibliotek "billeder ". Gem billeder som JPEG. Navngive dem " photo1 ", " photo2 ", og så videre, navn de tilsvarende thumbnails " thumb1 ", " thumb2 , " osv.
fotos Oprettelse af din Billedgalleri i Dreamweaver
4
Open Dreamweaver, og klik derefter på "File" på menulinjen . Vælg "Ny " for at vise dialogboksen Nyt dokument .
5.
Klik på " Side fra Sample " i venstre kolonne i dialogboksen, og klik derefter på " Frameset " i " Sample Folder " kolonnen . Dette viser en liste over eksempler rammesæt i tredje kolonne i dialogboksen . Vælger " Fast Left ".
6
Klik på " Opret ". Dreamweaver viser " Frame Tag Accessibility Attributes " dialogboksen . Klik på "OK". Rammerne er navngivet efter deres placering på siden. Den venstre ramme er opkaldt " leftFrame ", og hovedrammen hedder " mainframe ".
7
Klik på " File" på menulinjen og vælg " Save All ". Dreamweaver vil bede dig om at nævne tre filer , den ene efter den anden : " . Galleri " For det første, frameset selv --- name it For det andet, hovedrammen --- name it " photo1 ". For det tredje , den venstre ramme --- name it " miniaturer".
8
Insert " photo1.jpg " i main (til højre) frame, og derefter klikke på "File" på menulinjen , og vælg "Gem frame ".
9
Opret en ny HTML-filen i hovedrammen for hvert foto og gemme det , som dette: Delete " photo1.jpg " fra hovedrammen. Indsæt " photo2.jpg " i hovedrammen. Klik på " File" på menulinjen , og vælg " Gem ramme som . " Navngiv filen " photo2 " og gem det. Gentag denne procedure for hver af dine fotos , navngivning hver HTML-fil med den tilsvarende foto navn.
10
Indsæt dine miniaturebilleder i den venstre ramme . Placer billederne lodret i rammen i den rækkefølge, du kaldte dem --- " photo1 " først, " photo2 " anden osv.
11
Vælg det første miniaturebillede . Gå til panelet Egenskaber , og skriv filnavnet og stien for det første full- size foto HTML-side i " Link " feltet , som dette: ". Images/photo1.html " ( ingen anførselstegn)
12
Klik på " Target " drop- down i Properties panelet og vælg " mainframe ". Dette fortæller brugerens browser til at indlæse photo1.html i hovedrammen , når hun klikker på miniaturen.
13
Gentag de to foregående trin for hver af dine miniaturebillede og fuld størrelse sæt.
14
Klik på " File" på menulinjen og vælg "Gem Frame " for at gemme " thumbnails.html ".
15
Åben " gallery.html " i en browser for at teste dit billede galleri.