|
Tabellen
instellen met NVU
We
hebben dus 5 rijen nodig. Ik vind het makkelijk om eerst 1 rij te maken
en die te voorzien van de juiste eigenschappen. Ga naar het menu:
invoegen
en selecteer 1 cel. Je krijgt nu 1 smal blokje op het scherm. Selecteer
dit blokje en klik op je rechter muisknop. In het muismenu selecteer
je:
tabelcel eigenschappen. Je krijgt nu onderstaand scherm te zien. Door
de tabel in te stellen op 100% van het beeldscherm past jouw website
zich aan naar het scherm waarop hij wordt bekeken. Een bezoeker hoeft
dus niet steeds van links naar rechts te scrollen om je tekst te lezen.
|
|
|
. |
 |
| . |
Klik
op tabblad: tabel en stel de breedte in op 100% van het venster. Door
deze instelling zal je website zich aanpassen naar 100% van het
computerscherm waarin het wordt geopend door bezoekers van je website.
Om de kleuren mooi over te laten lopen stel je de rand ne ruimte overal
in op 0. De tabeluitlijning stel ik steeds appart in (dit is geen must)
In
het scherm voorbeeld hier onder zie je de cel over de volle
breedte. Je ziet ook de dikke lijnen omdat ik de instelling van randen
en ruimte nog niet heb ingesteld. Nadat je dit allemaal hebt
uitgevoerd klik je met je rechtermuisknop in de cel en selecteer je:
tabel invoegen / rij er onder. Dit doe je 5 maal.je krijgt nu
onderrstaand scherm te zien:
|
| . |
 |
|
Ik
heb om het geheel wat overzichtelijk te houden in boven
staand
voorbeeld ieder regel voorzien met tekst waar de regel voor
bedoeld is.
|
|
|
|
Cellen invoegen met NVU
In de 1e rij komen de advertenties van Google. De uitlijning is
ingesteld op midden hiermee worden de advertenties netjes verdeeld over
de volle breedte
van de website. Toevoegen van google adsense wordt later behandeld. In
de 2e rij hebben we een cel nodig voor het logo en een cel
voor de naam
van de website. Als je een banner hebt gemaakt voor je website kun je
die hier als afbeelding invoegen. Ik heb gekozen voor een Logo en de
naam van de website met een groot lettertype. Daarom heb ik
hier 2 cellen nodig. Klik in deze regel en voeg
volgens invoegen 2 cellen toe. Je krijgt onderstaand scherm |
|
 |
|
 |
Tabel cel
eigenschappen instellen.
Selecteer de cellen en rechtsklik met je muis om de tabeleigenschappen
in te stellen: Klik
op het tabblad tabel en stel de breedte in op 100% van de cel. Je hebt
hem ingevoegd in de rij logo en kop die je op 100% van het venster hebt
ingesteld. |
. |
Nu moet je de breedte van
de cellen nog instellen.
klik in de eerste cel en stel deze in op 25% van de tabel klik op
volgende en stel cel deze in op 75% van de tabel
|
| . |
|
 |
|
. |
|
Je webpagina moet er nu zo
uitzien: |
|
 |
|
. |
|
Je
ziet nu dat de kop voor je website uit 2 cellen bestaat. De rand en
ruimte opmaak heb ik beiden nog niet op 0 gezet om je opbouw van de
cellen wat makkelijker te laten zien.
in internet explorer ziet het er zo uit:
|
|
 |
|
. |
|
Je
ziet alleen nog maar de lijntjes. Het gedeelte wat we zou juist hebben
aangemaakt is heel smal omdat er geen geen enkele tekst in staat. De
achtergrond kleur is ook nog niet ingesteld.
Uw gifbestanden beheren.
In mijn map gifjes
zitten nu alle gifbestandjes die ik hierboven heb gebruikt. Ik heb een
fotootje van onze hond toegevoegd. Deze ga ik als logo voor
de website gebruiken. Ik
laat dit mapje zien omdat het belangrijk is dat je alle afbeeldingen
bij elkaar plaatst en duidelijke namen geeft die makkelijk kunt
terugvinden. Als je straks een grote website hebt waar bv 60 gifjes in
zitten en je hebt die niet duidelijk omschreven kom je er bijna niet
meer uit.
|
|
|
 |
|
Afbeeldingen invoegen en
eigenschappen instellen.
Logo invoegen:
Klik
in de cel waar het logo moet komen staan. Rechtsklik om de tabelcel
eigenschappen in te stellen. Zet de inhoudsuitlijning
verticaal
op midden, de horizontale uitlijning op gecentreerd.
Klik in de menubalk van NVU boven op: afbeelding en zoek in de eerste
tekening hieronder bij afbeeldings locatie je gifmapje op en secteer
het logo. |
Tip:
Schermafdrukjes maken doe je met Printscreen.
Het gemaakte formaat kun je dan weer verkleinen met irfanview. |
 |
|
. |
|
Geef een alternatieve
tekst op bij alternatieve tekst (in het voorbeeld petshop) in het
tweede scherm. Klik op OK en je logo is toegevoegd. Bij
afmeting geef ik eventueel en kleiner of groter formaat op.
Klik ook even op de tabbladen: afmetingen (hier kun je de afmetingen
eventueel aanpassen) vormgeving ( je kunt hier bv opgeven dat je een
rand op je plaatje wil hebben)
koppeling (hier kun je bv een koppeling maken naar een webpagina of een
andere website)
Je pagina komt er nu zo uit te zien: |
|
 |
