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

Inhoudsopgave

frontpage 2003 .......................................................................................................................... 2 een thema gebruiken .............................................................................................................. 4 afbeeldingen op de pagina zetten ...................................................................................... 5 knoppen maken ......................................................................................................................... 8 knoppen maken in linkerframe ......................................................................................... 10 een tabel maken ..................................................................................................................... 12 opdrachten ................................................................................................................................ 14 een fotopagina maken .......................................................................................................... 16 foto’s verkleinen of vergroten ........................................................................................... 20

Pagina |2 WEBSITE MAKEN MET FRONTPAGE 2003

Open het programma Frontpage 1.

Klik op: driehoekje

2.

Klik op: Website …

Klik hier

website met één pagina is geselecteerd. 3.

Klik op: OK

4.

Dubbelklik op: index.htm

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

5.

Typ op deze pagina: Dit is de website van …..

Je kan deze zin eventueel centreren.

Centreren

Website maken met Frontpage 2003

Pagina |2

6.

Klik op: browser icoontje

klik hier

Voordat je een pagina in de browser kunt bekijken moet je deze eerst bewaren. 7.

Sla de wijzigingen op door op Ja te klikken

Bekijk je eerste pagina met nu nog alleen jouw naam. 8.

Sluit dit venster door op het kruisje te klikken klik hier

9.

Klik op: Bestand en dan op Sluiten

10.

Maak een nieuwe pagina

klik hier

Je ziet de naam: nieuwe_pagina_1.htm verschijnen.

11. Klik op:

Typ in het ontwerpscherm: dit wordt later het menu. om deze pagina op te slaan.


Pagina |3 Het onderstaande dialoogvenster verschijnt

De naam moet worden:

menu.htm

12.

De naam van het bestand is: menu

13.

Klik op: Opslaan

In het linkerscherm zie je nu index.htm en menu.htm staan. 14. TIP:


Als je afbeeldingen en bestanden een naam geeft, doe dat dan met kleine letters en gebruik geen spaties!


Pagina |4 EEN THEMA GEBRUIKEN 1.


2.

Klik op: opmaak

3.

Klik op: thema …

Aan de rechterkant van je scherm zie je een aantal thema’s verschijnen. 4.

Kies een thema in het rechterscherm

5.


6.

Klik op: Ja om te bewaren

In het linkerscherm zie je dat er twee mappen bij zijn gekomen: _fpclass en _themes


Pagina |5 AFBEELDINGEN OP DE PAGINA ZETTEN

1.


2.

Zet de cursor onder de zin: Dit is de website van ……

3.

Maak de werkbalk Tekenen actief via Beeld, Werkbalken, Klik dan op Tekenen.

Je gaat een WordArt afbeelding maken. Als je de werkbalk tekenen onderin je scherm ziet staan klik je op:

Kies een opmaak

4.

Klik op: OK

5.

Typ het zinnetje: Als je hier op klikt zie je de rest van de website

6.

Klik op: OK

Maak eventueel de afbeelding kleiner door een hoekpuntje te verslepen.

7.


8.

Klik op: Ja om het index-bestand te bewaren


Pagina |6 klik hier

9.

Klik op: nieuwe pagina

Je ziet nieuwe_pagina_1.htm staan.

10.

Typ de zin: dit zijn mijn interesses

Typ daaronder een kort stukje tekst wat jou interesseert

11.

Klik op: Bestand

12.

Klik op: Sluiten

13.

Klik op: Ja om het bestand te bewaren, de naam is: interesses.htm

14.

klik op: Opslaan

15.

Klik op: driehoekje

16.

Klik op: pagina

17.

Klik op: het tabblad framepagina’s

18.

Klik op: inhoudsopgave

19.

Klik op: OK

20.

Klik in: het linkerframe op Beginpagina instellen …

21.

Klik op het bestand: menu.htm

22.

Klik op: OK

23.

Klik in: het rechterframe op: Beginpagina instellen …

24.

