Maak je eigen homepage met FrontPage (deel 3)

Voor we verdergaan wil ik je eerst even attenderen op het feit dat het belangrijk is om vooraf vast te stellen wat je met je homepage wilt gaan doen, want zonder deze wetenschap kun je later behoorlijk in de problemen komen en krijg je veel extra werk.
Bijvoorbeeld als je plaatjes gaat maken zoals titels, knoppen etc.

Je hebt waarschijnlijk een bepaalde achtergrondkleur gekozen waarop je natuurlijk ook de kleur van de andere attributen hebt gebaseerd. Als je dan later het besluit neemt om de achtergrondkleur te veranderen, zal de consequentie zijn dat je in de meeste gevallen de overige attributen ook weer aan zal moeten passen.

Zo kan ook de wens bestaan om een pagina in meer talen te maken, in dat geval verdient het de aanbeveling om vanaf de start de homepage in mappen onder te verdelen. Later zal dit goed van pas komen, want je kunt dan bestaande bestanden meerdere keren gebruiken.

Wil je bijvoorbeeld een Nederlands- en een Engelstalige pagina, dan maak je mappen als nl en uk. Plaats de html bestanden in de daarvoor bestemde map. Hou foto- en plaatjesmappen en dergelijke buiten die map, want die kun je vaak voor beide talen gebruiken.

In de vorige aflevering heb je kunnen lezen hoe je handig gebruik kan maken van tabellen en cellen en daarvoor leerde je al hoe je pagina’s met elkaar kon verbinden met behulp van snelkoppelingen. Maar wist je ook al dat je plaatjes als snelkoppeling kan gebruiken?

Het gaat precies hetzelfde als met tekst, klik op het plaatje om het te markeren en kies uit het rolmenu Invoegen de optie Hyperlink, kies de pagina waarnaar het plaatje moet koppelen en klik OK.

Deze optie is bijzonder handig bij het maken van een fotopagina, je kunt bijvoorbeeld zogenaamde thumbnails maken, dat zijn miniaturen van het originele plaatje, en die op een pagina plaatsen. Als men er op klikt zal het origineel verschijnen. Op die manier blijft je pagina snel en kunnen bezoekers zelf bepalen of ze ook de tijd willen nemen om het origineel te bekijken.

Maak lege html pagina’s, bijvoorbeeld met de namen foto1.html, foto2.html enz.

Je kan ook zonder pagina’s werken en direct naar de plaatjes koppelen, maar als je dat doet heb je geen mogelijkheden om snelkoppelingen terug te maken, hetgeen de navigatie van je pagina niet ten goede komt.

We gaan de thumbnail pagina maken: start FrontPage met een nieuwe pagina en maak een tabel met één rij en vier kolommen. Centreer de cellen zoals je dat geleerd hebt. Plaats in elke cel een plaatje. Markeer het eerste plaatje en maak een hyperlink naar foto1.html. Doe dat ook met de andere plaatjes, foto2.html enz. Sla de pagina op met de naam foto.html en sluit daarna de pagina af.

Open de pagina met de naam foto1.html. Voeg de originele foto in en centreer die naar keuze. Je kunt desgewenst ook nog een regeltje tekst als toelichting toevoegen. Maak ook, ergens onderaan de pagina, een koppeling om terug te kunnen gaan naar de startpagina, in dit geval dus foto.html en behandel de overige 3 pagina’s op dezelfde manier, elk met een andere foto is wenselijk, anders kun je straks het verschil tussen de koppelingen niet zien

Tijd om het resultaat met Internet Explorer te bekijken. Dubbelklik op het bestand foto.html en klik op de plaatjes en… natuurlijk ook op de koppeling terug, die je, als het goed is, zojuist op alle pagina’s hebt gemaakt. Op deze manier kun je een en uitgebreid fotoalbum maken, dat toch (in eerste instantie althans) maar weinig laadtijd vraagt.

Om dat te voorkomen kun je gebruik maken van de optie Nieuw Venster, welke je onderaan het venster Hyperlink maken, naast de optie Doelframe kunt vinden. Er zijn meer opties, maar die zijn pas van belang als je een pagina met meerdere frames gaat maken en… dat doen we dus nu nog even niet.