Handleiding Website bouwen met Frontpage Express

Transcriptie

1 Handleiding Website bouwen met Frontpage Express Download en installeer Frontpage Express Dit pr ogramma kan j e downloaden bij oads.nl /downl oaden/frontpage_expres s.html. Dan download je FPE S ETUP_N L.exe. Al s je F PE S ETU P_NL.exe start wordt Frontpage Expre ss geïnsta lleerd. Met c:\program Files\M icro soft Fro ntpag e Express\bin\fp xp ress.exe start j e Frontpage Ex pr ess. (of vi a St art-menu, Alle pr ogramma s, Bureau-acc ess oires, Inter netwer ks et, FrontPage- Expres s) Je kunt nu beginnen met het maken van j e website. Achtergrond. Je begint met het kiez en van een achtergr ondkl eur. 1. Ga via Opmaak naar Acht ergro nd. 2. Daar ki es j e het tabblad Acht erg rond. 3. Je kli kt op het pijltje bij de opti e Ac htergrond 4. Kli k onderaan i n de kl eur enbal k op aang ep ast 5. Kies hier zel f een lic hte ac htergrondkl eur 6. Kli k op OK Plaatje als achtergrond gebruiken. Behal ve een ac htergrondkl eur kun j e ook een fig uur als achtergr ond g ebr ui ken. Kies dan wel een r ustig figuur, z odat het de aandacht niet teveel van de tekst afl eidt. 1. Kli k op Opmaak en daarna op Achtergro nd 2. Ga naar het tabblad Ac htergrond en kli k op: Afb eelding in achtergrond. 3. Kli k op Bl ader en om het plaatj e te s electeren. Ga hi erbij op z oek naar de map Plaatjes op j e dis kette. Het pl aatj e wat j e als achtergrond wilt gebrui ken moet dus eerst opg esl agen zij n i n de map: Plaatjes. Voor beel d van een afbeeldi ng, g ebr ui kt als ac htergrond.

2 Lettertype 1. Kli k i n de menubal k op Op maak en dan op Lett ert ype. 2. Je krijgt nu het onders taande venster te zi en. 3. Maak een keuz e ui t de eig ensc happen (letter type, lettergrootte en Kl eur) Let hi erbij wel op dat j e een goed leesbaar lettertype neemt z oals Arial. 4. Bij Voorb eeld kun je dir ect zien hoe het g aat worden. 5. Heb j e een keuz e g emaakt Kli k dan op To ep assen OK Opmaak Uitleg Werkbalk opmaak: ops ommi ng lettergrootte Lettertype lettertype vet c ursi ef sc hilders- ui tlijnen vergroten of palet ver kl einen 1. lettertyp e en de lett ergro otte i n, je kunt ki ez en uit: Kop 1 t /m 6. Of g ebr ui k maken van de knoppen l ettertype vergroten of ver klei nen 2. Vetg ed rukt en cursi ef 3. Stel bij het schild ersp alet een tekstkleur i n. 4. drie soorten U itlijning (links, r ec hts of c entr eren). 5. Je kunt eventueel nog een op so mming g ebr ui ken 6. Je kunt nu beginnen met het typen van de tekst. Horizontale lijn 1. Om tekst Bv. een titel te verduidelij ken kun je hier en daar een horizont ale lijn invoegen. Typ de tekst 2. Druk een paar keer op enter 3. Kli k met de muis ac hter de tekst, waar onder de lijn moet komen 4. Kli k op Invo eg en i n de menubal k 5. Kli k de optie Horizont ale lijn.

