Handleiding FrontPage 2000

Transcriptie

1 Handleiding FrontPage 2000 Anne-Martine Gielis Versie 1.1 maart 2001 UNIVERSITEIT VAN AMSTERDAM Instituut voor de lerarenopleiding

2 Inhoudsopgave Inleiding... 1 Website maken... 2 Gebruik maken van een ILO-template... 2 Weergaves... 3 Paginaweergave... 3 Normaal... 3 HTML... 3 Voorbeeld... 3 Navigatieweergave... 4 Hyperlinksweergave... 4 Mappenweergave... 5 Rapportenweergave... 5 Taken... 5 Pagina s bewerken... 6 Openen van een pagina... 6 Opmaak... 6 Opmaakaanwijzigingen en tips... 6 Hyperlinks maken... 7 Bladwijzers maken... 8 Verwijzen naar een bladwijzer... 8 Hyperlinks bewerken... 8 Nieuwe pagina s maken... 9 Pagina's verfraaien Invoegen van een afbeelding Tabel maken Tabel invoegen uit Excel of Word Lichtkrant maken Navigatie Publiceren van je website Problemen en onverwachte situaties FrontPage standaard web-editor? Bladwijzer waar ik naar wil verwijzen staat niet in het lijstje Voor gevorderden Navigatiebalkopties veranderen Korte uitleg over HTML Voorbeelden van html-tags... 14

3 Inleiding Deze handleiding behandelt een aantal basisvaardigheden voor het werken met Microsoft Frontpage Ik heb bij het maken van deze handleiding dankbaar gebruik gemaakt van 'ECO cursus FrontPage 2000 basisvaardigheden' door Gertjan Martens van de Efa. Frontpage is een programma waarmee je webpagina's kunt maken zonder zelf HTML-codes in te voeren. Het programma doet dat voor je. Daarom noemen we het een web-editor of HTML-editor. Deze handleiding gaat uit van een voorbeeldwebsite ( template ) die al volgens de ILO-stijl is opgemaakt. Als eerste stap wordt uitgelegd hoe je dit template in gebruik kunt nemen. Frontpage is een prachtig programma met zeer veel mogelijkheden. Helaas meld het programma niet altijd in welke browsers bepaalde functies wel of niet werken. Dat komt omdat Microsoft vindt dat er maar een echte browser bestaat en dat is die van Microsoft: Internet Explorer. Wanneer je een breed publiek wilt bereiken dien je met de toegankelijkheid van je pagina's via verschillende browsers rekening te houden. Maak daarom geen gebruik van alle toeters en bellen van Frontpage maar houdt het rechttoe rechtaan, of test je pagina's in beide browsers voordat je publiceert op het Web. Browsers worden regelmatig verbeterd en het kan best zo zijn dat een functie, die vandaag nog niet overal ingeburgerd is, morgen gewoon is. Met gewone 'vulling': tekst, plaatjes, animaties en geluiden en filmpjes heeft echter geen enkele browser moeite, mits de bestanden niet te groot zijn. Let in ieder geval op wanneer je speciale dingen wil. Mocht je ondanks het lezen van deze handleiding nog vragen hebben, mail of bel dan gerust: anne-martine@ilo.uva.nl / Anne-Martine Gielis ICT-deskundigheidsbevordering 1 Instituut voor de Lerarenopleiding

4 Website maken Om het maken van een website te vergemakkelijken en voor de juiste huisstijl te zorgen, heb ik een aantal templates gemaakt. Ze zijn gebaseerd op de huidige stijl van de algemene ILO website. Ze zijn voor alle ILO-medewerkers beschikbaar en bereikbaar op de Y-server. Gebruik maken van een ILO-template Zorg dat je bent ingelogd op 'bureauilo' Ga met de Windows Verkenner naar Y:\webtemplates Kopieer de map met het juiste webtemplate naar je eigen stukje op het netwerk, bijvoorbeeld H:\iloinlognaam\websites Verander de naam van de map in de naam van het vak waarvoor je de website gaat maken. Start Frontpage 2000 op (Start! Programma s! Microsoft Frontpage). Kies Bestand! Web Openen. Er verschijnt een venster. Zoek het zojuist gekopieerde template op. Klik op Openen. De website wordt geopend en er wordt automatisch een nieuwe pagina aangemaakt. Je kunt deze pagina meteen gaan bewerken en opslaan. Wil je dat niet, sluit deze pagina dan meteen. Als je een website hebt geopend, zijn er diverse weergaven: Pagina Mappen Rapporten Navigatie Hyperlinks Taken Het scherm is opgedeeld in drie kolommen, zie volgende pagina voor de uitleg. ICT-deskundigheidsbevordering 2 Instituut voor de Lerarenopleiding

