Spreadsheet Mapper-sjablonen maken
Met het hulpprogramma voor het maken van KML-bestanden van spreadsheets, zoals in de les over Spreadsheet Mapper 2.0, beschikt u over zes kant-en-klare ballonontwerpen. U kunt echter ook het eenvoudige systeem voor HTML-sjablonen gebruiken om onze ontwerpen aan te passen, uw eigen ontwerpen te maken of om sjablonen te importeren/exporteren.
In deze les komen de verschillende onderdelen van een sjabloon aan de orde en leert u hoe u deze kunt bewerken.
Sjabloonanatomie
- Template Name - De naam van de sjabloon (bijvoorbeeld Wide Photo, Text Photo Banner, WWF template).
- Variabelen - Deze fungeren als tijdelijke plaatsaanduidingen in uw HTML-ontwerp en worden vervangen door de juiste waarden op het sjabloonwerkblad PlacemarkData.
- KML Style Variables - Hiermee wordt het uiterlijk van de plaatsmarkeringspictogrammen en -labels en de achtergrond van de ballon bepaald. 'Highlight' style values is van toepassing wanneer de gebruiker met de muisaanwijzer over een plaatsmarkering beweegt. Tip: gebruik Label Scale Highlight = 0 om ervoor te zorgen dat de naam van een plaatsmarkering alleen wordt weergegeven wanneer de gebruiker de muis over de plaatsmarkering beweegt.
- Static Variables - Elementen die worden gedeeld door alle plaatsmarkeringen, zoals tekstkleuren, logo's en voetnoten.
- Unique Variables - Unieke elementen voor een plaatsmarkering, zoals titels, beschrijvingen of foto's. Waarden voor deze elementen kunt u opgeven op het werkblad PlacemarkData.
- Special Variables - Toegangsattributen van de plaatsmarkeringen zelf (bijvoorbeeld naam, adres, enzovoort, zoals opgegeven op het werkblad PlacemarkData). U kunt deze attributen niet hernoemen of wijzigen, maar ze kunnen wel worden gebruikt in de Balloon HTML Layout.
- Layouts - Deze lay-outs vormen het raamwerk voor het ontwerp van de ballonnen en KML-stijlen. Door de bovenstaande variabelen in te voegen, wordt de inhoud van uw ballon op de juiste positie geplaatst.
- Het gedeelte Balloon HTML Layout bevat het HTML-ontwerp van uw ballon, waarmee wordt bepaald hoe de inhoud van de ballon wordt weergegeven. Hierbij kan het gaan om de positie en opmaak van titels, tekst, afbeeldingen en links. Het gedeelte HTML Variable Summary (rechts van Balloon HTML Layout) bevat een lijst met alle beschikbare variabelen die aan uw HTML-code kunt toevoegen.
- Voor geavanceerde KML-gebruikers: het gedeelte KML Style Layout bevat de code voor de KML van de sjabloon <StyleMap>. De code moet alleen worden aangepast door KML-ontwikkelaars en is toegankelijk in de verborgen rij onder aan het werkblad.
Voorbeeld: sjabloon 3
Live voorbeeldweergave van een sjabloon
Het onderstaande vak is een live voorbeeld van sjabloon 3 (Text Photo Banner) op de beginspreadsheet uit de les over Spreadsheet Mapper 2.0.
Schermafbeelding van een voorbeeldmarkering
Deze schermafbeelding bevat een voorbeeld van een plaatsmarkering waarbij sjabloon 3 wordt gebruikt en waarbij de verschillende typen variabelen in de sjabloon worden gebruikt.
Balloon HTML Layout
De statische en unieke variabelen hieronder, tussen {accolades}, zijn gecodeerd met een kleur, overeenkomstig de bovenstaande schermafbeelding van een ballon.
- Statische elementen van de HTML-code die voor alle plaatsmarkeringen hetzelfde zijn (breedte van de foto's, de naam van de organisatie, enzovoort), zijn rood.
- De elementen die uniek zijn voor de afzonderlijke plaatsmarkeringen, zijn blauw.
<table width={static_Balloon_Width} border=0 cellpadding=5 cellspacing=0>
<tr>
<td><img src={unique_Top_Photo_URL} width={static_Top_Photo_Width} align=left /></td>
</tr>
<tr>
<td><h2><font color={static_Title_Text_Color}>{unieke_Titel_Tekst}</font></h2></td>
</tr>
<tr>
<td><blockquote>
<p>{unieke_Alinea _1_Tekst}</p>
<p>{unieke_Alinea _2_Tekst}</p>
<p>
<a href={unique_Read_More_Link_URL}>{statisch_Lees_Meer_Link_Tekst}</a>
</p>
</blockquote></td>
</tr>
<tr><td> </td>
</tr>
<tr>
<td>
<table width=100% border=0 cellpadding=0 cellspacing=0 bgcolor=#e8e9cb>
<tr>
<td width=99% align=right valign=middle>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td align=right valign=top>
<h2><font color={static_Organization_Text_Color}>{statisch_Naam_Organisatie}</font></h2>
</td>
</tr>
<tr align=right valign=top>
<td><a href={static_Organization_Link_URL}>{statisch_Organisatie_Link_Tekst}</a></td>
</tr>
</table>
</td>
<td width=1% align=right valign=middle><img src={static_Logo_URL} width={static_Logo_Width} /></td>
</tr>
</table>
</td>
</tr>
</table>
Sjablonen bewerken
Naar: sjablonen wijzigen, maken of importeren.
Een bestaande sjabloon bewerken
- Selecteer het werkblad van de sjabloon die u wilt wijzigen. Wijzig desgewenst de waarde voor Template Name.
- Bewerk de waarden voor KML Style Variables om het uiterlijk van plaatsmarkering te wijzigen.
- Geef de namen en waarden op voor Static Variables, de elementen die door alle ballonnen worden gedeeld.
- Definieer de namen voor Unique Variables, de unieke gegevens voor de afzonderlijke plaatsmarkeringen op het werkblad PlacemarkData.
- Bewerk het gedeelte Balloon HTML Layout om de inhoud in uw ballon te positioneren en op te maken. Om uw HTML-code te bewerken kunt u programma's als Dreamweaver (commercieel product) of NVU (gratis en open source) gebruiken.
Detail:
- Kopieer de cel HTML Variable Summary (rechts van het gedeelte Balloon HTML Layout) en plak deze in een HTML-editor. Het overzicht bevat alle statische, unieke en speciale variabelen die in de sjabloon beschikbaar zijn. Omdat het overzicht wordt omringd door HTML-tags voor opmerkingen (<!-- comment here -->), heeft het overzicht geen invloed op uw ontwerp.
- Kopieer en plak de Balloon HTML Layout in de HTML-editor onder de samenvatting en pas deze naar wens aan.
- U kunt de variabelen gewoon uit het overzicht knippen (inclusief de accolades) en in het HTML-ontwerp plakken waar u het nodig heeft.
- Wanneer u de HTML-code weer terugplaatst in de spreadsheet, dient u er rekening meet te houden dat u alleen het ontwerpgedeelte terugplaatst.
- Belangrijk: wanneer u een HTML-lay-out in de spreadsheet plakt, moet u de cel eerst bewerken (dubbelklik of druk op F2) en de code rechtstreeks in het vak voor bewerken plakken. Anders worden andere delen van de sjabloon overschreven door de regeloverloop. Zie deze stap in het gedeelte Een sjabloon importeren voor meer informatie.
Een nieuwe sjabloon maken
- U kunt een van de bestaande sjablonen overschrijven en de bovenstaande instructies voor het aanbrengen van wijzigingen volgen (eenvoudig).
of
Dupliceer een van de bestaande sjablonen en ga verder met de onderstaande stappen (complexer).
- Geef het gekopieerde werkblad een unieke naam (Rename) - later gebruikt u de naam van het werkblad om de sjabloon te laden.
Opmerking:
u kunt een gedupliceerd werkblad bijvoorbeeld SjabloonA, SjabloonB of Mijn sjabloon noemen. Dit kan omdat er zes actieve ruimten beschikbaar zijn voor het laden van sjablonen. Aan de hand van het nummer voor de ruimte wordt bepaald welke sjabloon door een plaatsmarkering wordt gebruikt.
Wanneer u nieuwe namen voor werkbladen opgeeft die eindigen op een cijfer (bijvoorbeeld Sjabloon7), kan er verwarring ontstaan. Het kan bijvoorbeeld gebeuren dat u het nieuwe werkblad Sjabloon7 noemt en de sjabloon activeert door deze in de eerste ruimte te plaatsen (#1) op de lijst met sjablonen op het werkblad PlacemarkData. In dit geval moet u 1 opgeven voor plaatsmarkering om de sjabloon op het werkblad Sjabloon7 te gebruiken.
- Geef voor de variabele Template Name een unieke waarde op.
- Bewerk de sjablonen zoals wordt beschreven in het bovenstaande gedeelte Een bestaande sjabloon bewerken.
- Nieuwe sjabloonbladen moeten worden geactiveerd voordat u ze kunt gebruiken. Zie het gedeelte Sjablonen activeren.
Een sjabloon importeren
- Volg stap 1 en 2 in het gedeelte Een sjabloon maken of overschrijf een bestaande sjabloon door deze stappen op een bestaande sjabloon uit te voeren (sjabloon 1-6).
- Ga naar de sjabloon die u wilt importeren. Kopieer alle cellen in de kolommen Names en Values (cellen B4 tot en met C85) tot, maar niet inclusief, Balloon HTML Layout.
Opmerking: de HTML-code uit de bronsjabloon moet afzonderlijk van de andere variabelen worden verwerkt om te voorkomen dat er problemen ontstaan met het plakken vanwege de regeloverloop in de HTML-code.
- Selecteer in de nieuwe sjabloon cel B4 en Plak de gekopieerde variabelenamen en -waarden in de bronsjabloon.
- Kopieer de cel met de tekst Balloon HTML Layout (B86) in de bronsjabloon.
- Ga naar het nieuwe sjabloonblad en dubbelklik op Balloon HTML Layout (cel B86) of druk op F2 om deze cel te bewerken, plaats de muisaanwijzer in het vak, verwijder de inhoud en plak de HTML-lay-out.
Opmerking: als u gewoon cel B86 selecteert op de nieuwe sjabloon door erop te klikken en vervolgens te plakken, lopen de regels in de HTML-code over en worden andere delen van de sjabloon overschreven. Zorg ervoor dat u dubbelklikt op of op F2 drukt om een cel te bewerken voordat u gaat plakken. Zodoende zorgt u ervoor dat alle regeloverlopen in de HTML-code in cel B86 worden geplaatst.
Sjablonen activeren
Maximaal zes actieve sjablonen
De beginspreadsheet bevat (6) werkbladen met sjablonen (sjabloon 1-6). Deze kunnen worden gedupliceerd als u meer sjablonen in de spreadsheet wilt gebruiken. U kunt echter slechts zes actieve sjablonen tegelijkertijd gebruiken. Alleen actieve sjablonen kunnen worden gebruikt voor de plaatsmarkeringen die u aan het werkblad PlacemarkData heeft toegevoegd. U kunt sjablonen activeren door de namen van de werkbladen in een van de zes beschikbare ruimten op het werkblad PlacemarkData te plaatsen.
Een sjabloon activeren
- Geef boven aan het werkblad PlacemarkData de naam van het werkblad op dat uw nieuwe sjabloon bevat, door een van de andere namen te vervangen.
Bovenstaand: de sjabloon op het werkblad Template1 is nu uitgeschakeld en het nieuw blad, My Template, is geactiveerd.
- Gebruik het nummer van de sjabloon in uw nieuwe plaatsmarkering (de sjabloon Outreach Template op het werkblad My Template is bijvoorbeeld nummer 1).
- Bewerk de plaatsmarkeringsgegevens op of voeg gegevens toe aan het werkblad PlacemarkData om de unieke variabelen van de nieuwe sjabloon toe te passen.
Herinnering: publiceer uw spreadsheet opnieuw en vernieuw uw netwerklink om de wijzigingen te bekijken.
Discussie/feedback
Heeft u vragen over deze les? Wilt u ons feedback geven? Ga naar Google Earth Outreach-discussiegroep om het programma met anderen te bespreken.
En nu?
Wilt u de laag aantrekkelijk en eenvoudiger bruikbaar maken? In de onderstaande les wordt uitgelegd hoe u dit doet!
Opmerking: deze les vervangt de volgende lessen: De tijd toevoegen als vierde dimensie
en Een KML-bestand van een spreadsheet maken.
|
