Maak webpagina's aan met behulp van HTML 4.01 of lagere HTML-versie.

Gestart 3 juni 2006. Gewijzigd 17 juni 2012.

Ook mogelijk: Webpagina met frames

  1. Webeditors, eenvoudig en goed!

    Crimson Editor 3.70 Release (Freeware)
    (C) 1999-2004 Ingyu Kang, All rights reserved.
    http://www.crimsoneditor.com

    NVU 1.0 NL (Freeware). Lijkt op Dreamweaver en Frontpage.
    (C) 1998-2005 versie 1.0 (20050620)
    http://www.mozilla-nl.org/producten/nvu/

    PSPad 4.5.2 (Freeware)
    version: 4.5.2 (2241) - 20 October 2006
    http://www.pspad.com/en/

    1st Page 2000 (Free Edition)
    Version 2.0
    http://www.evrsoft.com/

    First Page 2006 (Unregistered)
    Version 3.0 Final
    http://www.evrsoft.com/

    Editpad Pro 6.3.2 (Goede demo)
    23 augustus 2007
    http://www.editpadpro.com

    Gewone editors:

    EditPad Lite 6.3.1
    Released 16 August 2007
    http://www.editpadpro.com

    Kladblok 5.1
    Windows SP2 versie
    http://www.microsoft.com

    (webeditors1.txt,14-10-2007,p.karduks)

  2. Het ontwerpen van een website.

    Deze website gaat over het ontwerpen van een website met homepage en verdere webpagina's.
    Bij het ontwerpen kom je niet om de taal HTML heen.
    Zonder kennis van die taal lukt het je niet. Zeker niet als je je website gaat uitbreiden.
    Je gebruikt daarbij de tekst-editor Kladblok.
    Kladblok is geen tekst-verwerker als Wordpad of Word.
    Kladblok levert je zogenaamde platte tekst, pure tekst: niet gecodeerde tekst.
    En HTML is platte tekst. Vandaar.


  3. Correspondentie met mijn neef.

    Enschede, ma 15 jan 2007.
    
    Hieronder vind je de tekst van een webpagina.
    (er zit een spatie tussen de twee eerste zinnen!)
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head><title>Homepage van XX op xx.karduks.nl</title></head>
    <body>
    Hallo World!!
    </body>
    </html>
    
    Type deze tekst in Kladblok en sla het op onder de naam index.html
    Als je in de Verkenner erop dubbelklikt laat de browser (bv Internet Explorer) de bijbehorende 
    webpagina zien. Via de browser en "Openen" index.html lukt het ook.
    
    (Tussen de tags body en /body komt de "body", de tekst die 
    de webpagina oplevert.)
    
    Peter Karduks.
    
    PS. Als je naar http://xx.karduks.nl toegaat vind je een website 
    van jezelf. Je krijgt de homepage van je site te zien.
    -----
    
    Enschede, do 18 jan 2007.
    
    Zoals gezegd, wil je met HTML aan de gang dan heb je Kladblok nodig.
    Dat geldt trouwens voor alle talen (HTML, Pascal, C, Basic, enz).
    Via Kladblok moet je zelf alles intypen en moet je weten wat je intypt.
    Een goed programma om mee te starten: 1stpage2000. 
    Dat heeft een ingebouwde editor zoals kladblok. 
    Het leuke is dat je in de Eenvoudige mode al aan de gang kunt zonder 
    al te veel van de taal te weten.
    Ga je naar de Expert mode dan heb je de pure editor.
    Ga naar http://www.evrsoft.com/, zoek het programma en download het.
    Installeer het programma.
    Na opstarten zet je tussen body en /body de tekst en de foto's en 
    je slaat de file op, bijvoorbeeld onder de naam xx1.html. 
    Dubbelklik je op xx1.html in de Verkenner dan start je browser en 
    zie je de webpagina. 
    Via de browser en "Openen" xx1.html lukt het ook.
    
    Peter.
    

  4. De HTML-broncode.

    Wanneer je naar een webpagina gaat (die heb je dan gedownload) en je wilt de HTML-broncode van die pagina zien (dat is de HTML-tekst van die pagina) dan kan dat met de Internet Explorer via het menu Beeld/Bron.

    Bijvoorbeeld ga met de browser Internet Explorer naar http://www.karduks.eu
    Ga daarna in de browser naar het menu Beeld en klik op Bron.
    De HTML-tekst van het bestand index.html verschijnt, de HTML-tekst van de homepagina
    Je kunt de tekst veranderen zodat de pagina er anders uit gaat zien of je breidt de tekst uit waardoor de pagina groter wordt.

    Of ga met IE naar http://html.karduks.nl en ga naar Beeld/Bron.
    De HTML tekst van het bestand index.html (een andere index.html) verschijnt, de HTML tekst van de homepage van html.karduks.nl

    Of ga met IE naar de webpagina http://html.karduks.nl/fotohtml2.html en ga naar Beeld/Bron.
    De HTML tekst van de webpagina van fotohtml2.html verschijnt.


  5. HTML taalelementen.

    Iedere HTML-pagina bevat taal-elementen.
    Er zijn elementen voor tekst, afbeeldingen, tabellen enzovoort.
    Een element bestaat uit begintag, inhoud en eindtag (= /begintag).

    Voorbeeld:
    <h1><center>Tekst van grote letters in het midden</center></h1>
    <h6><center>Tekst van kleine letters in het midden</center></h6>
    Resultaat:

    Tekst van grote letters in het midden

    Tekst van kleine letters in het midden

  6. Zet tekst en foto's met behulp van HTML op je website.


  7. Anker-verwijzingen.

    De anker-verwijzing <a href="URL">verwijstekst</a> is mogelijk naar de volgende doelen/adressen/URLs:
    • naar een anker in het zelfde bestand: #ankernaam
    • naar een ander bestand: bestandsnaam.html
    • naar een ander bestand in een andere map:.../map/bestandsnaam.html
    • naar een lokale file op de harde schijf: file://e:/word/bestandsnaam.html
    • naar een www-adres: http://www.karduks.nl
    • naar een ftp-adres: ftp://ftp.karduks.nl
    • naar een nieuwsgroep-adres: news://..
    • naar een gopher-adres: gopher://...

    • naar een email-adres: mailto:info@karduks.tv

    Rechtstreeks verwijzen naar een foto in hetzelfde bestand: img src="tuin1.jpg"


  8. Stel website-pagina's samen met HTML en hulptalen.

    1e. Mbv clientscript:

    Stel website-pagina's samen met HTML en hulptalen zoals CSS, DTHML, Javascript en Java.
    Dat script wordt uitgevoerd door de browser wanneer je bv naar foto.karduks.nl toegaat.
    De browser leest de bijbehorende webpagina index.html en vertaalt dat in een beeld op de PC.

    De gebruikte talen zijn HTML1, HTML2, HTML3.2, HTML4 en HTML4.01.
    In HTML kan tekst met behulp van CSS, Javascript, DHTML en Java geplaatst worden.
    HTML 4.01 hoort samen te werken met CSS.
    Maar HTML 4.01 kan het ook alleen, ook zonder CSS.
    En je kunt ook HTML 1, 2 , 3.2 en 4 gebruiken!
    Want HTML4.01 is downwards compatible mits je twee regels opneemt
    aan het begin van iedere pagina.
    De homepage index.html ziet er dan bijvoorbeeld zo uit
    (er zit een spatie tussen de twee zinnen!):

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head><title>Homepage van Superteam 19 op http://superteam19.awardspace.com</title></head>
    <body>
    .....
    </body>
    </html>
    

    Dus zolang je tekst met behulp van een mix van alle HTML-taalversies gebruikt, kunnen
    alle browsers: IE, Opera, Firefox enz, het omzetten in een beeld op je monitor.
    Natuurlijk zijn er nog meer talen: XHTML en XML. Verdere ontwikkelingen in verband
    met het ontwerpen van webpagina's.
    Je kunt CSS, Javascript (scripts), DHTML en Java (applets) in de HTML-pagina gebruiken.

    Zet de totale website op de server (uploaden).


    2e. Mbv serverscript:

    Jij stelt website-pagina's samen met HTML en de hulptalen PHP en CGI (Linux-server)
    of HTML en ASP en ASP.NET (WindowsXP-server).
    De PHP-scripts of de ASP-scripts worden uitgevoerd door PHP of ASP op
    de server van de hosting-provider.
    De Linux-servers zijn stabiler.

    Zet de totale website op de server (uploaden).


  9. Diversen.


Naar de homepage.

Peter Karduks,
The Netherlands.
E-mail adres: peter@karduks.nl