|
|
Les 2: Pagina opmaken
Nu kunnen we verder gaan met het opmaken van de pagina. Want dat saaie wit met zwart willen we natuurlijk weg hebben. Daarom gaan we een beetje rommellen in de <body> tag.
In de
tag wordt de standaard situatie voor de site opgenomen. Als je erin zet dat de letters blauw moeten zijn, dan zijn ze dat tenzij je daar apart een uitzondering voor maakt.
We gaan een paar dingen uitproberen. Eerst gaan we de achtergrond van een kleurtje voorzien. Gaan naar <body> en zet je cursor tussen <body en >. Geef een spatie en tik in: bgcolor="yellow" . Als je een beetje Engels kent zie je zo wat er gaat gebeuren. bg staat voor background, dat achtergrond betekent. Color betekent natuurlijk kleur en yellow staat voor geel. Je kunt in plaats van geel natuurlijk ook voor andere kleuren kiezen. In het volgende deel van de cursus zal ik verder ingaan op de kleuren, nu hou ik het bij de hoofdkleuren. Je ziet hieronder de engelse naam die je in moet voeren en daarachter tussen haakjes de Nederlandse vertaling. De laatste twee heb ik gemarkerd, anders zie je ze niet. Je kunt kiezen uit:
Aqua ( lichtblauw)
Black ( zwart)
Blue ( blauw)
Fuchsia ( roze)
Gray ( grijs)
Green ( donkergroen)
Lime ( lichtgroen)
Maroon ( kastanjebruin)
Navy ( donkerblauw)
Olive ( olijfkleur)
Purple ( paars)
Red ( rood)
Silver ( zilver)
Teal ( soort groen-blauw)
White ( wit)
Yellow ( geel)
Probeer maar eens wat uit. Het is vaak mooier dan je denkt.
Als je geen van de kleuren leuk vindt, dan kun je ook een plaatje als achtergrond instellen. In plaats van bgcolor="" zet je dan background="" en tussen de " en " zet je de source van het plaatje. Dit kan bijvoorbeeld zijn C:\Plaatjes\plaatje.gif . Zorg er wel voor dat alles klopt, ook de extensie ( .gif of .jpg enz.) moet kloppen. Als je nou niet weet wat voor extensie je plaatje heeft moet je het volgende doen. Ga naar de map waar het plaatje in staat en klik 1 maal met je rechtermuisknop op het plaatje. Kies in het menu dat verschijnt "Eigenschappen" en kijk wat er staat bij "MS-DOS naam:". Hier zie je de naam van je plaatje staan met daarachter de extensie.
Nu gaan we de tekstkleuren editten. Achter bgcolor="" of background="" geef je een spatie en vervolgens tik je text="" . Tussen de " en " kun je weer een kleur uitzoeken die je hierboven al gezien hebt. Zorg er wel voor dat je niet een lichte kleur op een lichte achtergrond ( bijvoorbeeld een gele achtergrond en witte letters), want dan zie je er niets van.
Nu kunnen we de linkkleuren gaan editten. Hier zijn verschillende soorten van. Je hebt alink, vlink en link. Alink betekent active link. Dat is dus de link die op dat moment in gebruik is. Vlink betekent visited link. Dat betekent dat als je de pagina van de link al een keer bezocht heb dat de kleur verandert. En tenslotte heb je nog link. Dit is natuurlijk de standaardkleur voor een link. Zet achter text="" alink="" vlink="" en link="" . Vul tussen de " en " weer kleuren in.
Als laatste hebben we nog een optie. Deze optie wordt soms gebruikt bij een achtergrond van plaatjes. Vaak wordt deze tag helemaal niet gebruikt, maar hij kan erg handig zijn. Geef achter link="" weer een spatie en tik in, bgproperties="fixed" . Dit zorgt ervoor dat het plaatje vast blijft staan. Als je naar beneden scrollt, scrollt het plaatje mee. De tekst glijdt als het ware over het plaatje heen. Probeer het maar uit, dan zie je het vanzelf.
Je bent hier klaar. Je kunt nu naar Les 3: Kleuren.
|
