website opmaak help.

Status
Niet open voor verdere reacties.

djeric

Gebruiker
Lid geworden
22 nov 2006
Berichten
955
hallo

op: http://www.skihutinfo.tk

heb ik mijn website staan, maar wil nu een goede website bouwen die de meeste internet gebruikers kunnen lezen.

Mijn site bestaat straks uit 20 verschillende pagina's.
Maar begin bij het begin.

de bassis begrijp ik wel, maar je wordt steeds met voorbeelden geholpen die je achteraf niet wilt gebruiken of toch anders wilt.

daarom misschien een groot onderwerp.
maar met jullie uitleg/hulp wil ik het een en ander beter leren en zelf bewerken.

mijn website ben ik aan het maken in: notepad

de bassis html heb ik al geplaatst en de achtergrond heb ik ook aangemaakt.

mijn code die nu online staat:

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<titel>
</titel>
</head>
<body>
<BODY background="index/achtergrond.jpg">
</body>
</html>

Maar nu wil ik verder en weet niet waar ik moet beginnen. vele cursussen leggen uit, hoe je tekst moet kleuren links moet maken en plaatjes toevoegd.

kortom de bassis lukt mij wel, maar weet de volgende stap niet.

Ik wil eigenlijk eerst de menu gaan maken, en dacht meteen aan een rollover menu.
nu heb ik wat zitten lezen en uitgezocht hoe je zo menu moet maken.

nu heb ik dus de volgende html code gemaakt in notepad:

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>

<titel>
</titel>

</head>

<STYLE ..>
<!--
#navigatie {
font-family: verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
width: 12em;
border-right: 1px solid #666;
padding: 0;
margin-bottom: 1em;
background-color: #9cc;
color: #333;
}

#navigatie ul {
list-style: none;
margin: 0;
padding: 0;
}

#navigatie ul li {
margin: 0;
border-top: 1px solid #003;
}

#navigatie ul li a {
display: block;
padding: 2px 2px 2px 4px;
border-left: 10px solid #369;
border-right: 1px solid #69c;
border-bottom: 1px solid #369;
background-color: #036;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #navigatie ul li a {
width: auto;
}

#navigatie ul li a:hover {
border-left: 10px solid #036;
border-right: 1px solid #69c;
border-bottom: 1px solid #369;
background-color: #69f;
color: #fff;
}
-->
</STYLE>

<body>
<BODY background="index/achtergrond.jpg">

<div id="navigatie">
<ul>
<li><a href="index.html">home</a></li>
<li><a href="informatie.htm">Informatie</a></li>
<li><a href="mailto:skihutinfo@ziggo.nl">contact</a></li>
<li><a href="artiesten.htm">apresski artiesten</a></li>
<li><a href="vacatures.htm">vacatures</a></li>
<li><a href="skihut.htm">skihut (nl)</a></li>
<li><a href="dj.htm">apresski dj's</a></li>
<li><a href="forum.htm">apresski forum</a></li>
<li><a href="skihutdiv.htm">skihut (div)</a></li>
<li><a href="cd.htm">apresski cd's</a></li>
<li><a href="downloads.htm">downloads</a></li>
<li><a href="evenementen.htm">evenementen</a></li>
<li><a href="ontoer.htm">Skihut on toer</a></li>
<li><a href="drankjes.htm">dranken/cocktails</a></li>
<li><a href="sponsers.htm">Sponsers</a></li>
<li><a href="drivein.htm">drive in shows</a></li>
<li><a href="javascript:void(0)"
onclick="open('http://www.radio538.nl/web/show/id=675518','miniwin','width=320,height=280')">muziek speler</a></li>
<li><a href="http://apresskihutinfo.mygb.nl">gastenboek</a></li>
<li><a href="links.html">links</a></li>
<li><a href="vragen.htm">help</a></li>
</ul>
</div>

</body>

</html>

maar ik vind het menu nu dus aan de lange kant. en wil die opsplitsen aan de linker en rechter kant van mijn scherm.

dus 10 menu's links en 10 menu's rechts.

wat moet ik doen en aanpassen zodat dit mij nu lukt???
 
Laatst bewerkt door een moderator:
Kijk even op http://www.yourdjeric.nl/ daar heb je op de ene kant een menu maak nu dezelfde voor de rechterkant.
mvg
Defietser

hoi defieter

leuk dat je reageerd hier. is even geleden idd. dat wij samen de opbouw hebben gemaakt op mijn andere website.

alleen bekijk daar de code's wel. maar begrijp niet alles ervan.

ik wis sommige dingen wel uit, maar dan werkt de code niet goed omdat ik te veel wis.

ik ga zeker nog wel eens puzzelen daarmee.

maar begrijp dat ik dus html en css moet gebruiken om een menu te maken?

moet ik nu de bovengenoemde code van mijn menu nu in html plaatsen of in de css???

dus wat moet in html ???
en wat in de css ???

________________________________________________________________________________________________

Ik ben er toch mee aan de gang geweest, maar snap het niet.

wel is mij beetje al duidelijk dat in de css de positie bepaling komt.

dus ik neem aan dat die menu in de html code moet hoveren (mouse over effect) en de links in komen te staan.
en dat in de css dan de positie bepaling moet komen.

zo juist???

maar heb nu nog helemaal geen css, en enkel alleen html bestand.

hoe ziet het er dan uit in de css en de html ???
 
Laatst bewerkt:
In de html komt de inhoud van de pagina, datgene wat je ziet. De afbeeldingen, de tekst, dat soort dingen. Met de html geef je ook de structuur aan. Wat is 'n lijst (<ul>), 'n belangrijke kop (<h1>, <h2>), enz.
In de css staat de lay-out. Waar het moet staan, de kleurtjes, dat soort dingen.
Tijdens het maken van de pagina kun je het best de css bovenin de pagina zetten, net zoals jij hebt gedaan. Als de pagina dan af is, kun je het later naar 'n apart bestand overzetten. Vanuit dat aparte bestand is het dan voor elke pagina te gebruiken.
Je hebt dus wel degelijk al css, die staat in de style bovenin. Omdat je tijdens het maken constant aan het sleutelen bent, is het dan makkelijker het even bij de html te houden, dus net zoals jij hebt gedaan even boven de html waar het bij hoort te zetten.

