Tekst , Plaatjes en Muziek  Invoegen

We gaan nu aan het leuke werk beginnen tekst,  plaatjes en muziek inbrengen.

Alleen nog een dingetje. Zet  in je mapje in de verkenner eerst nog even 4 kleine plaatjes.
Maakt  niet uit wat er op staat. Even om te oefenen en in de maat 150 bij 150 bv.
Klaar? Dan:

openen we Frontpage, zoals we in het vorige lesje hebben geleerd en zoeken de welkomstpagina weer op.

Daar is hij met zijn randjes en achtergrondjes.

*********************
Nu willen we een tekst er boven om mensen welkom op onze site te heten.
Maar net als bij de randen willen we dat die verschijnt op de plaats die wij willen.

We weten ondertussen dat dat het beste lukt met tabellen.

Ook daar zijn we door het maken van randen al aardig in thuis.

**********************
Dus zet je cursor naast het woordje wat je in de cel had getikt.
(eerste of tweede) en klik 2 maal op Enter.
Gelukkig dat het woordje er staat, anders had deze hele tabel versprongen.
Gebeurd er zoiets,  kan je altijd via het pijltje bovenaan in de werkbalk de zaak weer herstellen. 

Maar het woordje stond er nog, dus geen probleem.
De cursor springt een stukje lager.

We gaan dus naar Tabel - Invoegen _ Tabel.
We maken nu een tabel van bv. 85 procent.
Centreren en klikken op toepassen en OK.

**********************
Je cursor staat links te knipperen in de tabel. Klik boven in de werkbalk
even op centreren (de knop met al die streepjes).


En type je tekst.
Ziet er nog niet echt leuk uit.
Dus selecteer deze tekst met ingedrukte linkermuisknop en verander de grootte en de kleur, door middel van de knoppen in de werkbalk.
Zet dan de cursor rechts op een tabellijn. Klik met rechts
en kies dan Eigenschappen van Tabel.
Hierin kan je de kleur en de dikte aanpassen.



Het zou er nu dus zo uit kunnen zien:

Is alles in orde - dan eerst weer even opslaan.
Nu dit eenmaal is opgeslagen kan je het hulpwoordje bovenaan weghalen.
We hebben het niet meer nodig.

***********************
Daaronder willen we een welkomstpraatje met daarnaast een plaatje.
Maak het plaatje niet te groot. bv. zo iets als 240 pixels breed.
want we willen er tenslotte tekst naast.

Klik weer 2 keer op Enter, zodat we een stukje zakken.
Er moet wat ruimte tussen de eerste en de tweede tekst komen.

