tips_tricks

Zoekmachine hulp

Voor degene die gebruik maken van frames, is hier een handige tip... Soms zie je bij de resultaten van een zoekopdracht alleen een frame staan.. ( bijv. het hoofdframe ) echter zonder de rest van de pagina ( zoals het menu of de header... ) Door de zoekmachine wordt dan enkel de gevonden pagina geopend. Door het plaatsen van deze code op elke pagina is dit vervelende probleem verleden tijd. selecteer hieronder het scriptje...Standaard staat in het script index.html, verander dit echter naar de gewenste url die moet geopend worden, byv. naar je openingspagina

Uiteraard kan dit ook automatisch.... dus zonder dat je de bezoeker laat kiezen of ze wel of niet de rest van de site willen laden. Plaats dan onderstaand script, en de complete pagina ( in dit geval de index ) zal geladen worden.

Web veilige kleuren

Browsers zoals Netscape Navigator and Internet Explorer hebben slechts 256 standaard kleuren ingebouwd. Veertig daarvan heeft Microsoft voor Windows gereserveerd, met de overige 216 mag de rest van de wereld spelen.
Wat betekent dit voor de gemiddelde web-designer ?
Als een browser een niet-standaard kleur moet weergeven, doet 'ie dat door de standaard kleuren zodanig te mengen dat het eindresultaat op de gevraagde kleur lijkt. Dit betekent een hoop rekenwerk voor de browser (en dus langer wachten voor de bezoeker) en met soms een vreemd eindresultaat.. De kleur die wordt weergegeven lijkt in de verste verte niet meer op de kleur die je bedoelde. Vandaar dat je het best kunt werken met de 216 web veilige kleuren.. voor een compleet overzicht ervan , inclusief codes. kijk je hier

Wie linkt jouw site ?

Ook zo benieuwd wie er nou eigenlijk allemaal een link op zijn site heeft staan naar jouw site ? Dan heb ik hier een handige tip voor je . Ga naar bijv. http://nl.altavista.com . Wil je weten wie jouw site gelinkt heeft.. typ dan het volgende in het zoekvenster : link://www.leejoo.nl ( uiteraard verander je de domeinnaam voor je eigen url.. zonder de http ) Er verschijnt dan een lijst met sites die allemaal een link hebben opgenomen naar jouw site.. Handig toch !

Van wie is de mail ?

Krijg jij ook wel eens van die irritante mailtjes.. en je vraagt je af... ?? Who the F.... stuurt me nu dit mailtje... Je kunt er als volgt achter komen.. Als je het mailtje hebt geopend, druk je tegelijkertijd CTRL + F3 in. Je kunt nu exact achterhalen waar en wie het mailtje heeft gestuurd.. !

Achtergrond fixed

Vaak heb je een mooi plaatje.. die je als achtergrond wilt gebruiken voor je website. Maar als je hem als achtergrond gebruikt.. ( met het commando <body background="hier_plaatje.jpg"> ) krijg je hem meerder malen te zien. Als je het onderstaande scriptje tussen je <head> tags zet.. zal je achtergrond plaatje slechts eenmaal verschijnen op een door jouw gekozen positie..

Pasklare afgestemde kleuren

Steeds vaker zie ik mensen worstelen met de kleuren voor hun site.. Je ziet dan kleuren die echt niet goed bij elkaar passen. Vandaar dit handige hulpje die je bij een zelf gekozen kleur de 6 meest gangbare kleuren voorschotelt. ( compleet met de kleurnummers ) Klik hier om de pasklare kleur generator te openen.

Eigen Google Zoekmachine

Misschien heb je hem al wel gezien.. de zoekmachine op leejoo.nl Dit is een service van Google.. Gratis.. ! Het stelt je bezoekers in staat om op je eigen site te zoeken naar bepaalde pagina's, of gewoon op het www.. ! Ook zo'n handige zoekmachine op je site.. dit kan eenvoudig door je aan te melden bij Google gratis zoek optie , en binnen een mum van tijd heb je je eigen zoek - optie op je site staan !

Je Eigen Startpagina

Veel homepages bouwers hebben een site met allerlei link verzamelingen erop. Wat men vaak niet weet... is dat er eenvoudige site-builders zijn.. waarmee men in een handomdraai je eigen startpagina / link overzicht kan maken. Een goed voorbeeld hiervan is Goedbegin. Zeer eenvoudig in gebruik.. professionele look, en je bent meteen een onderdeel van een grote portal. Uiteraard is dit niet de enige site waar dit kan. Hieronder zie je nog enkele voorbeelden : Voor een compleet overzicht kijk je hier !

-Eigenstart	-Startbewijs.nl	-Mypip.nl
-Jouwstarter.nl	-Linktipper.nl	-Jouwpagina.nl

Script tester

Plak je script in de tekst box hieronder en klik op test. Een nieuw venster opent met het resultaat en je kunt gelijk zien of je code werkt.

Een I-frame maken

Zoals jullie wellicht weten, maakt deze site gebruikt van frames : Het menu frame en top frame blijven hierdoor steeds in beeld, en in het hoofdframe laden de links. Maar het kan ook anders... je kunt ook werken met een I-Frame ( een zogeheten Inline Frame ) Hoe werkt nu zoiets ?

Het inline frame wordt bepaald door de tags <iframe> en </iframe>

Bijvoorbeeld: <iframe width=400 height=40></iframe> geeft dit als resultaat:

Een inhoud aan het iframe geven is zeer eenvoudig: <iframe width=400 height=40 src="inhoud.htm" align="center"></iframe> waarbij inhoud.htm dus de pagina is die in het iframe wordt weergegeven.

Zo kun je eenvoudig de buitenmarges bepalen: <iframe width=400 height=40 src="inhoud.htm" align="left" frameborder=0 hspace=20 vspace=10></iframe>

Of je geeft aan of er wel of geen scrollbars (yes,no,auto) moeten worden weergegeven.
<iframe width=400 height=40 src="inhoud.htm" align="left" frameborder=0 scrolling="no"></iframe>

De Resolutie Tester

Spam Tegengaan

Je kent het wel.. irritante mailtjes die je mailbox volgooien.. ongevraagd.. Vaak wordt je mailadres gegenereerd door een link op je site.. bijv : mailto:mail@jouwmailadres.nl De spammachines zoeken het internet af naar de verwijzing mailto. Als je deze vervangt ( dus alleen "mailto ) voor de onderstaande tekens, werkt je link naar email nog wel.. maar de spam machines zullen je mailadres niet kunnen vinden. Handig toch !

ps :je kunt de tekst selecteren( blauwe gedeelte ) en dan klikken op CTRL C.. vervolgens plakken met CTRL V in bijv. je kladblok )

Blauwe Rand weghalen

Als je van een plaatje een klikbare link hebt gemaakt...., krijg je er een blauwe rand omheen. Als je het op de onderstaande manier doet.. zal de rand niet verschijnen.... wel zo netjes toch.. ( of je moet het willen... dan kun je de rand zelfs dikker maken.. door de border="0" op 2 of 3 te zetten )

Zoeken met Altavista in je eigen site

Als je je site hebt aangemeld bij AltaVista , kan je deze zoekmachine gebruiken om je eigen pagina's doorzoekbaar te maken. Dit kan met behulp van het onderstaand script . Je vult het adres van je site in ( zonder http:// ) en geeft het zoekwoord op. Je kan het gebruiken voor elke website die bij AltaVista is aangemeld. Heb je dit nog niet gedaan.. doe dat dan hier.

Om het bovenstaande zoekformulier op je site te zetten.. heb je de onderstaande codes nodig.


	Plak dit tussen de <head> tags

<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript"> var host = ""; var hostname; var protocol; var port; var path; function ParseURL(url) { if (url == "") { host = ""; return; } var ix = url.indexOf("://"); if (ix == -1) { protocol = "http"; ix = 0; } else { protocol = url.substring(0, ix); ix += 3; } var pathname; var jx = url.indexOf("/", ix); if (jx == -1) { hostname= url; pathname = ""; } else { hostname = url.substring(ix, jx); pathname = url.substring(jx + 1, url.length); } if (hostname == "") host = port = ""; else { ix = hostname.indexOf(":"); if (ix == -1) { host = hostname; port = ""; } else { host = hostname.substring(0, ix); port = hostname.substring(ix + 1, hostname.length); } } if (pathname == "") path = ""; else { ix = pathname.indexOf("."); if (ix == -1) path = pathname; else { for (jx = ix - 1; jx >= 0 && pathname.charAt(jx) != "/"; jx--); if (jx == -1) path = ""; else path = pathname.substring(0, jx); } } } // replace one delimiter with another function ChangeDelimiters(str, delimiter, replacment) { var jx = 0; var saveIx = 0; str += delimiter; var result = ""; while (jx < str.length) { saveIx = jx; jx = str.indexOf(delimiter, saveIx); if (jx == -1) break; result += replacment; result += str.substring(saveIx, jx); jx = jx + 1; } return result; } // change the delimiters in the location so altavista can digest them function AltaVistaLocation() { ParseURL(document.sitesearch.site.value); if (host == "") return ""; loc = "%2Burl%3A" + protocol + "%3A%2F%2F" + host; if (port != "") loc += "%3A" + port; if (path != "") loc += ChangeDelimiters(path, "/", "%2F"); return loc + "%2F"; } // create a query composed of the altavista site, our site and // the conactenated keywords and submit it function search() { var location = "http://altavista.digital.com/cgi-bin/query?pg=q&what=web&fmt=.&q="; var str = document.sitesearch.keywords.value; location += AltaVistaLocation(); if (str != "") location += ChangeDelimiters(str, " ", "+%2B"); window.open(location, "content"); } function here() { ParseURL(window.location.href); if (host != "") document.sitesearch.site.value = protocol + "://" + hostname + "/" + path; } //-- gevonden op www.leejoo.nl --> </SCRIPT>


	Plak dit formulier tussen de <body> tags

