A " bilde show," eller " bildegalleri ", presenterer fotografier i en portefølje -lignende nettside . Mens bildegallerier kan ha mange konfigurasjoner , viser et populært format miniatyrbilder langs siden , toppen eller bunnen av siden . Som brukeren klikker hvert miniatyrbilde , viser en tilsvarende full størrelse versjon av bildet i midten av siden . Dreamweaver CS3 støtter flere måter å lage bildegallerier . En av de enklere og mer vanlig metode er å bruke en " rammesett . " En rammesettsiden er en HTML webside beholder som består av to eller flere « rammer ». Hver ramme viser en enkelt side eller URL. Du trenger:
Adobe Dreamweaver CS3 eller nyere
Adobe Photoshop , Apple iPhoto , Windows Paint eller et annet bilderedigeringsprogram
Vis flere instruksjoner
Klargjøre Bilder fra
1

Resize bildene i bilderedigeringsprogram programvare. Du trenger to versjoner av hvert bilde --- en full - size versjon (si, 400 av 300 piksler, eller hva som fungerer best for formen og størrelsen på bildene ) og en miniatyr versjon ( si , 100 med 75 piksler) .
2

Angi oppløsningen for hvert bilde til " 72 " prikker ( eller piksler) per tomme ( eller " 96" for HD- skjermer) .
3

Lagre hvert enkelt bilde i en sub - katalog av katalogen hvor du har tenkt å lage din bildegalleri nettside. Nevn de sub - katalog "bilder ". Lagre bildene som JPEG. Navngi dem " Photo1 ", " photo2 , " og så videre ; navn tilsvarende miniatyrer " thumb1 ", " thumb2 , " osv.
bilder Oppretting Image Gallery i Dreamweaver
4

Åpen Dreamweaver , og klikk deretter på "File " på menylinjen . Velg " New " for å vise dialogboksen Nytt dokument .
5

Klikk " Page fra Sample" i venstre kolonne i dialogboksen , og klikk deretter på " Frameset " i " Sample Folder "-kolonnen . Dette viser en liste over eksempler rammesett i den tredje kolonnen i dialogboksen . Velg " Fast Venstre . "
6

Klikk på " Create ". Dreamweaver viser "Frame Tag Accessibility attributter " i dialogboksen . Klikk "OK". Rammene er navngitt i henhold til deres plassering på siden . Den venstre rammen heter " leftFrame ", og hovedrammen heter " stormaskin . "
7

Klikk på "File " på menylinjen og velg "Lagre alle . " Dreamweaver vil be deg om å nevne tre filer , den ene etter den andre : " . Galleri " Først selve rammesettet --- name it Sekund, hovedrammen --- name it " photo1 . " Tredje , den venstre rammen --- gi den navnet " miniatyrbilder . "
8

Insert " photo1.jpg " i main ( høyre) ramme , og klikk deretter på "File " på menylinjen og velg " Save Frame ".
9

Lag en ny HTML -fil i hovedrammen for hvert bilde og lagre det , som dette: Slett " photo1.jpg " fra hovedrammen . Sett " photo2.jpg " inn i hovedrammen . Klikk på " File " på menylinjen og velg "Lagre Frame As. " Gi filen navnet " photo2 " og lagre det. Gjenta denne prosedyren for hver av dine bilder , navngi hver HTML -fil med tilsvarende bilde navn.
10

Sett dine miniatyrbilder i venstre ramme . Plasser bildene vertikalt i rammen i den rekkefølgen du kalte dem --- " photo1 " først, " photo2 " andre , osv.
11

Velg det første miniatyrbildet . Gå til Egenskaper-panelet , og skriv inn filnavnet og banen for den første full- size bilde HTML-side i " Link "-feltet , som dette: ". Images/photo1.html " ( uten anførselstegn )
12

Klikk på " Target " drop -down i Egenskaper-panelet og velg " stormaskin ". Dette forteller brukerens nettleser for å laste photo1.html i hovedrammen når hun klikker på miniatyrbildet .
13

Gjenta de to foregående trinn for hver av miniatyrbilde og stort bilde settene .

14

Klikk på "File " på menylinjen og velg "Lagre Frame" for å lagre " thumbnails.html . "
15

Åpne " gallery.html " i en nettleser for å teste din bildegalleri .