Werken met Frames.

Soms is het handig om met Frames te werken.
Voordeel  is dat alles snel opstart.

Bij een site met frames blijft namelijk de linkerkant met de linkknoppen staan, en de bovenkant met de site tekst, dus slechts een derde van de pagina wordt steeds veranderd.

Bij het linken wordt dan ook niet verwezen naar een nieuwe
pagina maar naar een nieuw derde gedeelte.
Dat derde gedeelte kan dus steeds van aanzien veranderen.
Maar kop- en zij-  gedeelte blijven steeds hetzelfde, en daarbij
komen de thema's van pas.

********************
Het nadeel van frames is dat je van een dergelijke site geen snelkoppeling kunt maken en bij een zeer grote sites
het voor zoekmachines moeilijk is de dieper gelegen lagen iets te vinden.
Een voorbeeld van een site met frames kan je hier zien.


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

We gaan van start.

Het lijkt me het eenvoudigst gewoon samen een site met frames te gaan maken, zonder al die uitleg eromheen.
Die kan men altijd later nog wel uit boeken of vanaf andere
lessen halen, of via help opzoeken.

We maken gewoon een hobby site, waarin je wat over jezelf verteld, je hobby bv.  psp en stationary's maken, die mensen
mogen downloaden, wat links naar je favorieten en een gastenboek.

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

Daar gaan we.
 Het begin is hetzelfde als bij een
gewone site, dus we starten Frontpage, via het pictogram.

 Gaan naar Bestand- Nieuw Web- Web met een pagina.
Net als beschreven in lesje 1.

We vullen rechts weer geen adres in , maar laten Front zelf de map aanmaken onder:  Mijn Documenten/Mijn Webs.
Dit web krijgt dan weer gewoon een nummer, en dat kan je
 naderhand veranderen in een door jou gekozen naam.
Hoe men dat doet kan je hier lezen.
Klik OK.

In de mappenlijst ziet men na wat gerammel van de computer de indexpagina staan en 2 mappen. Die mappen kom ik dus nooit aan en gebruik ze ook niet.

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


Onmiddellijk hierna maken we nog enige nieuwe pagina's aan.
Doe dit door middel van bestand nieuwe pagina, 



kies in het verschijnende tabblad weer de eerste optie: 
Normale pagina.

Er verschijnt een volkomen lege pagina.
Tik bovenin even de naam: Banner.
Dit wordt later het bovenste frame.
We gaan deze pagina eerst opslaan via Bestand/Opslaan Als.
(Zie plaatje hierboven)
Op het tabblad dat verschijnt ziet u de naam banner al staan.
Klik op opslaan en hij verschijnt in de mappenlijst en de nieuwe naam staat bovenin de balk.

Maak nog een nieuwe pagina aan, weer een gewone pagina en noem die Navigatie.
Ook die slaan we op en we hebben nu 3 pagina's in de mappenlijst staan. Index - banner en navigatie.
Hoe de site er uiteindelijk komt uit te zien maakt niet uit.
Deze 3 pagina's hebt U altijd als eerste nodig.

Klik nu in de mappenlijst even met rechtermuisknop op de naam index.htm .
Kies naam wijzigen in het uitrolmenu.
Verander de naam in :  index.html
Er wordt dus een "l" achter gezet.
Hierdoor heeft U minder problemen bij uploaden en
zoekmachines kunnen U beter vinden.
Na het veranderen van de naam klikt U met de linkermuisknop ergens in de mappenlijst, maakt niet uit waar.
Er komt een tabblaadje met de vraag of U de extensie wilt veranderen. Antwoord daarop met : Ja.
Hoe men deze indexpagina verder behandelt kan U hier lezen.


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

*****************
Nu komen de Thema's in beeld.

Waarschijnlijk staat de laatste nieuwe pagina die we gemaakt en opgeslagen hebben , het navigatie htm
nog voor u.
Ga naar de knop Opmaak bovenaan en kies optie Thema.
Het tabblad thema verschijnt. Ga eens rustig door de voorbeelden waaruit U kunt kiezen.



Het is nodig een goede keus te maken, want wat U ook kiest
de gehele site zal dit uiterlijk behouden.
Men  kan later wel dingen aanpassen, of een eigen thema ontwerpen maar voorlopig nemen we
een gewoon thema van een van de voorbeelden.

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

Laten we eens het thema Strand kiezen.
Links boven op het tabblad zet je een vinkje bij "Alle pagina's".
Onderaan ziet men nog wat vakjes die men kan aanvinken.

Met levendige kleuren aangevinkt kies je dus voor levendige kleuren. 
Laat je het blokje open, dan kies je voor meer rustige kleuren.
Actieve afbeeldingen zorgt ervoor dat de knoppen kunnen veranderen als er op geklikt wordt.
Dus dat vinken we aan.
Ook het achtergrondfiguur vinken we aan .
Bij de knop wijzigen, kan je nog kleuren en andere dingen wijzigen, maar dat is iets om zelf eens uit te proberen.
Voorlopig houden wij ons aan dit thema.
Dus klik ok.


U krijgt nogmaals de vraag of U dit thema wilt toepassen dus nu klikken we Ja.

***********************
We nemen nu de banner htm voor ons , dubbelklik er even op in de mappenlijst zodat het zich opent.
omdat we een thema hebben gekozen, hoeven we geen achtergrond meer in te voegen.
De achtergrond ziet men er al in staan.

Ga nu naar Invoegen in de werkbalk en kies in het uitrolmenu: Paginavaandel. 

Op het tabblad zet men een vinkje voor figuur.
Ook kan men eventueel de naam van de site invullen, maar blijft dat stukje grijs dan klikt men gewoon op ok.

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

We zitten weer in de normale weergave van het blad Banner.
Maar nu is er een regel verschenen om deze pagina toe te voegen in de navigatieweergave.

Links naast de mappenlijst ziet U een smalle grijze strook, met daarin grote pictogrammen.

********************
Is die niet te zien, ga dan even naar Beeld (bovenaan) en kies Weergavenbalk.
 Hij komt dan tevoorschijn.
Klik nu op het grote pictogram Navigatie in de grijze weergaven balk.
Er verschijnt een blauwe pagina, en daarop ziet U alleen nog maar de introductie pagina staan,
en wat tekst.



Klik nu in de mappenlijst op de pagina Banner. 


Houdt de linkermuisknop ingedrukt en trek dan het banner.htm bestand
naar een plaats pal onder de introductiepagina op het blauwe werkvlak,
laat daar de linkermuisknop los.
Zodra U de muisknop heeft losgelaten verschijnt een symbool. Deze pagina's zijn nu gekoppeld.



Dubbelklik op het symbool van de bannerpagina om naar de bewerkingsweergave terug te gaan en U ziet
dat nu het paginavaandel aan de pagina is toegevoegd.
Selecteer het woordje Banner (Door er met ingedrukte linkermuisknop overheen te gaan) en zet daarvoor in de plaats:
Proef met frames (of uw eigen tekst, maakt niet uit)

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

Ga naar links boven naar bestand Opslaan Als - klik opslaan. en antwoord: Ja.
Sluit de banner pagina door op het kruisje rechtsboven te klikken.

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

Open nu door dubbelklikken de pagina navigatie htm.
Hier gaan we de navigatie structuur maken.
Typ onder elkaar de woorden van de onderwerpen die u wilt gaan bewerken.
Gebruik na ieder woord de Shift en de Entertoets. Het komt er dan ongeveer zo uit te zien:

Inhoud.

Wie ben ik.

Stationary.

Links

Gastenboek.

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

Dubbelklik nu even op de index.html om deze te openen.
schrijf daar even op: Link naar welkom.

Selecteer dat en klik er met rechtermuisknop op.
Kies in het uitrolmenu Hyperlink.
Het tabblad opent zich.

Klik op het grote witte vlak op welkom.htm en het komt in de url regel te staan.
Klik ok. 

Schrijf nu op de index pagina onder de link naar welkom:
Link naar nieuwe pagina-1.htm
Selecteer - kies weer hyperlink en klik nu op die nieuwe pagina, zodat nu deze in de url-regel komt te staan.

Ga naar Bestand - Opslaan Als - Opslaan.

Ga naar Bestand- Voorbeeld in Browser.

****************
Als je nu op de link naar welkom klikt, krijg je gewoon de lege pagina met achtergrond en het woordje welkom te zien.
Klik nu even op het pijltje vorige (links boven).

Klik nu op de link naar die nieuwe pagina:
Nu zie je de pagina zoals hij er behoort uit te zien.
Dus met banner - navigatie EN welkom.

En dat is dus de pagina die we willen dat kijkers straks op onze site zien, als ze op ons adres hebben geklikt.
Denk dus even goed na. Rechtsklik op de nieuwepagina_1.htm in de mappenlijst en verander hem in de naam die je wilt dat je toekomstige site krijgt.
Klik ergens met linkerknop in de mappenlijst en de naam wordt veranderd.

*****************
Ga nu terug naar de index.html . Dubbelklik erop om hem te openen.
Verander de link naar nieuwe pagina in de nieuwe naam.

Ga naar Bestand - Opslaan Als- en Opslaan.