Maak je eigen homepage met FrontPage (deel 10)

FrontPage biedt de mogelijkheid om een thema te gebruiken. Dat wil zeggen dat je een vooraf vastgesteld aanzicht kan geven aan je pagina's, achtergrondkleur en design, de knoppen en de daarbijbehorende animaties, paginavaandels en meer. Maar, het gebruik van thema's heeft, net als met zoveel andere zaken, zowel voor- als nadelen.

Als je een thema kiest voor een website dan wordt dat de nieuwe standaard voor alle pagina's. De onderdelen die je gewend was worden vervangen, achtergrondkleuren en hyperlinks kun je wel veranderen, maar niet meer per pagina aanpassen. Je kunt ook thema's aanpassen en de daarbijbehorende onderdelen vervangen door andere maar... ook in dat geval geldt dat voor de hele website.

Je kunt verschillende thema's door elkaar gebruiken. In dat geval pas je een thema alleen op de betreffende pagina toe door Geselecteerde pagina's te kiezen. Op een volgende pagina kun je dan weer een ander thema toepassen.

Ook het navigeren is niet altijd zoals je dat graag zou zien, automatisch toegevoegde knoppen zijn niet op alle pagina's te zien. Met een handigheidje kan je dat corrigeren maar in dat geval gaan de leuke effecten weer verloren.

Pas op. Maak bij het opzetten van je web de juiste keuze, want FrontPage heeft de nare eigenschap dat bij het gebruik van thema's gedane zaken vaak niet gemakkelijk ongedaan te maken zijn, hetgeen betekent dat, als je een foute opzet gekozen hebt, je soms weer helemaal van vooraf aan mag beginnen

Een thema voor een website maken

Kies Bestand, Nieuw, Web en selecteer Leeg web. Geef in hetzelfde venster ook de locatie aan waar het web moet worden opgeslagen.

Kies Opmaak, Thema... selecteer Alle pagina's en kies een thema. Plaats desgewenst een vinkje voor alle opties links onderaan en klik OK. Bevestig je keuze met Ja.

Om straks te kunnen navigeren is nog een instelling nodig. Kies daarvoor Opmaak, Gemeenschappelijke randen... markeer Alle pagina's en maak een keuze, meerdere keuzen mag ook, dus laten we voor ons voorbeeld Bovenaan en Links kiezen. Plaats een vinkje onder Links voor de optie Inclusief Navigatieknoppen en klik OK.

Sla de pagina op: Bestand. Opslaan als... geef het de naam index.html

Bovenaan de pagina verschijnt Opmerking: Deze rand komt op alle pagina's van het web. Vervang deze opmerking door uw eigen tekst. Links van de pagina verschijnt ook een tekst: [Deze pagina aan de navigatieweergave toevoegen om de hyperlinks hier weer te geven]

Kies Beeld, Navigatie, in de linkse kolom zie je index.html (zie je geen linkse kolom? Klik dan Mappenlijst in het rolmenu Beeld). Klik met de rechtse muistoets in de mappenlijst en kies Nieuwe pagina. Type als naam welkom.html en leg de naam vast met enter of een muisklik (bevestig met Ja op de opmerking of je de extensie wil wijzigen).

Klik Beeld, Pagina. Links is de tekst verdwenen en in plaats daarvan zie je nu hyperlinks naar de zojuist gemaakte pagina's. Als je daarop dubbel klikt krijg je de eigenschappen te zien. Daarin kun je een aantal voorkeuren instellen. Markeer bijvoorbeeld Knoppen, Introductiepagina en Bovenliggende pagina en klik OK.

Selecteer nu de tekst bovenaan de pagina. Kies Invoegen, Paginavaandel. Markeer de optie Figuur en type een naam, bijvoorbeeld Hoofdpagina en klik OK. Op de plaats van de tekst verschijnt nu een afbeelding.

NB. We hebben voor dit voorbeeld bij Opmaak, Gemeenschappelijke randen... gekozen voor meerdere opties, Bovenaan en Links. Als je slechts een optie kiest dan wordt het paginavaandel automatisch weergegeven zodra de pagina is opgeslagen en kun je de voorgaande alinea overslaan!

We gaan nog heel even terug naar Beeld, Navigatie. De naam voor Nieuwe pagina 1 hebben we zojuist al veranderd, de andere twee gaan we nu veranderen. Klik met de rechtse muistoets op welkom.html en kies Naam wijzigen. Type Welkom, leg de naam vast met enter of een muisklik. Verander afbeeldingen.html in Afbeeldingen. Die namen krijg je dan straks als paginavaandel op de andere twee pagina's te zien.

Het wordt tijd om het resultaat te gaan bekijken. Als je dat met de Voorbeeld optie van FrontPage doet zal je opvallen dat het vaandel op de startpagina lager staat dan op de andere pagina's en soms zullen ook de hyperlinks afwijken, maar als je Bestand, Voorbeeld in browser... gebruikt ziet alles er wel uit zoals het hoort en dat is ook het geval als FrontPage een keer opnieuw is opgestart.

Meer navigatie mogelijkheden

Zoals je ziet staan de knoppen naar de diverse pagina's wel op de hoofdpagina, maar als je een link hebt geklikt dan zie je op de volgende pagina alleen een link terug naar die hoofdpagina en je kunt dus niet navigeren naar een van de andere pagina's. Dat kunnen we veranderen maar... dat gaat dan wél ten koste van de knopeffecten!

Open de index.html en markeer de knoppen. Klik Invoegen, Navigatiebalk... en markeer de optie Hetzelfde niveau. Klik OK. Markeer de tekstregel [De eigenschappen van deze navigatiebalk bewerken om de hyperlinks hier weer te geven] en type bijvoorbeeld Start - Welkom - Afbeeldingen. Maak van elk van deze woorden een hyperlink naar de betreffende pagina. Start naar index.html, Welkom naar welkom.html en Afbeeldingen naar afbeeldingen.html en Sla de pagina op.

Als je nu Voorbeeld in browser... kiest zie je dat op alle pagina's alle hyperlinks worden weergegeven, zodat je naar willekeurig welke pagina kunt navigeren.

In plaats van tekst kun je ook zelfgemaakte knoppen gebruiken. Je kunt op willekeurig welke pagina hyperlinks toevoegen en als de pagina eenmaal is opgeslagen worden ze ook op alle andere pagina's weergegeven.

Op deze manier zijn de effecten zoals het oplichten of veranderen van de knoppen niet
meer beschikbaar, maar je hebt wel op alle pagina's dezelfde navigatiemogelijkheden.

Thema's aanpassen naar jouw wensen

Kies Opmaak, Thema... en klik Wijzigen. Behalve het thema vervangen kun je ook de Kleuren, Afbeeldingen en Tekst veranderen. Het is even werk, want voor vrijwel elke tekst en elk object zijn aparte instellingen beschikbaar.

Je kunt bijvoorbeeld standaard tekst vervangen of alleen die voor de vaandels, ook de afbeeldingen kun je aanpassen en in plaats van een actieve afbeelding de standaard versie gebruiken, hetgeen voor objecten als de horizontale lijn soms wenselijk is, want in sommige thema's is die behoorlijk aan de dikke kant

Tip: Laat het bestaande thema onaangetast en kies voor het aangepaste thema de optie Opslaan als... en sla het thema op met een andere naam.

Het is een kwestie van smaak en geduld, maar ik weet eigenlijk vrijwel zeker dat jij er wat moois van zal maken...