Frontpage: Een eenvoudige website maken

Een eenvoudig programma voor het maken van een website is Frontpage, wat onderdeel is van de Microsoft Office bundel. Om u een eindje op weg te helpen, hebben we een handleiding geschreven waarin u kunt lezen hoe u de fundering voor uw website legt.

Om te beginnen start u FrontPage op. Als dit de eerste keer is dat u het programma opstart, krijgt u waarschijnlijk een melding, met de vraag of u FrontPage de standaard HTML-editor op uw computer wilt maken. Drukt u op 'Ja' als u verder geen programma's voor webdesign gebruikt.

Nu komt u op het beginscherm van FrontPage. Er wordt altijd bij het opstarten en lege pagina aangemaakt. Hier kunt u meteen in beginnen als u een nieuwe pagina wilt aanmaken. Als u een bestaand web wilt openen, kunt u deze pagina gewoon negeren.

Eerst gaat u de beginselen van uw website opzetten. 2 begrippen spelen daarin een belangrijke rol. Het eerste is het begrip 'Web'. Frontpage gebruikt dit woord voor een complete website. Het tweede begrip is 'Pagina'. Dit is 1 losse bladzijde in uw website. 1 Web bestaat dus meestal uit meerdere pagina's. Deze pagina's worden met elkaar verbonden door hyperlinks. Dit zijn woorden of plaatjes die u doorverwijzen naar een andere pagina als u erop klikt.

De voorbereiding
U gaat een heel nieuwe website maken, dus we beginnen met het aanmaken van een nieuw Web. Hiervoor drukt u op 'Bestand'. Daarna ga u naar 'Nieuw' en dan naar 'Web'.

Er komt een scherm met daarin de verschillende mogelijkheden die u heeft. Microsoft heeft voor u al verschillende webs aangemaakt, die u alleen nog met uw eigen inhoud kunt invullen. Bijvoorbeeld het 'Persoonlijk' web. Hier vindt u een pagina met foto's, uw favorieten, interesses enzovoorts.

Deze optie is handig als u snel een website wilt maken en geen persoonlijke eisen stelt aan de kleurstelling en lettertypes op uw website. Deze kunt u natuurlijk wel veranderen, maar u kunt dan toch beter een compleet nieuwe maken.

Een compleet nieuwe website maakt u met de optie 'Leeg web'. Bij de opties kunt u ook nog bepalen waar uw website opgeslagen moet worden. Standaard wordt uw website opgeslagen in 'Mijn documenten/Mijn webs/Uwsite'. Druk op 'Ok' om uw keuze te bevestigen en te beginnen met het ontwerpen van uw website.

Om te voorkomen dat u straks links e.d. moet gaan verbeteren, drukt u meteen nadat u een nieuw web hebt aangemaakt op 'Bestand' en daarna op 'Opslaan'. U wordt dan gevraagd om de eerste pagina een naam te geven. Typ hier 'index.html' in. De beginpagina moet altijd zo heten omdat uw browser naar deze pagina zoekt als uw domeinnaam wordt ingetypt. Nu kunt u beginnen met het ontwerp en de inhoud.

Het ontwerpen van uw website
Om een website te maken kunt u gebruik maken van text, plaatjes en speciale plugins, zoals Flash-bestanden, diverse soorten scripts enzovoorts. Hoe u de 2 eerste onderdelen op uw site zet en naar uw wens instelt, leest u hieronder.

Text opties instellen
Text is waarschijnlijk het belangrijkste deel van uw website. Zonder text kan de bezoekers niet. U kunt text simpelweg op uw pagina te zetten, door te typen in uw pagina, in Frontpage. U zult zien dat de uitlijning automatisch op links staat, dus de regel begint tegen de linkerkant. Ook zult u zien dat het typen niet hetzelfde werkt als in uw textverwerker. ALs u op 'Enter' drukt, slaat FrontPage een hele regel over. Dit komt omdat de 'Enter' in HTML een witte regel maakt. Dit omzeilt u door 'Shift' vast te houden als u op 'Enter' drukt.

In de menubalk bovenaan het venster, ziet u de verschillende text opties. Hiermee kunt u de text op uw website aanpassen.

• Bij punt 1 kunt u vantevoren vastgestelde textgroottes gebruiken, zoals koptekst, welke veel groter is dan normale text.
• Bij punt 2 kunt u het lettertype selecteren. Het beste lettertype voor een website is 'Verdana' gebleken. Het is goed te lezen en heeft toch een iets minder formeel uiterlijk dan Arial, want het prettiger te lezen maakt.
• Bij punt 3 kunt u de lettergrootte kiezen. Standaard is dit tussen de 8 en de 12.
• Bij punt 4 kunt u uw lettertype dik gedrukt (bold) maken.
• Punt 5 maakt een schuingedrukt text (Italics) en
• Punt 6 onderstreept (underline) uw text.