|
We gaan nu de kop maken.
in de kop komt te staan: ForestHill's labradors fokprogramma.
We
zetten de tekst er compleet in, selecteren ForestHill's en met behulp
van de letter grote aanpassingsknoppen passen we de grote aan.
Bij
het achterste gedeelte van de tekst gebruiken we ook nog de cursief
knop.
De pagina komt er zo uit te zien:
|
|
 |
|
. |
|
Omdat
de website uit 4 pagina's bestaat moeten we een plaats bepalen voor de
links naar je andere webpagina's. Als je kiest om de linkjes over de
volle breedte
van de website direct onder de kop te plaatsen voegen we hiervoor 1 rij
met 4 cellen in. Hoe?
We hebben straks de volgende pagina's
- index
- Reuen
- Teven
- nestjes
Plaats de namen van je webpagina's in de zojuist aangemaakte cellen.Ik
heb er tevens wat tekst in geplaatst. De pagina komt er zo uit te zien: |
|
 |
|
|
|
Ik
wil de website een zoveel mogelijk rustige uitstraling geven. Daarvoor
gebruik ik slechts 1 kleur voor de achtergrond in combinatie met een
blauwe tekstkleur. Ik zet nu ook alle lijn instellingen op 0.
De pagina komt er nu zo uit te zien:
De rode lijnen zijn de cellen die we bij de instellingen op 0 hebben
gezet.
|
|
|
 |
|
|
|
bekijk
bovenstaande afbeelding in je browser.
Nu willen we nog een foto toevoegen met rechts de bijpassende tekst.
Voeg onder de laatste regel een rij toe bestaande uit 2 cellen hoe:
Stel de celbreedte in op het formaat van de foto. Klik in de cel waar
de afbeelding moet komen. Bepaal de uitlijning en klik boven in het nvu
menu op afbeelding selecteer je afbeelding.
bekijk de webpagina met
ingevoegde foto rand
instellingen zijn nog steeds niet ingesteld.
bekijk de webpagina met
ingevoegde foto en randinstellingen op 0 rand rand
instellingen zijn op 0 gezet je ziet boven bij de links dat de
randinstellingen nog niet zijn aangepast.
Op de webpagina
nestjes zijn alle instellingen voor randen op 0 gezet bij deze
webpagina zijn de randinstellingen bij de linkjes ook op 0 gezet.
|
|
Meerdere pagina's aanmaken
Als de eerste pagina gereed is open je de map mijn
website en maak je een aantal kopieen
die je met rechtsmuisklikken de juiste naam geeft. Hierna open je al de
webpagina's in nvu
je kunt nu al je pagina's via de tabjes bereiken. Pas via het menu
opmaak / pagina opmaak -eigenschappen de naam aan. Je hoeft op deze
manier maar 1 pagina te maken en 1x alle instellingen in te voeren. Wil
je meer pagina's aanmaken voeg je er een rij onder.
Koppelen van webpagina's
Bovenstaande
3 pagina's gaan we nu aan elkaar koppelen. Om te laten
zien op welke pagina je bezoeker is voorzien we de betreffende cel
van een andere kleur. in het voorbeeld is het blad index voorzien van
een gele kleur.
Selecteer op het eerste blad de te maken link reuen en klik boven in
het NVU menu op de knop koppeling (schakel van een ketting) je krijgt
nu onderstaand schermvoorbeeld.
Klik
op het pijlje bij koppelings locatie en selecteer de webpagina waarvan
je de link wil aanmaken.
je kunt ook de webpagina pagina's koppelen nog een keer doornemen.
|
Linkjes van je
website aan de linker kant plaatsen ipv boven.
Een voorbeeld website waar de linkjes in een kolom rechts zijn
aangemaakt is: http://www.groeien.net/index.html
bij de linkjes op deze website zijn de randendikte ingesteld.
Wilt U de website structuur opbouwen als in bovenstaand voorbeeld: voeg
dan 1 regel met 2 cellen toe in stel de
eerste cel in op 25% en de 2e op 75%
vervolgens klik je in de 25% cel met je rechtermuisknop en kies je voor
rij invoegen er onder. Je voegt zoveel cellen toe als dat je linkjes
wil plaatsen.
|
Tip:
raadpleeg voor google adsense onze webpagina:
google analytics en adsense
|
Adsense advertentie
toevoegen.
Adsense advertenties toevoegen aan je website: ga naar mijn pagina
adsense en meldt je aan bij google adsense. Zodra je bent aangemeld
volg je op de adsensepagina de handleiding om een advertentie link bij
google op te halen. Kopieer deze link even in je kladblok en kom dan
terug naar deze pagina. zoek een advertentie uit alleen tekst
formaat 728 x 15 pixels
Advertentie link toevoegen:
Links onder in je NVU scherm zie je 4 knoppen: normaal -
HTML-tags - Bron - voorbeeld.
klik op bron en je komt in de broncode van je webpagina. In de bovenste
regel van de gemaakte website heb ik het woord adsense
toegevoegd
dit moet je opzoeken en vervangen door je advertentiecode |
|
 |
| naar boven |
Als
je de advertentie code op de
plaats van het woord adsense hebt geplakt klik je op opslaan. Je komt
nu weer in je normale nvu scherm terecht
Laatste opmerking: Vergeet niet Uw startpagina van Uw website te
herbenoemden als index
anders is Uw website niet te vinden. |