Klik op het bestand: interesses.htm

25.

Klik op: OK

26.

Klik op: Bestand

27.

Klik op: Sluiten, Ja

28.

Verander de bestandsnaam in: frame.htm


Klik hier

Pagina |7 29.

Klik op: Opslaan

30.

Dubbelklik op: frame.htm

Er zit een lijn tussen de twee frames, die we weg gaan halen

31.

Klik op: Frames in de menubalk

32.

Kies: Frame-eigenschappen

33.

Kies: Framespagina

Randen weergeven kun je aan of uit zetten zoals je ziet. Zorg ervoor dat het vinkje voor Randen weergeven uitgeschakeld is.

34.

Zet eventueel de ruimte tussen de frames: 0

35.

Klik: 2 maal op OK

36.

Bekijk je frames in de browser. Wijzigingen sla je natuurlijk op!

37.

Sluit het browservenster

38.


39.

Klik rechts op het woordje hier in de zin: als je hier op klikt etc.

40.

Klik op: Hyperlink …

41.

Klik op: frame.htm(openen)

42.

Klik op: OK

Wat heb je nu eigenlijk gedaan? Als je in de browser op “HIER” klikt, word je doorgelinkt naar een pagina.

43.

Bekijk je resultaat in de browser

44.

wijzigingen sla je natuurlijk weer op.

45.

Sluit het browserscherm


Pagina |8 KNOPPEN MAKEN Het linkerframe dat je gemaakt hebt wordt het menu met knoppen. Van de knoppen maak je hyperlinks die weer verwijzen naar jouw pagina’s. Voorbeeld van een knop. Om de knoppen die je maakt netjes te bewaren ga je een map maken.

1.

Maak een map: knoppen

2.

Druk op: Enter

3.

Maak een nieuwe pagina.

4.

Typ de zin: dit zijn mijn hobby’s.

5.

Typ een kort stukje tekst wat je hobby’s zijn.

6.

Zet achtergrondkleur of thema in de pagina. (opmaak)

7.

Zet een (hobby) illustratie in deze pagina via invoegen, afbeelding en dan illustraties.

8.

Bewaar deze pagina.

9.

De naam van de pagina is: hobby.htm


klik hier om een map knoppen te maken.

Pagina |9

10.

Klik op: opslaan (let op!!!!!)

Vaak moet je een illustratie die je in je pagina hebt gezet bewaren.

1. Klik op: Map wijzigen … 2. Dubbelklik op de map: images 3. Klik op: OK (2x) 4. Klik op: Bestand, Sluiten, (Ja om te bewaren enz.)

11.


12.

Klik eventueel in het linkerframe


P a g i n a | 10

KNOPPEN MAKEN IN LINKERFRAME

13.

Verwijder de tekst: dit wordt later het menu ….. enz. in het linkerframe

14.

Klik op: invoegen

15.

Kies: interactieve knop

16.

Vul bij tekst in: hobby’s (verander knoptekst in hobby’s)

17.

Blader naar de pagina met de naam hobby.htm(openen)

Je hebt eerst een knop gemaakt. Nu moet je nog zorgen dat er een hyperlink naar de pagina van je hobby’s wordt gemaakt.

18.

Klik nog niet op: OK

19.

Klik op: doelframe

20.

Klik op: het frame in het rechterdeel

21.

Klik op: OK

22.

Er staat bij adres: hobby.htm

23.

Klik op: OK

24.

Kies een knop (bijvoorbeeld Capsule met glanseffect 5)

25.

Klik op: het tabblad letter Type

26.

Kies een letter Type en kleur

27.

Klik op: tabblad afbeelding

28.

Klik op: GIF-afbeelding maken …. enz.


Klik hier

P a g i n a | 11 Als je er geen gif-afbeelding van maakt, zie je dat de knop een wit kader heeft.

29.

Klik op: OK

30.

Sla de pagina op

De knop-afbeeldingen moeten in de map knoppen komen.

31.