5 Weergaves Van links naar rechts zie je drie kolommen: Weergaven, met daarin de verschillende manieren waarop je naar je web kunt kijken. De belangrijkste zijn Pagina, Navigatie en Hyperlinks. Mappenlijst. Daarin zie je de mappen die Frontpage en/of jijzelf hebt aangemaakt in dit web, alsmede de bestanden van het mapniveau waar je op dat moment in werkt. Kolom met een wisselende naam. Dit is de kolom waarin zich het document bevindt dat je geopend hebt dan wel aan het bewerken bent. Paginaweergave Als je een pagina aan het bewerken bent, zie je helemaal onderaan een drietal tabbladen: Normaal, HTML en Voorbeeld. Normaal In deze weergave kun je pagina's bewerken, net zoals je dat met een Word-document doet. FrontPage functioneert dan als een zogenaamde WYSIWYG 1 web-editor. Hier zie je ongeveer hoe de tekst, afbeeldingen en dergelijke op je pagina eruit komen te zien. Je ziet echter ook de randen van onzichtbare schermelementen. Links werken niet (normaal), wel door Ctrl in te drukken en dan op de link te klikken. HTML Wanneer je wilt weten wat er nou eigenlijk aan code gegenereerd wordt door deze HTMLeditor, kijk je via het middelste tabblad naar de HTML code. Eventueel kun je hierin gaan veranderen om heel precies te programmeren wat je wilt. We gaan hier in deze handleiding niet op in. Voorbeeld De voorbeeldweergave is de dichtste benadering van hoe de pagina er na publicatie op een webserver uit zal zien. Wanneer je werkelijk wilt zien hoe het wordt, dan moet je gebruik maken van Bestand! Voorbeeld in browser. 1 'What you see is what you get' ICT-deskundigheidsbevordering 3 Instituut voor de Lerarenopleiding

6 Navigatieweergave Op dit plaatje zie je een voorbeeld van de navigatieweergave van een website. Dit noem je ook wel de boomstructuur (vanwege de vertakkingen). Als een pagina in de navigatieweergave met een andere pagina is verbonden, wil dit niet zeggen dat ze automatisch met hyperlinks naar elkaar verwijzen. Hoe je hyperlinks maakt, lees je op pagina 7. Navigatie binnen een site is erg belangrijk. Tips hiervoor lees je op pagina 12. Het tekentje geeft aan dat een pagina de extensie.asp ( Active Server Page ) heeft. Dit wil zeggen, een koppeling met een database. Om deze reden kunnen er in de navigatiestructuur geen pagina's onder gehangen worden. Je kunt ze wel gewoon aanmaken en ernaar verwijzen d.m.v. hyperlinks. In dit plaatje is gekozen voor een vertakking van links naar rechts. Je kunt ook kiezen voor een vertakking van boven naar beneden: Klik met de rechter muisknop op de achtergrond (standaardkleur is lichtblauw) van de navigatieboom. Kies in het verschenen menu voor Draaien om de oriëntatierichting te wijzigen. Als je veel vertakkingen / pagina's hebt, kun je ook nog in- of uitzoomen: Klik met de rechter muisknop op de achtergrond Kies voor In-/uitzoomen.. Hyperlinksweergave In de weergave hyperlinks kun je zien welke pagina's met elkaar samenhangen door hyperlinks. Dit kan een behoorlijke wirwar worden als je website is gegroeid. De externe hyperlinks (naar andere pagina's op het www) worden buiten beschouwing gelaten. In de Rapportenweergave kun je controleren of alle hyperlinks die je hebt ingevoegd, het ook daadwerkelijk doen. ICT-deskundigheidsbevordering 4 Instituut voor de Lerarenopleiding

