Handleiding FrontPage 2000



Vergelijkbare documenten
Presenteren via het web met FrontPage 2000

Central Station. CS website

Handleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0

Inleiding. - Teksten aanpassen - Afbeeldingen toevoegen en verwijderen - Pagina s toevoegen en verwijderen - Pagina s publiceren

Handleiding wordpress

Handleiding Wordpress CMS

Handleiding Word Press voor de bewoners Westerkaap 1

Inhoud van de website invoeren met de ContentPublisher

HTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen.

Portfolio s in Google Sites

Ga naar of selecteer in de website van de school- intranet basisonline

Handleiding MOBICROSS actie banners

Handleiding. Handleiding FTP. Anne-Martine Gielis. Op basis van 'Handleiding FTP gebruik' door Iman Abdullatif van de EFA. Inleiding...

DEEL: THEMA. Klik op Thema. Nu verschijnen er een aantal thema s. Dubbelklik op een thema en je krijgt het volgende schermpje:

Handleiding. Yvonne Rijks-Waardenburg. Tine Strikkers. Christel van de Steenoven-Livius. Pagina 1

HTML Editor: tabellen en hyperlinks

Snel een begin maken met Front-Page voor een eigen website. blad 1

Gebruikershandleiding Inleiding

Handleiding Wordpress

1. Open het programma KompoZer Het grote witte vlak is een nog lege webpagina. Deze gaan we nu van inhoud voorzien.

Ga naar en log in met de gebruikersnaam en wachtwoord verkregen via mail.

FrontPage. Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie:

Snel aan de slag met BasisOnline en InstapInternet

Hoe moet je een prachtige presentatie maken?

E.M. van Nieuwaal. Frontpage Jouw vak op het leerlingenweb. Copyright

Basis handleiding CMS

Navigator CMS Beknopte handleiding v1.0

Na het inloggen met de gegevens die je hebt gekregen, verschijnt het overzichtsscherm zoals hieronder:

Achtergrond en lettertype Opmaak Achtergrond Opmaak Achtergrond Afbeelding in achtergrond

Je ziet het ontwerpscherm voor je. Ontwerpen is actief en dat zie je aan de linkeronderkant van je scherm net boven de taakbalk.

Inloggen. In samenwerking met Stijn Berben.

Stappenplan Website de Palster. Deze uitleg werkt met Internet Explorer. In Firefox of een andere browser werkt het anders.

Wordpress handleiding LOA Lak B.V.

Handleiding CrisisConnect app beheersysteem

CMS Instructiegids Copyright Endless webdesign v.o.f

Een eerste kennismaking

Safira CMS Handleiding

Hieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde).

Handleiding CMS VOORKANT

Materiaalontwikkeling in PAV

Gebruikershandleiding online vacaturebanken vrijwilligerswerk

Handleiding Wordpress

Het Wepsysteem. Het Wepsysteem wordt op maat gebouwd, gekoppeld aan de gewenste functionaliteiten en lay-out van de site. Versie september 2010

15. Tabellen. 1. wat rijen, kolommen en cellen zijn; 2. rijen en kolommen invoegen; 3. een tabel invoegen en weer verwijderen;

Handleiding voor Leden

Handleiding CrisisConnect app beheersysteem

opgericht 1 augustus 1932 Handleiding Artikel plaatsen

File: M.Peters / Powerpoint 1

Opdrachtgever: Avpec1910 Auteur: Avalon Systems Versie: 1.0 Datum: 12/01/2011. Handleiding WYSIWYG HTML editor: CKEditor

WebQuest / WebKwestie. met Word

Kompozer Webdesign

De tekstverwerker. Afb. 1 de tekstverwerker

Handleiding. HetSchoolvoorbeeld.nl. Versie juni Websites voor het onderwijs. Meest recente uitgave: www. hetschoolvoorbeeld.

Uw TEKSTEDITOR - alle iconen op een rij

Handleiding. HetSchoolvoorbeeld.nl. HetSchoolvoorbeeld 2.1. Websites voor het onderwijs. Websites Social media Mediawijsheid Grafisch ontwerp

