Skip to main content

Maak een webfotoalbum in Dreamweaver

Video tutorial Afbeelding Plaatsen in Dreamweaver (Juni- 2026)

Video tutorial Afbeelding Plaatsen in Dreamweaver (Juni- 2026)
Anonim
01 van 07

Organiseer de gewenste foto's in het album

NOTITIE: De wizard Dreamweaver Photo Album vereist dat Fireworks op uw computer is geïnstalleerd, evenals Dreamweaver.

De Dreamweaver-wizard voor het fotoalbum neemt elke foto in een map en plaatst deze in uw album. Hoewel het prima is om elke foto te gebruiken die je hebt gemaakt, tenzij je een professionele fotograaf bent, is de kans groot dat er foto's zijn die je niet leuk vindt of die niet mogen worden opgenomen.

  • Maak een nieuwe map en plaats alleen de foto's die u in het album wilt hebben.
  • Het is een goed idee om de grootte van de afbeeldingen te wijzigen in een redelijke webpagina (500 x 500 pixels is een goede benchmark).
02 van 07

Start de wizard Dreamweaver Web Photo Album

Ga naar de commando's menu.

Kiezen Maak een webfotoalbum …

NOTITIE: De wizard Dreamweaver Photo Album vereist dat Fireworks op uw computer is geïnstalleerd, evenals Dreamweaver.

03 van 07

Vul de details van het fotoalbum in

Dreamweaver maakt een fotoalbum met een titel, ondertitel en beschrijvende tekst. Het album heeft een voorpagina met miniaturen en elke afbeelding heeft een pagina op ware grootte met links naar de vorige en volgende afbeeldingen in het album en naar de index.

  • Titel van het fotoalbum Dit is de titel van je album. Dreamweaver voegt het toe als van uw document en als de<a id="menu-4"></a><h2>kop op de indexpagina.</h2>
  • Subkopieer informatie De subtitel wordt onder de

    kop op de indexpagina van uw album.

  • Andere informatie Ten slotte kunt u beschrijvende tekst over het hele album toevoegen. Dit verschijnt als platte tekst boven de miniaturen op de indexpagina.
  • Map met bronafbeeldingen Dit is de map waarin je je afbeeldingen hebt opgeslagen om in de galerij te plaatsen. Blader naar die locatie met behulp van de knop Bladeren.
  • Doelmap Dit is de map op uw website waar u de galerij wilt laten leven. Dreamweaver maakt een afbeeldingenmap en alle vereiste HTML-bestanden in deze map. Blader naar die map op uw harde schijf. Ik raad aan om je album in een lege map te plaatsen.
04 van 07

Vul de details van het fotoalbum in - vervolg

  • duimnagel grootte U kunt kiezen uit 5 verschillende formaten voor uw miniaturen. De standaardgrootte is 100x100. Ik vind 72x72 leuk, maar je kunt ook 36x36, 144x144 of 200x200 kiezen.
  • Toon bestandsnamen Ik laat dit graag gecontroleerd. Het vertelt Dreamweaver om de bestandsnamen op de indexpagina te plaatsen. Ik laat ze achter zodat ik de bijschriften gemakkelijk kan bewerken.
  • columns Dreamweaver bouwt een tabel om uw miniaturen in te plaatsen en u kunt kiezen hoeveel kolommen er moeten zijn. Houd er rekening mee dat als u een miniatuur met een grotere breedte gebruikt, de pagina erg breed kan worden als u veel kolommen heeft.
  • Miniatuurindeling en fotoformaat Dreamweaver converteert uw afbeeldingen naar JPEG- of GIF-bestanden en u kunt kiezen tussen een snellere download of een beter uitziende afbeelding.
  • Schaal Als u de grootte van uw afbeeldingen niet hebt aangepast voordat u de wizard uitvoert, zijn ze mogelijk erg groot - te groot voor een webpagina. U kunt ervoor kiezen om de originele afbeeldingen te schalen zodat ze sneller worden geladen en gemakkelijker kunnen worden weergegeven op uw webpagina.
  • Maak een navigatiepagina voor elke foto Als u deze optie uitschakelt, linkt Dreamweaver rechtstreeks naar de grotere foto. Anders maakt het een afzonderlijke HTML-pagina voor de afbeelding.

Klik op OK en Fireworks wordt geopend en begin met het verwerken van uw afbeeldingen. Dit kan enkele minuten duren als je veel foto's voor je album hebt.

05 van 07

Bekijk uw album in Dreamweaver

Zodra u uw album in Dreamweaver hebt, kunt u het net als elke andere webpagina bewerken.

06 van 07

Wijzig de onderschriften

Als u bestandsnamen hebt weergegeven, bevat Dreamweaver elke bestandsnaam als bijschrift voor uw miniaturen. Selecteer de bestandsnaam en geef uw foto's echte bijschriften.

07 van 07

Test uw album in verschillende browsers en vervolgens upload

Dreamweaver maakt een zeer eenvoudige, op tabellen gebaseerde lay-out voor het fotoalbum en de kans is groot dat het er in een moderne browser niet slecht uitziet. Maar het is altijd een goed idee om uw pagina's in zoveel browsers te testen als u beschikbaar hebt.

Upload uw album met behulp van de uploadknop. Dit zorgt ervoor dat alle bestanden, afbeeldingen en miniaturen worden geüpload naar de juiste locatie. Als u geen site heeft gedefinieerd in Dreamweaver, moet u er een definiëren om dit te laten werken. Je moet ook die site instellen om bestanden over te zetten