Ontwikkelaars Handleiding
In deze handleiding wordt beschreven hoe een webpagina gemaakt moet worden, die bijgewerkt kan worden met het News Updater programma.
De handleiding bestaat uit 7 stappen:
- Stap 1 Maak een HTML layout, huisstijl
- Stap 2 Maak een HTML Sjabloon
- Stap 3 Vul de bestandsnamen en bestemmingsmap in
- Stap 4 Testen en fouten verbeteren
- Stap 5 FTP gegevens invullen
- Stap 6 Laatste loodjes
- Stap 7 Overhandigen aan eindgebruiker
Luie ontwikkelaars zouden misschien deze sjabloon bestand willen downloaden waarin de stappen 1 tot en met 4 al uitgevoerd zijn. Na het openen van het bestand gaat u naar het menu "Site" en selecteert u de optie "Bewerk Sjabloon / Instellingen". De tabbladen voor sjabloon en instellingen zullen dan verschijnen (geen wachtwoord nodig).
Stap 1
Maak een HTML layout, huisstijl
Gebruik uw favoriete HTML Editor om de juiste huisstijl te creëren. Vul de plaatsen waar de index, kop, datum en tekstinhoud komen te staan tijdelijk in met nepgegevens. U moet echter wel opletten op de volgorde waarin u de verschillende onderdelen plaatst. De juiste volgorde is als volgt:
- De Index (optioneel)
- De Nieuwsberichten
- Bericht Kop
- Bericht Datum
- Bericht inhoud
Alle HTML voor, tussen en achter deze onderdelen moet door u worden ingevuld. Hieronder volgt een eenvoudig voorbeeld van een nieuwspagina zonder index of afbeeldingen
| <html> <head> <title>News Updater Demo</title> </head> <body bgcolor="#ffffff"> <h1 align="center">Nieuws</h1> <h2>Kop</h2> <p><b>Datum</b></p> <p>Berichtingoud van het nieuwsbericht</p> </body> </html> | In uw browser ziet het er als volgt uit: |
Stap 2
Maak een HTML Sjabloon
Nu we de huisstijl gereed hebben kunnen we deze in een Sjabloon invullen. Maak een lege map aan en plaats daarin een kopie van het News Updater programma (News.exe en eventueel Local.lkz voor de Nederlandse versie), en start het programma op. Als u geen geregistreerde gebruiker bent moet u naar het menu "Bestand" gaan en de optie "Nieuw" kiezen. Bij geregistreerde gebruikers is de Sjabloon tabblad al meteen zichtbaar.
Ga nu naar het Sjabloon Tabblad
Knip of kopieer nu elk onderdeel uit uw HTML Editor, en plak het op de juiste plek in de Sjabloon. In ons voorbeeld wordt het als volgt:
Om het beter te illustreren hebben we hier een ingekleurde versie van ons voorbeeld:
| <html> <head> <title>News Updater Demo</title> </head> <body bgcolor="#ffffff"> <h1 align="center">Nieuws</h1> <h2>Kop</h2> <p><b>Datum</b></p> <p>Berichtinhoud van het Nieuwsbericht</p> </body> </html> | HTML vanaf het begin van de pagina tot het nieuws gedeelte HTML voor de nieuwskop HTML tussen de kop en de datum: HTML tussen de datum en berichtinhoud: HTML achter het nieuwsinhoud: HTML achter het nieuwsgedeelte tot het einde van de pagina: |
Alle delen die niet geel gekleurd zijn worden voor elk nieuwsbericht herhaald. De witte delen worden niet in de sjabloon ingevuld, maar worden door de eindgebruiker voor elk bericht apart ingevuld op het "Nieuws Bewerker" tabblad.
Stap 3
Vul de bestandsnamen en bestemmingsmap in
Ga naar het tabblad "Instellingen".
Vul het bestandsnaam in van het bestand (nieuwspagina) dat door News Updater gegenereerd moet worden.
Stap 4
Testen en fouten verbeteren
Ga naar het Nieuws Bewerker tabblad en maak enkele nieuwsberichten aan om de sjabloon te testen.
Typ overal wat tekst in en klik op de Voorbeeld knop.
Als de sjabloon juist ingevuld is, zou News Updater een pagina moeten genereren die er als volgt uitziet:
Dit is een goed moment om het sjabloon op te slaan op schijf (ga in het menu naar bestand -> opslaan).
Stap 5
FTP gegevens invullen
Ga naar de instellingen tabblad en vul daar uw loginnaam, wachtwoord en FTP Host adres (hostname) in.
Als het bestand op de server in een andere map geplaatst moet worden dan de "home" map, vul dan het relatieve pad vanaf de "home" map in het "Basis Dir:" veld. (De "Home" map is de map waarin je automatisch terechtkomt als je verbinding maakt via FTP of als je "cd ~" invoert).
Klik nu op de Upload "
" knop om de pagina naar je site te uploaden.
Mocht het programma vastlopen bij het uploaden, start het dan opnieuw op en vink het vakje "Passief FTP" aan op de Instellingen tabblad.
Stap 6
Laatste loodjes
Vul het veld "URL Bestemming" in om snel te kunnen controleren of de pagina correct is geupload. Dit zal de knop "
" activeren, dat niets meer of minder is dan een link naar de URL die u hier invult.
Als je voor iemand anders een site maakt, wil je misschien de instellingen en sjabloon beschermen zodat het niet "per ongeluk" verpest kan worden door de eindgebruiker. Ongeregistreerde gebruikers kunnen hiervoor een wachtwoord opgeven, onderaan de sjabloon tabblad. Geregistreerde gebruikers hoeven dit niet te doen.
Geregistreerde gebruikers kunnen de "About Box" aanpassen, een link naar hun site en E-mail adres erin plaatsen, hun logo tonen enzovoorts.
Stap 7
Overhandigen aan eindgebruiker
Kopieer benodigde bestanden (plaatjes, achtergronden, knoppen, stylesheets enz..) naar de "WorkDir" map zodat het voorbeeld juist weergegeven kan worden. Het beste kan een "archiving utility" zoals WinZip of WinRar gebruikt worden om het geheel in te pakken voor de eindgebruiker. Een volledige installatieprogramma zoals Installshield of Wise Solutions kan ook gebruikt worden maar is voor dit doel een beetje overdadig. In ieder geval moet het pakket de volgende bestanden bevatten:
- Het programmabestand (News.exe)
- Het WSU bestand
- Het "WorkDir" map met de benodigde afbeeldingen en stylesheets (De gegenereerde HTML bestanden mogen verwijderd worden). Als er geen afbeeldingen of stylesheets gebruikt worden kunt u de hele map weglaten.
- Het vertaalbestand Local.lkz (voor de Nederlandse versie van News Updater)
Het is aanbevolen om de bestanden te installeren naar de map "Program files\News Updater". Nieuwe versies van News Updater zullen een installatiebestand hebben die het programma naar deze map zal installeren. Als u het naar de juiste map installeert kunnen uw klanten de nieuwe versie van de site downloaden en installeren zonder dat u opnieuw een installatiebestand hoeft te maken.
Geregistreerde gebruikers hoeven hun logo niet in een aparte bestand mee te leveren omdat het reeds in het WSU bestand is opgenomen. Het ".BAK" bestand mag ook weggelaten worden (het is een backup bestand die aangemaakt wordt wanneer er op de "Opslaan" knop word geklikt).
Als u een geregistreerde gebruiker bent en u wilt veranderingen aan kunnen brengen aan het sjabloon op de computer van uw klant (op een ongeregistreerde PC), is er een "geheime" manier om dit te doen. Klik op de laatste afbeelding hierboven (met Javascript ingeschakeld) om uit te vinden hoe.
De bestanden kunnen ook op een floppy of een USB geheugenstick opgeslagen worden, zodat de gebruiker zijn site overal kan bijwerken waar een computer met internettoegang aanwezig is (zolang de FTP poorten open zijn).
Op de "Download" pagina staan enkele voorbeeld sjablonen (templates) die u gratis mag gebruiken en aanpassen.