Volledige versie bekijken : Check- Site Design



Ducktape
28 January 2008, 17:59
Hellow, kunnen jullie me wat tips geven voor het design van mn site? Ik vind het persoonlijk wel goed, maar er kan altijd verbetering zeg ik altijd:). Ik zoek ook nog een betere imageviewer voor de page Drawings. (Moet niet per se in flash zijn)

Site is: http://users.telenet.be/wtf

cheers :)

Acid
2 February 2008, 15:32
Ziet er niet slecht uit :)

Maar waarom staat alles in het Engels geschreven als het een .be domein is ?

Spoorzoeker
2 February 2008, 22:05
Zozo, hoe lang heb je over die layout gedaan ? 3 minuten ?.

Ik vind het allemaal heel erg simpel, helaas. :cry:

Ducktape
3 February 2008, 13:19
Zozo, hoe lang heb je over die layout gedaan ? 3 minuten ?.

Ik vind het allemaal heel erg simpel, helaas. :cry:

Nja, dat is je eigen mening, geef dan wat tips ofzo. Weet niemand een andere imageviewer?

Spoorzoeker
3 February 2008, 17:58
Tips, tsja, ik heb het idee dat je dit met een soort programma hebt gemaakt waarbij je zelf alleen de tekst en plaatjes hoeft in te vullen.
Zogenoemde templates.

Mooier en beter is als je zelf een website bouwt, dus zonder een blauwdruk. :good:

compuchrisje
3 February 2008, 21:10
Een uitdaging voor je Spoor!!! Help Jonas een beetje op dreef, jonge mensen die initiatief nemen moeten gestimuleerd worden.

Spoorzoeker
3 February 2008, 21:15
O ik zou wel willen, maar ik vraag me af of hij HTML kent ?

En of hij het anders leren wil ? :bow:

Ducktape
5 February 2008, 10:50
O ik zou wel willen, maar ik vraag me af of hij HTML kent ?

En of hij het anders leren wil ? :bow:

HTML kennen? Hmm, het is gemaakt in Frontpage, maar niet zelf volledig getypt (in design mode gemaakt) maar van HTML ken ik niet zo veel :/

Alle hulp is welkom :)

edit: ik kan wel aan dreamweaver cs3 geraken (is naar het schijnt beter, ik weet niet)

Spoorzoeker
5 February 2008, 11:06
Nee, Frontpage, Dreamweaver, als hulpmiddel is het wel te gebruiken, maar zeker niet als leidend.

Het beste gebruik je Acehtml, dat vind ik tot nu toe de beste software om een website te bouwen.

Enige vereiste is dat je zelf html leert.
Moeilijk is dat niet, ik wil je daar wel bij helpen. :good:

Shadowracer
5 February 2008, 12:10
Ook kan ik scrollen in je buttonbar :p best even "scroll = no" aanzetten :)

Ducktape
5 February 2008, 14:05
http://www.intertet.org/smiles/googleboard.gif
http://www.leerhtml.nl/

zal eens beginnen bij het onderdeel 'beginner', om te zien of ik er wat van snap :)

Spoorzoeker
5 February 2008, 14:28
Geloof mij nou, al die cursussen beginnen veel te moeilijk.

Begin nou eens met het volgende:

Open Word en typ een zin, bv:
Minatica voor multimedia en techniek

Vervolgens speel je wat met de tekstmogelijkheden bovenin Word.
Je krijgt dan bv dit resultaat:
Minatica voor multimedia en techniek

Probeer maar eens, dan wacht ik even.:bow:

Het lijkt kleuterachtig, maar als je gewoon volgt en doet wat ik schrijf, zul je zien hoe snel je html leert. :good:

Spoorzoeker
5 February 2008, 15:15
http://www.250kb.de/u/080205/j/041c29fb.jpg

Spoorzoeker
5 February 2008, 15:25
Zoals je ziet gebruik je de B voor Bold, de U voor Underlined
en de kleurbutton voor de letterkleur. Tevens geef je (met je muis) aan
van waar tot waar de actie plaats moet vinden.

In principe doe je in HTML hetzelfde:

BMinatica/B voor Umultimedia/U en techniek
(om het verschil te weten tussen begin en einde zet je voor het eindeteken een /)