Ik weet dat je al 'ns eerder naar zo'n menu aan twee kanten hebt gevraagd. Dat was bij het ombouwen van je oude site. Daarbij moest 'n aantal dingen worden gedaan, maar dat werd toen te ingewikkeld. Helemaal overnieuw beginnen is simpeler, dus wie weet lukt 't nu wel.
Alleen is 't ook nu van belang dat je systematisch werkt. Als er fouten in de code zitten, kunnen die allerlei onvoorspelbare problemen opleveren, dus die moeten er steeds eerst uit.
Hieronder staat code waarin je menu in tweeën is gesplitst. Daaronder staat wat ik eraan heb veranderd. Daar staat ook 'n aantal fouten in de code. Op dat soort fouten moet echt voortdurend worden gecontroleerd met de validator, anders gaat het nooit lukken en zit je straks weer met 'n site die maar in de helft van de browsers goed werkt.

Eerst nog even 'n tip. Notepad is prima, veel beter dan 'n wysiwyg-editor. Maar de meeste mensen vinden Notepad++ nog prettiger. Dat kleurt je code, waardoor je fouten eerder ziet. En het heeft wat extra mogelijkheden zoals het snel bekijken in de browser en zo. 't Is ook gratis.
De code:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="nl">
	<head>
	<title></title>
	<style type="text/css">
		body {
			background: url(index/background.jpg);
			}

		ul.navigatie {
			font-family: verdana, Helvetica, Arial, sans-serif;
			font-size: 14px;
			font-weight: bold;
			width: 12em;
			border-right: 1px solid #666;
			padding: 0;
			margin: 0;
			margin-bottom: 1em;
			background-color: #9cc;
			color: #333;
			list-style: none;
			float: left;
			}

		ul.rechts {
			float: right;
			}

		ul.navigatie li {
			margin: 0;
			border-top: 1px solid #003;
			}

		ul.navigatie li a {
			display: block;
			padding: 2px 2px 2px 4px;
			border-left: 10px solid #369;
			border-right: 1px solid #69c;
			border-bottom: 1px solid #369;
			background-color: #036;
			color: #fff;
			text-decoration: none;
			width: 100%;
			}

		html>body ul.navigatie li a {
			width: auto;
			}
			ul.navigatie li a:hover {
		border-left: 10px solid #036;
		border-right: 1px solid #69c;
		border-bottom: 1px solid #369;
		background-color: #69f;
		color: #fff;
		}
	</style>
</head>
<body>
	<ul class="navigatie">
		<li><a href="index.html">home</a></li>
		<li><a href="informatie.htm">Informatie</a></li>
		<li><a href="mailto:skihutinfo@ziggo.nl">contact</a></li>
		<li><a href="artiesten.htm">apresski artiesten</a></li>
		<li><a href="vacatures.htm">vacatures</a></li>
		<li><a href="skihut.htm">skihut (nl)</a></li>
		<li><a href="dj.htm">apresski dj's</a></li>
		<li><a href="forum.htm">apresski forum</a></li>
		<li><a href="skihutdiv.htm">skihut (div)</a></li>
		<li><a href="cd.htm">apresski cd's</a></li>
	</ul>
	<ul class="navigatie rechts">
		<li><a href="downloads.htm">downloads</a></li>
		<li><a href="evenementen.htm">evenementen</a></li>
		<li><a href="ontoer.htm">Skihut on toer</a></li>
		<li><a href="drankjes.htm">dranken/cocktails</a></li>
		<li><a href="sponsers.htm">Sponsers</a></li>
		<li><a href="drivein.htm">drive in shows</a></li>
		<li><a href="javascript:void(0)" onclick="open('http://www.radio538.nl/web/show/id=675518','miniwin','width=320,height=280')">muziek speler</a></li>
		<li><a href="http://apresskihutinfo.mygb.nl">gastenboek</a></li>
		<li><a href="links.html">links</a></li>
		<li><a href="vragen.htm">help</a></li>
	</ul>
</body>
</html>

* Ik heb 't doctype veranderd naar strict. Strict is bedoeld voor nieuwe pagina's, transitional (wat jij had) voor al bestaande. 'n Strict doctype zorgt ervoor dat je straks (nu eigenlijk al enigszins) probleemloos naar het nieuwe html5 kunt overstappen.
Jouw site heeft nogal met muziek te maken. html5 biedt heel veel extra mogelijkheden voor video en geluid, dus dat lijkt me handig.
Je kunt transitional blijven gebruiken, dan moet je 't doctype niet veranderen, maar slim is dat niet.

* html kan worden gecontroleerd op fouten op http://validator.w3.org/
css idem op http://jigsaw.w3.org/css-validator/
Het is belangrijk dat heel vaak (echt heel erg vaak, na elke wijziging) te doen. De meeste fouten die hieronder staan worden door de validator opgemerkt en kun je dan verbeteren. Fouten kunnen echt tot de wildste problemen leiden.

* <titel></titlel> moet zijn: <title></title> (typisch iets dat de validator opmerkt)

* De <style> moet in de <head. (wordt ook opgemerkt door de validtor)

* <STYLE> moet zijn: <style type="text/css"> 't Mag wel in hoofdletters, maar ik vind kleine letters prettiger. Dat type="text/css" is verplicht. (De validator... enz.)

* De background uit de body heb ik naar de css overgezet. Dat is de enige verandering die nodig is om 'n strict doctype te kunnen gebruiken. ('n Strict doctype weigert verouderde tags, waardoor je dus straks probleemloos over kunt stappen.)
Bovendien is de background via de css straks aan elke pagina te koppelen, als je dat wilt.

* Je had twee keer 'n <body (de validator... )

* <!-- en --> is niet meer nodig in de style. Dat is voor prehistorische browsers die allang niet meer bestaan.

* De div#navigatie is overbodig. Dat is 'n blok-element, wat wil zeggen dat je het 'n maat kunt geven en zo. Maar 'n <ul> is dat ook, dus 't kan ook rechtstreeks aan de <ul>
Die div is dus weg. Daardoor kon de css voor #navigatie en #navigatie ul worden gecombineerd. Die staat nu bij ul.navigatie

* De <ul> heb ik 'n class gegeven (.navigatie). Dat voorkomt dat de css voor de links en zo binnen de <ul> buiten de <ul> gaat werken. Op links en zo waar 't niet voor bedoeld is.

En toen kwam dus de eigenlijke vraag. Maar eerst moest de basis goed zijn.
De <ul> is in tweeën gesplitst.. De css is voor beide vrijwel hetzelfde. Door ze 'n class te geven, is de css aan beide gekoppeld: ul.navigatie
Bij ul.navigatie staat in de css: float: left;
Dat wil zeggen: zet de <ul> zo hoog mogelijk en dan zover mogelijk naar links. Oftewel: het menu staat links. Dat geldt dus voor zowel de bovenste als de onderste helft van het menu.

