Maak je eigen Homepage! FAQ.

Maak je eigen Homepage!
FAQ (Frequent Aangekaarte Questies)

Door de jaren heen heb ik van lezers veel vragen gekregen over dingen die onduidelijk waren of niet in de cursus beschreven waren. Natuurlijk heb ik geprobeerd al die vragen te beantwoorden en daarbij zelf nog het een en ander bijgeleerd.
Daarom kent mijn dank aan alle vragenstellers geen grenzen. Om iedereen te laten profiteren van de vragen die gesteld zijn, heb ik een aantal veel gestelde vragen op een rijtje gezet.
Omdat je aan vragen van een ander niet zoveel hebt, heb ik er meteen maar even de (mogelijke) antwoorden bijgezet.
Laten we hopen dat deze uitbreiding voor jou net zo leerzaam is als voor mij!

Wat is Notepad?
Hoe laat ik een achtergrondplaatje stilstaan t.o.v. de tekst?
Help! De plaatjes worden niet getoond
Hoe geef ik een subject mee aan een e-mail link?
Hoe kan ik zorgen dat links niet onderstreept worden?
Hoe maak ik een bestand geschikt om te downloaden?
Hoe zorg ik ervoor dat een link in een nieuw venster geopend wordt?
Ik zie rare streepjes bij mijn imagelinks en ik krijg de plaatjes niet tegen elkaar aan.
Hoe maak ik buttons op mijn site?
Hoe kan ik meerdere frames tegelijk verversen?
Hoe maak ik zo'n grappig klokje bij mijn muis?
Ik heb mijn website klaar. Hoe krijg ik hem nu op het net?

Vraag:
Wat is in vredesnaam Notepad en hoe kom ik er aan?
Antwoord:
Notepad of Kladblok is de standaard Windows teksteditor, een programmaatje dus, waarmee je tekst kun bewerken. Als je Windows '95 of hoger of Windows NT 4.0 hebt, klik je de Start knop en kies dan voor Programma's en dan Bureau-Accessores. Je zou dan een pictogrammetje in de vorm van een kladblok moeten zien. Klik erop en voila, daar is Notepad.
Voor wat wij hier aan het doen zijn, is elke teksteditor geschikt. Zelf gebruik ik Ultra Edit. Het leuke van deze editor is dat je meerdere bestanden tegelijk kunt openen en je HTML tags in verschillende kleuren ziet. Een andere leuke editor is EditPad. Niet zo flitsend als Ultra Edit maar wel goed.
Wat je beslist niet moet gebruiken om je webpagina's te editen, zijn tekstverwerkers als Word en WP. Die zijn niet echt geschikt om HTML te bewerkerken en je moet goed weten wat je doet als je je document als platte tekst wilt opslaan. De meeste tekstverwerkers slaan de bestanden in hun eigen formaat op en dat is voor een browser abracadabra.
Index
Vraag:
Ik zie wel eens sites waar de achtergrond blijft staan en de tekst eroverheen scrollt. Kan ik dat ook?

Antwoord:
Natuurlijk, en het is nog simpel ook (wat niet?)
Geef als parameter BGPROPERTIES=FIXED mee aan de BODY tag...

<BODY BACKGROUND="achtergrond.gif" BGPROPERTIES=FIXED>

