Provincies / landkaart

Beter goed gejat dan slecht bedacht;
Gebruik tools zoals ‘firebird’ om deze ‘voorbeeld-sites’ te onderzoeken. [andere kaart / land geen probleem, het gaat om de gebruikte techniek.]
Vind je een goede afbeelding? ‘Leen’ die ook gelijk… en pas ‘m aan. Vaak is de juiste afbeelding moeilijk te vinden.

‘firebug’ is een add-on voor je browser; Zoek eens onder ‘extra’> ‘add-ons’. Ook andere webontwikkelaar-toevoegingen kunnen je een handje helpen; Bijvoorbeeld: ‘webdeveloper: http://www.chrispederick.com ‘.

== == ==

1. maak een pagina voor elke provincie
2. maak een pagina voor ‘Nederland’
3. re-klik op de afbeelding in de bron-pagina > ‘afbeelding opslaan als’ > sla afbeelding op op de PC
4. FTP: upload de afbeelding naar wp-content/uploads
5. Bronpagina: re-klik > paginabron bekijken;
   De HTML-code van de pagina wordt geopend
6. selecteer en kopieer de HTML-tekst beginnende met regel 85:
   <h1>Op zoek naar Een Advocaat?</h1> en eindigend vlak vóór:
   <h1>Eigen vermelding?</h1>
7. Eigen site:Open pagina ‘nederland’ in TEXT-tab !belangrijk
8. Plak de gekopieerde HTML-tekst
9. Je hebt nu een pagina met verwijzingen naar de bron-pagina’s van ‘eenadvocaat.nl’
10. Eigen site: In de editor:
    Verander het pad naar de kaart van nederland als volgt:
    <div><img style="border-style: none;" alt="" src="wp-content/uploads/nederland.gif" usemap="#nederland" /></div>

Nu is de kaart zichtbaar en klikbaar, alleen de links kloppen nog niet

11. In de editor: verander de links van ‘href=”http://www.eenadvocaat.nl/Noord-Brabant/’ in de eigen domeinnaam / url
12. Advies: Begin met het veranderen van één link en test de werking. Bij succes wijzig de rest op vergelijkbare wijze.

== == ==

Staat het bestand in de map ../wp-content/uploads/nederland.gif??
Het vakje met kruis, betekent dat op die plaats een afbeelding wordt verwacht, die niet gevonden kon worden, omdat het pag niet klopt.

Als het bestand ergens anders staat, wijzig het pad.

Probeer anders eens het volgende:

1. Dashboard > media > nieuw bestand
2. sleep de afbeelding naar het upload-vak / of klik ‘bestanden selecteren’ en kies de afbeelding
3. De afbeelding wordt nu toegevoegd aan de mediabibliotheek
4. Open nu de ‘nederland’-pagina
5. voeg tijdelijk de afbeelding toe met behulp van de media bibliotheek
6. !!opgelet!! In de re-zijbalk: selecteer de juiste grootte en uitlijning
7. sla alles op en controleer het resultaat
8. kijk nu in de editor [html-tab] en kopieer het pad.
9. Pas nu de bovenstaande code aan met het juiste pad; Verwijder de afbeelding die je net tijdelijk geplaatst hebt

Graag gedaan.

Je kunt zoiets best wel realiseren, maar dan zul je heel bedreven moeten raken in het maken van usemaps ofwel imagemaps, die linkjes/acties op muis-functies van je gebruiker vertonen. Heb je Dreamweaver? Binnen dat programma is het creëren van een map (in dit geval: plaatje Nederland) met muisfuncties (hoveren over uitgelichte provincies, klikken op aanbod per provincie) vrij eenvoudig op te zetten. Google op imagemap dreamweaver.

groet,
Lianne