De onderste helft van het menu heb ik nog 'n tweede class gegeven: rechts. In de html staat: <ul class="navigatie rechts">
Nu hoef ik de css alleen maar neer te zetten: ul.rechts {float: right;} en dit deel van het menu wordt zo hoog mogelijk en dan zover mogelijk naar rechts gezet. Want omdat dit later in de css staat. 'wint' het van de float: left die bij ul.navigatie staat. Dus dit tweede deel van het menu wordt nu rechts neergezet.

Er zijn allerlei manieren waarop je ze links en rechts neer kunt zetten. Float is vaak het makkelijkst.
 
Laatst bewerkt:
In de css staat de lay-out. Waar het moet staan, de kleurtjes, dat soort dingen.
Tijdens het maken van de pagina kun je het best de css bovenin de pagina zetten, net zoals jij hebt gedaan. Als de pagina dan af is, kun je het later naar 'n apart bestand overzetten.

Vanuit dat aparte bestand is het dan voor elke pagina te gebruiken.
Je hebt dus wel degelijk al css, die staat in de style bovenin. Omdat je tijdens het maken constant aan het sleutelen bent, is het dan makkelijker het even bij de html te houden, dus net zoals jij hebt gedaan even boven de html waar het bij hoort te zetten.

ik had voorheen van de fietser hiero, ook beetje geleerd hoe je een goede website moest maken. alleen die site gaat over mijn dj gebeuren. Nu ben ik meer met een hobby bezig waar ik veel over kan vertellen. Voorheen heb ik altijd 2 bestanden aangemaakt. 1 html bestand en 1 css bestand. Alhoewel ik nu dus 2 dingen doorelkaar gooi. Wat is html en wat is nu de css??? het is me wel duidelijk wat je ermee kan en wat er ongeveer in thuis hoort, maar nu zie ik een blok code die in de notepad++ staat. (ik gebruikte gelukkig al de notepad++ - ik heb gelijk je wijze raad gebruikt:thumb:

misschien toch dat we beter het zo kunnen laten staan, en als het mij niet duidelijk wordt dat ik dan vraag wat nu de volledige css wordt. voorzover volg ik het nog wel.




Ik weet dat je al 'ns eerder naar zo'n menu aan twee kanten hebt gevraagd. Dat was bij het ombouwen van je oude site. Daarbij moest 'n aantal dingen worden gedaan, maar dat werd toen te ingewikkeld. Helemaal overnieuw beginnen is simpeler, dus wie weet lukt 't nu wel.

Klopt helemaal, heb me oude site ofline gehaald en begin overnieuw.
is mij dan veel duidelijker, en idd. makelijker werken.
ik wil er liever langer over doen en alles begrijpen, dan te snel en het niet meer volgen.
op internet word je soms niet wijzer van, en de ene keer werkt het wel, en de andere keer weer niet.
ik zal ook alles dubbel opslaan. zodat ik makelijker de foutieve code kan weg gooien, voordat ik in de knoop zit.


* Ik heb 't doctype veranderd naar strict. Strict is bedoeld voor nieuwe pagina's, transitional (wat jij had) voor al bestaande. 'n Strict doctype zorgt ervoor dat je straks (nu eigenlijk al enigszins) probleemloos naar het nieuwe html5 kunt overstappen.
Jouw site heeft nogal met muziek te maken. html5 biedt heel veel extra mogelijkheden voor video en geluid, dus dat lijkt me handig.
Je kunt transitional blijven gebruiken, dan moet je 't doctype niet veranderen, maar slim is dat niet.

maar versta ik dan onder "transitional" een soort verouderde versie van html??? als dat zo is, kan toch iemand anders die nieuwe toch niet zien bij mij die de oudere ondersteunt??? (of ik begrijp deze uitleg niet zo)
 
Ja, dat van 't doctype is ook ingewikkeld.

De strict versie wordt door élke browser ondersteund (vanaf Internet Explorer 5.5 en later, dat is echt al heel lang).

Tot ongeveer tien jaar geleden had je geen css, bestond gewoon nog niet. Als je toen 'n lettersoort wilde aangeven, deed je dat in de html met <font....>. Dat moest je dus op elke pagina bij elke letterwijziging aangeven.
En ook bij elke kleur, bij elke lettergrootte, noem maar op. Op elke plaats waar zo'n wijziging zich voordeed.
Als je dus de lettergrootte wilde veranderen, moest je dat vaak op elke pagina op tientallen plaatsen doen.

Dat is zo ontstaan door de concurrentie tussen verschillende browsers.

Dat ging zo niet langer, de code werd volstrekt chaotisch en onoverzichtelijk. Ook niet goed toegankelijk voor zoekmachines en spraakbrowsers e.d.
Daarom is in htmll 4.01, de huidige versie, een hele serie van die tags als <font, <color, <center, enz, afgekeurd. Dat moest vanaf toen in de css. Dat was zo'n tien jaar geleden.
Groot voordeel: je hoeft nu nog maar op 1 plaats in 1 bestand bijvoorbeeld de lettersoort te veranderen.

Helemaal los hiervan gaf elke browser min of meer alles op z'n eigen manier weer: er was geen echte standaard. Vooral Internet Explorer week af van alle andere browsers. Dit gold voor tientallen miljoenen sites, die al bestonden. En je kon niet verwachten dat al die sites even werden omgebouwd naar het nieuwe html 4.01, zonder afgekeurde tags.

Een of ander genie kwam toen met het voorstel van 'n doctype. Als je 'n geldig doctype bovenaan de pagina zette, gaf je aan dat je site volgens de standaard van html 4.01 moest worden weergegeven. In alle browsers hetzelfde dus.
Voor al die tientallen miljoenen sites die al bestonden met afgekeurde tags, werd het doctype transitional bedacht. Die sites veranderden toch niet meer echt, ze bestonden al, en ook in de toekomst zouden ze goed worden weergegeven. Maar nieuwe dingen uit nieuwe versies van html en zo konden niet worden toegevoegd.

Voor nieuwe sites was er het doctype strict. Dat is al tien jaar zo, maar nog steeds gebruiken heel veel mensen ten onrechte het transtional doctype voor 'n nieuwe site.
Strict verbiedt het gebruik van afgekeurde tags, omdat je daar css voor hebt. 'n Stricte site is veel beter toegankelijk voor zoekmachines, spraakbrowsers, enz. En veel makkelijk te onderhouden. Niet honderden of duizenden keren <font veranderen, maar in 1 css-bestand hooguit op 'n paar plaatsen.

html 5, dat op dit moment wordt ingevoerd, sluit aan op de strict-variant. Logisch, want de transitional is voor bestaande sites. En die afgekeurde tags, daar wordt al tien jaar tegen gewaarschuwd.
Als je dus ooit iets van de nieuwe dingen van html 5 wilt gaan gebruiken, MOET je 'n strict doctype gebruiken. Anders sluit het gewoon niet aan. (Los daarvan is het dus ook beter voor zoekmachines, spraakbrowsers, makkelijker te onderhouden, enz.)

Er is dus werkelijk geen enkele reden om nog 'n site te gaan maken met 'n transitional doctype. En er zijn heel veel redenen om 'n strict te gebruiken.

Ik weet dat internet stikt van de zwaar verouderde handleidingen waarin tabellen voor lay-out, frames, afgekeurde tags, noem maar op, worden gebruikt. Die handleidingen waren ooit goed, maar zijn gewoon verouderd. Helaas staat dat er vrijwel nooit bij.
In m'n handtekening staat 'n link naar mijn site. Op de pagina met links daarvan vind je ook links naar handleidingen en cursussen over html en css. Eén van de dingen waar ik op probeer te letten is, dat dat geen links naar verouderde handleidingen en zo tussen zitten.
Zo staat bijvoorbeeld bij handleidinghtml.nl bij elke html-tag of hij is afgekeurd of niet. Dan weet je dus als je 'n afgekeurde gebruikt. Ja, en als je dat dan toch doet...

Kortom: je mág transitional gebruiken. Maar: het is meer werk, geeft heel waarschijnlijk 'n lagere plaats in zoekmachines, is slechter toegankelijk voor spraakbrowsers e.d., blokkeert het gebruik van nieuwe dingen uit html 5 en is veel en veel meer werk om te onderhouden.

Als je dingen uit html 5 nu al zou gaan gebruiken, is er wel 'n grote kans dat dat nog niet overal werkt. Dat moet je eerst uitzoeken. Maar het gebruik van 'n strict doctype geeft de mogelijkheid om in de (nabije) toekomst wel dingen uit html 5 te gaan gebruiken, op het moment dat ze zijn ingebouwd in alle browsers.
Opera, Safari, Firefox en Google Chrome zijn daar al druk mee bezig. En toevallig heb ik vandaag van Microsoft (eindelijk) ook de eerste serieuze geluiden in die richting gehoord.

Edit: dat iets langzamer werken en begrijpen wat je doet lijkt me heel goed.
Als je wilt dat je code nog wordt nagekeken als je 'm hebt veranderd, moet je 'm hier weer neerzetten. Of 'n link naar waar hij online staat, dat is nog makkelijker.
 
Laatst bewerkt:
Ja, dat van 't doctype is ook ingewikkeld.

De strict versie wordt door élke browser ondersteund (vanaf Internet Explorer 5.5 en later, dat is echt al heel lang).

dus kort samen gevat:

strict staat eigenlijk voor: een regel waar je aan moet houden.

anders gezecht:

er mogen geen foutieve codes geplaatst worden in de css of html.
hiervoor zijn er nieuwe tags of aangepaste tags voor bedacht die elke versie browser dit goed ondersteunt.

als ik zelfs zo ver begrijp zouden mogelijk steeds nieuwere browsers problemen krijgen met het lezen van de transitonal type op oudere sites.
en zal transitional uiteindelijk verdwijnen. (toekomstig gezien)
 
Ja, dat heb je goed begrepen.

Nieuwe html en css kan in de toekomst alleen gebruikt worden als je nu strict gebruikt.

Transitional zal nog heel, heel lang bestaan, omdat er miljoenen sites op die manier zijn gemaakt. Maar voor de toekomst is strict de enige goede manier.
(Al tien jaar trouwens.)
 
Ja, dat heb je goed begrepen.

mooi klaar voor de volgende stap.

heb nu de kleur van het menu naar eigen wens aangepast.
en begrijp tot nu de hele basis van de opbouw van mijn website.

heb deze nu opnieuw online geplaatst op: http://www.skihutinfo.tk

in ie 8 en firefox ziet deze er goed uit.

toen ik hem door die validator haalde kwam ik er achter dat er 12 fouten in zaten met 3 waarschuwingen.

echter begrijp ik die fouten niet, en kan de engelse text maar half begrijpend lezen.

is me site tot nu dan foutloos of toch met fouten geplaatst?

hoe zit dit nu verder?
 
Dat je 't begrijpt is volgens mij belangrijk, want dan kun je 't in de toekomst ook zelf bijhouden en zo.
Die validator is fantastisch, maar de tekst bij de fouten is geschreven door iemand die zeven nachten niet had geslapen en toen drie flessen whisky heeft gedronken of zo. Serieus: dat is door techneuten geschreven en gewoon heel onduidelijk. Maar dat leer je vanzelf wel.

Jouw pagina is helemaal zonder fouten. Ook de css.
Als je naar members.home.nl/ebosmannetjes/ gaat zie je jouw pagina. Als je die valideert, geeft hij 0 fouten en waarschuwingen.
Het probleem zit 'm in skihutinfo.tk/ Jouw pagina wordt daar in 'n frame gezet, en in die pagina met frames hebben ze in 'n paar regels 12 fouten weten te verwerken, wat best wel knap is.

Als je de bron bekijkt van skihutinfo.tk kun je zien dat jouw pagina daar in 'n frame is gezet.
Ik neem aan dat je de code van die frame-pagina niet kunt bewerken? Als je die wel kunt bewerken, kun je de fouten eruit halen.
Anders is er niets aan te doen. Voor 't valideren kun je dan 't best steeds de pagina buiten 't frame valideren, anders krijg je steeds 'valse' fouten.

Voor 'n zoekmachine is dit trouwens ook niet ideaal.
Heb je er wel 'ns aan gedacht om gewoon voor 'n paar euro per maand 'n eigen site in Nederland te nemen? Met 'n eigen naam? Dan ben je dat hele frame kwijt.

Ik zou je ook nog aanraden Safari, Google Chrome en Opera te installeren en ook daar in te testen. Dan heb je alle belangrijke browsers.
 
Laatst bewerkt:
Dat je 't begrijpt is volgens mij belangrijk, want dan kun je 't in de toekomst ook zelf bijhouden en zo.
Die validator is fantastisch, maar de tekst bij de fouten is geschreven door iemand die zeven nachten niet had geslapen en toen drie flessen whisky heeft gedronken of zo. Serieus: dat is door techneuten geschreven en gewoon heel onduidelijk. Maar dat leer je vanzelf wel.

mijn site heb ik gemaakt als hobby, en omdat ik t inressant vond. en er veel over weet. en van apres ski houd.

heb zelfs apresski artiesten gesproken. bv dj maarten, (feest dj maarten) en zei over deze site. hij zij dat zou wel leuk zijn idd. mijn ideeen waren wel leuk. en heb zelfs met ton en gerard gepraat (gebroeders ko) die vonden het wel een goed idee. en zelfs starkoo vond het wel leuk. maar is wel een tijd geleden dat ik ze gezien/gesproken hebt. was ergens in 2006 met een party awards in breda....

maar goed. mijn idee is onstaan. maar het mislukte keer op keer een goede website te bouwen.
hoe bouw ik een website? en houd deze helemaal gratis???
ik googelde me helemaal suf. en kwam uiteindelijk achter:

dat ik gratis webruimte kreeg bij mijn provider @home....

wel handig dacht ik.

maar omdat me website adres zo raar klinkte, heb ik gekeken voor een gratis domein naam. en kwam als enigst uit bij dot.tk
die was volledig gratis. zonder reclame.

ik dacht die is handig en linkte hem door naar mijn provider. dus vandaar heb ik nu http://www.skihutinfo.tk

wist ik veel dat het dan in een frame staat alles.
dat heb ik niet gedaan. komt misschien door die tk ?????

geen idee.....

weet weer wel inmiddels nu ik toch veel leer over html enzo... dat frames niet goed zijn voor website's.

misschien moet ik toch doorgaan met bouwen van mij website en testen vanuit me provider;s adres en niet van tk.

en later eens bedenken of ik hem toch betalend wil laten maken.

voorlopig laat ik het dan maar zo staan.

nu moet ik verder met me website.
heb een druk weekend. ivm me vader die 3 weken in t ziekenhuis was. en heb amper me vriendin niet gezien/gesproken.

maar goed....

ga werken aan me site.

nu kijken of ik text tussen het menu in kan plaatsen.

gisteren de site online geplaatst met aangepaste menu.
 
Laatst bewerkt:
Dan zou ik hem gewoon even bouwen vanuit het adres van je provider. Anders krijg je steeds die foutmeldingen, ook als het goed is, en dan moet je steeds gaan kijken wat voor melding 't is.
Later kun je 't dan altijd alsnog, als je dat wilt, naar die .tk overzetten.
 
Dan zou ik hem gewoon even bouwen vanuit het adres van je provider. Anders krijg je steeds die foutmeldingen, ook als het goed is, en dan moet je steeds gaan kijken wat voor melding 't is.
Later kun je 't dan altijd alsnog, als je dat wilt, naar die .tk overzetten.

ik plaats alles met een ftd programma, en heb die skihutinfo.tk daar standaard in gemaakt.

voorlopig upload ik ze toch daar naar toe.

het resultaat kunnen we dan op: http://members.home.nl/ebosmannetjes/ bekijken en testen.

nu heb ik een welkom's plaatje ingevoerd in de html code.

nu staat het plaatje netjes boven aan en in het midden omdat ik de code:



PHP:
<center>
<IMG  ALT="welkom" SRC="index/welkom.jpg" WIDTH=400 HEIGHT=104>
</center>

hebt gebruikt.

getest met die validator. en ondervind toch 1 fout.

namelijk die > van <center>.

ik begrijp t ff niet, en merk op dat erbij staat, dat het niet werkt volgens de strict opmaak. en dit eigenlijk in frames moet stan ofzo???

dus ik heb het idee. dat het met transitional wel had gewerkt en nu met die strict gebruik het een voorboden code is geworden.

ook heb ik het idee, dat ik iets in de css moet doen voor een aanpassing van de positie.
waar de afbeelding moet staan. (zo als hij nu inmiddels online staat)

hoe los ik het op?
 
Laatst bewerkt:
Ja, dat is het voordeel van strict. Hoewel jij daar in het begin waarschijnlijk even anders over denkt :D
<center> is geen geldige code. In transitional mag hij wel, maar in strict zijn er veel betere methodes.

In jouw code staat
HTML:
<div>
<center>
<IMG  ALT="welkom" SRC="index/welkom.jpg" WIDTH=400 HEIGHT=104>
</center>
</div>
'n <img> is 'n inline-element, net als tekst. Het komt niet op 'n nieuwe regel te staan. Dat soort dingen centreer je met text-align in de css.
HTML:
<div id="welkom">
<img alt="welkom" src="index/welkom.jpg" width="400" height="104">
</div>
(Ik werk liever met kleine letters en aanhalingstekens bij width en zo, mag ook met hoofdletters en zonder " in html.)
In je css komt dan:
Code:
div#welkom {text-align: center;}
Als je eerste pagina klaar is, gaat je css naar 'n apart bestand (alles tussen <style ...> en </style>). Het grote voordeel is dat dit dan geldt voor élke pagina, en dat het dus ook heel simpel is te wijzigen.

Edit: dit werkt prima, op die pagina buiten dat frame. Dan storen die fouten uit het frame niet.
 
Laatst bewerkt:
dat van die div begrijp ik nu.

het is inderdaad dat ik de oude code had begrepen, maar niet wist wat de nieuwe code werd.

heb het plaatje nogmaals goed gezet, nu zonder de <center></center>

ja idd. het is even wennen aan die nieuwe regels.
(had het opgezocht maar blijkt toch veel op de transitionele manier getoont te worden.)

geeft niks, leer hier meer dan elders op het net.

maar begrijp de manier niet van het plaatsen van text.

ik wil onder het plaatje, een stuk text typen (voorwoord/inleiding)

maar het resultaat is:

http://members.home.nl/ebosmannetjes/

het staat allemaal op 1 regel.

kan misschien wel klopen, want ik geef in de css geen positie aan. maar ja heb net al zitten vogelen. maar begrijp t niet.

ik dacht ook de "font" tags niet mogen voorkomen in de strict???

maar kan t ff vergeten zijn dat ik zoiets gelezen had ergens.

maar goed...

hoe plaats ik de text dan tussen hetmenu in??? en onder dat welkom's plaatje???

dat welkoms plaatje komt alleen op deze pagina (index pagina) te staan.

edit: momenteel staat alles wel foutloos geplaatst volgens de validator.
 
Laatst bewerkt:
Ja, 't is even 'n andere manier van denken. Maar dit gaat er wel goed uitzien in álle browsers. Mede omdat 't foutloos in de validator is.
('t Kan wel zijn dat je voor IE 6 nog wat aparte dingen moet doen vanwege fouten in die browser, maar dat komt later wel.)

<font> mag ook niet. 't Is ook veel makkelijker om dat in de css op te geven. Daar geef je 't bijvoorbeeld voor alle <h2>'s in één keer op.

Allereerst: gewone tekst mag niet in 'n <h1>, <h2>, enz. Dat is slecht voor zoekmachines, want die gaan ervan uit dat in 'n <h1> enz. kopjes staan, net zoals in 'n krant. In de <h1> de belangrijkste (mag maar één keer op 'n pagina), in de <h2> (mag meer keren) de iets minder belangrijke, enz. En wat goed is voor 'n zoekmachine, is ook goed voor spraakbrowsers, mensen die geen muis kunnen gebruiken, enz., dus je bent gelijktijdig aardig voor jezelf en voor anderen.
Als je de tekst vet of zo wilt hebben, doe je dat gewoon met css. Hier kom ik later op terug.

Als ik je goed begrijp staat de afbeelding goed. Die laten we dus gewoon staan, net als de div waar hij in staat.

De <ul>'s daaronder zijn gefloat, een naar links en een naar rechts. Daartussenin heb je dus lege ruimte. Dat komt goed uit, want daar moet je tekst komen.

Als je iets tussen gefloate elementen wilt zetten, moet je het ónder de gefloate elementen zetten. De tekst die bij jou in de <h2> staat, moet dus ónder de <ul> komen te staan.
Als je dus die <h2> + tekst + </h2> daar weghaalt en ónder de onderste </ul> zet, komt hij tussen de menu's te staan. En het leuke van deze manier van werken: als mensen de letter vergroten, of als ze 'n klein scherm hebbem, of als ze inzoomen, wordt de tekst die niet meer ertussen past gewoon onder het menu gezet. Zonder dat er verder rampen gebeuren.
Veel soepeler dan 'n tabel. Dit moet je trouwens wel testen, want misschien ziet 't er dan wel anders uit dan jij wilt. Zo heb jij bij je <ul> in de css 'n margin-bottom van 1 em staan. Als de tekst nu niet meer tussen 't menu past, komt die eronder te staan, maar wel met 'n afstand van 1 em tussen tekst en menu.

Goed, de <h2> staat nu onder de onderste </ul>
Gewone tekst moet in 'n <p> en niet in 'n <h2>. Dus je moet <h2 id="inleiding"> vervangen door <p id="inleiding"> en </h2> door </p>
Nu is de tekst nog steeds groen, maar veel te klein en niet vet meer.
Om dat op te lossen ga je #inleiding in de css veranderen:
Code:
#inleiding {
     color: green;
     font-weight: bold;                 /* dit is vet */
     font-size: 1.6em;                  /* 1 em is de normale lettergrootte, 1.6 is dus groter */
     }
1.6 em is ongeveer de grootte van 'n <h2>, maar nu staat 't in 'n gewone paragraaf. Elke <p> die je ook groen enz. wilt maken, hoef je nu alleen maar 'n id="inleiding" te geven. (Als dat er meerdere op 1 pagina zijn, moet je id veranderen in class).
1.6 em kun je natuurlijk veranderen. Als eenheid voor de lettergrootte neem ik em, want dat is de enige eenheid die Internet Explorer kan veranderen. Mensen die Internet Explorer gebruiken, kunnen nu de letter vergroten als ze slecht zien. Als je als eenheid voor de lettergrootte px of zo neemt, kunnen ze dat niet.

't Is even wennen, maar dit is veel flexibeler dan wat je had.

Ik zou ook vast even gaan nadenken over 'n beschrijving van deze pagina. Die komt in de <head> en is belangrijk voor zoekmachines. Vaak laten ze dit zien in de zoekindex. Elke pagina moet 'n beschrijving krijgen, niet langer dan ongeveer 20 woorden. En die moet voor elke pagina iets anders zijn, echt even de pagina beschrijven.
Als je op je home 'n korte omschrijving geeft van wat je doet, zou het iets kunnen zijn als
HTML:
<meta name="description" content="Lekkere drankjes en goede muziek om bij te komen van het skieën">
(Ik roep maar wat.) Dat komt in je head.
In je head komt ook 'n titel tussen <title> en </title> Ook weer iets anders voor elke pagina. Deze kan het best hetzelfde zijn als de description.
En op elke pagina komt ook 'n <h1>, de belangrijkste kop. Die kan ook het beste hetzelfde zijn als description en title. Dit is van belang voor zoekmachines.

Wat ook nog in je <head> moet is de tekenset die je gebruikt. Dat is om te voorkomen dat je vreemde tekens in plaats van accenten krijgt. Tegenwoordig is de beste
HTML:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Nou, je kunt weer even vooruit, denk ik.
 
Laatst bewerkt:
En op elke pagina komt ook 'n <h1>, de belangrijkste kop. Die kan ook het beste hetzelfde zijn als description en title. Dit is van belang voor zoekmachines.

Wat ook nog in je <head> moet is de tekenset die je gebruikt. Dat is om te voorkomen dat je vreemde tekens in plaats van accenten krijgt. Tegenwoordig is de beste
HTML:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


dit stukje heb ik niet goed begrepen.

Mijn <h1> zou eigenlijk nu zijn die welkom's plaatje. kan me niet bedenken wat nu in een <h1> zou moeten staan. Het belangrijkst zou dan de text die in de <p></p> staat zijn.

die code voor de tekenset, wat is dat exact precies??? wat zijn vreemde tekens? en wat zijn vreemde accenten???

voor de rest heb ik kleur en letter groote aangepast aan de pagina, en deze mee geupload naar: http://members.home.nl/ebosmannetjes/


edit: in de css heb ik de kleur "green" aangepast naar: color: #330000;
 
Ah, je hebt de <h2> veranderd, mooi. Ik vind dit trouwens 'n veel mooiere kleur.

De tekenset. Voor 'n deel is dat gewoon zoals 'n <meta> wordt geschreven: met http-equiv en content. Dat zijn gewoon 'spraakregels'.
De tekenset zelf is belangrijk. Als jij 'n letter typt, verschijnt die op het scherm. Maar intern in de computer wordt die letter (cijfer, streepje, noem maar op) vastgelegd als 'n getal. In feite bestaat jouw hele pagina dus uit getallen.
Als ik jouw pagina bekijk, komt er in feite 'n enorme serie getallen binnen. Mijn browser maakt daar weer letters (en cijfers, en...) van.

Als jij 'n 'A' typt, zoekt jouw editor in 'n tabel het volgnummer van die 'A' op. En mijn browser zoekt bij dat volgnummer weer op welke letter daarbij hoort.

Vroeger kon 'n computer maar zo'n 100 tekens weergeven. Dat was te weinige voor letters als de ä. Om 't over Chinees maar helemaal niet te hebben.
Daarom zijn er tabellen gemaakt voor verschillende talen.
Inmiddels kan 'n computer veel meer. De tabel (dat is de tekenset of charset) die nu het best is, is utf-8. Daarin is ruimte voor alle tekens van alle talen ter wereld plus nog runen, dominostenen, technische symbolen, en noem maar op.
Maar je moet de browser even vertellen dat je tekenset utf-8 gebruikt, en daar is die <meta voor. Anders gaat de browser raden en is er kans dat 'n verkeerde tabel wordt gebruikt. En dan komt bij 'n bepaald getal niet bijvoorbeeld de ä, maar 'n vraagteken, of 'n Chinees teken.
Mocht je dit interressant vinden: 'n veel langer artikel hierover staat op
http://www.css-voorbeelden.nl/artikelen/html/head/artikelen-064.html

De <h1>, de title en de description. Je kunt daar nog rustig over nadenken, als het er maar ooit in komt.
Je hebt nu als description "Hier vind je meer informatie over de apresskihut". Dat kan natuurlijk wel, maar dit is wat de bezoeker vaak te zien krijgt als hij zoekt met Google. Dat je meer informatie krijgt is logisch, daar is die site voor. Dus ik zou proberen heel kort te omschrijven wat 'n apresskihut nou is. Om bezoekers naar je site te lokken.
Daarbij moet je dus voor elke pagina 'n iets andere omschrijving maken, zodat echt de pagina zelf wordt omschreven. Op de homepage kan dat prima 'n omschrijving van de site zijn, want dat is toch normaal genomen de ingang van de site.

Omdat zoekmachines heel vaak worden misleid om hogere posities te krijgen, is de tekst in de description belangrijk. Net als die in de title en in de <h1>. Als die drie teksten hetzelfde zijn, dan zal de pagina daar ook wel echt over gaan, denkt de zoekmachine dan. Bij jou is nu de <title> totaal anders dan de description.
Je zou ook iets kunnen nemen als 'Wat is een skihut? Daar vertellen we u graag alles over op deze site' (ik roep maar weer wat).

Dat welkomstplaatje is prima, maar dat is geen <h1>. 'n <h1> is belangrijk voor zoekmachines (en voor blinden en zo). 'n Zoekmachine heeft helemaal niets aan dat plaatje. En ook niet aan de alt-tekst. Die is 'welkom'. Dat is leuk op zo'n plaatje, maar niet voor 'n zoekmachine. Natuurlijk ben je welkom, dus als TEKST is dat niet nuttig.
Ik bedoel: die zoekmachine ziet dat mooie plaatje niet, die leest alleen maar in kleine letters 'welkom'. De hele lay-out valt weg.

'n Handige uitbreiding bij Firefox is Yellowpipe Lynx Viewer Tool. Te installeren vanaf
https://addons.mozilla.org/nl/firefox/addon/1944
(Met Firefox naar die pagina gaan, klikken op 'Aan Firefox toevoegen', toestemming geven en Firefox herstarten.)
Als je nu je pagina bekijkt in Firefox en rechtsklikt, kun je met die Yellowpipe Lynx Viewer Tool zien wat 'n zoekmachine (en 'n spraakbrowser en zo) ziet, en waarom 'n afbeelding dus geen nut heeft als <h1>
 
