NIWO FAQ

NL.INTERNET.WWW.ONTWERP Frequently Asked Questions

Laatste wijziging: 19 april 1999

2. Hoe doe ik dat?

2.1 Hoe wijzig ik met 1 klik 2 frames?

Er bestaat een simpele HTML-oplossing, namelijk gewoon een hele nieuwe frameset inladen en daarin de inhoud van 2 frames naar andere pages laten wijzen. Dus gewoon een Anchor-tag naar een nieuwe frameset en dan ben je klaar.
Maar met JavaScript is het een stuk korter en stoerder. Zet bovenin je document de volgende JavaScript-code:
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!-- //Verberg script voor oude browsers
    function fnUpdate()
    {
       top.frame1.location="URL1";
       top.frame2.location="URL2";
    }
    // -->
</SCRIPT>
De eigenlijke link in je frame ziet er dan als volgt uit:
<A HREF="URL1" TARGET="frame1"
 onClick="fnUpdate();">Update frames</A>
Als een loerder niet overweg kan met dit scriptje, zal alleen het eerste frame vervangen worden en zul je moeten overgaan op de HTML-oplossing, dus zelf een nieuwe frameset aanmaken en de link naar de nieuwe frameset laten verwijzen.

Een tweede JavaScript-oplossing is de volgende. Hierbij kunnen de URL's als parameters worden meegeven aan de functie.

Definieer in je frame waar de link staat (meestal een menu oid) de volgende functie (naam is niet belangrijk):

<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!-- //Verberg script voor oude browsers
function Load(l,r)
{
  parent.right.location.href=r;
  location.href=l;
}
// -->
</SCRIPT>
De parameters l en r staan voor links en rechts. Je kan dus meegeven wat de pagina voor het linker frame moet worden en wat de pagina voor het rechter frame moet worden. De right in 'parent.right' is de naam van het rechterframe. 'location.href' verwijst naar het actieve frame.

Als er dus in het linkerframe (het menu) geklikt wordt op een link, dan eranderd zowel het menu als de hoofdpagina.

Aanroepen gebeurt door bijvoorbeeld:

<A HREF="JavaScript:Load('menu2.html','personal.html')">
Persoonlijke pagina</A>

2.2 Hoe kan ik tekst laten inspringen?

Er zijn veel manieren om tekst te laten inspringen. Het kan met <BLOCKQUOTE>, met <PRE>, met non-breaking spaces, met een tabel en met een style sheet, of met:
  1. <UL> <OL> en <LI> Tekst springt in. Wel met een blokje, nummertje rondje ervoor maar toch!
  2. <BLOCKQUOTE> Met deze opmaakcode springt de tekst links en rechts in:
    Ik ben makelaar in koffie, en woon op de Lauriergracht No. 37. Het is mijn gewoonte niet, romans te schrijven, of zulke dingen, en het heeft dan ook lang geduurd, voor ik er toe overging een paar riem papier extra te bestellen, en het werk aan te vangen, dat gij, lieve lezer, zoëven in de hand hebt genomen, en dat ge lezen moet als ge makelaar in koffie zijt, of als ge wat anders zijt.
  3. <PRE> De opmaakcode zorgt voor preformatted text, d.w.z. een spatie is een spatie en een harde return is een harde return.
    Ik ben makelaar in koffie, en woon op de Lauriergracht No. 37.
     Het is mijn gewoonte niet, romans te schrijven, of zulke
      dingen, en het heeft dan ook lang geduurd, voor ik er
       toe overging een paar riem papier extra te bestellen,
        en het werk aan te vangen, dat gij, lieve lezer,
         zoëven in de hand hebt genomen, en dat ge
          lezen moet als ge  makelaar in koffie
            zijt, of als ge wat anders zijt.
    
  4. non-breaking spaces Deze zorgen er voor dat tekst niet wordt afgebroken. Door het te combineren met <BR> kun je een regel laten inspringen. Een non-breaking space maak je met &nbsp;

    Ik ben makelaar in koffie, en woon op de Lauriergracht No. 37.
        Het is mijn gewoonte niet, romans te schrijven, of zulke dingen, en het heeft dan ook lang geduurd, voor ik er toe overging een paar riem papier extra te bestellen, en het werk aan te vangen, dat gij, lieve lezer, zoëven in de hand hebt genomen, en dat ge lezen moet als ge makelaar in koffie zijt, of als ge wat anders zijt.

  5. Met een tabel. Door een lege kolom te maken en in de volgende kolom de tekst laten inspringen. Een populaire truc is het gebruiken van een transparant gifje van 1 x 1 pixel in de lege kolom. Door de breedte en de hoogte te variëren kun je de tekst op een vaste plek zetten.

    Ik ben makelaar in koffie, en woon op de Lauriergracht No. 37. Het is mijn gewoonte niet, romans te schrijven, of zulke dingen, en het heeft dan ook lang geduurd, voor ik er toe overging een paar riem papier extra te bestellen, en het werk aan te vangen, dat gij, lieve lezer, zoëven in de hand hebt genomen, en dat ge lezen moet als ge makelaar in koffie zijt, of als ge wat anders zijt.

  6. Style sheet Dit werkt alleen met MSIE 3.x en hoger, en met Netscape 4.x:
    <P style="margin-left: 20px">deze tekst in ingesprongen</P>
    

    Ik ben makelaar in koffie, en woon op de Lauriergracht No. 37. Het is mijn gewoonte niet, romans te schrijven, of zulke dingen, en het heeft dan ook lang geduurd, voor ik er toe overging een paar riem papier extra te bestellen, en het werk aan te vangen, dat gij, lieve lezer, zoëven in de hand hebt genomen, en dat ge lezen moet als ge makelaar in koffie zijt, of als ge wat anders zijt.

    of
    <P style="margin-left: 20px" CLASS=wr>deze tekst in ingesprongen</P>
    
    (verschil zal je enkel zien als je een gekleurde achtergrond gebruikt voor hetzelfde element, werkt niet goed met MSIE 3.x)

    Ik ben makelaar in koffie, en woon op de Lauriergracht No. 37. Het is mijn gewoonte niet, romans te schrijven, of zulke dingen, en het heeft dan ook lang geduurd, voor ik er toe overging een paar riem papier extra te bestellen, en het werk aan te vangen, dat gij, lieve lezer, zoëven in de hand hebt genomen, en dat ge lezen moet als ge makelaar in koffie zijt, of als ge wat anders zijt.

    of als je enkel de eerste regel wil laten inspringen:
    <P style="margin-left: 10px">deze tekst in ingesprongen</P>
    

    Ik ben makelaar in koffie, en woon op de Lauriergracht No. 37. Het is mijn gewoonte niet, romans te schrijven, of zulke dingen, en het heeft dan ook lang geduurd, voor ik er toe overging een paar riem papier extra te bestellen, en het werk aan te vangen, dat gij, lieve lezer, zoëven in de hand hebt genomen, en dat ge lezen moet als ge makelaar in koffie zijt, of als ge wat anders zijt.


