Vervolg Site met Frames

We starten Frontpage weer op 
Klikken op het gele mapje, 

Zoeken onze site en dubbelklikken
op de nieuwe-pag-1.htm die we dus in het vorige stuk hebben herbenoemd.
Hoe hij bij jullie heet weet ik dus niet, maar bij mij heet hij nog steeds niewepagina-1.htm

Verder noem ik hem nu : Totaal Pagina.

Alle verdere pagina's worden verder weer gewoon opgeslagen als htm bestand. 
Alleen de index dus als html.
***************************
We hebben nu dit dus voor ons staan: de totaal pagina.

Onze pagina met de 3 vakken en de
lelijke scrollbars er doorheen lopend.
Nu willen we wel frames. Maar eigenlijk willen we dat
niet zo duidelijk laten zien.

Soms is de tekst in de banner te groot voor het frame.
Of U gebruikt weinig tekst en het frame is te groot.
U kunt dit veranderen door met de muis op de frame-rand te gaan
staan, de muisknop ingedrukt te houden en  zo het
frame groter of kleiner te maken.

********************

Klik met Rechts in het bovenste  frame. (de banner)

Kies Eigenschappen voor frame en het bijbehorende tabblad  verschijnt.
Hier kunt U de eigenschappen van het frame aanpassen.
U kunt bv. een exacte hoogte voor het frame invullen.
Marges instellen hoever de tekst van de zijkanten moet blijven.




U wilt ook niet dat een bezoeker de grootte van het frame zo maar kan wijzigen. Dus haal het vinkje WEG bij grootte
verstelbaar in browser.
Verder moet de Optie:  schuifbalken weergeven, ingesteld
worden op NOOIT.

Ook moet U het paginavaandel (of sitenaam) nog even centreren.
Selecteer de naam in het bovenste frame en klik op centreren.


********************

Doe hetzelfde  aan de linkerkant met het navigatieframe.
Dus er rechts in klikken, -eigenschappen van frame.
en de diverse instellingen als bovenomschreven aanbrengen.

********************
Nu hetzelfde in het grote frame. Maar daar wilt u wel dat de schuifbalk beschikbaar is
Dus daar stelt U het in op:
Indien nodig.
Dus in het grote frame klikt U ook eerst weer met rechts - dan naar eigenschappen frame - en de optie instellen.
Klik ok.

*******************
Men ziet nu slechts smalle balkjes tussen de verschillende frames.
Nog mooier is het als nu die tussenbalkjes ook verdwijnen.

************************
Dat doe je als volgt:
Zet de muiscursor op de balkjes, 
en kies nu eigenschappen voor frame.
Op het tabblad dat komt klikt je op Framespagina.


Op het schermpje dat dan komt zet je het getal 2 van ruimte tussen frames op 0
en je haalt het vinkje weg bij randen weergeven.

Ga nu naar Bestand opslaan als - Opslaan  en weer Ja antwoorden.

**********************

We houden de totaal weergave voor ons.
Nu zetten we even in het grote lege vlak wat welkomst woorden
en plak er eventueel een plaatje in.
Gewoon even als proef. Straks kan men het verder in orde maken,
gewoon op de manier zoals we gewend waren bij een 
web met een pagina.
Hoe dat te doen kan men hier lezen.

*********************

Als er wat woorden en een plaatje opstaan gaan we weer
naar Bestand - Opslaan Als - antwoord Ja.
Je ziet dat alles nu wordt opgeslagen er zit een blauwe rand om het geheel.

Maar plotseling zijn we terug in de werk weergave.
Het plaatje is niet apart opgeslagen.
Bovendien laat de normaal weergave nu alleen het grote vlak, dat we welkom.htm  hadden genoemd zien.

************************

Je ziet dus nu, dat je het grote vlak, 
wat dus steeds wisselt als men op de links klikt,
 als een gewone pagina kan opmaken.

We doen er nu echter verder even niets aan, maar klikken meteen weer op Bestand Opslaan Als. 
Nu zie je dat Alleen het grote blauwe vlak is geselecteerd.
Weer wordt gevraagd of je de wijzigingen wil opslaan en weer
antwoord je dus Ja.
Pas nu zie je dat het plaatje, of de plaatjes (als je er meer hebt opgezet of er een tumbnail van had gemaakt) worden opgeslagen.

*********************
Hier blijkt meteen het grootte verschil met een gewoon 1 pagina-web.
Alles wordt 2 maal opgeslagen. Een keer als gehele pagina en
een keer als onderdeel van die pagina.
******************

Nu alles is opgeslagen gaan we naar Bestand Voorbeeld in Browser.
om eens te zien hoe het geworden is.

*******************

Hieruit blijkt ook dat als je de banner wilt veranderen je dat rustig op
de pagina banner kunt doen.
En wil je het grote vlak veranderen doe je dat ook op een aparte
pagina.
Zo ook met het navigatie gedeelte.
Alleen het linken zelf niet!!

*****************
Als je de navigatie knoppen in het navigatiegedeelte zou zetten,
terwijl dus de 3 delen van de pagina zijn weergegeven in totaal weergave.
(zoals op het eerste plaatje hierboven)
Zou de pagina wel worden opgeslagen in zijn totaal, maar zouden
de links toch niet werken.

Dat moet dus apart gebeuren via de navigatie.htm pagina.
Dat gaan we dus nu eerst doen.


Links maken