• Met de 3 pictogrammen van Punt 7 kunt u de uitlijning veranderen.
• Bij punt 8 kunt u een opsomming beginnen. Dit kan genummerd, of d.m.v. blokjes
• Bij punt 9 kunt u bepalen waar de text moet komen. Zo kunt u ervoor zorgen dat de text niet strak tegen de zijkant staat.
• Bij punt 10 kiest u de kleur van de text, en de kleur die de achtergrond van de text krijgt. Druk op het pijltje naar beneden om snel een kleur te kiezen.

Plaatjes toevoegen
Om uw site aantrekkelijker te maken, kunt u gebruik maken van plaatjes. Wel moet u ervoor zorgen dat deze niet te groot zijn, omdat het laden van de pagina niet te lang moet duren. Dit kan namelijk irritatie opwekken bij de bezoekers.

Om een plaatje te voegen doet u het volgende: Eerst zorgt u ervoor dat u het plaatje al in de goede map op uw computer heeft gezet. Daarna drukt u op 'Invoegen', 'Figuur' en daarna kiest u 'Uit bestand'.

Nu komt er een schermpje waarin u het plaatje gaat selecteren. Eerst gaat u de map waarin u het plaatje gezet heeft. Hier klikt u op het bestand wat u wilt gebruiken. In het rechter scherm zal het plaatje te zien zijn. Nu drukt u op 'Ok'.

Als u een plaatje vanaf het internet wilt gebruiken, typt u achter 'URL' de locatie van het plaatje, bijvoorbeeld 'http://www.domein.nl/images/image.jpg'. Daarna drukt u op 'Oke' en het plaatje wordt geladen en aan uw pagina toegevoegd.

(Hyper)links maken
Om een pagina met een andere pagina te verbinden, moet u een hyperlink aanmaken. Dit kunt u op 2 manieren doen.

De eerste manier is via het menu bovenin uw scherm. U gaat naar 'Invoegen' en daarna naar 'Hyperlink'. Er komt nu een schem waarin u de pagina selecteert waarnaar de link moet verwijzen. Als u dan op 'Ok' drukt, verschijnt er een link, met de titel van de pagina waar naar verwezen wordt als text. Als u dus verwijst naar bijvoorbeeld fotos.html, en die pagina heeft als titel 'Fotos' dan staat komt er op uw pagina het woord 'Fotos' en als u daarop drukt gaat u naar de pagina 'fotos.html'.

De tweede manier is via het rechtsklik menu. Het voordeel hiervan is dat u makkelijker de text kunt veranderen, waar de link onder staat. Als u bijvoorbeeld de volgende zin heeft: "Klik hier om naar de volgende pagina te gaan". Dan wilt u onder 'hier' de link plaatsen. Dit doet u door het hele woord 'hier' te selecteren door met de textcursor (opstaand streepje) over het woord te slepen. Het woord wordt dan wit met een zwarte achtergrond. Dan drukt u er met de rechtermuisknop op, en kiest dan 'Hyperlink'. Soms kan het zijn dat Frontpage het woordenboek activeert als u rechtsklikt, ipv het menu'tje weer te geven. Probeert u het nog een keer totdat het wel goed werkt. ipv het rechtsklik menu kunt u ook Ctrl+K gebruiken om een hyperlink aan te maken.

Het uiterlijk van de pagina aanpassen
Om bijvoorbeeld een achtergrond in te stellen, klikt u met de rechtermuisknop ergens op de pagina, en kiest u 'Eigenschappen van pagina'. Daar ziet u 5 tabbladen.

Onder 'Algemeen' kunt u de Titel van de pagina veranderen. Ook kunt u de pagina een achtergrondgeluid geven.

Bij 'Achtergrond' kunt u een achtergrondkleur of -plaatje instellen.

Onder 'Marges' kunt u instellen hoeveel ruimte er tussen de randen van de pagina en van het scherm zit. Op deze manier kunt u ervoor zorgen dat text en plaatjes niet aan de rand van uw scherm grenzen.

De tabbladen 'Aangepast' en 'Taal' heeft u niet nodig.

De laatste stap
Als u klaar bent met het ontwerp, kunt u uw site gaan uploaden naar uw webruimte. Hoe u dit doet vindt u hier.