Handleiding Website bouwen met Frontpage Express
Dow nload en installeer Frontpage Express Dit pr ogramma kan j e downloaden bij http://www.freedownl 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:\Pr ogr am Files\M icro soft Fro ntPag e Expr ess\bin\fp xp ress.exe start j e Frontpage Ex pr ess. (of vi a St art-m enu , Alle pr ogramma’s, Bureau-acc ess oires , Inter net- wer 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. 2. 3. 4. 5. 6.
Ga via Opm aak naar Acht ergro nd. Daar ki es j e het tabblad Acht erg rond . Je kli kt op het pijltje bij de opti e Ac htergrond Kli k onderaan i n de kl eur enbal k op aang ep ast Kies hier zel f een lic hte ac htergrondkl eur Kli k op OK
Plaatj e 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. 2. 3.
Kli k op Opm aak en daarna op Achtergro nd Ga naar het tabblad “ Ac htergrond” en kli k op: Afb eelding in achter grond . 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.
Lettertype 1.
Kli k i n de menubal k op Op m aak en dan op Lett ert ype.
2.
Je krijgt nu het onders taande venster te zi en.
3.
4. 5.
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. Bij Voorb eeld kun je dir ect zien hoe het g aat worden. Heb j e een keuz e g emaakt Kli k dan op To ep assen OK
Opmaak Uitleg Werkbalk opmaak:
lettergrootte
1. 2. 3. 4. 5. 6.
Lettertype
ops ommi ng
lettertype vergroten of ver kl einen
vet c ursi ef sc hilders- ui tlijnen palet
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 Vetg ed rukt en cursi ef Stel bij het schild er sp alet een tekstkleur i n. drie soorten U itlijning (links, r ec hts of c entr eren). Je kunt eventueel nog een op so mming g ebr ui ken Je kunt nu beginnen met het typen van de tekst.
Horizontale lij n 1. 2. 3. 4. 5.
Om tekst Bv. een titel te verduidelij ken kun je hier en daar een horizont ale lijn invoegen. Typ de tekst Druk een paar keer op enter Kli k met de muis ac hter de tekst, waar onder de lijn moet komen Kli k op Invo eg en i n de menubal k Kli k de optie Horizont ale lijn.
Opslaan 1. 2.
Sla nu eerst de Website op. 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. 2.
3.
open de map Pag in a's van je dis kette Typ bij bestandsnaam: de naam van de pagina (zi e blz. 4). Kli k op: Op slaan
Afbeelding inv oegen. 1. 2. 3. 4. 5. 6. 7.
Kli k op Invo eg en, daarna op Afb eeld ing. Kli k op het tabbl ad An dere lo catie Kli k bij Uit best and op B laderen . Zoek op de A- dis kette, i n de map pl aatj es, de afbeeldi ng die je wilt i nvoeg en. Sel ec teer dat bestand (door erop te kli kken) en kli k op Openen. Kli k op de afbeeldi ng en sl eep vanuit een hoek de afbeeldi ng groter of kl einer. 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
Nieuw e 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 er werp, p ag 2 + ond er werp, 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. 2. 3.
Kli k met de r ec hter muis knop in de tabel en ki es voor de optie ‘Eigensch app en van Tabel… ’ Kli k op de opti e Ac htergrondkleur en ki es een pass ende tabel kleur. Kli k op aangepast voor meer kl euren.
4.
Kli k op OK
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 bew eging op de w ebsite.
Lichtkrant Met een lic htkr ant kun j e berichten extra aandac ht geven op j e pagina
1.
2.
3. 4. 5.
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. Kli k i n de menubal k op “Invoeg en” en daar na op “Lic htkr ant”.
In het vakje “Tekst” typ j e j e beric ht. Kies een ac htergrond kl eur voor de tekst Kli k op OK.
6.
7.
8.
Het formaat van de lic htkrant kun je veranderen door er één maal in te kli kken. Ga dan met je muis op een z wart bal kj e staan de muispijl ver ander d dan in een zwart pijltj e. Houd de muis knop i ngedrukt en versc huif het bl okj e.
Vergeet het bestand niet op te slaan !!
Bew egende plaatj es 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 (bew egende plaatj es, achtergronden en buttons): www.ani mati emagazij n.nl
Beweg ende plaatjes op i nter net
www.ani mati onfactor y.com
Beweg ende plaatjes op i nter net
http://cli part.s tar t.be
Plaatj es , inconen s mili es, ac htergronden
www.demooisteani mati es.com
Plaatj es en ac htergronden
www.gifpl aatj es.nl
Startpagi na met pl aatjes
www.gifpl anet.net
Plaatj es , ac htergronden tbv websi tes
www.gifs.nl
Beweg ende plaatjes , ac htergronden
http://grsites .com/textur es
Ac htergronden tbv websi tes, g es orteer d op kl eur
www.ic onbaz aar .com
Plaatj es en ac htergronden op alfabet
www.leej oo.nl
Ac htergronden en buttons
http://bl uebirdani matie.jouwpagina.nl
Startpagi na met pl aatjes
www.s peedygonz al es.nl/ani matie- pagina/
Plaatj es op alfabet
Vergeet het bestand niet op te slaan !!
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 er en en z oek de pagi na's
Koppeling (linken) maken v ia een afbeelding 1. 2.
Kli k met j e li nker muis knop op de afbeel di ng; Kli k op je rechter muisk nop op de afbeeldi ng en kli k op Eig en schappen van afbeelding …
3. 4. 5.
6.
7. 8.
Kies boven i n het vens ter het tabbl ad Alg emeen . Ga naar de optie St and aard h yp er lin k. 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. Hom epage.htm 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. Kli k daar na op OK . Je komt weer terug op de homepage.
Koppeling (linken) v ia tekst (zin, woo rd, letter) 1. 2.
Sel ec teer de teks t waar mee j e een koppeling wilt maken 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. 4. 5. 6. 7.
Kli k op het T abbl ad ‘Pagin a’s op enen’ Dubbel kli k op de pagi na waar mee j e wilt koppel en. Er opent zich nu een waarsc huwi ngs venster: Kli k op ja Sla het doc ument opni euw op door i n de menubal k op de di s kette te dr ukken 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 !!
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 lor er opstarten. 1. 2.
Open nu Inter net Ex plor er in het netwer kmenu Kli k i n de menubal k op Best and en Op en en. Je komt in het volgende vens ter
3. 4. 5. 6. 7.
Ki k op “B laderen ” Zoek de pagi na op je dis kette i n de map: p agina' s Sel ec teer de pagi na di e j e wil t openen door erop te kli kken Kli k op de knop Op en en en OK 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.