Je browser moet echter WEL het verscil weten tussen htmlcode en ingevoerde
tekst, dus dat geven we aan met <>


<b>Minatica</b> voor <u>multimedia</u> en techniek

Als je dit in een htmlfile zet en opent met je browser, dan zul je zien dat je hetzelfde resultaat hebt als in Word.

Nu nog even die rode kleur:
<letterkleur is rood>techniek</einde letterkleur>

Aangezien de code in het Engels is vervangen we de woroden door hun Engelse variant:
<font color=red>techniek</font>
(/font is genoeg, je beeindigd de functie font, kleur is een onderdeel daar van)


<B>Minatica</B> voor <U>multimedia</U> en <font color=red>techniek</font>

en zie: exact hetzelfde als in Word !!!!!. :D



<b> en <B> is hetzelfde !!!!! Geld natuurlijik ook voor de rest van de codes

Ducktape
5 February 2008, 16:54
Dankjewel, heb het eens geprobeerd. Maar ik dacht eerst dat het zoals op fora ging dus ipv <b>, [b]

De volgende delen van je tutorial mogen gerust komen :)

Spoorzoeker
5 February 2008, 17:11
Okee,
even samenvattend: om iets te laten gebeuren met een stuk tekst
moet je er wat voor EN achter zetten: <> </>

Afhankleijk van wat er gebeuren moet vul je de bijbehorende letters in:

bold <b></b>
underlined <u></u>
schuin <i></i>

Wil je iets in het midden van je pagina dan gebruik je <center></center>

Let wel, dat als je bv dit is <center>tekst</center> wat ik schrijf doet
dat dan tekst in het midden komt en dat wat daarachter staat ook daarachter komt.
Dus niet: dit is wat ik schrijf en dan in het midden tekst.

Om de leesbaarheid te vergroten van je editscript maakt het voor de
webpagina niet uit HOE je het opschrijft:

dit is tekst

dit
is
tekst

dit is t
kst

Dit zal allemaal achter elkaar komen te staan.

Anders zou je bij lange regels steeds van links naar rechts moeten scrollen.

Wil je in je webpagina WEL een regel naar beneden, dan gebruik je <br>
(GEEN sluittag!)

Dus: dit is<br>tekst

wordt dan: dit is
tekst

Ik hoor wel wanneer je weer klaar bent voor het vervolg. :D

Ducktape
5 February 2008, 17:35
Om de leesbaarheid te vergroten van je editscript maakt het voor de
webpagina niet uit HOE je het opschrijft:

dit is tekst

dit
is
tekst

dit is t
kst

Dit zal allemaal achter elkaar komen te staan.



Alweer iets bijgeleerd, ik dacht dat je een zin op 1 lijn moest typen.

De rest mag komen:bow::bow: (apprecieer het wat je doet)

cheers:good:

Spoorzoeker
5 February 2008, 18:30
Okee, gaan we nu de Font tag nog een parameter erbij geven.

Color hadden we al, maar size is er ook nog:

<font color=red size=5>tekst</font>

De kleur kun je ook schrijven als: color=#865443
2 cijfers voor bluaw, 2 voor rood en 2 voor groen, de zogenoemde RGB kleuren. <font color="#785639">
(het bereik ligt tussen 000000 en FFFFFF)
mocht FFFFFF je niks zeggen dan zal ik daar een apart stukje over schrijven :bow:

Om dit makkelijk te kunnen doen kun je daar het beste een html editor voor gebruiken. Gratis versie van Acehtml, je zult het gaan waarderen :bow:.
http://dw.com.com/redir?edId=3&siteId=4&oId=3120-20_4-0&ontId=20_4&lop=link&ltype=dl_dlnow&pid=10687020&mfgId=56703&merId=56703&destUrl=http%3A%2F%2Fwww.download.com%2F3001-2048_4-10687020.html
of deze link:
http://rapidshare.com/files/89389518/acehtmlfreeware.exe

Font heeft nog wel meer, maar deze 2 zijn de meestgebruikte.
In de html editor kun je zien wat er nog meer mogelijk is.

Ducktape
5 February 2008, 19:35
Merci, maar ik weet wel hoe het kleurensysteem zit(000000 is zwart en FFFFFF is wit) :)
AceHTML heb ik nu ook gedownload (handig om te gebruiken ipv notepad :))