Klik op: map wijzingen …

32.

Dubbelklik op de map: knoppen

33.

Klik op: OK (2x)

34.

Klik op: browser icoontje om je pagina in de browser te bekijken. Wijzigingen opslaan.

35.

Klik op de knop: hobby’s

Je ziet, als je het goed gedaan hebt, in het rechtergedeelte een korte tekst met wat jouw hobby’s zijn.

36.



P a g i n a | 12

EEN TABEL MAKEN Een tabel is handig als je tekst netjes op een webpagina wilt zetten. Je kan er ook afbeeldingen in zetten. Er zijn diverse tabelsjablonen beschikbaar. We maken nu zelf een tabel.

1.

Dubbelklik op: hobby.htm

2.

Ga onder de tekst staan

3.

Klik op tabel: in de menubalk

4.

Ga naar: invoegen

5.

Klik op: Tabel

6.

Zet het aantal rijen op: 3

7.

Zet het aantal kolommen op: 3

8.

Zet de uitlijning op: centreren

9.

Celopvulling: 0

10.

Ruimte tussen de cellen: 0

11.

Typ in het vakje waar 100 staat 90

Zet bij de randen:

12.

Punten: 0

13.

Klik in het vierkantje: Tabelrand samenvouwen

14.

Klik op: OK

Je ziet dat er een tabel is geplaatst met 3 kolommen en 3 rijen

15.

Klik in de 2e kolom in de 1e cel


P a g i n a | 13 16.

Klik op: invoegen

17.

Klik op: afbeelding

18.

Klik op: illustratie

klik hier

Portfolio van Fris

19.

Zoeken naar: computers

20.

Klik op: Starten

Als je tussen de lijntjes klikt, kun je een nieuwe afbeelding invoegen

21.

Sleep de afbeelding in de tabel

22.

Sleep nog enkele afbeeldingen in de tabel

Als je afbeelding te groot is van formaat klik je er op en pak je met je muis het vierkantje in één van de hoeken. Sleep naar binnen of als de afbeelding te klein is sleep je naar buiten.

23.

Klik op: Opslaan

24.

Bewaar de afbeeldingen in de map: images


P a g i n a | 14 OPDRACHTEN Opdracht 1: maak een nieuwe pagina: werkstukken.htm Opdracht 2: maak een nieuwe pagina: presentaties.htm Opdracht 3: maak een nieuwe pagina: tekeningen.htm Je gaat knoppen maken die aan deze nieuwe pagina’s gekoppeld worden.

1.


2.

Klik in: het linkerframe en zorg dat je onder de bestaande knop(pen) komt te staan met je cursor.

3.

Klik op: invoegen

4.

Klik op: interactieve knop

5.

Verander de Knoptekst in: werkstukken

6.

Klik op: bladeren Klik hier

7.

Klik op: werkstukken.htm(openen)

8.

Klik op: Doelframe ….

9.

Klik op: rechterframe in het voorbeeld

10.

Klik op: 2x op OK

11.

Kies een knop

12.

Klik op: OK

Als je het resultaat in de browser wilt zien moet je zoals je weet eerst bewaren. Bewaar de knoppen in de map: knoppen. Maak ook knoppen naar de pagina’s presentaties en tekeningen.


P a g i n a | 15 OPDRACHTEN Opdracht 4:

maak een nieuwe map met de naam: vakken

Opdracht 5:

maak een nieuwe pagina en Typ op deze pagina: dit is de pagina voor het vak Pedagogiek. Zorg dat er een afbeelding op de pagina komt te staan in een tabel. Bewaar deze pagina in de map vakken.

Opdracht 6:

maak voor de rest van de vakken die je hebt ook pagina’s. Bewaar deze pagina’s ook in de map vakken.

Opdracht 7:

maak een nieuwe pagina en zet op deze pagina afbeeldingen in een collage die bij de verschillende vakken passen. De afbeeldingen moeten hyperlinks (koppelingen) krijgen naar jouw vakkenpagina’s. Je kan natuurlijk ook gebruik maken van hotspots.

