JE EIGEN EENVOUDIGE WEBSITE BIJ TELENET

EEN WEBSITE MAKEN VOOR BEGINNERS

Werken met composer	Bestanden uploaden naar server	Kleurencodes
Werken met frames	Geluid of video laten afspelen	Speciale tips en trucs
Links naar zeer interessante sites	Introductiepagina

Een gedeelte van de uitleg geldt alleen voor Telenet-klanten, o.a. het aanvragen van de webruimte (gratis 50 Mb),
en het uploaden van je pagina naar Telenet.

Download volgende gratis software :

1."Netscape Communicator 4.7 (dutch) - complete version" op volgende pagina
    (http://wp.netscape.com/download/archive/client_archive4x.html#4.7%20Dutch)
    De reden is de volgende : Telenet ondersteunt geen Frontpage-extensies van Microsoft. En het is een zeer gemakkelijk
    programma om mee te werken, zeker omdat Telenet er een uitgebreide uitleg bij geeft.

2.HTML-kit Build 290 beta op volgende pagina : http://www.chami.com/html-kit/
   Dit heb je nodig om bepaalde tags, die je kan kopiëren van andere sites, in je eigen HTLM-code op te nemen.
   Van zodra je de code veranderd hebt, kan je een preview doen : m.a.w. door je pagina in Internet Explorer of
   Netscape Navigator te openen, kan je nu al zien hoe de pagina er op het internet zal uitzien.

3. Een programma dat controleert of al je HTLM tags juist zijn "CSE HTLM VALIDATOR LITE"
http://www.htmlvalidator.com/

4. En een programma dat controleert of al de links op je webpagina wel werken "Xenu's link sleuth" op
http://home.snafu.de/tilman/xenulink.html

5 Een programma om je website op de server van je provider (pandora.be) te krijgen is WS_FTP LE,
te verkrijgen op http://www.ftpplanet.com/download.htm
Je kan dit ook met Netscape Composer doen (rubriek Publiceren), maar WS_FTP LE is veel uitgebreider.

6.Op http://helpdesk.telenet.be/navigatie/accountbeheer.htm kan je een nieuwe website aanmaken,
   m.a.w. je webruimte van 50 Mb benutten. Je kiest daar : "inloggen met hoofdaccount". Geef je Pandora ID
   in (a578814 of zoiets : het staat op de installatie-formulieren van Telenet), en daarna je wachtwoord (dat
   je ook gebruikt om je E-mail op te halen)

7 Om met weinig moeite een schat aan materiaal (animated gifs, afbeeldingen en de HTML-code) van anderen te
   verzamelen, heb je "IE-booster" nodig (werkt alleen in Internet Explorer (liefst versie 5.5).Klik op "free download"
   op het volgende webadres http://www.paessler.com/products/ieb/
   Om de HTML code alleen te raadplegen, klik je links bovenaan in Internet Explorer op "Bestand" en dan kies je
   "Bewerken met toepassingsbestand Windows Kladblok" Notepad opent, en je kan de hele webpagina opslaan
   als je drukt op "Bestand", "Opslaan als" en dan dit tekstbestand opslaat als html bestand door "andere bestanden*.*
   te selecteren tijdens het opslaan.

MAAK EEN WEBSITE MET NETSCAPE COMPOSER

Hier vind je alle uitleg

Ga naar deze pagina voor de handleiding van WS_FTP LE, een handig programma om je homepage op de ftp-server
van je provider te krijgen.

JAVASCRIPTS

Met javascripts kan je er bijvoorbeeld voor zorgen dat je homepage zowel op een 600 x 800 scherm als op een veel
groter scherm schermvullend getoond wordt.
Voeg dit toe tussen de <HEAD>-tags :

<script LANGUAGE="JavaScript">
resup=window.screen.height   // Determine screen resolution heigth
     resside=window.screen.width   // Determine screen resolution width
window.moveTo(0,0)     // Move window to top-left corner
window.resizeTo(resside, (resup-27))// Make window the users resulution (27: Taskbar heigth)
</script>

Je kan er ook voor zorgen dat de rechtsklik gedeaktiveerd wordt bijvoorbeeld, zodat men je met veel moeite gecreëerde
afbeeldingen niet kan stelen met IE booster :
Toe te voegen tussen de <BODY>-tags :

SPECIALE HTML TAGS

Hoe zorg ik ervoor dat er muziek te horen is op mijn website ?

Je kan de muziek automatisch laten afspelen, zonder de mogelijkheid hem af te zetten. Dit is niet aan te raden, aangezien
dit sommige mensen op de zenuwen werkt. Dus kan je een speler voorzien met een start- en stopknop.

Tag in te voegen tussen <BODY> en </BODY> :

Ik heb hier de variant met autostart=false genomen (loop=true moet je dus ook weglaten) zodat degene die
de pagina bekijkt alsnog kan beslissen of hij de muziek laat spelen. Het kan soms irritant zijn op een webpagina
muziek te horen die je niet onmiddellijk kan stopzetten. De meeste surfers gaan dan snel naar een andere pagina.

Resultaat :

waarbij je er natuurlijk moet voor zorgen, dat "chickendance.mid" zich in dezelfde map bevindt als de html-pagina, tenzij
je het pad aanpast

Je kan een videobestand opnemen met volgende tags (de kijker moet nog wel op de startknop duwen om hem te zien) :
<p><EMBED src="god.mpeg" width="320" height="260" autostart="false" loop="false" align="top" controller="true" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/">
waarbij "god.mpeg" de naam is van een video-bestand.(Lukt niet in Netscape, wel in IE)

Bedenk dat jij misschien via breedband surft, maar dat anderen met traaaage telefoonlijnen werken, dus als je
muziek laat afspelen, veel grafische bestanden toont, en veel javascript-toepassingen in je website opneemt, zou het
weleens kunnen dat de surfers niet het geduld hebben te wachten tot heel de pagina geladen is, en snel een andere
site opzoeken, die hen onmiddelijk biedt wat ze wensen.

Downloads in je website inbouwen.

Je biedt een bestand aan om te downloaden van je website. Dit doe je door volgende code tussen de <BODY>-tags
te zetten :

<a href="flamingo1.gif">"flamingo1.gif"<"/a>
Download "flamingo1.gif"
Soms wordt het bestand onmiddellijk geopend, maar met een rechtsklik en "Doel opslaan als .." kan je de afbeeldingen
op je harde schijf opslaan.

Hoe kan ik de scroll-balk kleuren (enkel te zien in Internet Explorer, niet in Netscape)

Tussen de <HEAD> en </HEAD> tags, voeg je de volgende code

De kleuren zijn aangegeven in hexadecimale waarden. Hier kan je zien welke waarde bij welke kleur hoort.
Er is ook een gratis tooltje te vinden op http://peachwaresoftware.com/visualscrollbar.html de Visual Scrollbar builder, dat je toelaat de kleuren van de navigatiebalk uit te kiezen en zelf de HTLM-tags produceert die je moet toevoegen.

Als je wil dat men een mailtje naar jou stuurt, kan je volgende tags toevoegen :
<a href="mailto:smurf@telenet.be">eMail-Link</a>
(smurf@telenet.be moet je door je eigen e-mailadres vervangen)

Links naar andere websites
Deze moeten steeds voorafgegaan zijn door http://www ( of ftp://), zoals hier :
<a href="http://peachwaresoftware.com/visualscrollbar.html">de Visual Scrollbar builder</a>

Verwijzingen binnen de webpagina zelf
Als je wil verwijzen binnen je webpagina zelf, dan moet je in Netscape Composer eerst een woord selecteren (ik heb hier
de titel "EEN WEBSITE MAKEN VOOR BEGINNERS" geselecteerd), dan ga je in de balk bovenaan naar Doel. Je geeft een naam aan dat doel (vb garage).

Dan selecteer je een ander woord (hier heb ik dus "een" geselecteerd) . Je klikt op "Kopp" in de balk bovenaan en dan heb je de keuze : selecteer een benoemd doel op de huidige pagina : je klikt op "garage", dan op "toepassen" en dan op "sluiten". Als je nu op de link "een" klikt, zal je onmiddellijk doorverwezen worden naar de titel hier bovenaan.

Afbeeldingen

hier,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,heb ik twee afbeeldingen geplaatst
Als je in de HTML-code genoeg &nbsp plaatst, krijg je de ruimte tussen die twee afbeeldingen, althans in Internet
Explorer, maar dat wordt door Netscape niet gevolgd, zodanig dat je tweede afbeelding telkens naast je andere komt
te staan. Dit los je op door na de tekst hier onzichtbare tekst toe te voegen, m.a.w.in "Opmaak" verander je de kleur
van de tekst in de achtergrondkleur van de pagina, en je tijpt voldoende tekens om de ruimte op te vullen, en pas dan voeg
je de tweede afbeelding toe.

Als je een afbeelding in het midden wil plaatsen, voeg je de CENTER-tags toe (telkens tussen de twee <BODY> tags) :

</P>
<CENTER>
<TABLE BORDER="0" cellpadding="0" CELLSPACING="0">
<TR>
<TD WIDTH="100" HEIGHT="100" BACKGROUND="doelbtn.gif" VALIGN="bottom"></TR></TABLE>
</CENTER>

Door de hoogte en de breedte aan te passen (width="30" Height="40") kan je naar believen je afbeelding veranderen

Animated gifs zijn bewegende beelden, in te voegen tussen de <BODY> en </BODY>-tags met de tag :
<img SRC="16d.gif" height=6 width=400>, waarbij 16d.gif de naam is van de afbeelding. Eigenlijk is dat een klein
filmpje met een aantal beelden, die telkens een ander uitzicht geven.

Op dit adres http://www.fg-a.com/lines.htm kan je allerlei animaties gratis downloaden.

Een teller op je homesite

Een counter kan je ook downloaden van Telenet, als je het niet pathetisch vindt dat er bijvoorbeeld slechts 30
bezoekers geteld zijn :

Vermeldt ergens in de HTML-code van je index.html (tussen de <BODY> tags) :

<IMG SRC="http://users.pandora.be/cgi-bin/yaac/yaac?User-id">
waarbij User-Id je persoonlijke gebruikersnaam is. (bv: ab1234)

Er kunnen twee extra paramaters met het tellerscript worden meegegeven :
inv : het beeld wordt invers getoond (witte cijfers in een zwart vlak) (is je tekst rood en je achtergrond groen, dan zullen
het groene cijfers in een rood vlak zijn)
zero : de teller word vooraf gegaan door nullen.
Achter de User-Id wordt een + teken geplaatst gevolgd door de parameter.

En dan nu : de meta-tags !!!

Hier kan eindeloos over gepalaverd worden. Het zal wel belangrijk zijn, maar ik heb op het net zoveel tegenstrijdige
dingen gelezen, dat ik me zal beperken tot hetgeen me logisch lijkt. De meta-tags worden ingevoegd tussen <HEAD>
en </HEAD>
<META name="description" content="geef hier de beschrijving van je site">
Voorbeeld : <META name="description" content="Websites voor beginners">

<META name="keywords" content="geef hier de trefwoorden waarmee men je site kan vinden">
Voorbeeld : <META name="keywords" content="website, homepage, HTML, webpagina, Website, websites, Webpagina's">

Sommigen beweren dat er na de komma's geen spaties mogen zijn. Men zegt dat je beter de woorden met kleine letter
én met hoofdletter ingeeft, dat je enkelvoud en meervoud moet ingeven, enz. Er zijn mensen die bewust verkeerd
gespelde woorden (vb webpagiena) in hun keywords tag ingeven, in de hoop dat zij dan de enige website
zijn die zal verschijnen, wanneer iemand in de zoekbalk van Google "webpagiena" ingeeft.

De meta-tags zijn onzichtbaar voor degene die je site bekijkt, maar veel zoekmachines zoals Altavista maken er gebruik
van om de inhoud van je webpagina te bepalen, anderen bekijken de trefwoordenfrekwentie (keyword density). En hoe beter je je site profileert, hoe meer hij zal bezocht worden is de gedachte hierachter. Het hangt ook af van de trefwoordendensiteit op je website : als je index.htlm gaat over paarden, en er komt een keer het woord auto in voor, en je bent zo dom bij je Meta tag keywords het woord auto te vermelden, dan zal de trefwoordendensiteit voor het woord auto heel erg klein zijn, wat voor gevolg kan hebben dat men je site negeert. Het is immers zo dat je niet gegarandeerd in de catalogi van Altavista of Google opgenomen wordt, men behoudt het recht voor je site te weigeren. Ook kan je met een trefwoord als "website", de 30.000ste pagina zijn die opgegeven wordt bij Google, maar wie gaat in godsnaam zelfs maar 200 webpagina's bekijken tijdens dezelfde surfsessie ?

Hoe interessanter je site, hoe meer mensen met een eigen homepage een link zullen vermelden naar je site, wat de plaats in de rangorde bij Google bijvoorbeeld of bij Webcrawler of bij Alltheweb danig beïnvloedt.

Het kan belangrijk zijn te vragen aan mensen met gelijksoortige websites (die bijvoorbeeld ook gaan over het maken
van websites) of ze een link willen plaatsen naar jouw pagina. Zo wordt jouw pagina ook meer bezocht.

Hier vind je nog een massa informatie over het maken van websites

Dan moet je nog je site aanmelden bij Ilse, Yahoo, Excite, Lycos, Webcrawler, Altavista, Google, Alltheweb,
Altavista en anderen. Soms is het belangrijk je zelf handmatig aan te melden :
Altavista : http://addurl.altavista.com/addurl/new/
Yahoo : daar moet je eerst de categorie vinden links onderaan (directory)waartoe je behoort, en vanuit deze categorie kan je je eigen site suggereren : vb site over het maken van websites behoort tot de categorie Computers- onderverdeling World Wide Web - onderverdeling Site Development. Rechts onderaan vind je dan "Submit a site", daar kan je je site voorstellen :
je zal meestal de beschrijving van je website (description meta tag), en de sleutelwoorden van je website (keywords meta tag) moeten opgeven.
Lycos http://www.lycos.com/addasite.html
Google Klik op "gids"' in de Google-toolbar, en onderaan vind je : "Voeg een site toe" of "Add a site"
Webcrawler http://www.webcrawler.com/info.wbcrwl/ Klik op "Submit your site"
Alltheweb http://www.alltheweb.com/add_url.php (submit your site)

Als de naam van je site is http://users.pandora.be/eefvandaele1 dan moet je na eefvandaele1 nog een / toevoegen.
Dus : http://users.pandora.be/eefvandaele1/ is datgene wat je moet ingeven bij de zoekmachines om je aan te melden.

Je kan je ook automatischs aanmelden bij verschillende zoekmachines, zoals hieronder bij Jim tools

Heb je niet genoeg aan 1 webpagina ? Dan kan je terecht bij www.geocities.com, waar je gratis webruimte krijgt
(5 Mb) http://edit.yahoo.com/config/login?.src=geo&.intl=us&.done=http%3a//geocities.yahoo.com/filemanager/upload

http://www.fortunecity.com/free.shtml geeft ook gratis webruimte in ruil voor reclame op jouw pagina's

Bij www.brinkster.com idem : daar krijg je 30 Mb http://www.brinkster.com/AboutGeneral.asp

Hier bij Netmechanic kan je je site gratis laten controleren op links die niet werken, of verkeerde HTML-code

Tips (Engels): hoe zorg ik ervoor dat ik opgemerkt wordt door de zoekmachines ?