7 Mappenweergave Overzicht van alle mappen binnen je website. Deze weergave is wat overbodig als je de mappenlijst altijd in beeld hebt (standaard instelling van FrontPage). Rapportenweergave Via deze weergave kun je van allerlei rapporten (laten) maken over je website, o.a. hoeveel pagina's heb je, zijn er langzame (grote) pagina's bij, hoeveel externe / interne hyperlinks je hebt. Taken Je kunt taken aanmaken voor jezelf of anderen (uiteraard alleen als je met meerderen aan een website werkt): Wie bewerkt welke pagina's en wanneer moet iets af zijn. Klik op Bestand! Nieuw Taak om een nieuwe taak toe te voegen. ICT-deskundigheidsbevordering 5 Instituut voor de Lerarenopleiding

8 Pagina s bewerken Deze handleiding gaat uit van een ILO-template. In zo'n template is al een aantal pagina's gemaakt en voorzien van een titel. Deze pagina's kun je bewerken of van naam veranderen, daar ben je vrij in. Openen van een pagina Je kunt een pagina op verschillende manieren openen: zoek het bestand op in de mappenlijst en dubbelklik erop dubbelklik op het bestand in de navigatieweergave volg een link vanaf een andere pagina (in weergave Normaal doe je dit door de Ctrl ingedrukt te houden en te klikken. via Bestand! Openen Opmaak In de voorbeeldwebsite zitten ook opmaakstijlen die bij de ILO-huisstijl horen. Als je een tekst typt, kun je op simpele wijze opmaakstijlen toepassen: Klik in het stuk tekst waarop je een opmaakstijl wilt toepassen. Klik in de menubalk op Opmaakprofiel en kies de gewenste stijl. Gemeenschappelijke rand Te bewerken deel van de pagina Het plaatje en de tekst bovenaan de pagina is een zogenaamde 'gemeenschappelijke rand'. De tekst die je hier intypt (Vakdidactiek Engels in het voorbeeld), staat dus boven iedere pagina. De titel (kop) van de pagina typ je in het veld eronder. Na het typen van de titel druk je op Enter. Je komt op de volgende regel terecht en de opmaakstijl is automatisch 'Normaal' geworden, oftewel je typt hier gewoon tekst of je past desgewenst een andere opmaakstijl toe. Opmaakaanwijzigingen en tips Zet op iedere pagina een titel in opmaakprofiel 'Kop 1', zorg dat er geen lege regel onder staat. Het ontwerp zorgt er dan voor dat de eerste tekstregel van de pagina precies op gelijke hoogte staat met de bovenste link van de navigatiebalk. Als je een URL of een adres intypt, verandert FrontPage die automatisch in een hyperlink. Misschien vind je dat niet mooi of je hebt een fout getypt, dan lees je op pagina 8 hoe je de hyperlink kunt veranderen. ICT-deskundigheidsbevordering 6 Instituut voor de Lerarenopleiding

9 In HTML-codering is er een verschil tussen Enter en Shift + Enter: " Enter! Je krijgt een lege regel tussen de alinea's " Shift + Enter! De nieuwe regel sluit direct aan op de vorige alinea. Hyperlinks maken 1. Selecteer een of meerdere woorden in een pagina, die je wilt laten verwijzen naar een andere pagina. 2. Klik op in de werkbalk. Als je dit icoontje niet kunt vinden, kies dan Invoegen! Hyperlink via het menu. Het venster Hyperlink maken verschijnt. 3. Zoek het bestand op waar je naar wilt verwijzen. Als dit een bestand binnen het FrontPage-web is, doe je dat door de juiste map en vervolgens het juiste bestand op te zoeken in de lijst. 4. Als een internetpagina is die niet in je eigen website staat, type dan de juiste URL in het vakje URL: in. 5. Klik op OK om de hyperlink te maken. Als je wilt, kun je de link in een nieuw venster laten openen. Klik hiervoor na stap 4 van 'Hyperlink invoegen' op het icoontje naast Doelframe. Het venster Doelframe verschijnt. Klik op Nieuw venster Klik op OK. Ga verder met stap 5 van 'Hyperlink invoegen' Het voordeel hiervan is dat je eigen site in het oorspronkelijke venster open blijft. Nadeel kan zijn dat gebruikers die de Back-knop van de browser gebruiken, niet begrijpen wat er is gebeurd; Er is in dat nieuwe venster geen 'historie' van bezochte sites. ICT-deskundigheidsbevordering 7 Instituut voor de Lerarenopleiding