Opdracht 8:

maak op deze pagina een knop HOME en maak een koppeling (hyperlink) naar je beginpagina. (index.htm)


P a g i n a | 16 EEN FOTOPAGINA MAKEN

1.

Maak in de map Website een nieuwe map: hardware

2.

Zoek op het internet 6 foto’s van hardware zoals een beeldscherm, een printer, een toetsenbord, een computermuis etc.

3.

Klik rechts op een foto

4.

Kies: Afbeelding opslaan als

5.

Blader naar de map: Hardware

6.

Geef het bestand een korte naam

7.

Ga als je klaar bent via de verkenner naar de map hardware

8.

Controleer de grootte, het aantal pixels, van de foto’s uitgedrukt in Kb

9.

Is de grootte 100kb of hoger volg stap 11

10.

Is de grootte minder dan 100kb ga naar stap 22

Vaak zijn foto’s in hoge resolutie gemaakt. Voor een fotopagina in Frontpage ga je de foto’s verkleinen tot een grootte van 50kb

11.

Klik rechts op de geselecteerde foto of foto’s

12.

Kies voor: Openen met


P a g i n a | 17

13.

Kies voor: Microsoft Office Picture Manager

14.

Klik op: Weergave miniaturen als je meerdere foto’s hebt

15.

Klik op: Afbeeldingen bewerken

16.

Klik op: Afbeeldingen comprimeren

17.

Kies voor: Webpagina’s

18.

Klik op: OK

19.

Klik op: Bestand


P a g i n a | 18 20.

Klik op: Alles opslaan

21.

Sluit de Picture Manager af

22.

Maak een nieuwe pagina in Frontpage

23.

Kies voor: Invoegen

24.

Kies voor: Afbeelding

25.

Klik op: Nieuwe fotocollage

Het venster "Eigenschappen van fotocollage” verschijnt.

26.

Klik op de knop: Toevoegen

27.

Klik op: Afbeeldingen uit Bestanden

28.

Blader naar de map: hardware

29.

Selecteer de foto’s

30.

Klik op: Openen

Je kunt de volgorde van de foto's wijzigen met de knoppen Omhoog en Omlaag.

31.

Klik op het Tabblad: Indeling

Kijk naar de verschillende indelingen.


P a g i n a | 19 Kies voor: Montage-indeling De foto’s worden in een horizontale rij geplaatst met pijltjes om voor- en achteruit te bladeren. Bij een klik op een foto wordt deze eventueel uitvergroot getoond.

32.

Klik op: OK

33.

Klik op: Browser-icoontje

34.

Sla de pagina op onder naam: fotopagina

35.

Klik op: enkele foto’s

36.

Sluit: het Browserscherm

37.

Dubbelklik op een foto

Je ziet het eigenschappenvenster van fotocollage weer verschijnen.

38.

Typ een kort bijschrift in het invoervak

Typ een langere beschrijving van deze foto in het invoervak Beschrijving.

39.

Klik op: OK

40.

Klik: links onderin het scherm op de weergave Voorbeeld

41.

Klik weer op: Ontwerpen linksonder in het scherm

42.

Bewaar de pagina onder dezelfde naam


P a g i n a | 20 FOTO’S VERKLEINEN OF VERGROTEN

1.

Open het bestand: fotopagina

2.

Zorg dat het Ontwerpscherm actief is

3.

Dubbelklik op een afbeelding

4.

Klik op: Bewerken

5.

Verhoog het aantal pixels met de pijltjes. Let op dat de afbeelding niet te wazig wordt!

6.

Klik op: Volgende en verhoog de pixels van de volgende afbeelding

7.

Klik op: OK

8.

Sla de pagina op en overschrijf de afbeeldingen die in de map staan

9.

Bekijk deze pagina in de browser

10.


Succes met het verder uitbreiden van je website!!


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

Recommend Documents