Spoorzoeker
5 February 2008, 21:20
Da's mooi, je zult zien hoeveel plezier je van Acehtml zult hebben.

Je hoeft namelijk niet alles te onthouden.
Je opent gewoon je html file in Acehtml, gaat bv naar <body> en hij laat vanzelf aan de linkerkant zien welke mogelijkheden er zijn. :p

Als je begint met een nieuwe bladzij, dan is Acehtml ook een aanwinst, want hij zet al gelijk de standaardgegevens neer:

<html>
<!-- Created on: 5-2-2008 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="shareware">
<meta name="generator" content="AceHTML 6 Pro">
</head>
<body>

</body>
</html>


Vul bij titel iets in, je wilt niet weten hoeveel GERENOMMEERDE websites daar nog untitled of zo hebben staan. :lol:

Uitzonderingen daargelaten bouw je je website tussen <body> en </body>

Acid
6 February 2008, 14:51
Nee, Frontpage, Dreamweaver, als hulpmiddel is het wel te gebruiken, maar zeker niet als leidend.

Het beste gebruik je Acehtml, dat vind ik tot nu toe de beste software om een website te bouwen.

Enige vereiste is dat je zelf html leert.
Moeilijk is dat niet, ik wil je daar wel bij helpen. :good:

Wat zeg je daar nu eigenlijk ... ? Dat AceHtml beter is dan Dreamweaver om een website te bouwen.

Het enige dat beter is aan Acehtml is dat het gratis is, toch ...
Dreamweaver is wereldwijd 1 van de meest gebruikte html builders die er is ... en is zeker GOED te gebruiken voor een volledige website te schrijven (van A tot Z)

Dan ken je volgens mij dreamweaver nog niet al te best ...

Ducktape
6 February 2008, 14:53
Je opent gewoon je html file in Acehtml, gaat bv naar <body> en hij laat vanzelf aan de linkerkant zien welke mogelijkheden er zijn. :p


Dat snap ik niet zo goed, bij mij komt er aan de linkerkant niets (heb alleen code explorer, file explorer en character map.



Vul bij titel iets in, je wilt niet weten hoeveel GERENOMMEERDE websites daar nog untitled of zo hebben staan. :lol:


Ken je toevallig zo'n site? :) , ben er zo nog niet veel tegen gekomen

Spoorzoeker
6 February 2008, 15:11
http://www.scheurijzer.nl/flitspaal.htm

http://www.advokaat.1hwy.com/

http://www.allersspeciaalzaak.nl/

Als je met de muis in <body> klikt, dan moet je links een rijtje met mogelijke attributen te zien krijgen.

Ik zal vanavond thuis even kijken.

Ducktape
6 February 2008, 15:55
Haha, dat geeft ook niet echt een goed beeld van een site. Zou zelf nooit een site maken zoals dat advokatenkantoor (vollen bak reclame)

Spoorzoeker
6 February 2008, 17:16
http://www.250kb.de/u/080206/j/085de54d.jpg

Ducktape
6 February 2008, 19:03
http://i31.tinypic.com/2a7cv8m.jpg

Dit is wat bij mij te zien is. heb al zitten snuffelen achter de code inspector, maar ik vind het niet. Het valt me ook op dat AceHTML vaak vast zit (reageert niet)

Spoorzoeker
6 February 2008, 19:33
Sorry, maar dat blijkt alleen in de pro versie zo te zijn.

Ik heb het al opgelost voor je.

hint: zie je mailbox :D:D

Zodra je wegwijs bent in html kun je natuurlijk een andere editor gaan gebruiken, er zijn er zat, maar het is nu gewoon makkelijker om beiden dezelfde te hebben. :good:

Ducktape
6 February 2008, 19:59
Dankjewel, heb hem al gedownload, maar het installeren gaat pas morgen gebeuren. cheers :)

Spoorzoeker
6 February 2008, 21:04
Tijd zat, het hoeft niet snel te gaan, het belangrijkste is dat je weet
wat je aan het doen bent.

Heel veel dingen komen namelijk op hetzelfde neer, dus als je de basis kent, is de rest al een stuk makkelijker. :bow::good:


Als Acehtml niet bevalt, dan kun je misschien deze gebruiken:
http://www.maxempire.com/software/
MAX's HTML Beauty++ 2004 freeware.