Heb alles tot nu toe helemaal goed begrepen, fijn dat je mij (en anderen) er mee helpt. :thumb: Nu merk ik pas dat een website bouwen niet zomaar iets is.
er komt veel bij kijken.

maar goed: ontopic: :cool:

Heb het volgende aangepast in de css:

PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="nl">
    <head>
	
	<meta name="keywords" content=" Wat is een skihut?., Feesten,Partys,Muziek,Informatie,Apresski,Verhuren,Feestcafé,Diskjockey,Drive in show,Tirol,Oostenrijk,Boekingen,Sneeuw,Schuim party,Ambiance" />
	
 <meta name="description" content="Wat is een skihut? Lees op deze site daar meer over."> 
	
    <title>Wat is een skihut?</title>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

de <h1> moet ik nog een tijd over nadenken. Misschien komt dat wel als de andere pagina's ook worden aangemaakt. en ik de text op de index pagina nog aanpas.

Maar nu is mijn index pagina bijna gereed volgens mij zin.

Ik zit eigenlijk met 3 ideeën maar vraag me af:

1= bezoekers teller ?
2= tip van de dag
3= nieuwe updates

1= ik heb een bezoekers teller aangemaakt via: http://tellertest.com/
en gebruikte deze code:

PHP:
<!-- Begin Stealth code -->
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
var MyName   = 'ebosmanne0';
var MyWidth  = 22;
var MyHeight = 22;
var MyAlign  = '';
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"
	SRC="http://www.stealth.nl/library/js/stealth_lite.js"></SCRIPT>

