Voor de duidelijkheid zal ik niet alleen de correcte methode hier neerzetten maar gelijk even het geheel iets uitgebreider toelichten... het volgen van deze regels maakt het voor ons een stuk makkelijker om een artikel te plaatsen, dus:
De officiele richtlijnen voor NLDelphi Artikelen
Test framework
Uiteraard wil je je artikel ten alle tijden lokaal kunnen testen voordat deze naar NLDelphi gaat om er zeker van te zijn dat het resultaat naar wens is. We beginnen dus met de HTML code om het NLDelphi stylesheet te importeren:
Code:
<html>
<head>
<title>NLDelphi Artikel</title>
<link rel="stylesheet" type="text/css" href="http://www.nldelphi.com/css/nldelphi.css" />
</head>
<body>
<h1>Mijn artikel</h1>
</body>
</html>
De titel in <title> hoef je niet aan te passen, deze gooien we gewoon weg. In de <h1> kan je de titel van je artikel kwijt. Als je je artikel opstuurd mag je ervoor kiezen deze te laten staan, of weg te halen en de titel los vermelden (het systeem werkt zo dat de titel gegenereerd wordt en wij deze dus uit de daadwerkelijke artikeltekst moeten verwijderen).
Intro
Elk artikel begint met een naam en een korte intro. Deze intro zal ook worden weergegeven in het artikelenoverzicht, zorg dus voor beknopte maar duidelijke informatie. Gebruik hiervoor de volgende HTML code:
Code:
<html>
<head>
<title>NLDelphi Artikel</title>
<link rel="stylesheet" type="text/css" href="http://www.nldelphi.com/css/nldelphi.css" />
</head>
<body>
<h1>Mijn artikel</h1>
<p class="ArtAuthor">Chris Simon</p>
<p class="ArtInto">
Dit is mijn geweldige artikel, er zal een wereld voor je open gaan!
</p>
</body>
</html>
Hoofdstukken
De meeste artikelen bestaan uit een aantal hoofdstukken of delen, elk met hun eigen koptekst. Zo'n kop maak je als volgt:
Code:
<p class="ArtAuthor">Chris Simon</p>
<p class="ArtInto">
Dit is mijn geweldige artikel, er zal een wereld voor je open gaan!
</p>
<p class="ArtChapter">Inleiding</p>
<p>
Wat heb je nodig voor dit artikel? Allereerst een stel hersenen en 't
vermogen om te kunnen lezen. Ten tweede waarschijnlijk Delphi.
</p>
Aangezien je niet een hele lap tekst in een adem wilt hebben is een nieuwe paragraaf vaak handig, we hanteren hiervoor de standaard HTML methode:
Code:
<p class="ArtChapter">Inleiding</p>
<p>
Wat heb je nodig voor dit artikel? Allereerst een stel hersenen en 't
vermogen om te kunnen lezen. Ten tweede waarschijnlijk Delphi.
</p>
<p>
Als eerste onderdeel, loop naar de keuken en schenk een bak koffie in.
Je gaat 't nodig hebben.
</p>
Wil je wat extra ruimte voordat je begint aan een nieuwe koptekst is dat simpel op te lossen met wat line breaks:
Code:
<p>
Als eerste onderdeel, loop naar de keuken en schenk een bak koffie in.
Je gaat 't nodig hebben.
</p>
<br /><br />
<p class="ArtChapter">Het drinken van de koffie</p>
<p>
...
</p>
Code
Uiteraard zal het vaak voorkomen dat je wat code wilt toevoegen aan het artikel. Je kan dat op de volgende manier doen:
Code:
<p>
<pre class="code">
for I := 0 to 9 do
WriteLn('NLDelphi roeleert!');
</pre>
</p>
...als je de nieuwe regel aan het begin van het blok wilt verwijderen, zorg gewoon dat er na de <pre>-regel geen enter staat maar de code direct begint. Hetzelfde geldt voor het einde.
Natuurlijk is 't nog mooier om de code netjes te kleuren. Je kan hiervoor PasConvert gebruiken. Vul je code in en selecteer HTML. Na Verzenden krijg je het resultaat in beeld. Bekijk de source van het resultaat (Beeld -> Broncode in Internet Explorer), dit zal er ongeveer zo uit zien:
Code:
<html>
<head>
<title>NLDelphi, pascal naar HTML converter</title>
</head>
<!-- Generated by SynEdit HTML exporter -->
<body text="#000000" bgcolor="#FFFFFF">
<pre>
<code><font face="Courier New"><font color="#FF0000">for </font>I :=
<font color="#0000FF">0 </font><font color="#FF0000">to </font><font color="#0000FF">9
</font><font color="#FF0000">do
</font>WriteLn(<font color="#0000FF">'NLDelphi roeleert!'</font>);
</font>
</code></pre>
</body>
</html>
Het oninteressante gedeelte heb ik hier grijs gekleurd. De rest kan je kopieren en in je artikel zetten. Wat PasConvert ook meteen doet is karakters zoals > vervangen door &gt;, waardoor ze altijd goed zullen worden weergegeven.
Slotwoord
Je kan uiteraard elke gewenste HTML code gebruiken in het artikel. Als je afbeeldingen e.d. wilt plaatsen kan dat ook, wij zullen dan de afbeeldingen op NLDelphi plaatsen en de links ernaar corrigeren indien nodig. Probeer de code echter zo standaard mogelijk te houden, dat scheelt ons een hoop tijd. In ieder geval geldt; hou 't zo simpel mogelijk en indien mogelijk, gebruik geen WYSIWYG applicaties zoals Frontpage of Dreamweaver, die hebben de neiging een zooi te maken van de code .
Hopelijk ben ik niks vergeten en biedt dit een goeie start voor artikelschrijvers!
Bookmarks