HTML-Kit Webontwerp

Achtergrond- en tekstkleur
aanbrengen in de HTML-kit

HTML-kit Webdesigner Introductie De Kit downloaden Installatie Bestand openen Menu's Opties en Menu's Voorkeuren I Voorkeuren II Kit Kleuren Woord afbreken FTP Werkruimte FTP-werkruimte wijzigen Werkruimtevenster Bestandsextensies Afbeeldinggegevens invoegen Voorbeeldvenster wijzigen Fragmenten en modellen Kleuren instellen Berichtenvenster Labelhulp Plugins toevoegen 1 Plugins toevoegen 2 Plugins verwijderen 1 Plugins verwijderen 2 Sneltoetsen Werkruimte

Achtergrond/Tekst Kleur Klik bij Wijzigen op het Opties pictogram ====================> Als het Preferences venster verschijnt kli dan op de ==> Colors tab. Kijk naar de volgende afbeelding en lees de tekst eronder. Je kunt de voor- en achtergrondkleuren voor al de verschillende soorten tekst wijzigen in de HTML-kit. Om de Foreground (voorgrond) en de Background (achtergrond) kleuren te veranderen van de hele pagina: Klik op Default Text (standaard tekst) in de Element sectie . Klik dan met rechts op een van de kleuren uit de Quick Pick kleuren balk. Je nieuwe achtergrond wordt in het Preview (voorbeeld) venster getoond. Of klik op een van de Foreground (voorgrond) of Background (achtergrond) knoppen of op een van de kleuren tabs rechts van de knoppen. Een vinkje bij Default (standaard) zet de hele boel weer terug naar de oorspronkelijke staat van de HTML-kit. Maak dan je keuze uit een van de Pick Color vensters die verschijnen. Probeer de verschillende tabs en kli eens op Sort Mode om te zien wat er gebeurt. Je kunt zelfs de hexideciamle getallen zien die je kan gebruiken om voor de kleur die je wenst in je HTML code. Klik op OK als je klaar bent. Eenmaal klaar klik je op de Save As (Opslaan als) knop. Bewaar jouw kleurenbestand met Save (Opslaan) in een bestand met de extensie .hcv. Als je besluit om terug te gaan naar de originele instellingen haal dan met Load het user.hcv bestand op, of vink een van de twee default hokjes aan naast de Foreground (Voorgrond) en Background (Achtergrond) knoppen. Elke keer dat de Kit opnieuw opstart worden de nieuwe kleureninstellingen opgehaald. Je kunt zoveel nieuwe kleureninstellingen maken als je zelf wilt! En als jij, en je ogen, moe zijn met een van deze kleuren dan haal je simpelweg via Opties een andere instelling op. Klik op de Color (Kleur) tab, en laad hem in, of maak gewoon een nieuwe. Noot: Kijk ook naar de Shorthand Method (Snelkeuze methode) om van kleur te wisselen in het Beeld menu bij Kleurindeling. Je kunt dit wijzigen van de voorgrond en achtergrondkleuren herhalen voor de labels, attributen, commentaar en al het ander wat in het Element selectievenster staat. Probeer dit eens. Hier zijn twee optie tabs die het Pick Color venster maken. De ene is een Custom Color (Standaard kleuren) generator, de andere is helemaal een schoonheid. Named Colors laat je de namen van de kleuren zien als lavenderblush, navajowhite, deepskyblue, etc. De "Custom Colors" generator Gebruik de schuiven om een kleur in te stellen en kijk naar de wijzigingen die rechtsboven te zien zijn. Wanneer je tevreden bent over de kleur dan klik je Copy Screen Color > Ok (Kopieer de schermkleur). Niet bang zijn met experimenteren en kijk wat je hier allemaal mee kan doen. Named Colors (Kleurennamen) Klik op een naam van een kleur en zie hoe de kleur rechtsboven wijzigt. Klik op OK en al sje blij bent met behaalde resultaat onthoud dan de naam en gebruik het in je HTML document. De snelkeuzemethode Laat ik als laatste vertellen hoe je met snelkeuze methode de verschillende kleurenbestanden kan benaderen. (Zie de onderstaande afbeelding.) Klik op Beeld => Kleurindeling en je krijgt een lijst van verschillende kleurenbestanden te zien. Klik er op en je tekst en achtergrond kleuren zijn gewijzigd. Klik op de laatste optie Aanpassen kleurenbeeld en je komt meteen in het Preferences (Opties) venster. Noot: Overtuig je ervan dat in de tab Editor er een vinkje staat bij Enable syntax highlighting (colorize). Zie de 'Wat als? voor het Word Wrap (Woord afbreken) in de HTML-KIT bij Wijzigen => Opties. NOOT: Ik zeg het nog maar een keer, de kleuren worden alleen maar gewijzigd in jouw HTML-kit en NIET op de webpagina's die je maakt! Dat moet je helemaal zelf doen met behulp van . . . de Kit.