<NOSCRIPT>
<IMG SRC="http://www.stealth.nl/usr/stealth.gif?name=ebosmanne0" BORDER="0"
	ALT="Stealth rapport van ebosmanne0" WIDTH="1" HEIGHT="1">
</NOSCRIPT>
<!-- Einde Stealth code -->

Nu mijn vraag hiervan: Het is wel gemaakt in javascript en is een gratis bezoeker's teller.

Alleen het telt me eigen bezoek mee, en mogelijk is het door die javascript slecht voor mijn website. (zoekmachine's)

Moet ik een andere teller nemen die mijn eigenste bezoek NIET mee telt? Of dit zo laten staan? Het gaat er mij maar om, dat ik een gratis teller kan gebruiken en die het liefst me eigenste bezoek niet mee telt. Wel belangrijke informatie van de bezoeker te weten is wel fijn. Dan weet ik ongeveer wat de meeste bezoekers bv gebruiken als:
browsers,scherm resoluties, en bv welke land ze vandaan komen. maar ook hoevaak ze terug keren op mijn website o.a.

2= Ik gebruikte hiervooraf de: "tip van de dag" Daarin laat ik Iedere dag een andere klein stukje text zien die misschien handig zijn voor deze website, of andere informatie.

ik heb toen een stukje html code van gemaakt:

PHP:
<script language="javascript"> 
<!-- 

var today_obj=new Date() 
var today_date=today_obj.getDate() 

var tips=new Array() 
var tiptitle='<b><FONT COLOR="#990033"> Tip van de dag</FONT></b><br>' 

tips[1]='<FONT COLOR="#0000cc"> Heb je zelf een apresski café?<br> stuur dan een email voor een plaats op deze website</FONT>' 
tips[2]='<FONT COLOR="#0000cc"> Onderaan staat de knop home, <br>als je daar op klikt keer je altijd terug naar deze pagina</FONT>' 

<enz.. enz.. enz... tot:>

tips[31]='<FONT COLOR="#0000cc"> Op deze site komen <br>gemiddeld 2 bezoekers per dag</FONT>' 

document.write(tiptitle) 
document.write(tips[today_date]) 

//--> 
</script>

wederom weer stukje javascript. Misschien dat dit wel kan op mijn website een stukje javascript tensamen met die teller???

3= nieuwe updates. Wanneer weet nu een bezoeker dat er een pagina is veranderd voor het laatst???
Mijn idee is te laten zien hoe oud bv de pagina is.

d.w.z. dat ik doormiddel van een nieuwe update te hebben geplaatst een stukje html text neer plaatst onder mijn menu/inleidings text.

Op me oude website plaatste ik zoiets als van:

PHP:
<center><h4><FONT COLOR="#0000cc"><FONT FACE="Comic Sans MS, SANS-SERIF, VERDANA, ARIAL">
last updated: 18-01-2010
</FONT></h4></center>

de code is in iedergeval niet juist, maar de weergave is wel zoiets als wat ik dan bedoel.

dus:

1= De bezoekers teller komt helemaal rechts van de pagina. en onderaan.
2= De tip van de dag komt helemaal links van de pagina. en onderaan.
3= De laaste geplaatste update komt onder aan de pagina in het midden.
 
Ik zou de <title> hetzelfde maken als de description. En die dus liefst weer hetzelfde als de <h1>. Dat kan trouwens inderdaad ook nog veel later.

In het verleden is er gigantisch misbruik gemaakt van keywords, description, title en <h1>. Dan werd er, bijvoorbeeld ten tijde van de verkiezing van Obama, iets over Obama in de description gezet. Om bezoekers te trekken, terwijl de site dus helemaal niet over Obama ging. (Toen Obama werd gekozen speelde dit al niet meer, maar er schiet me zo gauw geen ander voorbeeld te binnen van 'n beroemdheid.)
Google (en andere zoekmachines) gaan ervan uit dat de site écht over 'n skihut gaat als dat in title, description en h1 voorkomt, En helemaal als die (vrijwel) hetzelfde zijn. Alleen is er nog 'n voorwaarde: sommige woorden uit description, title en <h1> moeten ook op de pagina zelf voorkomen. Dus bijvoorbeeld het woord 'skihut' is prima om te gebruiken in description, title en <h1>.
Als 'n woord zo vaak voorkomt op belangrijke plaatsen, dan is 't vast geen porno-site of zo die bezoekers probeert te lokken met populaire woorden.
Maar die description, title en <h1> kan ook later. Misschien krijg je opeens 'n idee.

Wat ik wel vast zou doen vanwege de lay-out: reserveer vast ruimte voor de <h1>. Anders past de lay-out straks misschien niet meer. Zet gewoon vast even iets neer als <h1>Hier komt straks een onwijs goede titel</h1>. Als de letters te groot zijn, maak je ze gewoon kleiner met css.
De description die je nu hebt heeft de goede lengte, maar de title is veel te kort.

1. De teller. JavaScript maakt niets uit voor zoekmachines. Het is alleen niet goed als bijvoorbeeld links met JavaScript zijn gemaakt op een verkeerde manier, waardoor 'n zoekmachine ze niet kan volgen. En 'n teller die bijvoorbeeld pop-ups voor malware toont kan ook slecht zijn. Maar stealth.nl staat goed bekend.
Ik denk niet dat je je eigen bezoek uit kunt filteren. Deze teller is gratis, en ze hebben ook 'n betaalde. Ongetwijfeld kan die betaalde dat wel... Maar die vind ik wel duur: 149,- per jaar.
Op m'n site staat 'n artikel over gratis tellers op http://css-voorbeelden.nl/artikelen/toebehoren/artikelen-077.html
Als je iets naar beneden scrollt, zie je daar 'n paar afbeeldingen van 'n goeie gratis teller. Dat soort tellers krijg je er vaak bij als je ergens 'n betaalde site neemt. Mijn site kost 60,- per jaar, inclusief deze teller. Op deze teller staat het ip-adres erbij, dus ik kan mijn eigen bezoek er zo uitlichten.

2. JavaScript is dus geen enkel probleem voor 'n zoekmachine. Als je 't maar niet gebruikt voor de belangrijkste tekst, want 't wordt vaak niet gelezen. Maar 't is niet nadelig. Als die tip van de dag niet wordt geïndexeerd, zal dat geen enkel verschil voor 'n zoekmachine uitmaken.

Je zou var tiptitle kunnen veranderen in
var tiptitle='<b style="color: #990033"> Tip van de dag</b><br>'

En je kunt bij alle tips de <FONT COLOR="#0000cc"> en </FONT> weghalen. Als je het hele script in 'n div zet die je in de css als color #0000cc geeft, hebben alle tips in één keer die kleur. Mocht je ooit de kleur willen veranderen, dan hoeft dat maar op 1 plaats, en niet op 31.

Terzijde: kleuren als #990033 of #0000cc die uit drie gelijke paren bestaan, mogen ook worden geschreven als #903 of #00c. Hoeft niet, maar is iets korter.

Trouwens even om boze gezichten te voorkomen: je kunt alleen maar je best doen om zo hoog mogelijk in 'n zoekmachine te komen, maar heel veel dingen zijn geheim. Er is dus nooit 'n echte garantie dat je hoog komt te staan.
En nog iets: als je hier 'n link neerzet naar waar de site uiteindelijk komt te staan, maak die dan even onherkenbaar als link. Wat spaties erin of zo. En misschien is 't goed om dat ook even te doen waar je al 'n link hebt staan. Je ziet namelijk regelmatig dat 'n forum hoger komt dan de site zelf bij veel vragen.

3. Die update-melding kan er gewoon op komen. Maar dan wel met 'n andere code natuurlijk. Alles wat op de oude site kan, kan ook op de nieuwe. En meer.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan