published in Net Info - jan 95
© 1995 - Adriaan van Roeden - a3@n-vision.nl
Moch je na het lezen van de HTML-cursus in dit blad de behoefte hebben om direct aan de slag te gaan met het maken van Web-pagina's, dan is een HTML-editor geen overbodige luxe. Zo'n editor is erg handig bij het maken van (correcte) Web-pagina's en neemt je een boel werk uit handen. Er zijn verschillende public-domain of shareware HTML-editors die je van het net kunt ophalen en een daarvan is HTMLed 1.2 van Internet Software Technologies. Installatie HTMLed is verkrijgbaar via de homepage van Peter B. Crawshaw (de programmeur van HTMLed). (zie afb. 1) De URL is : http://pringle.mta.ca/~peterc/. Nadat de zip-file is opgehaald en ge-unzipped kan je meteen aan de slag. Wel is het nog even handig om via het 'options-menu' wat instellingen van het programma te bekijken en eventueel te veranderen. Een van de instellingen heeft namelijk betrekking op de Web-browser die opgestart moet worden als je een document wilt testen en is dus vrij essentieel. Andere zaken die ingesteld kunnen worden zijn het gebruikte lettertype, wordwrap, welke 'toolbars' je wilt zien na het opstarten van HTMLed etc. Een HTML-document maken Via 'new' in het 'file'-menu kan een nieuw HTML-document worden gemaakt en kan je opgeven of je de standaard HTML-tags (<HTML>,<BODY>,<HEAD>) en commentaar in je document wilt opgeven (zie afb. 2) Een andere mogelijkheid uit het file-menu is 'new with document template' - er wordt dan een eerder gemaakt HTML-document in het nieuwe document, wat handig is als je veel documenten maakt die erg op elkaar lijken. Tags Hierna kan je dan beginnen met het invoegen van tekst, stijlelementen, afbeeldingen etc. HTMLed stelt daartoe een aantal toolbars ter beschikking waarop icons staan die na het aanklikken een HTMLtag in het document invoegen. De toolbars zweven gezellig in hun windowtje om je document heen en je kan kiezen of je ze wel of niet wilt zien. Erg handig is ook de 'extended characters' toolbar waarmee allerlei speciale leestekens in het document kunnen worden opgenomen. Deze tekens kunnen namelijk niet standaard worden ingetyped, maar moeten via een speciale code worden aangegeven. De 'extended characters'-toolbaar maakt dit een stuk eenvoudiger (een simpel muisklikje volstaat). Hoewel HTMLed de meest voorkomende tags via de toolbars en het menu ter beschikking stelt, worden tags uit de 'extended' HTML-specificatie niet standaard ondersteund. Dit is echter geen probleem, want dit soort tags kan je zelf opnemen in de 'custom-toolbar'. In afbeelding 3 is te zien hoe je bijvoorbeeld de <CENTER>-tag (die tekst of afbeeldingen centreert) kan definieren. Zoals eerder gezegd kunnen tags dus door een muisklik in een van de toolbars worden ingevoegd, maar bij 'compound-tags' (die uit een 'opening' en een 'closing'-tag bestaan) is het handiger om eerst de tekst te selecteren en dan pas de tag te kiezen. De opening en closing-tag komen dan respectievelijk voor en na de geselecteerde tekst te staan. Laat ik dit verduidelijken met de <H1> (Header niveau 1) tag. Als je deze zondermeer selecteert komt er <H1></H1> in het document te staan en moet je tekst intikken tussen de twee tags. Als je echter eerst een stuk tekst selecteert komt er <H1>een stuk tekst</H1> te staan. Plaatjes en Links naar plaatjes Ook het invoegen van plaatjes is erg makkelijk met HTMLed. Klik op de 'Image' knop in de toolbar en er verschijnt een windowtje waarin je de naam van de plaatje kunt opgeven, of nog veel makkelijker, kunt browsen door de directories van je harde schijf om een plaatje te selecteren (zie afb. 3) Stel nu dat je deze plaatje wilt linken naar een andere (grotere) plaatje, dan selecteer je eerst de zojuist ingevoegde <IMG SRC etc>-tag en dan de 'Link'-knop in de toolbaar. In het 'Link to URL' window kan je dan weer de naam van de plaatje opgeven of weer browsen door de harde schijf. Hierna is de <IMG SRC>-tag keurig omsloten door de <A HREF>-tag en heb je een plaatje in je document wat na aanklikken een ander plaatje oproept. Zie afbeelding 4 voor een voorbeeld van een met HTMLed gemaakt document en het door de Netscape-browser getoonde eindresultaat. Andere mogelijkheden Erg handig is ook de mogelijkheid om een document op te slaan zonder HTML-tags. Een HTML-document dat van het Internet is gedownload kan zo worden ontdaan van alle tags, wat het document een stuk leesbaarder zal maken. Een andere mogelijkheid is 'Intelligent Tag Insert' waarmee je regels in het document die aan bepaalde voorwaarden voldoen, kan voorzien van een op te geven tag(s). Conclusie Het testen van een document via de 'test'-knop in het menu werkt niet echt goed met de Netscape-browser. Deze wordt wel gestart maar interpreteert de door HTMLed meegegeven filenaam als het adres van een computer op het Internet in plaats van een bestand op de harde schijf. Wellicht gaat dit met de Mosaic-browser van NSCA wel goed, maar dat heb ik niet kunnen testen. Met Netscape moet je dus het door HTMLed aangemaakte document zelf inladen ('open file' in het file-menu) om het document te kunnen testen. Ondanks het bovenstaande is HTMLed erg handig om HTML-documenten te maken, het installeren stelt weinig voor en veel schijfruimte kost het ook niet. Het programma is zo makkelijk in het gebruik dat je de ontbrekende help-file niet echt zult missen.