Handicom. Symbol for Windows. Image Manager. (Versie 4) Handicom, 2011, Nederland

Een webkwestie bouwen in Word 2000

Handleiding CMS. Auteur: J. Bijl Coldfusion Consultant

Tekstverwerking. Wat gaan we leren? Opdracht: Geavanceerde opmaak. Jen Kegels, Eveline De Wilde, Inge Platteaux, Tamara Van Marcke

Handleiding Website beheersysteem

Handleiding Word de graad

I) Wat? II) Google documenten. Deel 2 documenten

Gebruikershandleiding

Handleiding. Content Management Systeem (C.M.S.)

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet EXED CMS UITLEG

Handleiding 2designers Content Management Systeem

PvdA websites Quick Start voor het werken met het Hippo CMS

Stap 1 Je eigen website maken Stap 2 Je template invullen Stap 3 Wat kunnen we met de inhoud?... 19

Handleiding Word voor gevorderden

- Registeren - Inloggen - Profiel aanmaken - Artikel plaatsen

Handleiding Vedor-editor

Schoolwebsite.nu. Snel aan de slag met uw website. Versie 4.0

CMS Made Simple eenvoudig uitgelegd CMS MADE SIMPLE- Eenvoudig uitgelegd

Deel 1: PowerPoint Basis

VOORBLAD MAKEN. voorblad maken invoegen voorblad (achtergrond + indeling + afbeelding) Dit is de eenvoudigste optie.

Hoe doe je dat in Word

MWeb 4.0. Handleiding Basis Modules Versie 1.0

Basishandleiding WordPress

HANDLEIDING POWERPOINT 2010

De Kleine WordPress Handleiding

Handleiding WIS TM Live-editing Live editing is een WIS TM module

Handleiding voor Leden Teampagina aanpassen op

Microsoft PowerPoint is een programma om presentaties en diavoorstellingen te maken.

Handleiding om uw website/webshop aan te passen

Handleiding teksteditor

Webonderdelen (Web Parts)

PLAKKEN Nadat u een gedeelte heeft geknipt of gekopieerd kunt u met dit icoon de selectie weer in het veld plakken.

Een quiz plaatsen op je website

SPECIALE VERSIE VOOR LEERKRACHTEN. Inhoud van de website invoeren met de ContentPublisher. 1. Inloggen. 2. Overzicht

Quick Guide VivianCMS

Les 3: Het maken van pagina s, het menu en het schrijven van een blogpost Pagina s

Publisher Handleiding

Handleiding website FMS-spaarnwoude.nl

Bewerk uw eigen Digibordbij boek

Transcriptie:

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

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... 10 Invoegen van een afbeelding... 10 Tabel maken... 10 Tabel invoegen uit Excel of Word... 11 Lichtkrant maken... 11 Navigatie... 12 Publiceren van je website... 12 Problemen en onverwachte situaties... 13 FrontPage standaard web-editor?... 13 Bladwijzer waar ik naar wil verwijzen staat niet in het lijstje... 13 Voor gevorderden... 14 Navigatiebalkopties veranderen... 14 Korte uitleg over HTML... 14 Voorbeelden van html-tags... 14

Inleiding Deze handleiding behandelt een aantal basisvaardigheden voor het werken met Microsoft Frontpage 2000. 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 / 020-5251506 Anne-Martine Gielis ICT-deskundigheidsbevordering 1 Instituut voor de Lerarenopleiding

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

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

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

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

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 e-mailadres 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

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

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 'email' op de pagina www.ilo.uva.nl/studieweb/faciliteiten.htm dan typ je de volgende URL in: http://www.ilo.uva.nl/studieweb/faciliteiten.htm#email 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

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

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

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

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

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: http://www.ilo.uva.nl/homepages/w 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 'email' op de pagina www.ilo.uva.nl/studieweb/faciliteiten.htm dan typ je de volgende URL in: http://www.ilo.uva.nl/studieweb/faciliteiten.htm#email ICT-deskundigheidsbevordering 13 Instituut voor de Lerarenopleiding

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