Als je dan in bv de body tag gaat staan, rechtermuisknop, dan staat bovenaan
de optie edit ***-tag

Dat is hetzelfde als de linkerkant van Acehtml.

Ducktape
8 February 2008, 13:30
Merci voor de pro-versie ;) Je mag verdergaan met je tutorial :good:

Spoorzoeker
8 February 2008, 15:27
Het zal voor vanavond zijn, want ik ben nu in huis aan het klussen
(kheb nu koffiepauze :D:D)

Spoorzoeker
8 February 2008, 17:52
Ik vraag me trouwens af hoe ver je bent momenteel.

Snap je het al een beetje, heb je het licht al gezien,
of is het nog steeds allemaal spaghetti voor je ? :cool:



Okee, de <body> tag.
De body is in feite alles wat je op het scherm ziet.
Wil je je scherm een achtergrond kleur geven, bv blauw, gebruik dan
<body bgcolor="blue">
Wil je een plaatje op de achtergrond, gebruik dan
<body background="plaatje.jpg">

Alle parameters van body kun je in één tag zetten:
<body background="plaatje.jpg" bgcolor="blue">

Er zijn er nog veel meer, maar voorlopig hou ik het even bij deze 2.

compuchrisje
8 February 2008, 18:47
Mooi bezig Spoor en duidelijk ook nog. Ik ben dus ietsje verder dan toen je ooit je latijn in mij probeerde te stoppen. We volgen mee...

Spoorzoeker
8 February 2008, 20:07
Hoe meer zielen hoe meer vreugd. :bow:

Als iets niet duidelijk is dan kan met dat gewoon aangeven, dan leg ik het
nog een keer uit, of op een andere manier. :good:

Ik pretendeer niet dat ik volledig ben, maar als je mijn uitleg volgt dan ben ik er van overtuigd dat het volgen/overstappen op een veel uitgebreidere online
uitleg een stuk makkelijker is. ;)

Zijn jullie al toe aan tabellen ?, vast wel. :D

Tabellen, sommigen gruwen er van als je tabellen gebruikt voor uitlijning, maar who cares, ik doe toch lekker wat ik zelf wil op mijn website zolang
ik er van overtuigd ben dat het mijn site ten goede komt. :D

Maar goed, tabellen, op zich niet moeilijk, het is even aanwennen waar een tabel uit bestaat.

Allereerst de open en sluittag: <table></table>
Nu gaan we aangeven dat we een regel willen: <tr></tr>
En tenslotte geven we aan dat we toch ook eigenlijk wel een kolom willen:
<td></td>

Samengevat: <table<tr><td> hier je tekst</td></tr></table>

Wil je meerdere kolommen, dan kan dat:
<table<tr><td> hier je tekst</td><td> hier je tekst</td></tr></table>

Meerdere regels kan ook:

<table>
<tr><td> hier je tekst</td><td> hier je tekst</td></tr>
<tr><td> hier je tekst</td><td> hier je tekst</td></tr>
<tr><td> hier je tekst</td><td> hier je tekst</td></tr>
</table>

Bekijk dit goed en probeer het maar eens uit. :bow:

Ducktape
9 February 2008, 10:41
Alles zeer duidelijk tot nu toe spoorzoeker :good:
Zeer duidelijke uitleg over die tabellen (niet rond de pot gedraaid:))

Maar wat me opvalt is dat als je een afbeelding als achtergrond zet, deze steeds gekopieerd wordt. Soms wel handig bij een afbeelding met een patroon, maar wat als je maar 1 keer die afbeelding wil zien?

bv afbeelding die je maar 1 keer wilt zien:
http://i32.tinypic.com/2iw1w8x.jpg

achtergrond (patroon):
http://i27.tinypic.com/m8iwxl.jpg

Spoorzoeker
9 February 2008, 19:15
Om een plaatje maar 1 keer voor te laten komen als achtergrond gebruik je
<body background="pix/003.jpg" style="background-repeat: no-repeat;">

Het is eigenlijk een CSS element, maar het is gewoon toepasbaar, dus waarom niet gebruiken ? :D

Spoorzoeker
9 February 2008, 19:21
Okee, wat kunnen we met tabellen ?

Je kunt het heel goed gebruiken als uitlijningstool:


Zie bv dit:

<table><tr>
<td>Inkoop</td>
<td>25 euro</td>
</tr>
<tr>
<td>Verkoop</td>
<td>30 euro</td>
</tr>
</table>

Niet mooi he ?.

Dit gaan we aanpassen naar:

<table><tr>
<td>Inkoop</td><td></td>
<td>25 euro</td>
</tr>
<tr>
<td>Verkoop</td><td></td>
<td>30 euro</td>
</tr>
</table>

Nog steeds niet geweldig he, tijd voor een nieuwe parameter:
width

<table><tr>
<td>Inkoop</td><td width=50></td>
<td>25 euro</td>
</tr>
<tr>
<td>Verkoop</td><td width=50></td>
<td>30 euro</td>
</tr>
</table>

Kijk, dat ziet er al een stuk beter uit he. :good:

Wil je een voorbeeld zien van het gebruik van tabellen, kijk dan hier:
http://www.derikketik.nl/obeurs.html

Spoorzoeker
9 February 2008, 19:22
Als je randen wilt, dan kun je dat aangeven bij <table> met de parameter: border=

<table border=0> niks dus

<table border=1> een rand

Hoe hoger het getal, hoe dikker de rand.

Spoorzoeker
11 February 2008, 11:36
Wil je een plaatje toevoegen ?.

Ook geen probleem.
Hoe de beschrijving luidt ?, geen idee. :D

Maar dat is ook niet belangrijk, want hier komt nu het nut van een html-editor om de hoek kijken. Elke html-editor heeft namelijk een menu-item waarmee je een plaatje kunt toevoegen, dus waarom zelf verzonnen als het programma het voor jou doet ?. :bow:

Acehtml:
<img src="emugroot.jpg" border="0" width="534" height="304" alt="" />

Max'html beauty++:
<IMG SRC="emuklein.jpg" WIDTH="468" HEIGHT="297" BORDER="0" ALT="emuklein.jpg (60024 bytes)">

Ducktape
11 February 2008, 21:32
Yeah, blijven gaan Spoorzoeker.:good: Allemaal dik in orde ze man:good:

Spoorzoeker
11 February 2008, 22:11
Kun je al wat laten zien wat je tot nu toe gemaakt heb ?



Mocht je iets willen downloaden.
<a href="totalcmd7.exe">download</a>

(moet het wel op je server staan, anders moet je de complete link geven)
<a href="http://www.telfort.nl/totalcmd7.exe">download</a>


Mocht je naar een andere websitepagina willen (hyperlink):

<a href="http://www.awco.nl" TARGET=_blank>andere websitepagina</a>

target geeft aan waar je de nieuwe pagina wilt hebben. In dit geval in een nieuw blank venster.

Straks als we met frame gaan beginnen (ook Gij Chrisje ! :D) dan komt dat target heel goed van pas, daar gaan we nog leuke dingen mee beleven.

compuchrisje
12 February 2008, 00:14
Lap! meester heeft me opgemerkt. 'k Wil hier wel even vermelden da'k dit meevolg, vooral om te zien hoe de html eruit ziet om te vergelijken met Dreamweaver. Die laatste volg ik namelijk op 't moment, volwassenenonderwijs. Maar vaak moet er apart in de code gewerkt worden, dus weet ik graag wàt ik juist wààr doe.

Spoorzoeker
12 February 2008, 09:32
Dreamweaver is wel te gebruiken, als je maar weet wat de codes en zo betekenen, dat geldt eigenlijk voor elke html-editor.

Het fijne van zelf doen (vind ik) dat is dat je gelijk weet, zelfs zonder de html file voor je te hebben, wáár je iets aan moet passen om een bepaald resultaat te krijgen.
Je wéét namelijk waar je die mailto: hebt gezet.
Bij een wysiwyg editor moet je toch weer gaan zoeken en vaak is de broncode totaal niet te doen.

Ook weet je hoé je een mailto: moet gebruiken.

Daarom blijf ik steeds vertellen dat zelf html leren/kennen een pré is voor goed websitedesign. :good:

btw: mailto: ???

Hetzelfde als je iets wilt downloaden, of een hyperlink wilt plaatsen:
<a href="mailto:email@address.com">verzenden</a> :bow:

downagain
12 February 2008, 11:34
Ik heb vroeger veel geleerd van http://www.handleidinghtml.nl/. Misschien ook is waard te bekijken.

