1 Inhoudsopgave frontpage een thema gebruiken... 4 afbeeldingen op de pagina zetten... 5 knoppen maken... 8 knoppen maken in linkerframe een tabel mak...
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.
Website maken met Frontpage 2003
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:
Klik op: Bestand en dan op Sluiten
Als je afbeeldingen en bestanden een naam geeft, doe dat dan met kleine letters en gebruik geen spaties!
Website maken met Frontpage 2003
Pagina |4 EEN THEMA GEBRUIKEN 1.
Dubbelklik op: index.htm
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.
Klik op: Bestand en dan op Sluiten
6.
Klik op: Ja om te bewaren
In het linkerscherm zie je dat er twee mappen bij zijn gekomen: _fpclass en _themes
Website maken met Frontpage 2003
Pagina |5 AFBEELDINGEN OP DE PAGINA ZETTEN
1.
Dubbelklik op: index.htm
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.
Klik op: Bestand en dan op Sluiten
8.
Klik op: Ja om het index-bestand te bewaren
Website maken met Frontpage 2003
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
Website maken met Frontpage 2003
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.
Dubbelklik op: index.htm
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
Website maken met Frontpage 2003
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
Website maken met Frontpage 2003
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.
Dubbelklik op: frame.htm
12.
Klik eventueel in het linkerframe
Website maken met Frontpage 2003
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.
Website maken met Frontpage 2003
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.
Sluit het browserscherm
Website maken met Frontpage 2003
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
Website maken met Frontpage 2003
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
Website maken met Frontpage 2003
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.
Dubbelklik op: frame.htm
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.
Website maken met Frontpage 2003
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)
Website maken met Frontpage 2003
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
Website maken met Frontpage 2003
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
Website maken met Frontpage 2003
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.
Website maken met Frontpage 2003
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
Website maken met Frontpage 2003
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