*********************
We gaan naar Tabel - Tabel Invoegen - tabel en nu kiezen we:
1 rij (we willen dat de tekst en het plaatje  naast elkaar komen  te staan, en dus 2 kolommen.
1 voor de tekst en 1 voor het plaatje. 96 procent. Het hoeft niet 
helemaal tegen de buitenkant te komen, dat is niet zo mooi.
 Geen randkleuren.  Klik toepassen OK.

De tabel staat erop.
Tik je tekst in het linker of rechter gedeelte. Dat maakt niet uit en
ligt een beetje aan het plaatje. Kijkt een figuurtje daarop naar links, dan zet je de tekst in de linker cel, kijkt het naar rechts, dan zet je de tekst in de rechter cel en komt het plaatje straks in de linker.

********************
De kleur van de letters hadden we al eerder ingesteld, maar wil je toch wat anders selecteer je weer en verander je die door middel van de knoppen in de balk.
Hou een prettige leesgrootte aan , en standaard tekst.
Zelf gebruik ik meestal grootte 14 pnt. of 12 en dan Vet.
Je kunt wel hele leuke lettertypes gaan gebruiken, maar heeft degene die op je site gaat kijken deze toevallig niet krijgt hij toch de standaard tekst.

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

Als de tekst er staat klikken we in de cel ernaast.
Kies waar je je plaatje wilt, meestal is centreren voldoende, maar
misschien wil je het iets meer naar links of rechts. Daarvoor
klik je op de knoppen in de werkbalk (die met al die streepjes).
Doe je niets, komt altijd alles links te staan.

********************
Nu gaan we bovenaan naar de knop Invoegen- Figuur uit Bestand.
Je ziet dat je ook iets uit illustratie kan nemen en zelfs  stukjes video kan invoegen.
Probeer de Illustratie eens uit, als dat niet bevalt kan je altijd 
weer via het pijltje terug.
Maar nu kiezen we Bestand.



*******************
Een ons al bekend tabblad opent zich. Er bevinden zich behalve je achtergrondjes,  die je ziet staan,  verder geen plaatjes in je site, dus klikken we op het gele mapje rechtsonder en komen weer in de Verkenner.

Blader naar je mapje met plaatjes. Dubbelklik om te openen en
klik op het door jou daar geplaatste plaatje.
Kies openen en OK.

Het staat precies op de door jou aangegeven plaats in de tabel.

*********************
Om dit stuk willen we geen randen zien.
Klik even met rechts op de buitenlijn van de tabel, kies Eigenschappen voor Tabel ,
en zet bij Randen het cijfertje op 0 . Klik toepassen en  ok.
Er staan nu stippellijntjes omheen.

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

Nu gaan we naar Bestand - Opslaan Als - Antwoord Ja.
Het 2e tabblad verschijnt onmiddellijk en hierin zie je in het klein
je plaatje terug. Je kunt hier zoals je al weet de naam nog veranderen, door korter te maken of kleine letters te tikken als dat nog niet is gebeurd.
Klik opslaan en we zijn klaar.



******************
Weer naar Bestand en nu voorbeeld in Browser.

En daar staat het welkom. in een tabel met lijnen en
daaronder de tekst en het plaatje keurig naast elkaar, zonder 
tabel eromheen, zelf de stippellijntjes zie je niet meer.

Sluit door op het kruisje rechtsboven te klikken.

*****************
Zet je cursor een cm of 2 onder het onderste stippellijntje.

Nu willen we, ik verzin maar wat, 4 kleine plaatjes laten zien.
waarvan er 3 naast elkaar komen te staan en eentje in het midden eronder.

Denk na! Voor 3 plaatjes hebben we 3 cellen nodig, dus 3 kolommen.
Voor een plaatje eronder hebben we dus 2 rijen nodig.

Dus ga naar Tabel - invoegen - tabel en kies voor 2 rijen en 3 kolommen.
Ook hier houden we 96 procent aan. Klik ok. En de tabel staat op je pagina.

********************
Klik in de eerste cel. Daar willen we plaatje 1. Ga naar centreren boven in de balk.
Ga dan naar Invoegen - figuur - uit bestand en zoek via het gele mapje rechtsonder in je verkenner je mapje en plaatje1 op.
Klik erop en dan op openen en het staat in de cel.
Doe hetzelfde met plaatje 2 en 3. Dus invoegen - figuur - Uit Bestand - mapje rechtsonder -
map zoeken in de verkenner - dubbel klikken op die map - plaatje zoeken - aanklikken en ok.

********************
Ze staan nu netjes naast elkaar.
Voor plaatje 4 klik je in de 2e rij in de cel waar je denkt dat het 
plaatje het leukste uitkomt. Dus links, midden of rechts en dan kan je ook nog beslissen of het in die cel precies in het midden of tegen een van de zijkanten moet komen. 
Door middel van de knoppen in de bovenbalk , door te klikken
op centreren - links of rechts.

**********************
Als je je cursor op een van de tussenlijntjes zet en je beweegt een ietsje, zie je dat de cursor in 2 pijltjes verandert. 
Dan kan je met ingedrukte linkermuisknop die lijnen verschuiven. Zodat je precies kunt uitzoeken waar
het plaatje moet komen te staan.

********************
Ga nu eerst weer even naar Bestand Opslaan. 
Ook je 4 plaatjes worden weer apart opgeslagen.
Kijk daarna via Bestand Browser of het naar je zin is.
Wat vindt je,  moeten  de lijnen van een kleurtje worden voorzien, of is helemaal weg mooier? 
Sluit weer als je wat besloten hebt.

 Klik met rechts op de tabel en kies
weer Eigenschappen van tabel. Daar kan je het wijzigen.

*******************
Nu nog even de plaatjes. Misschien zijn ze zonder toch iets te groot.
Ook daar kan je nu nog wat aan doen.
Klik op plaatje 1 Er komen zwarte knopjes omheen te staan.
Als je je muiscursor op een van de hoekknopje zet, kan je het plaatje,  door middel van schuiven met ingedrukte linkermuisknop, nog iets groter of kleiner maken.

**********************
Misschien heb je het nog niet opgemerkt, maar toen je op dat plaatje klikte om te selecteren, kwam er onderaan een hele werkbalk plotseling bij.
Niet gezien?
Klik bovenin even op het herstelpijltje en selecteer het plaatje nogmaals.
Gezien?

Ga eens met de cursor over die werkbalk en kijk eens wat een mogelijkheden je er nu bij hebt gekregen.

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

Probeer die knoppen eens uit, na een handeling kan je steeds terug met het pijltje in de
bovenbalk. Niet bang zijn, we slaan niets op, dus kan er niets gebeuren.

********************
Een belangrijke knop is die een beetje naar rechts zit. Links van de witte pijl. Het is een vierkantje met vier pijltjes eromheen.
Zoals ik net vertelde kan je door met de cursor op een van de hoekjes te gaan staan een plaatje kleiner maken.
 Maar, dan blijft het gewicht van het plaatje, het kb gewicht, hetzelfde. Dus heeft het weinig zin.
Door nu eerst echter het plaatje eventueel te verkleinen en daarna, op die knop links naast die witte pijl te klikken,(het vierkantje met de 4 pijltjes rondom)
wordt ook het gewicht verminderd.
Door het plaatje eerst te selecteren en dan op het linker knopje te klikken kan
men een knop van het plaatje maken.

*******************
Op de andere knoppen in deze balk komen we nog terug. Nu hebben we deze niet nodig.

*******************
Zo kan je dus,  door eerst een tabel aan te maken,  plaatjes en teksten invoegen precies waar jij ze wilt hebben.

De pagina begint al wat te lijken, maar we willen er ook nog een muziekje bij hebben.
Muziek voeg je echter niet in via Invoegen, Maar via Opmaak.

Dus klik in de bovenbalk op de knop Opmaak - Achtergrond en nu op tabblad - Algemeen.



In het midden zie je het al staan: Achtergrond geluid.
Bovenaan in de witte regel zie je de naam van je pagina "welkom.htm
Onder achtergrond geluid zie je ook nog staan : Lus. Hier kan je aangeven of het muziekje
slechts 1 keer moet spelen of meerdere malen moet worden herhaald.
Geef je niets aan, dan blijft het muziekje gewoon doorspelen zolang de kijkers op deze pagina zijn.

We klikken op Bladeren (naast de witte regel bij locatie van geluid).
En, we komen op het bekende tabblad terecht.
 Nog geen muziek in ons web, dus klik weer op het gele mapje met het vergrootglas rechtsonder en zoek in de verkenner
naar je mapje met muziek.
Gevonden , dubbelklik op het mapje om te openen. Kijk even onderaan bij de Bestandsregel of je een mid, of een wav. muziekje wilt kiezen.

Een wav duurt langer met opstarten dan een mid bestandje, en is zwaarder.
Houdt daar rekening mee. 
Klik op je muziekje.  Klik dan ok., en op het grote tabblad nogmaals ok.

We zijn terug op de pagina, maar je hoort niets. Kan ook niet, want je moet eerst opslaan.
Dus naar Bestand - Opslaan Als - Ja.
Daarna komt het tabblad met je muziekstukje - hier kan je dus ook de naam nog veranderen als je wilt, 
en zo niet, klik je op opslaan.

Nu gaan we weer terug naar bestand - voorbeeld in browser.

Je ziet nu je pagina met de achtergrondjes en de randen.
De welkomst tekst in een kader en daaronder de tekst met een plaatje.
Daaronder zie je de 4 kleinere plaatjes staan. en je hoort de muziek.

Alles in orde. Sluiten met het kruisje bovenaan rechts.

***********************
Er rest ons nog een ding.

Zet je cursor nog even onderaan. Klik op de knop centreren. Houd een beetje afstand
van de laatste tabel. en type nu: Copyright: en je naam. Selecteer. Kies eventueel een ander
kleurtje en neem een kleiner lettergrootte 8 of hooguit 10.

******************
We zijn klaar met de eerste pagina op toch nog een ding na.

Open een nieuwe pagina door links bovenaan op het witte vierkantje te klikken.
type daar even op : pagina 2.
Ga naar Bestand opslaan Als - Opslaan.
Meteen daarna kan je deze pagina weer sluiten.

********************
Weer terug op je Welkomstpagina tik je nu nog even onderaan, maar boven je zinnetje van copyright, 
de woordjes:    Index en Pagina 2.
Selecteer eerst het woordje Index , klik er met rechts op en kies : Hyperlink.

Zoek in het tevoorschijn komende tabblad naar Index. (gauw gevonden :)) Klik erop en op ok.

Doe hetzelfde met het woordje : 2e pagina. Selecteren - rechts klikken - hyperlink, maar
nu klik je dus bij dat tabblad op 2e pagina .htm en ok.

********************
We slaan nu voor de laatste maal alles op via Bestand - opslaan Als - opslaan en Ja.
Kijk even in de browser en je kunt nu met deze linken terug naar je index pagina, waar niets op staat,  of naar je 2e pagina, waar ook nog niets op staat.
Dat wordt de volgende les.

Voor huiswerk: Maak nu een soortgelijke welkomst pagina in je proefweb.
Succes.

copyright: Maud de Graaf