HTML-Kit Webontwerp
Voorkeuren I
Ontbrekende stukjes!
Ik weet dat ik grote stukken niet besproken heb maar de komende lessen laten zeker veel zien van deze fantastische editor. Juist nu wil ik de nieuwe mensen laten zien hoe je een code kan opzetten en ze zijn misschien al gefrustreerd door al die installatietroep van de HTML-kit. Maar ja . . . . misschien ook niet! Ik denk dat het best leuk is om te zien hoe het een en ander in z'n werk gaat. Hier een stukje waar je geen spijt van krijgt omdat het erg handig in gebruik is.
En nu maar duimen dat dit, en de volgende les genoeg is om te starten met het coderen in HTML.
Opties: De "General" tab!
Als je het al niet gedaan hebt dan klik je op het Opties pictogram, of Wijzigen > Opties. Lees anders de voorgaande les om je geheugen even op te frissen.Klik erop en je krijgt een klein venstertje te zien met de tekst: Loading Preferences:
Daarna floept het "Preferences" venster te voorschijn.
Helaas nog niet in het Nederlands, dus extra opletten. Het lijkt schrikwekkend, maar het is minder erg dan het eruit ziet!
Als de "General" tab niet voorstaat klik er dan op om het General Preferences venster te krijgen. Ik ga niet eens proberen om uit te leggen wat al deze snoepjes te betekenen hebben . . . vooralsnog! Gaandeweg komen we daar wel achter. Stel je voorkeuren maar in zoals ik dat hier laat zien.
Neem de lijst van mogelijkheden onder de "General" tab door en kijk eens wat je er van maken kan. Indien je besluit om iets aan te klikken vergeet dan niet dat je altijd deze Opties terug kan halen en het weer kan veranderen. Ga nu even door met wat ik hier heb staan en zelfs ik weet niet zeker of ik oorspronkelijk hier iets aan heb verandert.
De "Startup" tab!
Klik nu op de "Startup" tab.
Bekijk het Startup venster voor paar minuten en klik vervolgens op de bovenste blauwe sectie en sleep het naar beneden zodat je het kan vergelijken met de tekst in je hoofdvenster. Het zou er zo uit moeten zoals beneden is afgebeeld, maar dan zonder de rode markeringen en tekst:
Haal het "Preference" venster maar weer omhoog en klik rechtsboven in het venster waar staat Insert following text into new document: (Voeg de volgende tekst in een nieuw document in). Beweeg je cursor na <head> en druk op de Enter toets. Nu verschijnt er een nieuwe lege regel na <head>, en voor <body>. Dit zijn beide labels (tags), maar daarover later meer. Wat je nu gedaan hebt is het wiijzigen van het openingsmodel dat steeds verschijnt bij het maken van een nieuw bestand of een nieuw tekstvenster zoals ik het noem.
Wanneer we klaar zijn met het nieuwe openingsdocument dan ziet het er als volgt uit.
Dit is de manier waarop ik een nieuw document maak omdat ik graag een spatie wil hebben tussen de "head" en de "body" sectie in mijn HTML documenten (bestanden).
Geen Mister Wizard!
Als je niet wil dat de "File Wizard" als eerste verschijnt bij het opstarten van de Kit dan kan je klikken bij: Open a new editor (with the default text) (Open een nieuw venster [met de standaard tekst]). Dat betekent dat de editor automatisch begint met een nieuw document.
Als je steeds wil beginnen met het document waar je het laatst aan hebt gewerkt dan klik je op de derde optie: Open to most recently edited document (Open het meest recente bewerkte document). Ik vind dat zelf vervelend omdat ik meestal klaar ben met het document waar ik mee bezig was. Maar wil jij werken aan zo'n document, ga je gang.
De laatste optie geeft je de mogelijkheid om een document naar keuze binnen te halen, elke keer dat je de Kit opstart. Blader, vind het bestand, dubbelklik erop en je kan beginnen. Er zij nog veel zaken die je kan instellen in dit venster, dus neem je tijd om dat rustig te bestuderen en beslis wat jouw het beste uitkomt.
Nog beter . . . Druk de afbeelding af door er met rechts op te klikken en Afbeelding afdrukken te kiezen als je Internet Explorer gebruikt. Gebruik je Netscape (auw) klik dan met rechts en kies View Image. De afbeelding wordt geopend in een nieuwe browserpagina. Dan kies File > Print (in het standaard menu aan de bovenzijde van de pagina) en hupsakee!