|
De eerste pagina van je site
is klaar. Het welkomstwoordje staat erop,
een plaatje, een babbeltje plus wat muziek.
Nu wordt het tijd er wat nieuwe pagina's te gaan bijmaken.
Niets is makkelijker dan dat.
We hebben het in de vorige les al even gedaan.
We hebben een pagina2 aangemaakt via klikken op het witte
vierkantje linksboven. We hebben hem toen even 2e pagina.htm
genoemd.
Je kunt ook een nieuwe pagina maken via Bestand - Nieuw -
Pagina. Maar met klikken op dat vierkantje gaat het sneller
We gaan nu eerst de naam van die pagina even veranderen.
Dubbelklik, in de mappenlijst, op de 2e pagina.htm
om hem te
openen.
Hij staat voor je leeg en kaal, maar de naam zie je in de
grijze balk erboven. ******************
Ga nu weer naar de Mappenlijst en klik met rechtermuisknop op de
naam 2e pagina.htm . Er komt een uitrolmenu en we kiezen
naam wijzigen.
Verander 2e pagina in de naam: Inhoud.htm.
Daarna klik je even met linkermuisknop ergens in de
mappenlijst. Maakt niet uit waar.
Er komt een berichtje met de vraag of U de links die er al naar
deze pagina zijn wilt bijwerken. Klik op ja.
*******************
Je ziet dit is iets fantastisch. Stel je hebt 30 pagina's die
naar deze bladzijde verwijzen. Toch moet die naam nu om de een
of andere reden gewijzigd worden.
Men hoeft dan niet op al die 30 pagina's de links te gaan
veranderen. Door Ja te beantwoorden op die vraag , doet
Frontpage dat in een seconde even voor je.
*******************
Deze pagina Inhoud, staat nu voor je , leeg en kaal.
Normaal zou je deze pagina nu ook eerst moeten bewerken
net als de welkomstpagina met achtergrond, randen, plaatjes enz.,
dat doen we nu even niet.
Kan je altijd straks doen. Je kunt tenslotte alles weer verwijderen,
door te selecteren en op de delete knop op het toetsenbord te
klikken.
We gebruiken deze pagina nu even om het onderwerp Links te
oefenen.
**********************
Om dat te doen hebben we nog wat pagina's nodig om naar toe te
linken.
Dus klik weer op het witte vierkantje.
Noem de volgende pagina "mijnwerkstukken".
Sla dit op op de gewone manier.
Nieuwe pagina openen. Noem deze: werkstukken2.
Nieuwe pagina openen. Noem deze werkstukken3.
Nogmaals: noem deze vriendenlinks.
Nog eentje , noem deze: gastenboek.
****************
Je ziet nu al een heel rijtje htm bestanden van de pagina's
in de Mappenlijst staan.
We gaan terug naar de pagina waar we mee begonnen.
Inhoud.htm
We maken een Tabel.
Denk na. We hebben de welkomstpagina, de inhoudpagina (waar we
zijn)
een gastenboek - links - werkstukken 1,2,en 3 en een wie-
ben -ik pagina. Dat zijn dus 7 pagina's waar we naar
toe willen linken vanaf
deze Inhoud pagina.
Dat krijgen we nooit allemaal naast elkaar. Staat ook niet
mooi dus doen we het anders en nemen 2 rijen.
Een rij met 4 namen erin en een rij met 3.
Ga dus naar Tabel - Invoegen- tabel en kies voor
2 rijen en 4 kolommen.(4 namen)
Zet de randdikte op 2 , kies een kleurtje en neem 90 procenten.
Toepassen ok.
Tik nu in iedere cel een naam van een pagina.
De eerste bevat je welkomstpagina - de 2e Inhoud en je eindigt
met de Vriendenlinks en Gastenboek.
Die dus rechts onder in de 2e rij komen te staan.
Je kunt natuurlijk ook alleen naar Werkstukken
verwijzen, dus niet allemaal opnoemen, en vanaf de pagina
Werkstukken.htm straks pas verwijzen naar de andere
werkstukken 2 en 3.
Dat kan je zelf beslissen.
******************
De tabel is klaar , de namen in de cellen kan je weer
selecteren,
er een grotere letter voor kiezen en een andere kleur.
Vindt je het leuk kan je de achtergrond van de cellen onder
de tekst ook nog een verschillend kleurtje geven:
Klik dan in de Cel met rechtermuisknop. Kies Eigenschappen van
Cel en verander op dat tabblad de kleur.
Of je voegt een ander achtergrondje in.
Zie
les 2. Achtergrond
in cellen.
*******************
Als alles er naar je zin uitziet, selecteer je het eerste woord:
welkom. Klik er met rechts
op en kies hyperlink.
Het tabblad verschijnt, in het witte vlak zoek je naar
welkom.htm.
Nu hoeven we dus helemaal niet naar dat gele mapje rechtsonder.
We willen nu iets hebben wat al in ons web zit en aanwezig is in
de mappenlijst.
Welkom htm gevonden? Klik ok en de link is gemaakt.
(Op het voorbeeld
tabblad hierboven staat toevallig alleen maar welkom.mid, maar
denk maar dat het welkom.htm is :)
Nu selecteer je het volgende woord weer rechtsklikken,
hyperlink, opzoeken, erop klikken en ok klikken.
*********************
Nog even iets
belangrijks.
Wil je, dat mensen
nadat ze een hoofdstuk of pagina van je hebben gelezen. (Of je
hebt ze via vriendenlinks naar een
andere site gestuurd), toch weer bij JOUW inhoudspagina terug
komen.?
Daar bestaat ook iets voor.
We selecteren weer even het volgende woord.
Rechtsklik
kies hyperlink en we komen op het bekende tabblad.
zoek het woord waar je nu naar toe wilt linken op.
klik er op, maar nu niet meteen op OK klikken.
Aan de rechterkant zie je boven ok een klein potloodje.
Klik op dat potloodje en we komen op een nieuw tabblad.
Dit tabblad heb je nodig als je met frames werkt en daarin
linken moet maken.
Dat doen wij niet, dus hebben we hier eigenlijk niets te zoeken. Behalve
een dingetje. Onderaan zie je een witte regel met daarboven het
woord Doelframe-instelling.
Type in die witte regel het woord - blank - .
Klik ok. We zijn op ons oude vertrouwde tabblad terug.
Je ziet nu het woord blank echter onderaan bij het
potloodje staan.
Nu klikken we op ok. , en gaan meteen naar Bestand Opslaan. En
dan naar Bestand Voorbeeld in browser om te zien of het werkt.
********************
Klik op de laatste link die je net hebt gemaakt.
Je kijkt daar even rond, net zoals een bezoeker zou doen, en je
sluit met het kruisje bovenaan. En zie, je bent weer terug op de
pagina die je nu aan het bewerken bent.
Klik nu eens op een eerder gemaakte link. kijk rond, sluit, en
weg is je site. Je zit gewoon weer in Frontpage op de
normaal pagina.
Dus wil je dat mensen bij je terug komen, nooit vergeten het
woordje "blank" erbij te zetten.
******************
Een ander soort
Link.
Woordjes linken
zijn makkelijk, maar we willen wat anders.
Een knop!!
Ga naar Invoegen (bovenaan) kies voor Onderdeel en dan
voor Knop met Aanwijseffect.
We komen (natuurlijk :)) op een tabblad.
Eerst tik je de naam waarnaar deze knop gaat verwijzen.
Laten we het woord Werkstukken maar nemen.
Tik dat dus in de bovenste regel, daarnaast kan je de grootte en
kleur van de letters veranderen. Neem 18 en zoek een leuk
kleurtje uit. Klik ok.
Bij de 2e regel kan je op bladeren klikken om het
werkstukken.htm op te zoeken.
We komen weer op ons bekende tabblad. Zoek het op en klik ok.
Daarnet heb je de kleur van de letters veranderd. Maar ook de
knopkleur kan je veranderen. Doe dat even.
Je kunt er ook een effect aangeven. Neem nu even
"gloed"
en probeer straks zelf even wat andere effecten uit.
De naam werkstukken is wat lang, dus maak de knop iets
breder. bv 150 pixels. Je kunt altijd nog veranderen.
Doordat we effect gloed hebben genomen, verandert de
kleur als de cursor straks op de knop komt en als je er op
klikt.
Zoek dus even een paar leuke kleurtjes uit.
********************
Bevalt het niet, je kunt altijd weer veranderen ten slotte.
Wil je veranderen dan klik je met rechts op de knop en kiest :
Eigenschappen voor knop met aanwijseffect en je bent weer terug
op het tabblad waar je het kunt veranderen.
Als alles is ingesteld klik je op ok. en sla je op via Bestand.
Dan nog even terug naar Bestand - browser en voorbeeld
Als je nu dus over de knop gaat veranderd de kleur en als je er
op klikt kom je bij werkstukken uit.
Heb je blank ingevuld. kom je na het sluiten weer op deze pagina
terug en anders dus weer op je werkpagina in front.
******************** Dit
linken ergens naar toe kan men natuurlijk ook doen met een
plaatje (plaatje selecteren, rechtsklikken en hyperlink kiezen), of
met een leuke knop die men zelf eerst in psp heeft gemaakt.
Voeg het plaatje (of knop) in, via invoegen - figuur
- uit bestand -gele mapje (rechtsonder) en bladeren in de verkenner.
Zoeken naar je map waar het plaatje inzit. dubbelklikken op map.
1 keer klikken op plaatje. Klik op openen en het staat op je
pagina.
*******************
Men kan altijd nog veranderingen aanbrengen door met de rechtermuisknop op de knop(
of plaatje) te klikken en in het uitrolmenu dat dan komt te gaan naar Eigenschappen van knop met aanwijseffect te gaan.
********************
Zo linkt men dus de diverse pagina's aan elkaar.
Men kan soms ook willen linken naar iets wat
zich reeds op dezelfde pagina bevindt.
Dat doet men op de volgende manier.
Het heet een
bladwijzer maken.
*******************
Linken naar iets dat zich reeds op het web bevindt gaat op
dezelfde manier.
Selecteer het woord, knop of plaatje, Klik er met rechts op.
Kies in het uitrolmenu : hyperlink.
Het tabblad verschijnt. Tik in de Url regel het adres en
klik op ok. Klaar.
***********************
Je kunt natuurlijk ook al op je Inhoud.htm pagina een
tabel aanmaken van bv. 6 rijen en 2 kolommen.
In de linker kolom kan men dan een aantal knoppen onder elkaar aanmaken die naar de diverse pagina's verwijzen en in de rechter kolom plaatjes en/of tekst plaatsen.
Door met de muiscursor op de lijn tussen de 2 kolommen te gaan staan verandert deze in 2 pijltjes. Met de linkermuisknop ingedrukt
kan men dan de kolom smaller of breder maken.
*******************
Een je kunt knoppen maken die van aanzien veranderen
als men er met de muiscursor overheen gaat of op klikt.
Het stukje daarover vindt je hier: DHTML
Toen we daarnet bij Invoegen - Aanwijsknop waren zagen we daar ook al het woordje Lichtkrant staan.
Ook die kunnen we heel gemakkelijk in Front maken.
We gaan hiervoor echter even naar de volgende
pagina.
*******************
Terug naar Inhoud Lessen.
copyright: Maud de Graaf |