Wat nou als je dit gedaan hebt en het werkt niet. Dan gebruik je ongetwijfeld Netscape. Dit truucje werkt namelijk alleen in Internet Explorer en zijn klonen.
Index
Vraag:
Nadat ik mijn site ge-upload heb, deden de plaatjes het niet meer. Ik gebruik relatieve verwijzingen en ik weet zeker dat ik ze overgezet heb. Ik kan ze zien in mijn FTP programma.
Antwoord:
Klinkt als een hoofdletter-kleine letter probleem. Op een Windows PC is Aap.gif hetzelfde als AAP.GIF en dat is weer hetzelfde als aap.gif. Voor de server die meestal onder UNIX draait, zijn dat drie verschillende bestandsnamen Je vraagt de server om Aap.gif en alles wat hij vindt is AAP.gif.
De oplossing? Gebruik altijd kleine letters voor je bestandsnamen. Als je hier een gewoonte van maakt, zal dit monster je nooit te pakken krijgen.
Een andere goede gewoonte is het voorkomen van spaties in je bestandsnamen. Vervang ze door underscores (_). Wijzig dus mijn hond.gif in mijn_hond.gif.
Index
Vraag:
Hoe kan ik een onderwerp (subject) meegeven aan een e-mail link?
Antwoord:
Heel simpel maar pas op. Je kunt op de volgende manier een onderwerp meegeven...
<A HREF="mailto:bill.gates@microsoft.com?subject=Hi Bill!">
... maar, houdt er rekening mee dat sommige mailprogramma's niet met deze optie om kunnen gaan. Daardoor kan het lijken dat het mailtje verzonden is maar in werkelijkheid is het in het niets verdwenen. Als deze, overigens zeldzame, eigenaardigheid een probleem kan zijn, gebruik de subject-optie dan niet.
Index
Vraag:
Hoe kan ik zorgen dat de links in mijn site niet onderstreept worden?
Antwoord:
De lezer kan dat instellen in zijn browser. Als je het wilt afdwingen moet je een Style Sheet gebruiken. Wat voor iets?? Een Style Sheet. Met een Style Sheet geef je bepaalde opmaak kenmerken voor je pagina op. Misschien komen we later wel een keer wat uitgebreider op dit onderwerp terug. Nu geef ik je even een oplossing voor het onderstreepte-link-probleem. De oplossing heb ik zelf ook ergens van het net geplukt.
Zet het volgende stukje code tussen de <HEAD>-tags en elke browser die Style Sheets ondersteunt zal de links weergeven zonder ze te onderstrepen....
<style type="text/css"></style>
Index
Vraag:
hoe kan ik linken naar een bepaald bestand, zodat mijn lezers het kunnen downloaden?
Antwoord:
Ook dit is niet moeilijk, maak er gewoon een link naartoe. Stel dat je een document hebt dat je beschikbaar wilt stellen voor download.
Maak er een link van...
<A HREF="sollicitatie.doc">Download het sollicitatieformulier</A>

Download het sollicitatieformulier
Je vraagt je misschien af hoe je zeker kunt weten dat het bestand op schijf wordt opgeslagen in plaats van geopend in een of andere applicatie. In het kort komt het er op neer dat je weinig controle hebt over wat er met het bestand gebeurt als de lezer het download. Windowsgebruikers weten meestal wel dat je op de link kunt rechtsklikken en vervolgens opslaan. Sommigen hebben wellicht een programma dat het bestand direct opent. Laat de lezer dit deel van het downloaden lekker zelf afhandelen. Alles wat jij moet doen is het bestand ter download aanbieden.
Als je je lezers te vriend wilt houden, kun je je bestand (soms aanzienlijk) verkleinen door het in te pakken met een zip-programma. Doe dit ook als je meerdere bestanden tegelijk wilt aanbieden.
Wat is nou weer inpakken, zippen en wat voor termen je er nog meer voor kunt bedenken???
Aangezien dit een HTML-cursus is en geen ZIP-cursus, verwijs ik je hier even door naar Winzip
Index
Vraag:
Hoe zorg ik ervoor dat een link in een nieuw venster geopend wordt?
Antwoord:
Evenals bij het onderstrepen van links, kan de lezer dat zelf beslissen. Hij hoeft alleen maar met rechts op de link te klikken en te kiezen voor "Open In New Window".
Er kunnen bijzonder goede redenen zijn om een nieuw venster automatisch te openen. Bedenk zelf maar eens wat van die redenen.
Voeg TARGET="_blank" toe aan de link...
Ga naar <A HREF="http://home.netscape.com/"TARGET="_blank" > Netscape!</A>
Meer over dit onderwerp in de frames-cursus.
Index
Vraag:
Er zitten kleine, blauwe lijntjes naast mijn image-links. Bovendien lukt het me niet om ze netjes tegen elkaar aan te krijgen. Er blijft een beetje ruimte tussen zitten. En nu komt het... In die andere browser lukt het wel. Rara hoe kan dat?????????

Als je je browser zo hebt ingesteld dat links niet
onderstreept worden (of je gebruikt het eerder
genoemde Style Sheet), dan zul je geen lijntjes
zien en misschien denken waar heeft-ie het over.
Antwoord
De meeste browsers interpreteren een return tussen de plaatjes als een spatie. Sommigen doen dat niet. Zo simpel is dat. Dat blauwe lijntje is niks meer of minder dan die spatie die gewoon onderstreept wordt omdat hij deel uitmaakt van de link. De oplossing laat zich raden: haal die overbodige returns weg.
Dit is de HTML voor de plaatjes hierboven:

Als we het veranderen in wat hieronder staat, verdwijnen de blauwe lijntjes als sneeuw voor de zon:

Nog een kleine aanpassing plakt de plaatjes netjes aan elkaar:

Betekent dit nou dat ik een browser van niks heb? Welnee, hij is gewoon anders dan die andere. Elke browser heeft wel zo zijn nukken. Als je er op een goede manier mee om kunt gaan en je HTML zo opbouwt dat die nukken geëlimineerd worden, ben jij als webdesigner elke browser de baas.
Index
Vraag:
Hoe maak ik buttons die mij naar een andere pagina brengen?
Antwoord:
In de frames-cursus heb ik veelvuldig gebruik gemaakt van buttons die je naar de voorbeeldpagina's brengen. Het zijn gewoon Windowsbuttons die je vrij eenvoudig met HTML kunt maken. We gebruiken daarvoor één van de mogelijkheden van formulieren.
Laten we eens een button maken die ons naar de index van deze pagina brengt...
<FORM> <input type=button value="Index" width="80" onClick="location.href='faq.htm#inhoud'; "> </FORM>
Als je de WIDTH optie niet opgeeft, wordt de button zo breed gemaakt als nodig om het label erin te laten passen. Internet Explorer trekt zich van de WIDTH optie niets aan. Die doet gewoon wat hij zelf wil.

Index (Overbodige link want we hebben nu een button)
Vraag:
Hoe kan ik meerdere frames tegelijk verversen?
Antwoord:
Je kent het wel, je hebt links een menu en rechts een webpagina. Je klikt op een menu-optie en rechts verschijnt de nieuwe webpagina. Maar wat als die pagina nu een eigen (sub)menu heeft. Kun je die tegelijk met de webpagina in het linkerframe laden? Ja, dat kan, en wel op twee manieren:
Met HTML:
Je laat de link niet verwijzen naar een webpagina maar naar een andere master. In die master laat je dan het submenu en de bedoelde webpagina verschijnen. Een makkelijke oplossing dus.
Met Javascript:
Nadeel van de HTML-methode is, dat je voor elke voorkomende combinatie van frames een nieuwe frameset moet maken.
Als je wat meer lef hebt, gebruik je dus javascript. Je moet achtereenvolgens het volgende doen: Maak een master met twee frames waarin je elk frame een naam geeft.
Maak twee menubestanden aan. Zet de volgende javascript code tussen de <HEAD> </HEAD> -tags van die menubestanden:

<HEAD> <TITLE>Twee frames verversen</TITLE> <SCRIPT language="javascript"> function loadLinks(cUrl1,cFrame1,cUrl2,cFrame2) { parent.frames[cFrame1].location = cUrl1 parent.frames[cFrame2].location = cUrl2 } </SCRIPT> </HEAD>
Nu gaan we de links in het menu aanmaken. In plaats van direct naar een html-bestand te verwijzen, maken we een aanroep naar de javascriptfunctie:

<A href="javascript:loadLinks('url1','frame1','url2','frame2')">Ververs twee frames</A>

De parameters 'url1' en'url2' vervang je door de namen van de html-bestanden die je in plaats van de huidige bestanden in de frames wilt laden.
De parameters 'frame1' en 'frame2' vervang je door de namen van de frames waarin je die documenten wilt laden.
Als je een beginnende frames-kunstenaar bent en nog helemaal niets van Javascript afweet, kun je even naar dit voorbeeld kijken. Als je goed naar de broncode kijkt, moet je er wel uit kunnen komen.
Index
Vraag:
Hoe maak ik zo'n grappig klokje bij mijn muis?
Antwoord:
Als je al op de pagina met aanvullende tags bent geweest, heb je gezien dat er een klokje met de muis meebeweegt. Dat is gemaakt met Javascript. Niet door mij maar door een onbekende zie zo jofel is geweest om de code beschikbaar te stellen.
Je kunt natuurlijk in de broncode van de pagina in kwestie kijken en het gewoon overnemen. Om het je wat makkelijker te maken, kun je hier een HTML bestandje openen dat alleen het klokje bevat. Je kunt de pagina vervolgens opslaan en er allemaal leuke dingen inzetten.
Netscapegebruikers opgelet: het klokje is alleen zichtbaar in Internet Explorer.
Vraag:
Ik heb mijn website klaar. Hoe krijg ik hem nu op het net?
Antwoord:
Je moet je site uploaden naar een server die op het internet is aangesloten. Om in deze FAQ te beschrijven hoe dat moet, gaat iets te ver. Daarom heb ik een paar pagina's speciaal over dit onderwerp toegevoegd. Je kunt ze hier bekijken.
Index