2.3 Hoe zet ik een teller op mijn pagina?

Meestal heeft de Internet Service Provider (ISP) waar je site geplaatst is wel de mogelijkheid om een teller te plaatsen. Informeer hiervoor bij je ISP voor meer informatie. Je kan ook van gratis teller-diensten gebruik maken.

Gratis tellerdiensten:

2.4 Hoe voorkom ik dat mijn website geframed wordt?

Probleem: Je hebt zelf een pagina met mooie frames gemaakt, maar als er naar jouw site gelinkt wordt, komt niet jouw frame, maar de frame van een ander om jouw pagina heen te staan. Dit kan je voorkomen door in elke pagina het volgende JavaScriptje te zetten:
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!-- verberg script voor oude browsers
if (top.frames.length!=0)
  top.location=self.document.location;
// stop verbergen -->
</script>

2.5 Hoe voorkom ik ruimte tussen twee frames?

Om te voorkomen dat er een randje tussen twee frames verschijnt, neem je het volgende op in de definitie:
<FRAMESET ROWS="xx,yy" FRAMEBORDER="0" BORDER="0" FRAMESPACING"0">

2.5 Hoe zet ik de euro op mijn pagina?

De HTML 4.0-specificatie gebruikt &#8364; (of &euro;), maar dit wordt niet standaard door de belangrijkste browsers ondersteund.

Meer informatie over de euro en HTML kun je vinden bij de eurofaq

2.7 Hoe maak ik een pull-down menu?

Hiervoor moet je een script plaatsen in de HEAD van je document:

<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!-- 
// URL Jumper
function leapto(form) 
   {
   var myindex=form.dest.selectedIndex;
   window.location=form.dest.options[myindex].value;
   }
// -->

En dan een formulier als volgt in de BODY van je document:

<FORM NAME="myform">
  <SELECT NAME="dest" SIZE=1>
    <OPTION VALUE="index.html">home
    <OPTION VALUE="cd/liedjes.html">songteksten
    <OPTION VALUE="http://www.anouk.nl/nobodieswaaaif.html">Spelen!
  </SELECT>
<INPUT TYPE="BUTTON" VALUE="Ga hier naar toe" onClick="leapto(this.form)">
</FORM>

.. bij VALUE voer je de eigenlijke links in, met erachter de beschrijving.

2.8 Hoe kan ik een bepaald lettertype gebruiken in mijn pagina?

Je kunt aan de bezoeker van je netplek een bepaald lettertype suggereren om jouw site mee te bekijken. Dit doe je met behulp van de FONT-tag.

Bedenk je echter dat HTML zo is opgezet dat gebruikers juist hun eigen favoriete fontje in hun browser kunnen instellen. Soms is het lettertype wat jij suggereert, niet het lettertype wat de gebruiker het prettigste vindt om pagina's mee te lezen.

