Frontpages 2000 les 6  Tabellen maken.

 

In frontpage hebben we een hele simpele manier van plaatjes invoegen.
Je opent je pagina zet je achtergrond er op zoals in les 1.
En sla de pagina op,zodra je dat doet verschijnt er rechts in beeld een lijst Mappenlijst genaamd.
Daarin krijg je een overzicht van alles wat je in mijnweb hebt staan.
Om plaatjes e.d in te voegen in je pagina heb je uiteraard ook plaatjes nodig.
daarom maken we eerst weer een map net als in de vorige les maar dan met de naam afbeeldingen.
Verzamel in die map alle plaatjes en foto`s die je op je pagina wil hebben.
Je kan dan door op het kruisje voor de map afbeeldingen al je plaatjes zien staan die je hebt verzameld.
Door er nu 1 op te pakken met je muis en naar je pagina te slepen komt het plaatje daar te staan waar je de muis loslaat.

Maar dat heeft nadelen.
Niet iedereen werkt namelijk met dezelfde schermresolutie dus als het bij jou mooi naast elkaar staat

en mijn schermresolutie staat op een ander formaat zullen de plaatjes en foto`s ook verder van elkaar af staan of dichterbij.

Daarom ben ik een voorstander van het werken met tabellen.
Die kan ik centreren en mijn plaatjes staan altijd even ver uit elkaar als ik dat wil.
Want mijn tabel verandert niet van formaat.

Daar gaan we dan.

We openen onze pagina zoeken de achtergrond op en sla je pagina op b.v.b alls index

Hij komt dan in frontpage te staan als index.html.

Ga naar tabel/invoegen/tabel.

Zet je instellingen als hiernaast.

Het centreren is belangrijk dat zorgt er voor dat je frame altijd in het midden van je pagina staat.

De breedte van 700 heb ik hier aangehouden
Om er voor te zorgen dat bij schermen met een lagere resolutie mijn tabellen niet breder zijn dan het schermoverzicht.

Je eerste frame zier er nu zo uit.
Je ziet dat hij mooi in het midden staat

We klikken nu in het frame en op de centreerknop van je tekst verwerker.
Zet je tekstgrote op minimaal 18 zoek een leuke afwijkende kleur en type welkom op mijn homepage.

We zetten onze cursor onder het frame en klikken op enter zodat hij 2 regels zakt.
1x klikken is voldoende voor twee regels,wil ja maar 1 regel overslaan moet je de shiftknop ingedrukt houden terwijl je entert.

Ga naar tabel/invoegen/tabel en zet de instellingen als hiernaast.

Klik oké

 

We hebben nu een frame gemaakt van twee cellen breed en twee cellen hoog.
Hier zouden we al plaatjes in kunnen zetten en tekst maar dan doen we nog even niet

We gaan eerst naar de onderste twee cellen met de muis tot je cursor verandert in een horizontaal pijltje en klikken dan op de rand van de onderste twee cellen.
Deze worden dan gekleurd ten teken dat ze beide geselecteerd zijn.

We we gaan nu naar tabel/cellen samenvoegen

We hebben dus nu 1 kolom van 2 cellen en 1 kolom van 1 cel.

We bladeren nu in de rechter kolom naar onze map afbeeldingen en klikken op het kruisje voor de map.


We pakken 1 van de plaatjes slepen hem naar het de eerste cel van de bovenste rij.
Je kan dan gelijk op enter klikken en je tekst onder het plaatje zetten.
We doen hetzelfde met het tweede plaatje maar dan naar de cel ernaast.
Je kan natuurlijk ook kiezen om de bijbehorende tekst van plaatje 1 te zetten op de plek van foto twee.
Op deze manier kan je vele mogelijkheden verzinnen.

We hebben nog een derde plaatje over en zetten deze in de onderste rij klikken op het centreerblokje zodat het plaatje mooi in het midden terecht komt.

 

Als we de pagina zo zouden plaatsen zouden we op onze site ook deze tabellen zien maar dat is niet echt wat we willen    Zie voorbeeld

Daarvoor gaan we wat aan onze instellingen van het frame veranderen.
Klik weer met de cursor aan de voorkant van een deze onderste cellen zodat deze geselecteerd staat.

Ga naar tabel/eigenschappen/tabel.
Zet de dikte van de rand op 0
Klik op toepassen en dan op oké

In frontpage krijg dan inplaatst van de lijnen een stippellijn te zien.
Deze stippellijn is niet te zien op je homepage dus krijgt de bezoeker het idee dat de plaatjes zomaar willekeurig op je pagina staan

Zie voorbeeld

Stel dat we deze pagina onze indexpagina zou zijn,dan hebben we natuurlijk knoppen nodig
Om door te schakelen naar onze volgende pagina`s.
Daarvoor doen we het volgende
We zetten onze cursor weer onder onze laatste tabel klikken twee maal op enter om wat afstand van de voorgaande tabel te krijgen,en gaan naar tabel/invoegen/tabel.

We zetten het aantal rijen op 1
De kolommen op 6
En aangezien we nu al weten dat we dit frame ook onzichtbaar op de site willen zetten we de randdikte ook maar vast op 0 dan hoeven we straks ook de eigenschappen niet aan te passen.

Uiteraard blijven we centreren want we willen alles mooi onder elkaar houden.

We hebben nu onderaan de pagina 1 rij van zes cellen.
We hadden dit even zo goed ook bovenaan onze pagina kunnen doen.
Dan hadden we daar onze knoppen neer kunnen zetten.

We zoeken nu in onze map afbeeldingen naar de knop die we van te voren hebben gedownload
Of zelf hebben gemaakt.
En slepen deze naar cel 1.
We houden de ctrl knop ingedrukt en slepen de knop naar cel 2
Herhaal dit laatste tot alle zes de cellen een knop hebben.
Klik dan rechts op de voorkant van de rij cellen zodat deze geselecteerd zijn en dan op de centreerknop
alle knopjes staan nu mooi in het midden van elke cel

Zet je cursor achter knop 1 klik op enter en zet de benodigde tekst onder dit knopje.
Doe dit met alle 6 de knopjes.
In de volgende les gaan we daar hyperlinks van maken(verbinding met andere pagina`s)
Heb je toevallig knopjes gemaakt waar de tekst al op staat kan je het laatste stukje natuurlijk overslaan

Zie voorbeeld