10 Bladwijzers maken Bij lange pagina s is het prettig om snel naar een bepaalde plek op de pagina te kunnen springen. Zo n plek, die je zelf kunt markeren, noem je een bladwijzer. Het markeren doe je als volgt: Selecteer een kernwoord op de pagina waarnaar je wilt gaan verwijzen. Kies Invoegen! Bladwijzer. Het venster Bladwijzer verschijnt. Typ een naam voor de bladwijzer, bij voorkeur één woord. Je mag geen spaties gebruiken, een alternatief hiervoor is het laagliggende streepje ('underscore'). Klik op OK om de bladwijzer te markeren. Nu moet je een verwijzing naar de bladwijzer gaan maken, bijvoorbeeld vanuit een inhoudsopgave aan het begin van de pagina. Verwijzen naar een bladwijzer Nu de bladwijzer gemarkeerd is, kun je ernaar verwijzen. Dit is gewoon een hyperlink met extra instellingen. Om deze link te maken, volg je de stappen 1 t/m 4 van het maken van een hyperlink, alleen geef je de specifieke locatie binnen een bestand aan. Dit doe je onderaan in het venster Hyperlink maken bij Optioneel: Selecteer de bladwijzer waarnaar je wilt verwijzen en klik dan pas op OK. Als je geen bladwijzers ziet, wanneer je op het pijltje klikt, kun je de bladwijzernaam ook direct in het URL-veld intypen. Als je bijvoorbeeld wilt verwijzen naar de bladwijzer ' ' op de pagina dan typ je de volgende URL in: Hyperlinks bewerken Als er iets fout is aan een hyperlink, of je wilt toch minder woorden selecteren als linkwoord, dan kun je de hyperlink altijd na het invoegen nog bewerken: Klik met de rechter muisknop op de hyperlink en kies Eigenschappen van hyperlink... Verander de gewenste gegevens en klik op OK. ICT-deskundigheidsbevordering 8 Instituut voor de Lerarenopleiding

11 Nieuwe pagina s maken Ikzelf werk graag vanuit de Navigatieweergave als ik nieuwe pagina's maak. Op deze manier houd je de structuur van de site goed in de gaten: Klik in de navigatieweergave met de rechter muisknop op de pagina waar je een nieuwe pagina onder wilt hangen en kies voor Nieuwe pagina. Er komt een pagina bij in de navigatieweergave met de naam Nieuwe pagina 1. Klik met de rechter muisknop op de nieuwe pagina en kies voor Naam wijzigen. De naam wordt geselecteerd en je kunt een nieuwe naam typen. De naam die je in de navigatieweergave ziet, is tevens de titel van de pagina. Deze naam zal te zien zijn in titelbalk van de browser: De titel hier is: ILO studieweb introductie. Bekeken met de browser Netscape Om de pagina te openen, dubbelklik je erop. Je kunt hem dan gaan bewerken. Zorg ervoor dat je pagina's, die je aan het bewerken bent, regelmatig opslaat. Je kunt ook een nieuwe pagina maken door te klikken op Bestand! Nieuw! Pagina en vervolgens het soort pagina te kiezen. Voor een eenvoudige website zul je prima uit de voeten kunnen met Normale pagina. Je hebt de keuze uit een flink arsenaal aan mogelijkheden. Lang niet alle soorten zijn standaard mogelijk in een ILO-website. Soms zijn namelijk speciale opties nodig op de webserver, het instellen van die opties heeft tijd nodig. Bovendien worden niet alle mogelijkheden van FrontPage door alle internetbrowsers ondersteund. Vraag eventueel bij Anne-Martine na wat de mogelijkheden zijn. ICT-deskundigheidsbevordering 9 Instituut voor de Lerarenopleiding

12 Pagina's verfraaien Invoegen van een afbeelding Een afbeelding (plaatje of foto) invoegen, gaat bijna net zo als in Word. Bij webpagina's moet je echter wel rekening houden met de plaats van plaatjes ten opzichte van de tekst. Een mooie opmaak krijg je met tabellen (staat verderop uitgelegd). Kies Invoegen! Figuur! Uit bestand... of klik op het icoon uit de werkbalk Kies in het verschenen dialoogvenster het gewenste bestand. Sla de pagina op. Bekijk de pagina in de voorbeeldweergave. Klik op Bestand! Voorbeeld in browser Kies in het dialoogvenster bij voorkeur voor Explorer. Zie je nog een verschil met de pagina in het voorbeeldscherm? Er kan verschil zijn met de weergave Voorbeeld van Frontpage zelf. Bekijk het resultaat eventueel ook eens via de andere browser Netscape. Afhankelijk van het lettertype dat je gekozen hebt, zal het je opvallen dat de pagina er anders uit kan zien. Tabel maken HTML is een dynamische opmaaktaal. De positie van de objecten op het scherm wordt deels door de browser bepaald. Wanneer je daar enige invloed op wilt uitoefenen maak je gebruik van een tabel. Een tabel wordt op webpagina's dus een beetje anders gebruikt dan in Word. Als je tekst en plaatjes combineert, kun je het best een tabel gebruiken als een opmaakraster waarin je de verschillende onderdelen van de pagina een min of meer vast plekje geeft. Uiteraard kun je een tabel ook op de gebruikelijke manier gebruiken Kies in de menubalk voor Tabel! Invoeren! Tabel Neem de instellingen uit het plaatje hiernaast over. Let met name op de Randdikte, die moet 0 zijn. Klik op OK om de tabel in te voegen. Nu kun je de tabel gaan vullen. Als je niet tevreden bent met de afmetingen of instellingen, kun je altijd naderhand nog rijen en kolommen toevoegen of verwijderen. Dit doe je dan met Tabel! Invoegen! Rijen of kolommen. Experimenteer ook eens met randdikte, celopvulling en de ruimte tussen de cellen. Deze kun je eenvoudig wijzigen: Klik met de rechter muisknop op de tabel Kies Eigenschappen van de tabel. Pas de indeling aan en bekijk steeds het resultaat in de browser. ICT-deskundigheidsbevordering 10 Instituut voor de Lerarenopleiding

13 Tabel invoegen uit Excel of Word Je kunt ook een bestaande tabel uit Excel of Word in FrontPage plakken: Selecteer en kopieer een tabel in Excel of Word. Plak in FrontPage de tabel op de gewenste plek. Bekijk het resultaat in een browser. Ook van zo'n ingevoegde tabel kun je de eigenschappen wijzigen. Dit gaat hetzelfde als met een tabel die je zelf hebt gemaakt in FrontPage. Lichtkrant maken Niet alle functies van Frontpage werken hetzelfde in verschillende browsers. Er zijn tientallen browsers in omloop waarvan Explorer en Netscape de bekendste zijn. Een leuke functie die jammer genoeg voorlopig alleen in Explorer werkt is de lichtkrant: Klik op Invoegen! Onderdeel! Lichtkrant Typ een tekst in het tekstvak. Ga vervolgens naar de knop Opmaakprofiel... linksonder en kies een aardig lettertype en de letterkleur. Klik op OK om het opmaakprofiel vast te leggen. Klik op OK om de lichtkrant in te voegen. Sla de pagina op. Bekijk het resultaat in de verschillende browsers. Zie je verschil? ICT-deskundigheidsbevordering 11 Instituut voor de Lerarenopleiding

14 Navigatie Navigatie op een website is van wezenlijk belang voor het gebruiksgemak. Een goede navigatie zorgt ervoor dat bezoekers van je website ook kunnen vinden wat ze zoeken en altijd de weg (terug) kunnen vinden. In het ILO-template heb ik gebruik gemaakt van de navigatiebalk die FrontPage automatisch voor je kan genereren. Alle pagina's die in de navigatiestructuur direct onder de homepage hangen, komen in deze navigatiebalk te staan. Hieronder staan twee plaatjes: Het linker is de navigatieweergave van FrontPage, het rechter een voorbeeld van hoe het er in een browser uitziet. De navigatiebalk De naam die je in de navigatieweergave ziet, is dezelfde als die in de navigatiebalk wordt gebruikt. Als je in de navigatieweergave een pagina toevoegt of van naam verandert, zie je dat terug in de navigatiebalk. Publiceren van je website Als je website openbaar mag worden van jezelf, oftewel je bent tevreden over het (voorlopige?) resultaat, dan is het tijd om je site te gaan publiceren. Wat heb je hiervoor nodig: een plekje op de webserver een naam en wachtwoord waarmee dit plekje is beveiligd, zodat niemand anders er iets kan neerzetten Al deze gegevens kun je aanvragen bij Anne-Martine. Als je de benodigde gegevens bij de hand hebt, kun je gaan publiceren. Hoe dit moet, lees je verderop. ICT-deskundigheidsbevordering 12 Instituut voor de Lerarenopleiding