3 Opslaan 1. Sla nu eerst de Website op. 2. Kli k op: B estan d en daarna op Op slaan als Het onders taande venster opent zic h: 3. Typ bij Ti tel van de pagina: d e b estand sn aam 4. Kli k op: Als b est and 5. Je komt i n het volgende venster 1. open de map Pag in a's van je dis kette 2. Typ bij bestandsnaam: de naam van de pagina (zi e blz. 4). 3. Kli k op: Op slaan Afbeelding inv oegen. 1. Kli k op Invo eg en, daarna op Afb eeld ing. 2. Kli k op het tabbl ad An dere lo catie 3. Kli k bij Uit best and op B laderen. 4. Zoek op de A- dis kette, i n de map pl aatj es, de afbeeldi ng die je wilt i nvoeg en. 5. Sel ec teer dat bestand (door erop te kli kken) en kli k op Openen. 6. Kli k op de afbeeldi ng en sl eep vanuit een hoek de afbeeldi ng groter of kl einer. 7. Met de knoppen voor uitlijnen kun j e het pl aatje op de g oede plaats z etten Homebutton (logo) inv oegen. Tips * Homebuttons voeg je op dez elfde mani er i n als afbeel ding en of pl aatjes; * Zet de button bij voor beel d, gec entr eer d onder aan de tekst; * Maak de button groter of kl einer naar wens door dez e eerst te s el ecter en en dan vanui t een hoek groter of klei ner te sl epen (met behulp van de formaatknoppen); * Besc hrijf evt. onder de button waar voor deze di ent Voor beel d Klik op dez e kn op o m terug t e ga an n aar d e h o mep age

4 Nieuwe pagina maken. Als j e de homepag e kl aar hebt kun je de overige pagi na s gaan maken. Kli k voor een ni euwe pagina te maken op de knop Nieu w Ieder e ni euwe pagina krijgt noo it dez elfde naam. De overige pagina s di e j e gaat maken noem j e: pag 1 + ond erwerp, p ag 2 + ond erwerp, etc Inv oegen v an een tabel. 1. Kli k op het menu T abel en ki es de opti e T abel invoegen. Voor beel d van een tabel: 2. M aak een keuz e uit het aantal rijen en kol ommen: 3. M aak een keuz e uit de r anddi kte: Stel de randdi kte i n op: 1 ( als j e de lijnen vd tabel wilt zi en) Stel de randdi kte i n op: 0 ( als j e g een lij nen wil t zi en) 4. Kli k op OK Er versc hijnt nu een kl ei ne vi er kante tabel op j e pagi na. Zodra j e hi er teks t i n typt, wor dt de tabel automatisc h groter. Achtergrondkleur van de tabel instellen. 1. Kli k met de r ec hter muis knop in de tabel en ki es voor de optie Eigensch app en van Tabel 2. Kli k op de opti e Ac htergrondkleur en ki es een pass ende tabel kleur. 3. Kli k op aangepast voor meer kl euren. 4. Kli k op OK

5 In een tabel k un je teks t maar ook pl aatj es of afbeeldi ngen i nv oegen. Het inv oegen gaat op dezel fde manier als eer der bes chr ev en. De pl aatjes k un je (door deze eerst te s el ecter en) gr oter of klei ner sl epen. Vergeet het bestand niet op te slaan!! Meer beweging op de website. Lichtkrant Met een lic htkr ant kun j e berichten extra aandac ht geven op j e pagina 1. Kli k eer st i n de pagi na op een plek waar de lichtkrant moet komen. Meestal is dat erg ens boven aan de pagi na. 2. Kli k i n de menubal k op Invoeg en en daar na op Lic htkr ant. 3. In het vakje Tekst typ j e j e beric ht. 4. Kies een ac htergrond kl eur voor de tekst 5. Kli k op OK. 6. Het formaat van de lic htkrant kun je veranderen door er één maal in te kli kken. 7. Ga dan met je muis op een z wart bal kj e staan de muispijl ver ander d dan in een zwart pijltj e. 8. Houd de muis knop i ngedrukt en versc huif het bl okj e. Vergeet het bestand niet op te slaan!!

