maandag 23 november 2009

Webgalleries koppelen

Als je werkt met webgalleries dan zou het in bepaalde gevallen wel zo gemakkelijk zijn om ze te koppelen. Je kan op die manier met behulp van verschillende webgalleries op vrij eenvoudige wijze een website maken.

Het enoge wat je eigenlijk nog nodig hebt is een startpagina. Deze is dan de enige die je af en toe moet veranderen door er nieuwe links aan toe te voegen. Er zijn heel veel manieren om een startpagina te maken. Vanuit Flash, Dreamweaver en Fireworks bijvoorbeeld.

In dit geval begin ik vanuit Photoshop.
Daar maak ik de startpagina.

1. Kies het formaat waarin je de site wil maken. Maak de achtergrond transparant.


2. Zet afbeeldingen, tekst en headers in het document.
Zorg voor een goede mappenstructuur en benaming.


3. Nu ga je segmenten aanmaken. Met segmenten verdeel je een pagina in stukken; een soort stramien. Aan ieder stuk kun je in Dreamweaver een functie toekennen zoals een rollover of een link.

Er is een speciaal gereedschap om deze segmenten te maken: " segment"
Je ziet dat als je een segment maakt dat er automatisch andere ontstaan. Dit zijn " niet actieve segmenten".


Je kan een segment onderverdelen in gelijke stukken: met het gereedschap "segment selectie" door in de balk voor "verdelen" te kiezen.


4. Nu gaan we dit opslaan > save for web and devices.

Je moet nu van alle actieve segmenten vertellen hoe je ze wil laten werken. Je gaat ze één voor één selecteren en kiezen voor de opslag.

De keuzemogelijkheden zijn:
  • GIF op PNG-8: beide met slechts 256 kleuren; goed voor teksten en logo's maar slecht voor foto's. (Animaties zijn als GIF op te slaan)
  • JPEG: goed voor foto's maar in dit geval wordt er om de foto een achtergrond mee opgeslagen en is deze niet meer te wijzigen. (segmenten precies maken is de oplossing)
  • PBG-24: zelfde al JPEG maar dan met transparantie maar niet door alle browsers ondersteund.
  • WBMP: alleen zwart en wit.


5. Kies bij opslag voor: HTML en afbeeldingen.
6. Open nu het document wat je zojuist opgeslagen hebt in dreamweaver door voor " index" te kiezen.
7. Je kan nu op een tekst of afbeelding gaan staan (klik) in het venster onderin kun je hem dan koppelen aan een eerder gemaakte webgallery door erheen te browsen.


8. Invoegen filmpjes, hyperlink of emailkoppeling: zie venster invoegen.


9. De achtergrondkleur van je site: Deze moet je in de tekst wijzigen. Vrij bovenaan staat


TOT SLOT:
De afbeeldingen en teksten kun je ook toevoegen in Dreamweaver je kunt in Photoshop dus alleen het stramien maken met behulp van de segmenten.

Het maken van segmenten in Photoshop heeft als voordeel dat je ook een achtergrond foto kunt nemen waarbij je op verschillende onderdelen in de foto kunt klikken; de segmenten zijn te maken waar en hoe je wilt.

Webgallery maken en publiceren

Een webgallery maken is zowel in Lightroom als in Bridge erg gemakkelijk. Binnen 5 minuten kun je hem online publiceren (als je een server hebt).

Hoe gaat dat in zijn werk?

1. Selecteer foto's
2. Ga naar output en kies voor web gallery.


3. Kies een template: probeer ze maar eens allemaal uit dit kan door refresh template te kiezen, dan zie je wat de keuzes zijn. Bij sommige kun je nog varieren: "style". Meer templates zijn te verkrijgen online (sommige gratis, andere betaald).

4. Site info: hier kun je de naam aan je webgallery geven en je contactgegevens zodat mensen je kunnen mailen.

5. Color palette: Hier kun je de kleur van lijntjes, vlakken, de achtergrond en tekst bepalen.

6. Appearance: De grootte van de previews (tumbnails genaamd) en van de foto's bepalen. Als er in het template de mogelijkheid tot een slideshow zit dan kun je hier instellen hoe lang de foto's blijven staan en hoe de overgang moet zijn.

7. Create gallery: hier kun je je site opslaan op je computer of direct uploaden via FTP naar je server. De naam die je hier opgeeft is de naam waarmee je deze gallery kunt vinden: de naam wordt dat: www.naam van je site.nl/naam van de webgallery.

Deze methode wordt door fotografen vaak gebruikt om met opdrachtgevers te communiceren. Zij krijgen de link; daarom weten ze de foto's re vinden.