Hoe kan ik de gebruikersinterface van HTML-Kit aanpassen, inclusief het hoofdmenu, gereedschapsbalken, actiebalk, berichtenvenster, taakbalk en statusbalk?
|
Klik op de afbeelding voor gedetailleerde informatie:
De titelbalk in HTML-Kit komt overeen met andere standaardbalken van Windows toepassingen. Je kan het maximaliseren of terugzetten naar de oorspronkelijke grootte door er op te dubbelklikken in het midden van de balk. Met rechts op de balk klikken geeft een rolmenu met de mogelijkheden. De meeste toepassingen van HTML-Kit zijn toegankelijk via het hoofdmenu. Gebruik de muis om een menu te selecteren of gebruik de Alt-toets en de onderstreepte letter met behulp van het toetsenbord. Bijvoorbeeld, Alt+B start het Bestandmenu. Verplaatsen: De plaats van het hoofdmenu kan worden gewijzigd door het te verslepen via het aangrijpingspunt (uiterst linkse balk of bovenste balk) en loslaten op een van de vier uiterste hoeken van het HTML-Kit venster. Je kan het hoofdmenu ook laten 'drijven'. Als het menu eenmaal is geplaatst naar je keuze, "Wijzigen | Opties | Misc. | Allow customizing menus and toolbars" [Aanpassen van menus en balken toestaan] kan je aan of uitvinken om toevallige wijzigingen te voorkomen. Aanpassen: Het hoofdmenu kan worden aangepast door
middel van "Gereedschap | Aanpassen | Aanpassen
menus en werkbalken". Als het "Customize" [Aanpassen] venster verschijnt ga je
naar de "Commands" {Commando's] tab en
kies en sleep de items in de lijst naar het hoofdmenu. Selecteer
een specifiek menu-item in het hoofdmenu terwijl de "Customize" in beeld is en klik met rechts op de
menuoptie om het te wijzigen. Om item van het menu te verwijderen
sleep je het van het het hoofdmenu en laat het los in het
Customize-veld. Als je er voor hebt gekozen om het hoofdmenu aan te passen, let er dan op dat het wordt teruggezet naar standaard als je een update doet van HTML-Kit. Om het hoofdmenu en de werkbalken weer terug te krijgen moet je de instellingen opslaan via "Gereedschap | Aanpassen | Opslaan gewijzigde menu/werkbalk instellingen" en haal ze weer op na het installeren van HTML-Kit. Het wordt ten zeerste aanbevolen dat je het hoofdmenu opnieuw instelt met "Gereedschap | Aanpassen | Herstel hoofdmenu", zodat een nieuw item niet verborgen blijft. Herstellen van het hoofdmenu heeft geen invloed op de werbalkinstellingen. Werkbalken leveren een gemakkelijke en een éénklik toegang naar vaak gebruikte functies. De standaardwerkbalken voorzien in toegang naar bestanden, wijzigen, vensters en andere gereedschappen. Verplaatsen: De lokatie van de verschillende werkbalken kunnen worden gewijzigd door ze beet te pakken (uiterst linkse balk of bovenste balk) en ze los te laten op een van de vier uiterste hoeken van het HTML-Kit venster. Je kunt ze ook laten 'drijven'. Hebben ze eenmaal de positie naar je keuze haal dan het vinkje weg bij "Wijzigen | Opties | Misc. | Allow customizing menus and toolbars" [Aanpassen van menus en balken toestaan] om toevallige wijzigingen te voorkomen. Aanpassen: Je kan je eigen werkbalken maken of wijzigen door middel van "Gereedschap | Aanpassen | Aanpassen menus en werkbalken" in het hoofdmenu. Als het "Customize" [Aanpassen] venster verschijnt, ga naar de "Commands" [Commando] tab en kies-en-sleep items uit de lijst van de werkbalken en pas ze aan. Om een item uit een werkbalk te verwijderen pak je het item op en laat het vallen in het "Customize" veld. Om een nieuwe werkbalk te maken klik je op de "Toolbars" [Werkbalken] tab en klik je op "New" [Nieuw]. Additionele hulp: Beweeg de muis langzaam over de pictogrammen (of knoppen) van een werkbalk en een beschrijving (of hint) van elk item verschijnt. De actiebalk in HTML-Kit bevat meer dan 100 sneltoetsen naar HTML, CSS, JavaScript, VBScript, PHP, validators, online-gereedschappen, en aangepaste plugins. Knoppen (ook wel plugins genoemd) op de actiebalk zijn verdeeld in meerdere categoriën (soms aangeduid als tabs). Bijvoorbeeld de "Tables" [Tabellen] tab bevat sneltoetsen voor het maken van HTML tabellen, de "Objects" [Objecten] tab heeft anchor, image, JavaScript en Java labels, en de "Web" tab geeft toegang tot gereedschappen die gevonden worden op het internet. Ter demonstratie, open een nieuw bestand en klik op de "Date Time" [Datum/tijd] knop om de huidige datum en tijd in te voegen. De instelling van de tijd kan worden gekozen door op het pijltje naast het pictogram te klikken. Je kan een tab wijzigen door met rechts te klikken op het pictogram en "Tabs" te kiezen in het rolmenu. De actiebalk ondersteunt het gebruik van het muiswieltje om snel door menuitems te gaan. Houdt de Ctrl-toets vast tijdens het scrollen om de tabs te wijzigen. Verplaatsen: Overeenkomstig het hoofdmenu en de werkbalken, kan de actiebalk worden geplaatst op elk van één van de vier hoeken van het venster, of 'drijvend' gelaten. Het kan ook worden verborgen door op de sluitknop (het "X' pictogram) te klikken en weer zichtbaar gemaakt door "Beeld | Actiebalk" te kiezen. Om snel de geplaatste positie te wijzigen klik je met rechts op de actiebalk en kies je top, bottom, right, left or float [boven, onder. rechts, links of 'drijvend] uit het "Dock Position" [Positie] menu. Aanpassen: Je kan al je favoriete plugins verzamelen onder een enkele tab door met rechts te klikken op de knop waar je in bent geïnteresseerd en kies je "Add to Favorites" {Aan favorieten toevoegen]. Je favoriete plugins verschijnen nu in de "[Favorites]" tab. Om ze te verwijderen klik je met rechts erop en kies "Remove from Favorites" [Verwijderen uit de favorieten] De "[All]" [Alles] tab kan worden verborgen door het vinkje weg te halen bij "Wijzigen | Opties | Actions | Show All tab" [Laat alle tabs zien]. Je kan je eigen sneltoetsen en andere gereedschappen maken en ze toevoegen aan de actiebalk zoals beschreven staat in de Plugin ontwikkelingsgids. Additionele hulp: Beweeg de muis langzaam over de pictogrammen (of knoppen) van de actiebalk en een beschrijving (of hint) van elk item verschijnt. Voor meer details klik je met rechts op de knop en kies je "Plugin Information..." [Plugin informatie] Dit is de plek waar het editten eigenlijk plaatsvindt. Je kan een nieuw venster openen door "Bestand | Nieuw..." in het hoofdmenu te kiezen, of door een bestaand bestand te kiezen in "Bestand | Openen...". Een webpagina kan worden geïmporteerd naar de editor door "Bestand | Open URL..." te kiezen. Een "*" naast de naam van een document geeft een indicatie dat het bestand nog niet is opgeslagen na de laatste wijziging. Aanpassen: Kies "Wijzigen | Opties... | Editor" om de editor-opties aan te passen. Of je klikt met rechts in de editor om de eigenschappen te zien. Elke HTML-Kit editor heeft vier tabs -- "Editor" "Preview" [Voorbeeld] "Output" en "Split View" [Dubbelvenster] -- om snel een keuze te maken. Editor: De "Editor" tab is de standaardmodus. Het komt simpelweg in beeld waar je je HTML en andere documenten kan maken. Voorbeeld: De "Voorbeeld" tab kan worden gebruikt om vooraf te zien (of te browsen) hoe de inhoud eruit ziet van het editorvenster. Met de F12 sneltoets kan snel heen en weer worden gesprongen tussen het editor- en het voorbeeldvenster. Ctrl+F12 kan worden gebruikt om tussen alle editortabs heen en weer te gaan. Output: De "Output" tab wordt gebruikt om het resultaat te zien van recent gebruikt plugins zoals een validator of overeenkomstige gereedschappen. Bijvoorbeeld, als je je document controleert met "Gereedschap | Controleer code TIDY" dan wordt het resultaat getoond in het Output-venster zonder dat de wijzigingen direct worden uitgevoerd in de originele code. Het outputvenster is over het algemeen leeg, behalve na het oproepen van een gereedschap dat hiervan gebruikt maakt zoals bovenstaand is omschreven. Dubbelvenster: De "Split View" [Dubbelvenster] tab kan worden gebruikt om het editorvenster en het outputvenster naast elkaar te gebruiken ter vergelijking. Een goede manier om te leren hoe het output- en dubbelvenster kan worden gebruikt is door "Actie | Tools | HTML Tidy" te kiezen in het hoofdmenu. Aanpassen: Je kan het dubbelvenster aanpassen voor verticaal of horizontaal gebruik door naar "Beeld | Editor" in het hoofdmenu te gaan. Als je eenmaal gewend bent met HTML-Kit en haar sneltoetsen te werken kan je de huidige werkbalken verbergen als er meer ruimte nodig is om te editten kies hiervoor "Beeld | Editor | Toon tabs balk" of "Wijzigen | Opties... | Editor | Show tabs" voor nieuwe documenten. Het berichtenvenster wordt gebruikt om fouten, waarschuwingen en andere mededelingen weer te geven over het document in het editorvenster, bijvoorbeeld na een validatie. Een klik op een item in het berichtenvenster accentueert de regel die in de editor de fout bevat. Dubbelklik je erop dan gaat de cursor meteen naar de regel in de editor waar de fout staat. Klik je met rechts op het item dan krijg je aanvullende mogelijkheden. Het berichtenvenster is over het algemeen leeg, behalve nadat het onmiddellijk toepassen van een plugin die het berichtenvenster gebruikt om fouten en waarschuwingen weer te geven zoals validators. Verplaatsen: Het berichtenvenster kan worden verplaatst naar de boven- of onderzijde van het HTML-Kitvenster door het te verslepen. Het kan ook worden verborgen door op de sluitknop (het "X' pictogram) te klikken en weer zichtbaar gemaakt door "Beeld | Meldingen" te kiezen. De taakbalk kan worden gebruikt voor het snel springen naar een specifieke editor- of browservenster, wanneer je meerdere documenten tegelijk open hebt staan. Klik op de naam van het document dat je naar voren wilt hebben of ga met de muis over de naam om het de volledige padnaam te zien van dat document. Klik met rechts op de naam voor meer opties gerelateerd aan het venster, zoals sluiten, opslaan, afdrukken, voorbeeld, etc. De pictogrammen aan de linkerkant van de taakbalk zijn er voor om snel heen en weer te springen tussen het berichtenvenster, de taakbalk en de werkruimte. Een vinkje naast de naam van een document geeft aan dat het bestand nog niet is opgeslagen na de laatste wijziging. Een pictogram met een vinkje geeft aan dat het document is opgeslagen na de laatste wijziging. Geel gekleurde pictogrammen geven dat het een lokaal bestand betreft, terwijl blauw gekleurde over een bestand gaat op de server. Een pictogram met een wereldbolletje wordt gebruikt voor browservensters. Verplaatsen: De taakbalk kan worden verplaatst naar de boven- of onderzijde van het HTML-Kitvenster door het te verslepen. Het kan ook worden verborgen door op "Beeld | Taakbalk" te klikken. De statusbalk wordt gebruikt om helpberichten weer te geven en andere informatie die te maken heeft met de huidge actie die je op dat moment uitvoert in HTML-Kit. Bijvoorbeeld, hints over menu-items worden getoond is de statusbalk als je over een item heengaat. Wanneer een editorvenster geopend is, dan wordt in de statusbalk de positie van de cursor aangegeven. Vervolgens wordt er informatie gegeven zoals: Verplaatsen: De statusbalk kan worden verplaatst naar de boven- of onderzijde van het HTML-Kitvenster door het te verslepen. Het kan worden verborgen via "Beeld | Statusbalk" te kiezen in het hoofdmenu. |