6 Bewegende plaatjes Met behul p van een ani meted gift ( een bewegend pl aatje) kun j e de website veel l euker maken. Een bewegend plaatj e i nvoegen doe je op de volgende mani er. 1. Zoek een bewegend plaatje op i nternet, hi er voor kun j e onders taande i nter netpagina's g ebrui ken 2. Sla het pl aatj e z oals eerder besc hreven, op op j e dis kette in de map pl aatjes. 3. Voeg het pl aatje, z oals eerder besc hreven, in op de pagi na die je aan het maken bent. 4. Het pl aatj e beweegt nu nog ni et maar als j e de pagina opslaat en g aat openen i n i nternet expl orer beweegt het pl aatj e wel. Nuttige internetpagina's (bewegende plaatjes, achtergronden en buttons): mati emagazij n.nl mati onfactor y.com part.s tar t.be mati es.com aatj es.nl anet.net es onbaz aar.com oo.nl uebirdani matie.jouwpagina.nl Beweg ende plaatjes op i nter net Beweg ende plaatjes op i nter net Plaatj es, inconen s mili es, ac htergronden Plaatj es en ac htergronden Startpagi na met pl aatjes Plaatj es, ac htergronden tbv websi tes Beweg ende plaatjes, ac htergronden Ac htergronden tbv websi tes, g es orteer d op kl eur Plaatj es en ac htergronden op alfabet Ac htergronden en buttons Startpagi na met pl aatjes peedygonz al es.nl/ani matie- pagina/ Plaatj es op alfabet Vergeet het bestand niet op te slaan!!

7 Nu het echte linken van de pagina s! Je g aat nu de twee i nternetpagina s met el kaar ver binden. Dit wordt 'linken' genoemd. Open eerst de homepage van je dis kette i n Fr ontpage. Je kunt twee pagi na s met el kaar verbi nden door een pl aatje of een stukj e tekst; maak hi er uit een keuz e. Let op!! Voordat de pagina's aan el kaar g ekoppeld kunnen worden moet j e eerst all e pagi na's openen. Dit doe j e vi a bestand, op en en kli k op blad eren en z oek de pagi na's Koppeling (linken) maken v ia een afbeelding 1. Kli k met j e li nker muis knop op de afbeel di ng; 2. Kli k op je rechter muisk nop op de afbeeldi ng en kli k op Eig en schappen van afbeelding 3. Kies boven i n het vens ter het tabbl ad Alg emeen. 4. Ga naar de optie St and aard h yp erlin k. 5. Vul in bij het invul vel d Lo catie: de naam van de pagina waar mee je wilt linken met daarac hter.htm. J e krijgt dan bv. Homepage.htm 6. Let op!! de naam van de pagina moet pr eci es hetz elfde gesc hreven zij n z oals dez e pagina is opgeslag en. Anders wer kt de link niet. 7. Kli k daar na op OK. 8. Je komt weer terug op de homepage. Koppeling (linken) v ia tekst (zin, woo rd, letter) 1. Sel ec teer de teks t waar mee j e een koppeling wilt maken 2. Kli k i n het menu op Invo egen en ver volgens op H yp erlin k. Je komt i n onders taand venster 3. Kli k op het T abbl ad Pagin a s op enen 4. Dubbel kli k op de pagi na waar mee j e wilt koppel en. 5. Er opent zich nu een waarsc huwi ngs venster: Kli k op ja 6. Sla het doc ument opni euw op door i n de menubal k op de di s kette te dr ukken 7. Open i n Inter net Explor er de pagi na waari n je de koppeling g emaakt hebt ( Bladeren) en c ontrol eer of j e li nk wer kt. Vergeet het bestand niet op te slaan!!

8 De pagina bekijken op internet. In het pr ogramma Fr ontpage zi e j e nog niet hoe de pagina op het web eruit komt te zi en. D aar voor moeten we Internet Exp lorer opstarten. 1. Open nu Inter net Ex plor er in het netwer kmenu 2. Kli k i n de menubal k op Best and en Op en en. Je komt in het volgende vens ter 3. Ki k op B laderen 4. Zoek de pagi na op je dis kette i n de map: p agina' s 5. Sel ec teer de pagi na di e j e wil t openen door erop te kli kken 6. Kli k op de knop Op en en en OK 7. De pagina wordt nu geopend en eventuel e li nken en beweg ende pl aatjes z ouden nu moeten wer ken. Let op!! Soms lij kt het of er geen ver andering pl aats vi ndt. Dit kun je verhelpen door op de knop Ver nieuw en te kli kken. Hierdoor wordt de pagina met de nieuws te veranderi ngen weergegeven.