NL.INTERNET.WWW.ONTWERP Frequently Asked Questions
Laatste wijziging: 19 april 1999
<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>
<UL> <OL>
en <LI>
Tekst springt in. Wel met een blokje, nummertje rondje ervoor maar toch!<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.
<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.
<BR>
kun je een regel laten inspringen. Een non-breaking space maak je met
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.
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.
<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.
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:
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript"> <!-- verberg script voor oude browsers if (top.frames.length!=0) top.location=self.document.location; // stop verbergen --> </script>
<FRAMESET ROWS="xx,yy" FRAMEBORDER="0" BORDER="0" FRAMESPACING"0">
De HTML 4.0-specificatie gebruikt €
(of €
), maar dit wordt niet standaard door de belangrijkste browsers ondersteund.
Meer informatie over de euro en HTML kun je vinden bij de eurofaq
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.
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
FONT-
element
Voorbeeld:
<P><FONT FACE="Verdana, Arial, Helvetica"> Tekst in Verdana, Arial, of Helvetica.</FONT></P>
FONT
is een inline-element. Dat houdt in dat het geen block-level-elementen (zoals P
, TABLE
, H1
etc.) kan bevatten. Het moet herhaald worden binnen elk block-level-element. Netscape is hier heel gevoelig voor.
Op http://www.microsoft.com/typography/web/designer/FACE7.htm legt Microsoft uit wat zij verkeerd vinden aan het element <FONT FACE="">
.
De belangrijkste problemen zijn:
FONT-
naam kan op het ene systeem een lettertype aanduiden dat er anders uitziet op een ander systeem.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.
<STYLE TYPE="text/css" MEDIA="screen,print"> <!-- @font-face { font-family: "Mijn Speciale Lettertype"; src: url("http://mysite/fonts/speciaal-font.eot") } // --> </STYLE>Zie http://www.microsoft.com/typography/web/embedding/ voor de het maken van de voor Exporer bruikbare eot-bestanden met een gratis Microsoft-hulpmiddel.
<LINK REL="fontdef" SRC="fonts/cursiveFonts.pfr">Zie http://www.bitstream.com/products/world/webfont/index.html voor het maken van pfr-bestanden.
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 -->
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.
<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