15 Zorg dat je je website geopend hebt in FrontPage en je alle pagina's hebt opgeslagen, anders worden niet de juiste gegevens gepubliceerd. Klik op het icoontje Web publiceren in de werkbalk of kies Bestand! Web publiceren Het venster Web publiceren verschijnt. Vul in het veld Web publiceren naar: de publicatielocatie in die je van Anne-Martine of Bas hebt gekregen, dit is ook meteen de URL waar je webpagina te vinden zal zijn. Bijvoorbeeld: ebmaster Klik op Publiceren. Het venster Naam en wachtwoord vereist verschijnt. Vul de naam en het wachtwoord in dat je hebt gekregen. Dit kan afwijken van de inlognaam die je op je computer gebruikt voor het inloggen op het netwerk. Klik op OK. De website wordt nu gepubliceerd. Als het publiceren klaar is verschijnt een bevestigingsvenster. Je kunt nu twee dingen doen: " De gepubliceerde website bekijken (klik op de blauwe link in het venster). " Verder werken aan je website, klik op Gereed. Problemen en onverwachte situaties FrontPage standaard web-editor? Als je voor de eerste keer FrontPage gebruikt, kan het volgende venster verschijnen: Maak voor jezelf een keuze en vink de optie 'Deze controle altijd uitvoeren bij het starten van FrontPage' bij voorkeur niet aan. Als je op een computer werkt, die jij alleen gebruikt, kun je gerust kiezen voor Ja. Bladwijzer waar ik naar wil verwijzen staat niet in het lijstje Als je geen bladwijzers ziet, wanneer je op het pijltje klikt, kun je de bladwijzernaam ook direct in het URL-veld intypen. Als je bijvoorbeeld wilt verwijzen naar de bladwijzer ' ' op de pagina dan typ je de volgende URL in: ICT-deskundigheidsbevordering 13 Instituut voor de Lerarenopleiding

16 Voor gevorderden Navigatiebalkopties veranderen De automatische navigatiebalk die ik heb gebruikt in de ILO-templates, voldoet misschien niet aan je behoeften. Als je een uitgebreide website maakt, wil je misschien zelfs verschillende navigatiebalken voor verschillende onderdelen van de site. Je kunt zelf een aantal opties van de navigatiebalk aanpassen. Dit doe je als volgt: Zorg dat je in de weergave Normaal werkt. Sla de pagina eerst even op voor je veranderingen gaat aanbrengen. Klik met de rechter muisknop op de navigatiebalk en kies Eigenschappen van navigatiebalk... Probeer de verschillende opties eens uit en bekijk het resultaat. De vormgeving moet je niet veranderen, want daar is de stijl niet om ingericht. Korte uitleg over HTML HTML is de 'opmaaktaal' / codering waarin webpagina's (nog steeds) worden geschreven. HTML staat voor HyperText Markup Language en is opgebouwd uit tags. Het is vooral zo populair geworden, omdat je hyperlinks (verwijzingen naar andere documenten) kunt maken. De uitvinding / ontwikkeling hiervan zijn in feite de basis van het World Wide Web. De meeste tags komen in paren voor (begintag en eindtag). Het is mogelijk om een html-pagina volledig in een eenvoudige texteditor als Notepad te schrijven, maar hiervoor heb je veel kennis van de tags nodig. Voorbeelden van html-tags <p> <br> <table> </table> <tr> <td> <b> </b> nieuwe alinea beginnen (paragraph) nieuwe regel (break) begin van een tabel eind van een tabel rij in een tabel cel van een tabel vette tekst eind van de vette tekst Het verschil tussen Enter (<p>) en Shift + Enter (<br>) is een 'erfenis' van hoe oude typemachines en printers worden aangestuurd. Er is namelijk een verschil tussen Carriage Return (CR = de 'wagen' weer naar het begin brengen) en Carriage Return + Line Feed (LF = regel opschuiven naar beneden). ICT-deskundigheidsbevordering 14 Instituut voor de Lerarenopleiding