Het kan daarom nooit kwaad om eerst eens kritisch naar deze HTML-TAG te kijken. In dit geval doen we dat op een pagina die wel wat te vertellen heeft over het gebruik van FONT.

Bedenk je bij het gebruik van de FONT-tag ook dat er in HTML 4.0 een vervangend element is. Aangezien CSS style sheets sinds HTML 4.0 de norm zijn is het dan ook de vraag of er aan de FONT-tag en de daarmee verbonden problemen en mogelijkheden nog wel (veel) werk besteed moet worden in de faq.

We doen dit uiteraard toch, simpelweg omdat het gebruik van FONT een Frequently Asked Question is :-)

Nieuwer dan onderstaande uitleg is de uitleg over de FONT-tag van John Westera

Het BASEFONT-element is als gevolg van onvolledige ondersteuning in browsers niet bruikbaar. (Red: weet iemand welke browsers deze tag wel/niet ondersteund?)

Neem het volgende stylesheet op in het HEAD-gedeelte van je document:

<STYLE>
  <!--
    BODY, P, TD { font-family: "New Century Schoolbook", Times, serif }
  -->
</STYLE>

om voor het hele document een lettertype te suggeren. De TD als stylesheet- selector is nodig voor Netscape (IE is niet zo strict met de inlineTag <FONT> als NS). De eerste twee problemen van het FONT-element heb je niet bij het gebruik van stylesheets. Het laatste probleem blijft wel bestaan.

Het gebruik van een stylesheet werkt niet in Netscape 3, in tegenstelling tot het FONT-element.

Zie voor meer informatie over het gebruik van stylesheets http://www.dto.tudelft.nl/mirhtml/css/inhoud/inh-css.htm.

Dan kun je het lettertype door de gebruiken laten downloaden. De lettertypes uit deze FONT-bestanden kunnen daarna zowel door het FONT-element als door styleheets worden gebruikt in een document.

Met CSS2 kan nog veel verfijnder te werk worden gegaan, maar dat wordt nog niet ondersteund door browsers. Zie http://www.w3.org/TR/REC-CSS2/fonts.html.

Met een ActiveX Control van Bitstream is het mogelijk om de pfr-bestanden die door Netscape Navigator 4 gebruikt worden, ook in MS Explorer 4 weer te geven. Hierdoor hoef je nog maar een FONT-bestand zelf te maken.

Gebruik dan deze code:

  <!-- start dynamic font description -->
  <LINK REL=FONTDEF SRC="geoslab.pfr">
  <!-- end dynamic font description -->

  <!-- start Bitstream ActiveX Control support -->
  <SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript"
    SRC="http://www.truedoc.com/activex/tdserver.js">
  </SCRIPT>

  <link>
  <!-- end Bitstream ActiveX Control support -->

2.9 Hoe beveilig ik mijn netplek met een wachtwoord?

Er zijn twee mogelijkheden om een homepage te beveiligen met een wachtwoord. De veiligste is als je de beveiling via de server kunt regelen. Een tweede veel minder veilige manier is met behulp van javascript.

In het tweede geval (de javascript oplossing) geldt dat de pagina's natuurlijk niet door zoekrobots ge-indexeerd mogen worden, anders verschijnen je veilige pagina's wellicht in zoekmachines. Voeg daarom de volgende code toe aan het HEAD gedeelte van je document:

<META NAME="robots" CONTENT="NOINDEX">
Of als je ook de links op de pagina niet wilt laten indexeren:
<META NAME="robots" CONTENT="NOINDEX,NOFOLLOW">
Om helemaal veilig te zijn is het zelfs noodzakelijk dat er op de server een ROBOTS.TXT bestandje wordt aangemaakt of aangepast.

2.10 Hoe krijg ik een icoontje in de adresbalk naast de URL?

Een van de meest gestelde vragen van dit moment is de vraag hoe zo'n icoontje te krijgen naast je URL en in de bookmarks. Dit kan heel simpel, maar er zijn een aantal dingen om rekening mee te houden: Hoe het werkt: Maak een bitmapbestandje in bijvoorbeeld Paint, met een hoogte en breedte van 16 pixels en sla dit bestandje op als favicon.ico in de root van uw site. Load dit allemaal up, en als u geluk hebt, komt het icoontje naast de URL van uw site te staan.

2.11 Hoe krijg ik een link niet onderstreept?

Ook wordt er vaak gevraagd hoe men een link niet onderstreept kan krijgen. Het antwoord is simpel: voeg het volgende in tussen de <HEAD> en de </HEAD> van uw HTML pagina:
<style type="text/css">
<!-- /* verbergen voor oudere browsers */
a {
    text-decoration : none ;
}
/* stop met verbergen */ -->
</style>
Nu zullen alle <A> tags niet onderstreept worden

vorigevolgende

Terug naar de inhoud