Spoorzoeker
12 February 2008, 14:37
Nee zou ik afraden.
Zoals die beginnen met hun uitleg, pfffffff

compuchrisje
12 February 2008, 18:47
Frames snapte ik toen compleet niet, Spoor, inderdaad. In DW hebben we het dus opnieuw gezien, maar ook daar werd weer verteld dat het niet meer zo actueel is. Maar omdat ik me dat gesukkel van indertijd nog levendig herinnerde, wou ik het persé wél kunnen en.. het licht kwam! Dus als je er nu over zal beginnen, weet ik tenminste waar je het over hebt.

Spoorzoeker
12 February 2008, 21:22
Nou, dan zal ik maar gelijk beginnen he, eens kijken of ik jou vannacht een slapeloze nacht kan bezorgen !! :D:D.

Frames, wat voor nut hebben ze....

Welnu, je kent ze wel: pagina's die als jeop een button klikt, helemaal opnieuw ingeladen worden.
Als er veel op zo'n pagina staat, dan duurt het inladen wel even.
Alhoewel dit argument een stuk minder is geworden nu toch bijna niemand meer via een inbellijntje zit, toch ?

Wat nog wel steeds telt: stel je hebt een menu gemaakt van 10 buttons en nu wil je 1 menukeuze wijzigen. Dat houdt in dat je ALLE pagina's moet aanpassen.

Is daar dan niks op te vinden ?, jazeker wel: fraaaaamesssssssss !!!!!! :p

Met frames deel je je websitepagina in in stukken en laat je de stukken onafhankelijk van elkaar opereren.

(hallo, bent U dar nog ?, ja ?, mooi, dan gaan we verder):bow:


Wereldwijd is afgesproken dat elke website een startpagina heeft.
Op deze manier hoef je alleen maar de url in te typen, bv www.nu.nl (http://www.nu.nl) en de website weet zelf waar hij moet beginnen.
Magie ?, nee gewoon een wereldwijde afspraak om index.html als startpagina te gebruiken.

Dus: je allereerste pagina moet index.html heten.

Nou, dat snap IK zelfs nog :D

Aangezien we de website willen opdelen, gaan we dat als eerste mededelen aan de website. Dit doen we dus in index.html:

Wel effe 1 ding aandacht:
Als je een html-pagina met frames maakt, dan mag die pagina GEEN
<body> en </body> bevatten.

Stel je wilt een pagina met aan de bovenkant je menubalk:
Dan maak je dus een bovenkant die altijd blijft staan en een onderkant die gewijzigd kan worden naargelang er een menubutton is gedrukt:

<frameset rows="150,*">
<frame name="boven" src="boven.html" >
<frame name="onder" src="onder.html" >

Net als bij <table> heb je hier orws en cols. Voorlopig houden we het even bij rows.
Je vertelt dat de bovenkant 150 pixels hoog mag zijn.
(dit hangt af van je menubalk, dus 150 is nu een willekeurig gekozen getal).
Door die * geef je aan dat de andere frame de rest van de pagina is.
Mocht je bv 3 frames hebben, dan wordt het: rows="150,*,200"
of rows="150,200,*", aghankelijk van welke frames je vast wilt hebben en welke niet.
Alle 3 vast kan natuurlijk ook.

Die framename is belangrijk, dara koom ik nog op terug. Het meest logische is om ze een
naam te geven die iets zegt. Boven en onder zegt meer dan bv auto en fiets.

Daarna benoem je de html-file die bovenin moet komen en die onderin moet komen.

Als je bovenstaand voorbeeld wilt draaien, dan heb je dus 3 files nodig:
index.html, boven.html en onder.html waarbij de index.html de frameset bevat.

Spoorzoeker
13 February 2008, 09:52
Zo en dan gaan we nu alles wat we tot nu toe geleerd hebben eens samenvoegen tot één webpagina.

Allereerst bedenken we hoe de indeling van de website moet worden.
Ik kies voor bovenin een menubalk met daaronder de eigenlijke website.

Om dit te verwezenlijken maak ik een index.html file aan net daarin de frameindeling:
<frameset rows="150,*">
<frame name="boven" src="boven.html" >
<frame name="onder" src="onder.html" >

Nu maak ik 2 lege html files aan: onder.html en boven.html
Als je nu index.html start zie je gewoon een lege pagina.

Ik maak nu een menu dmv aanklikbare links:
een link voor een rode pagina, een link voor een witte pagina en een link voor een blauwe pagina:
<a href="rood.html">rood</a>
<a href="wit.html">wit</a>
<a href="blauw.html">blauw</a>

Nu moeten we de link gaan vertellen WAAR de html file dan wel geplaatst moet worden.
Dit is in het framegedeelte met de naam "onder".
Dit doen we met de optie: target=""
<a href="rood.html" target="onder">rood</a>
<a href="wit.html" target="onder">wit</a>
<a href="blauw.html" target="onder">blauw</a>

Ik wil de links naast elkaar hebben staan, dus ik maak gebruik van een table om dat te verwezenlijken.
Tevens wil ik het gecentreerd hebben:
<center>
hier de table
</center>

<center>
<table><tr>
<td><a href="rood.html" target="onder">rood</a></td>
<td><a href="wit.html" target="onder">wit</a></td>
<td><a href="blauw.html" target="onder">blauw</a></td>
</tr></table></center>

Niet mooi he ?, we maken wat ruimte tussen de linken:
<center>
<table><tr>
<td><a href="rood.html" target="onder">rood</a></td>
<td width=30></td>
<td><a href="wit.html" target="onder">wit</a></td>
<td width=30></td>
<td><a href="blauw.html" target="onder">blauw</a></td>
</tr></table></center>

Je ziet nu dat 150 wel heel erg ruim was, dus dat pas ik aan naar 50:
<frameset rows="50,*">

Zo, nu nog 3 html files maken:
rood.html
wit.html
blauw.html

rood.html krijgt als achtergrondkleur rood.
<body bgcolor="#ff0000">

Als je zonder html editor werkt, mag je ook een kleurnaam gebruiken ipv die cijfercode:
bgcolor="red" dit werkt ook gewoon.
wit en blauw krijgen de kleur overeenkomstig de naam.

Als je tot zover gekomen bent en het werkt EN je snapt fluitend wat er allemaal precies gebeurt, dan ben je klaar met je html-studie en kun je websites bouwen.

Natuurlijk valt er nog veel meer te vertellen, maar dat is alleen maar fijntuning.
Alles wat hierboven staat is in feite de kennis die je nodig hebt om een website te kunnen bouwen. :bow::bow:

Ducktape
13 February 2008, 19:11
(hallo, bent U dar nog ?, ja ?, mooi, dan gaan we verder):bow:



Heb de laatste tijd niet veel tijd gehad, maar dit weekend zal ik eens beginnen om een site te proberen maken uit puur HTML:good:

compuchrisje
13 February 2008, 20:46
Duidelijk Spoor, nog even bijvoegen dat je vanaf nu die "master page" verder kan gebruiken voor de uitbouw van je site en dat je enkel de "onder" moet vervangen door de nieuwe html-pagina's.
Frames kunnen in sommige browsers nogal lastig doen, vandaar dat ze niet zo gangbaar meer zijn. Maar het is altijd beter dan de hobbelige effecten die je soms krijgt met telkens volledig nieuw aangemaakte pagina's.
Nu wordt vooral CSS veel gebruikt, iets waar ik nu net aan begonnen ben, en dus nog veel oefening voor nodig zal hebben. 't Gaat ietsje trager als je een jaartje ouder bent, alles blijft niet zo makkelijk hangen.

Spoorzoeker
13 February 2008, 21:15
Ik stop met onmiddelijke ingang met dit topic.

Voor vragen hierover kun je bij G_man de admin terecht.

Ducktape
16 February 2008, 11:12
Ik stop met onmiddelijke ingang met dit topic.

Voor vragen hierover kun je bij G_man de admin terecht.

Owkeej dan :s Hoe komt het?

Spoorzoeker
20 February 2008, 14:08
Zoals ik al schreef: vraag het G_man maar, die kan het je goed uitleggen.

compuchrisje
20 February 2008, 19:16
Zie hoger Ducktape. Wil je verdere hulp van Spoorzoeker zal je hem PM moeten sturen vrees ik. Spijtig dat hier soms meningsverschillen ten nadele van de leden kunnen komen, maar dat is nu éénmaal het mens-zijn.