1 Presenteren via het web met FrontPage 2000 Anne-Martine Gielis Judith Janssen Versie 1.1 maart 2002 UNIVERSITEIT VAN AMSTERDAM Instituut voor de ler...
Pagina’s bewerken...................................................................................................................... 4 Openen van een pagina........................................................................................................................ 4 Opmaak................................................................................................................................................ 4 Opmaakaanwijzingen en tips ............................................................................................................... 4 Hyperlinks maken ................................................................................................................................ 5 Bladwijzers maken ............................................................................................................................... 6 Verwijzen naar een bladwijzer ............................................................................................................ 6 Hyperlinks bewerken............................................................................................................................ 6
Pagina's verfraaien...................................................................................................................... 7 Toepassen van een thema .................................................................................................................... 7 Invoegen van een afbeelding................................................................................................................ 7 Tabel maken......................................................................................................................................... 8 Tabel invoegen uit Excel of Word........................................................................................................ 8 Lichtkrant maken ................................................................................................................................. 8
Hoe ziet je website eruit ............................................................................................................. 9 Publiceren van je website ........................................................................................................... 9 Website publiceren............................................................................................................................... 9
Verder werken aan je website .................................................................................................. 10 Nieuwe pagina’s maken..................................................................................................................... 10 Vanuit de navigatieweergave ........................................................................................................................ 10 Via menu ....................................................................................................................................................... 10
Korte uitleg over HTML .................................................................................................................... 13
Opdrachten ............................................................................................................................... 14 1e bijeenkomst ................................................................................................................................... 14 2e bijeenkomst ................................................................................................................................... 15
Handleiding
Presenteren via het web met FrontPage 2000
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. Webpagina's worden gemaakt in HTML (HyperTextMarkupLanguage). HTML is een soort programmeertaal die met codes werkt. Iedere code heeft uitwerking op de tekst die erna komt Internetbrowsers interpreteren deze code en laten de pagina keurig opgemaakt zien. 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. Frontpage heeft zeer veel mogelijkheden. Helaas meld het programma niet altijd in welke browsers bepaalde functies wel of niet werken. Als je een breed publiek wilt bereiken, dien je met de toegankelijkheid van je pagina's via verschillende browsers rekening te houden. Maak dan 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. Deze handleiding is gemaakt om een webpagina mee te maken die je publiceert op de server voor de UvAstudentenhomepages. Als je wat meer wilt maken dan één pagina, dan staat dit beschreven in het hoofdstuk ‘Verder werken aan je website’. Er worden alleen vrij basale functies van FrontPage in uitgelegd. Als je meer wilt proberen, kun je de helpfunctie van FrontPage raadplegen. Veel plezier en succes gewenst, Anne-Martine Gielis
ICT-basisvaardigheden
1
Instituut voor de Lerarenopleiding
Handleiding
Presenteren via het web met FrontPage 2000
Weergaven 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 in paginaweergave 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 WYSIWYG1 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 ingedrukt te houden 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. Als je iets afweet van HTML, kun je in deze weergave de pagina 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 en kies een browser.
1
'What you see is what you get'
ICT-basisvaardigheden
2
Instituut voor de Lerarenopleiding
Handleiding
Presenteren via het web met FrontPage 2000
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 5. Navigatie binnen een site is erg belangrijk. Tips hiervoor lees je op pagina 11.
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.
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-basisvaardigheden
3
Instituut voor de Lerarenopleiding
Handleiding
Presenteren via het web met FrontPage 2000
Pagina’s bewerken Deze handleiding gaat uit van een voorbeeldpagina. Het is de bedoeling dat je deze pagina gaat aanpassen. •
De voorbeeldpagina die je kunt gaan bewerken heet default.htm.
In de mappenlijst kun je de pagina het snelst vinden.
Openen van een pagina Je kunt een pagina op verschillende manieren openen: ● zoek het bestand op in de mappenlijst van FrontPage en dubbelklik erop ● dubbelklik op het bestand in de navigatieweergave OF ● via Bestand Openen
OF
Opmaak In de voorbeeldpagina zitten ook opmaakstijlen. 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.
Opmaakaanwijzingen en tips ● 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 6 hoe je de hyperlink kunt veranderen. ● 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.
ICT-basisvaardigheden
4
Instituut voor de Lerarenopleiding
Handleiding
Presenteren via het web met FrontPage 2000
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. Optie: Als je wilt, kun je de link in een nieuw browservenster 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-basisvaardigheden
5
Instituut voor de Lerarenopleiding
Handleiding
Presenteren via het web met FrontPage 2000
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. Gebruik liever geen spaties, 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.asp#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-basisvaardigheden
6
Instituut voor de Lerarenopleiding
Handleiding
Presenteren via het web met FrontPage 2000
Pagina's verfraaien Toepassen van een thema Frontpage biedt je de mogelijkheid om voor je hele website (of een gedeelte) dezelfde opmaakstijlen toe te passen. Dit doe je met een zogenaamd thema. Een thema is een samenstelling van tekststijlen en plaatjes die het uiterlijk van je website bepalen. Als je eens wilt experimenteren met hoe de meegeleverde thema's eruit zien, sla dan eerst alle pagina's op die je open hebt staan. Op deze manier kun je, als de veranderingen je niet bevallen, nog altijd terug naar je origineel. Je kunt natuurlijk ook een nieuwe website maken om in te rommelen. ● Klik op Opmaak Thema. Het venster thema verschijnt. ● Bepaal of je het thema wilt toepassen op alle pagina's of op de geselecteerde pagina's (pagina's die open staan/die je aan het bewerken bent) ● Als je in het linker witte vak op een thema klikt, verschijnt een voorbeeld van het thema. ● Heb je een thema gevonden dat je bevalt, klik dan op OK. Het thema wordt toegepast op de pagina('s) die je wilde.
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. Bij het opslaan zal FrontPage vragen of het plaatje mee moet worden opgeslagen. Kies hiervoor de map images (submap van public_html). ● 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.
ICT-basisvaardigheden
7
Instituut voor de Lerarenopleiding
Handleiding
Presenteren via het web met FrontPage 2000
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.
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... 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-basisvaardigheden
8
Instituut voor de Lerarenopleiding
Handleiding
Presenteren via het web met FrontPage 2000
Hoe ziet je website eruit Je hebt misschien tijdens het werken al eens de Voorbeeldweergave gebruikt om te kijken hoe je webpagina eruit ziet. De voorbeeldweergave is een vrij nauwkeurige benadering van hoe een pagina eruit ziet als hij eenmaal is gepubliceerd, maar niet meer dan dat. Als je echt wilt zien hoe een pagina eruit komt te zien in een browser (oftewel na publicatie), kies dan voor een Voorbeeld in browser: • Klik in Frontpage Bestand Voorbeeld in Browser en kies een browser. Zie je nog verschillen met de Voorbeeldweergave van FrontPage zelf?
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 een webserver ● een naam en wachtwoord waarmee dit plekje is beveiligd, zodat niemand anders er iets kan neerzetten. Tijdens de cursus heb je de beschikking over ruimte op de server van het ICT-lab. Als je elders werkt, vraag dan je docent welke gegevens je moet gebruiken.
Website publiceren De makkelijkste manier om je website te publiceren is het laten doen door Frontpage: ● 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. ● In het veld Web publiceren naar: vul je in: ftp://iloserver7.ict.ilo.uva.nl/cursNN (waarbij NN staat voor het nummer van de computer waarop je werkt, dus b.v. .../uva.nl/curs03. ● Klik op Publiceren. ● Het venster Naam en wachtwoord vereist verschijnt.
● Vul achter 'Naam' de naam van je computer in (in het voorbeeld dus curs03) en achter 'Wachtwoord' cursus. ● Klik op OK. De website wordt nu gepubliceerd. ● Als het publiceren klaar is verschijnt een bevestigingsvenster. Klik op Gereed ● Start zonodig een browser en bekijk je webpagina: http://iloserver7.ict.ilo.uva.nl/curs03 ● Als je verder wilt werken aan je website, ga je terug naar Frontpage en klik je op Gereed.
ICT-basisvaardigheden
9
Instituut voor de Lerarenopleiding
Handleiding
Presenteren via het web met FrontPage 2000
Verder werken aan je website De voorbeeldpagina was maar één enkele pagina. Misschien wil je wel echt een website gaan maken. Dan moet je dus meerdere pagina's hebben die met elkaar samenhangen. Denk eerst goed na welke dingen je wilt laten zien en welke informatie er op welke pagina moet komen. Teken bijvoorbeeld eerst op een stuk papier de structuur van de website of gebruik daarvoor de navigatieweergave van Frontpage. Maak bij het bouwen van een website eerst de pagina's aan en plaats ze in de goede structuur, ga daarna pas de pagina's vullen met inhoud.
Nieuwe pagina’s maken Vanuit de navigatieweergave ● 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. Als je later gebruik gaat maken van de automatische navigatiebalk van FrontPage, zal dit de naam zijn die in de navigatiebalk de link vormt naar de pagina. ● 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. Bij het opslaan kun je de locatie kiezen waar de pagina moet worden opgeslagen. Kies voor de map public_html of een eventueel zelfgemaakte submap daarvan.
Via menu ● 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 kun je het best kiezen voor Normale pagina. ● Zorg ervoor dat je pagina's, die je aan het bewerken bent, regelmatig opslaat. Bij het opslaan kun je de locatie kiezen waar de pagina moet worden opgeslagen. Kies voor de map public_html of een eventueel zelfgemaakte submap daarvan. Je hebt de keuze uit een flink arsenaal aan mogelijkheden. Lang niet alle soorten zijn standaard mogelijk. Soms zijn namelijk speciale opties nodig op de webserver, dit is verschillende per internetprovider. Bovendien worden niet alle mogelijkheden van FrontPage door alle internetbrowsers ondersteund. Vraag eventueel bij je docent na wat de mogelijkheden zijn.
ICT-basisvaardigheden
10
Instituut voor de Lerarenopleiding
Handleiding
Presenteren via het web met FrontPage 2000
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. Je kunt in FrontPage gebruik maken van een navigatiebalk die automatisch wordt gegenereerd. Alle pagina's die in de navigatiestructuur direct onder de homepage hangen, komen in deze navigatiebalk te staan. Deze navigatiebalk kun je plaatsen in een zogenaamde 'gemeenschappelijke rand'. Hoe dit werkt, staat op pagina 12. 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. In het linker plaatje hierboven 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
ICT-basisvaardigheden
11
Instituut voor de Lerarenopleiding
Handleiding
Presenteren via het web met FrontPage 2000
Gemeenschappelijke randen Als je website groeit en het aantal pagina's toeneemt, neem het belang van goede navigatie toe. Op veel websites zie je zogenaamde 'navigatiebalken'; een strook aan de boven- of linkerkant van de website waarin links naar diverse pagina's of delen van de website staan. Met Frontpage kun je makkelijk een navigatiebalk aan je website toevoegen: • •
• •
Kies Opmaak Gemeenschappelijke randen. Pas toe op alle pagina's en kies waar je de gemeenschappelijke rand wilt plaatsen (boven of links zijn de meest gebruikelijke keuzes en de enige mogelijkheid als je de automatische navigatieknoppen wilt gebruiken). Klik op OK . Nu kun je desgewenst de instellingen van de navigatiebalk wijzigen. Klik hiervoor met de rechtermuisknop op de navigatiebalk en kies 'Eigenschappen van navigatiebalk'. Voor meer uitleg, lees het stukje over Navigatiebalk
Navigatiebalk Als je in Frontpage gebruik maakt van gemeenschappelijke randen, dan kun je een automatische navigatiebalk gebruiken. Als je de navigatiebalk nog niet had ingevoegd bij het instellen van de gemeenschappelijke randen, kun je dit nog altijd naderhand doen: • Klik op de gemeenschappelijke rand waarin je de navigatieknoppen wilt plaatsen • Kies Invoegen Navigatiebalk. Je wordt nu meteen gevraagd wat voor een soort navigatiebalk je wilt. •
Probeer de verschillende opties eens uit en bekijk het resultaat.
•
Als je kies voor Knoppen in plaats van Tekst, dan gebruikt Frontpage de knoppen uit het thema dat je hebt toegepast. Als je deze knoppen niet mooi vindt, kun je altijd kiezen voor tekst.
ICT-basisvaardigheden
12
Instituut voor de Lerarenopleiding
Handleiding
Presenteren via het web met FrontPage 2000
Korte uitleg over HTML Om met Frontpage webpagina's te maken heb je geen kennis van HTML nodig. Wellicht vind je het echter interessant om er iets van te weten. 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. In Frontpage kun je kiezen voor HTML-weergave, dan zie je de volledige html-code van de pagina. Meer over de verschillende weergavemogelijkheden van Frontpage lees je op pagina 2.
Voorbeelden van html-tags
nieuwe alinea beginnen (paragraph) nieuwe regel (break) begin van een tabel eind van een tabel begin van een rij in een tabel begin van een cel van een tabel vette tekst eind van de vette tekst
Het verschil tussen Enter (
) en Shift + Enter ( ) is een 'erfenis' van hoe typemachines en oude printers worden aangestuurd. Er is namelijk een verschil tussen Carriage Return (CR = de 'wagen' of printkop weer naar de linker kantlijn brengen) en Carriage Return + Line Feed (LF = regel opschuiven naar beneden).
ICT-basisvaardigheden
13
Instituut voor de Lerarenopleiding
Opdrachten
Presenteren via het web met FrontPage 2000
Opdrachten 1e bijeenkomst Voor deze training is een voorbeeldpagina beschikbaar. Deze staat op het netwerk (A5.27) of je krijgt hem op diskette (als je in een ander lokaal werkt). Werken in het ICT-lab (A5.27) ● Ga met de Windows Verkenner naar H:\Everyone\webtemplates ● Kopieer de map met de naam persoonlijkehomepage naar het bureaublad van de computer waarop je werkt. ● Start Frontpage 2000 op (Start Programma’s Microsoft Frontpage). ● Kies Bestand Web Openen … en zoek de zojuist gekopieerde map op. ● Klik op Openen. De website wordt geopend en er wordt automatisch een nieuwe pagina aangemaakt. Sluit deze pagina. ● Lees verder op de volgende pagina voor uitleg over hoe Frontpage in elkaar zit (hoofdstuk Weergaven). Elders werken (b.v. C6.18) ● Als je ergens anders werkt dan in het ILO ICT-lab, krijg je bij de handleiding een diskette. Kopieer ook in dit geval de map met de naam persoonlijkehomepage naar het bureaublad. Aan het einde van de bijeenkomst kun je de map weer op de diskette zetten. ● Start Frontpage 2000 op (Start Programma’s Microsoft Frontpage). ● Kies Bestand Web Openen … en zoek de zojuist gekopieerde map op. ● Klik op Openen. De website wordt geopend en er wordt automatisch een nieuwe pagina aangemaakt. Sluit deze pagina. ● Lees verder op de volgende pagina voor uitleg over hoe Frontpage in elkaar zit (hoofdstuk Weergaven). We gaan er vanuit dat jullie één webpagina maken, een persoonlijke homepage. Deze maak je in de volgende stappen:
Stap 1: Inhoud en voorbeeldpagina • • • • •
Bepaal de inhoud en de rubrieken. Kopieer het voorbeeld'web' naar de computer waarop je werkt, als je dat niet al had gedaan. Pas de rubrieken aan je eigen wensen aan. Pas de inhoudsopgave bovenaan de pagina aan de rubrieken op je pagina aan. Typ tekst bij de rubrieken. Hoe dat moet lees je vanaf pagina 5 van deze handleiding.
Stap 2: Opmaak •
Kies eventueel een ander thema (theme) voor je homepage. Hiermee leg je de opmaak (lettertypes, kleuren) vast. Hoe dat moet lees je vanaf pagina 8 van deze handleiding
ICT-basisvaardigheden
14
Instituut voor de Lerarenopleiding
Opdrachten
Presenteren via het web met FrontPage 2000
Stap 3: Hyperlinks en bladwijzers • •
Controleer of de inhoudsopgave verwijst naar de juiste rubriek op je homepage. Pas zonodig de bladwijzers aan of maak nieuwe. Maak vervolgens hyperlinks vanuit de inhoudsopgave naar de rubriekbladwijzers. Maak externe verwijzingen (hyperlinks naar een andere website). Hoe dat moet lees je vanaf pagina 6 van deze handleiding
•
Verfraai je pagina desgewenst met foto's en plaatjes. Hoe dat moet lees je vanaf pagina 8 van deze handleiding
2e bijeenkomst Stap 4: Controlefase • • •
Controleer in de weergave 'Voorbeeld' of alle hyperlinks goed werken. Bekijk de pagina vervolgens in een browser of de pagina er ook qua opmaak uitziet zoals je wilt. Verbeter zonodig eventuele (schoonheids-)foutjes.
Stap 5: Publiceren •
Publiceer je pagina op jouw plekje op de webserver. Hoe dat moet lees je vanaf pagina 10 van deze handleiding
Stap 6: Presenteren Als je website is gepubliceerd op internet, kan iedereen die internettoegang heeft, jouw site bekijken. Onderdeel van de cursus is het laten zien van een paar van jullie producten aan je medelio's. Je kunt dan niet alleen je product laten zien, maar ook vertellen waarom je bepaalde dingen wel of niet hebt gedaan.