Nu gaan we ons eens even bezighouden met het navigatieframe.
Want tenslotte moeten er daarvandaan links gemaakt worden.
Dubbelklik even op de navigatie.htm in de mappenlijst om deze te openen. We zien de onderwerpen er daar al op staan.

Inhoud. Wie ben ik. Stationary.
Links en Gastenboek.

*************
Ga nu naar  Bestand/ nieuw/ Pagina /lege pagina.
Of klik op het witte vierkantje links boven:


Tik daarop: inhoud .
Schrijf er een zinnetje op (maakt niet uit wat)
Ga naar Bestand Opslaan als.

Maak nog een nieuwe pagina door op het witte vierkantje te klikken.
Schrijf hierop:  wiebenik 
(hou het kort,kleine letters en aan elkaar ).
  Zet er wat tekst op.Ga naar Bestand opslaan Als - Opslaan.

Maak nog een nieuwe pagina en noem die stationary en ook opslaan als.
en zet hier ook wat op.

Een nu nog 2 pagina's voor
 Links en Gastenboek.

Alles wordt uiteraard via Bestand - Opslaan Als- Opslaan.

*****************
We openen de pagina met de 3 frames.
(Dus de totaal weergave)

Maar nu komt het verschil met een site met gewone pagina's.
Even nadenken. De gekoppelde pagina moet immers niet in het navigatieframe verschijnen, maar in het
grote rechterframe.

We beginnen met het eerst woord:  Inhoud.
selecteer dit woord, klik er met rechts op en kies hyperlink in het uitrolmenu.
Er komt een tabblad.

In de witte regel komt de naam van de pagina waar naar gelinkt moet worden .
Hier in het voorbeeld staat http:// ... maar 
in het witte vlak daarboven zoekt u (bij U) de inhoud.htm pagina op en klikt erop. en die verschijnt dan in die regel.

Klik nog niet op ok.

Een stukje daaronder aan de rechterzijde ziet U een potloodje.
Klik daarop en U komt op een nieuw tabblad



waar U,  in het klein , de pagina met de verdeling ziet weergegeven.
U wilt dat de inhoud pagina in het grote venster verschijnt.

Klik dus in dat venster.

De naam ervan (hoofd) verschijnt in een witte regel.
Klik nu op ok. En dan nogmaals op ok.

Ga naar bestand opslaan Als en klik op opslaan. en Ja.
Kijk je nu naar voorbeeld in de browser, probeer de link uit en
dan zie je dat
de link mooi NIET werkt. ???????

*******************
Waarom? 
 Dat komt omdat dit ook op de navigatiepagina moet worden opgeslagen.
Dus dubbelklik even op de navigatiepagina.
Controleer via rechtsklikken of de hyperlink bij: eigenschappen voor hyperlink juist is weergegeven.
Dat klopt. Is helemaal juist weergegeven.
 Dat hij nog niet werkte kwam, omdat deze pagina
apart moet worden opgeslagen.

Dus iedere link wordt 2 keer opgeslagen.
Via de totaal pagina en via de navigatiepagina.

***************
Kijk nog eens in de browser en als U nu op de link klikt
verschijnt de Inhoud.htm pagina keurig in het rechter grote venter.
Precies zoals de bedoeling was.

We gaan weer terug naar de totaal pagina.
Dus waar je de 3 frames ziet.
Selecteer daar het woord: Wie ben ik.
Rechtsklikken erop - Hyperlink in uitrolmenu.
de pagina wiebenik.htm in het volgende tabblad aanklikken 
zodat het in de witte regel verschijnt.
Op het potloodje klikken.
Op het grote stuk in het voorbeeld klikken (hoofd) en ok.
Opslaan.

Dan terug naar navigatie.htm en opnieuw opslaan.

******************
Je kunt zo alle links eerst maken in de totaal pagina .
Dan daarna pas naar de navigatiepagina gaan en 
even controleren  of ook daar de  links goed staan .
Is dat ok,  ze daar dan allemaal tegelijk via
 Bestand  - Opslaan Als -Opslaan - Ja ,  verwerken.

******************

We gaan weer terug naar de totaal pagina.
Dus met de 3 frames zichtbaar.

Bestand voorbeeld in browser.

En als je nu op de links klikt zie je dat deze
keurig in het rechtergedeelte verschijnen.

De pagina's kunnen nu verder per pagina worden opgemaakt
zoals U in de vorige lessen hebt geleerd.

*******************

Veranderingen in de kop van de site, moeten dus
worden gedaan op de pagina banner.htm

Wilt u de links veranderen in bv.knoppen in plaats van woordjes, dan doet men dat dus op de navigatiepagina.
Het linken zelf gebeurd dus echter eerst op de totaal site en opslaan en dan nogmaals opslaan via de navigatie pagina.

Sla sowieso steeds regelmatig alles op. zowel van de afzonderlijke
pagina als van het totaal.
Vooral bij frames luistert dat heel nauw.

******************
Als Alles goed is gegaan moet uw pagina er ongeveer zo uitzien als hij klaar is.Van de frameranden zie je dus niets meer.





Misschien komt er nog een pagina met
tips of iets dergelijks bij.

Maar voorlopig kunt U zelf aan de gang.
Veel succes.

mochten er toch nog vragen zijn dan
kunt u altijd even schrijven naar
Maud.

Terug naar inhoud lessen.

copyright: Maud de Graaf