<FORM NAME="sitesearch"> <div align="center"> <center> <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=5 BGCOLOR="#404040"> <TR ALIGN="CENTER" VALIGN="TOP"> <TD COLSPAN="3"><font color="#00FF00">Zoeken op domein met AltaVista</font></TD> </TR> <TR VALIGN="TOP"> <TD><font color="#00FF00" size="2">URL (zonder http://)</font></TD> <TD><font color="#00FF00" size="2"><INPUT TYPE="text" NAME="site" SIZE=35></font></TD> <TD ROWSPAN=2 VALIGN="BOTTOM"> <font color="#00FF00" size="2"> <INPUT TYPE="button" VALUE="Zoek!" onClick="search()"> </font> </TD> </TR> <TR VALIGN="TOP"> <TD><font color="#00FF00" size="2">Trefwoorden</font> </TD> <TD> <font color="#00FF00" size="2"> <INPUT TYPE="text" NAME="keywords" SIZE=35 VALUE=""> </font> </TD> </TR> </TABLE> </center> </div> </FORM>

Vaste URL in Adresbalk

Werk je met frames.. ( zoals ik met leejoo.nl ) dan heb je altijd een zelfde adres in de url balk staan. In mijn geval dus : http://www.leejoo.nl . Maar wat als je nu niet met frames werkt ? Een tekst als http://www.jousite.nl/mapje/plaatjes/voorbeeld/demo1.htm ziet er nu niet echt galdjes uit. Hiervoor kun je het volgende onderstaande scriptje toevoegen.. Wat je doet is een onzichtbaar frame plaatsen.. waarmee je de browser eingelijk om de tuin leidt, met als gevolg dat je altijd eenzelfde adres in de adresbalk krijgt te staan. Handig toch... !

Het Euroteken !

Het viel me op dat er nog steeds veel sites zijn die niet het euroteken gebruiken.. maar gewoon "euro" schrijven... omdat er geen euroteken op hun toetsenbord zit. Op de volgende manier kun je toch eenvoudig het " € " teken invoegen : Houd de Alt toets ingedrukt.. en typ op het numerieke gedeelte ( rechts van je toetsenbord ) 0128 in terwijl je de "alt " toets ingedrukt blijft houden. Er zal nu in je tekstdocument of mail of waar dan ook.. het € teken verschijnen !

Je eigen 404 pagina

Je hebt het vast wel eens gezien... bij je eigen site.. Een link die niet werkt.. en dan krijg je die lelijke 404 pagina... Maar het kan ook anders.. met je eigen 404 pagina. Deze zal dan verschijnen als er een link niet bereikbaar is .. of een dode link van een site die is opgeheven . Hoe ga je dit doen. Je opent het kladblok (start - programma's - bureau accessoires - kladblok) en typt het volgende in: ErrorDocument 404 http://www.jouwurl.nl/error404.htm Deze sla je vervolgens op als .htaccess geen naam ervoor dus... (opslaan als type: alle bestanden) Vevolgens maak je een pagina die je wilt laten weergeven als een link niet bereikbaar wordt.. ( dus een gewone html pagina met wat je wilt laten zien ) Wil je een idee op doen.. kijk dan eens hier : 404 researchlab Deze sla je op als error404.htm . Vervolgens upload je beide bestanden naar je hoofddirectory op je server.. ( waar ook je index pagina staat... ) en je bent al klaar ! Je kunt het testen door een niet bestaande pagina in je url in te typen ( bijv. http://www.jouwurl.nl/ik-besta-niet.htm ) en als het goed is wordt nu je eigen 404 pagina getoond !

Filmpje op je site

Tegenwoordig hebben veel mensen een digitale cam.. en dus ook veel filmpjes.. Hoe zet je nu zo'n filmpje op je site ? De makkelijkste manier is de volgende.. waarbij je jouw filmpje upload naar de server.. en vervolgens de onderstaande code ( uiteraard aangepast aan je eigen url ) tussen de body tags plakt op de plek waar je je filmpje wilt laten verschijnen....

Linken naar bladwijzer

Een handige tip is deze.. Je wilt vanaf een pagina ( zoals bij mij de updates ) rechtstreeks linken naar een bladwijzer ( bepaald gedeelte ) in een andere pagina... Hoe werkt dit nu..Zoals je hier hebt kunnen lezen is het eenvoudig om binnen een pagina te springen. ( ik maak hier ook gebruik van op bijv. de pagina Startpagina's . Maar je kunt ook rechtstreeks van een andere pagina af springen naar een bepaald gedeelte op een andere pagina van je site. Je maakt dan gewoon een link naar die pagina ( bijv. jouwpagina.htm ) en direct daarachter zet je de bladwijzer. De link wordt dan jouwpagina.htm#alinea2. Dus door de toevoeging van de bladwijzer spring je direct naar een gedeelte op die pagina.. Een goed voorbeeld zie je hier

Geen kennis... wel je eigen site !

Wat moet je nu.. als je totaal geen kennis hebt van programmeertalen, html of wat dan ook, en je wilt toch een website . Een goed voorbeeld hiervan is Jouwstarter.nl of Goedbegin.nl. Simpel, snel en eenvoudig. ( meer voorbeelden vind je hier ) Wil je enkel en alleen een profiel of een Blog op het WWW zetten.. dan kun je dit o.a doen bij bijv. Ikku.nl ( meer voorbeelden vind je hier ). Ook een echte aanrader voor als je wel de inhoud van een site hebt, maar geen goede lay-out, is Templatemonster , waar je de allermooiste, professionele templates kunt krijgen, uniek en zonder reclame ! Als laatste kun je natuurlijk iemand anders een website laten ontwerpen.. Een topper hierin is Graphics-Design. Tegen een laag tarief de mooiste websites, ook voor restyling, banners, foto-bewerking etc.. ! breng maar eens een bezoekje , het is de moeite waard !

Snel vinden van Hyperlink

Als je alle Hyperlinks snel wilt vinden op een pagina ( bijv in grote lappen tekst ). is daar een truukje voor.. namelijk m.b.v. de Tab toets.Als je wilt weten of er verwijzingen in de pagina zitten naar andere interessante sites, drukt dan op de Tab toets om steeds naar de volgende hyperlink te springen. Vanaf de onderkant pagina naar het begin van de pagina kan het ook, door tegelijk op de Shift toets en de Tab toets te drukken. Eenmaal bij een link aangekomen, druk je op Enter om de link te openen.

Image toolbar uit !

In Internet Explorer 6+ heeft een nieuwe functie , genaamd "image toolbar" Deze zorgt ervoor dat als je op een plaatje gaat staan, er een kleine toolbar verschijnt, waarmee je eenvoudig het plaatje kunt opslaan, printen of mailen. Nu is dit natuurlijk niet altijd gewenst. Met de volgende toevoeging in je head tags schakel je dit eenvoudig uit :

Je kunt de toolbar ook voor slechts 1 plaatje uitschakelen.. geef in de url van het plaatje dan het volgende mee :

Plaatsen / verwijderen script :

Stel, je wilt een script plaatsen, en je weet niet zeker of je hem wilt behouden. Of het is slechts voor een bepaalde tijd dat je het op je pagina wilt toevoegen. Als het script eenmaal in je html staat, is het soms lastig om te zoeken wat er nu wel of niet bij hoort, en wat je kunt verwijderen. Wat je dan het beste kunt doen is een aantal tags meegeven aan het begin en einde van het script ( hieronder rood weergegeven )

Voor het script zet je dan  hier komt dan het complete script  en dit aan het einde. De tags zie je niet in je pagina, maar wel duidelijk als je de pagina wilt bewerken en het script weer wilt verwijderen.

Filehosting

Op zoek naar gratis ruimte op het internet...? Hier vind je een aantal gratis file-hosts om je bestanden op weg te zetten. Handig als je iemand iets wilt laten zien wat te groot is om via de e-mail te sturen, of wat je gewoon online beschikbaar wilt zetten voor download !

Sendover.com	Filefactory.com	Megashares.com
Sendspace.com	Yousendit.com	Zupload.com
Filefactory.com	Mooload.com	Uploading.com
Bigupload.com	Sharebigfile.com	Bonpoo.com
Quickdump.com	Turboupload.com	Savefile.com
Mysharebox.com	Freeuploader.com	Uploadsend.com