HTML Kit Tools -- werk en plezier gaan hier samen

Meervoudig pagina modellen maken

door Adrienne Boswell

Oké, je hebt een heleboel van dezelfde bestanden die je altijd gebruikt wanneer je een website creëert. Zou je het niet prettig vinden door een paar toetsen te gebruiken en alles zou voor je worden gedaan? Ik wilde dat ook en ik werkte uit hoe je dat met het uitstekende programma HTML-Kit Tools kan doen.

Organisatie is de sleutel!

modellen01 (17K)

Zo, het eerste wat je doet is je werk organiseren. Vergewis je er van als deze bestanden in verschillende mappen in verschillende versies zijn, dat je die in een map onderbrengt. Een map om ze allemaal in de gaten te houden! In mijn geval heb ik een map die ik local noem en in die map is een map met common-files. Dat common-filesmap heeft meer mappen die andere pagina's nodig kunnen hebben. Er is ook een map genaamd doc_types die afbeeldingen voor verschillende documenttypen vasthoudt.

Ik heb een een bestand met alle bedrijfsinformatie die ook andere bestanden gebruiken. Dit maakt het werken met modellen veel gemakkelijker. In plaats van Acme Company te moeten typen hoef ik alleen $bedrijf te typen en de server zal de naam van het bedrijf er voor mij inzetten. Sommige bestanden hebben reeds die informatie, bijvoorbeeld de toegankelijkheidsverklaring is het zelfde behalve de naam van het bedrijf, zodat het bestand de $bedrijf variabele gebruikt.

Wat te doen? Wat te doen?

modellen02 (46K)

Nadat je de zaak hebt georganiseerd en je hebt de bestanden die je nodig hebt, kan je beginnen met het maken van een nieuw model. Eerst, kies je "Bestand -> Nieuw -> Wijzig en beheer, Modellen".
Wanneer u dat doet, kijk eens naar het model genaamd HTML 4.01 Frameset. Dit model creëert een framesetdocument met bovendien drie andere documenten die binnen het framesetdocument worden gebruikt. Algemeen wordt aangenomen dat een frameset te vermijden is, tenzij het in een Intranet of een andere, sterk gecontroleerde toepassing is. Dit model zal je een idee geven wat Tools voor je kan doen. Je hoeft slechts de documenten te leveren.

modellen03 (46K)

Het geweldige over modellen met Tools is dat je Tools kan gebruiken voor veldinformatie, zodat je het formulier slechts eenmaal moet invullen. Je kan meer dan een pagina hebben die veldnamen heeft, realiseer je dat de velden in alfabetische volgorde berschijnen en niet de volgorde waarin je ze hebt gemaakt.


Makkelijker kopiëren

modellen04 (23K) Zoals in de pagina Kleurenstijlen wijzigen beschreven is kan je een bestaand model willen dupliceren. Benoem je model met een zinvolle naam en laat de vinkjes in het veld Datumveld bijwerken en Veld 'hkp-uid' bijwerken staan.


Attentie

modellen05 (23K) Een paar dingen zal je in mijn model opvallen.

  • [ movecursor=1 ] - dit vertelt het programma de cursor te plaatsen op een bepaalde plaats. Je gebruikt hiervoor | om het programma te vertellen waar de cursor moet komen staan. Het werkt overigens niet met meerdere verticale lijntjes.
  • {{field}} - Alles in accolades is een veld dat naar voren komt tijdens het gebruik. Je kan deze met hand neerzetten of je kan de Veld-knop gebruiken.

De Veld-knop gebruiken

modellen06 (22K)

Om het invullen van velden gemakkelijker te maken kan je de Veld-knop onder in het venster.

Veldnaam
Verplicht - dit is de naam van het veld. Geef het een zinvolle naam.
Veldlabel (optioneel)
Hier kan je van alles zetten wat je kan herinneren war het veld voor is.
Standaard waarde (optioneel)
Als het veld een standaard waarde vul het dan hier in.
Veldtype (text of memo)
Hier kan je een keuze maken tussen tekst of memo. Standaard is tekst, en die is maar een regel. Memo heeft meerdere regels, net zoals een tekstbox.

Een extra opmerking van Chami (de maker van HTML-Kit red.) over de volgorde van velden:

Weergave veldvolgorde: Er is een sorteerveld dat de volgorde specificeert maar dat kan de {{velden}} door elkaar gooien. Dus help ik Tools om de velden te sorteren door veldnamen van een prefix te voorzien...

{{Veld01_SiteNaam}}>
|
{{Veld05_URL}}

envovoort.
Optioneel kan je deze veldnamen verbergen door een displaylabel mee te geven...

{{Veld01_SiteNaam|Site Naam}}
|
{{Veld05_URL|Website Adres}}

Ik sla de nummers (Veld01 tot en met Veld05) over in het geval ik later een nieuw veld wil toevoegen. "Veld##_" is slechts een voorbeeld. Je kan F101_, A_, B_, of wat dan ook gebruiken zolang het maar start met A - Z en alleen A - Z, 0 - 9 en onderstrepen bevat

Bestanden toevoegen aan een model

modellen07 (25K)

Onderin het venster naast de Veldknop is de Bestandknop. Het standaard soort bestand is een tekstbestand - met tekst betekent het alles wat niet binair of xml is. Indien je op het pijltje klikt, zal je een lijst met keuzes zien.



modellen08 (20K)


  1. Kies Voeg tekstgedeelte in vanuit bestand
  2. Kies het tekstbestand dat je wilt invoegen. Da kan een HTML bestand, een ASP bestand, etc. zijn
  3. Als een bestand is ingevoegd kan je er velden aan toevoegen. Let er op dat de velden in alfbetische volgorde verschijnen, niet in de volgorde waarin je ze schrijft.
  4. Ga door met het toevoegen van de benodigde bestanden. Echter hoe meer bestanden je toevoegd, hoe langer het duurt voordat het model in werking komt. Als je een snel systeem hebt dan zal het je waarschijnlijk niet opvallen. maar bij een langzamer systeem kan je denken dat Tools in slaap gevallen is.

En nu de grafische kant

modellen09 (22K)

Zo nu dat je de noodzakelijke bestanden hebt toegevoegd, zou het mooi niet zijn een pictogram op het menu te hebben zodat je jouw fantastisch model gemakkelijk kan zien? Geen probleem. Je hebt twee afbeeldingen nodig, een van 16x16 pixels en een van 48x48 pixels.



modellen10 (19K)
  1. Klik op de pijl in Bestand-knop om het uitrolmenu naar voren te halen.
  2. Als je een pictogram wil toevoegen kies je Voeg een pictogram vanuit bestand. Je wordt dan gevraagd om een bestandsnaam in te vullen, of je kan op je systeem naar een bestand zoeken.
  3. Het systeem zal nu een nieuwe sectie in je model maken dat start met #@begin-binary "hkp-icon". Je ziet de pictogram niet totdat het model is opgeslagen, maar wacht - voeg ook een afbeelding toe!
  4. Volg dezelfde stappen als hierboven is omschreven, maar deze keer zie je een grotere afbeelding. De nieuwe sectie in je model is #@begin-binary "hkp-image"

En nu alles bij elkaar

Wil je je model liever in een andere sectie hebben? Geen probleem. Boven in het model zie je #@section. Het kan reeds in de HTML sectie zijn, maar je kan het in een andere sectie zetten, of zelfs een nieuwe sectie maken. Ik heb mijn modellen in de PHP sectie (ja ik voegde PHP als een sectie toe), omdat voornamelijk alles wat ik doe in PHP is.

Eind goed, al goed

Ik hoop dit dat deze kleine handleiding je helpt om beter gebruik van je Tools te maken. Indien je PHP veel gebruikt en je zou van mijn pictogrammen gebruik willen maken, dan ben je welkom om ze hier over te nemen

phpicon 32 * 32 (1K) phpimg 48 + 48 (1K)

 
Terug
 
© 2009 Chami.com. All Rights Reserved. | Vertaling © 2009 Gerard Schaefers