Website bouwen Re: Ubuntu-NL Verzamelmail, Volume 88, Nummer 6

Za Mrt 24 12:14:42 UTC 2012

Op 22-03-12 13:30, A.B.Haagsma schreef:
> Hallo Frank
> Wordpress downloaden en gaan pielen.
> Groetjes ABH
Hoi Frank,

De eerdere suggesties zijn zeker goed: wordpress, joomla, drupal. Maar 
je zal zowiezo een tijdje moeten steken in het aanleren van die zaken. 
En de ene heeft al een steilere leercurve dan de andere.

Het lijkt mij dan zeker interessant om die tijd te steken om een basis 
van html (en css) te leren. Je kan dan nog kiezen tussen een van de 
bovenstaanden. Als het een eenvoudige site mag worden, heb je daar maar 
een dagje voor nodig, een tweede voor css. Je kan letterlijk duizenden 
templates op het internet downloaden als je de basis begrijpt.

Een klein voorproefje:

<html>
<head>
<title>Eerste pagina</title>
</head>

<body>
<h1>Mijn eerste pagina, verdorie!</h1>

<p>Nooit geweten dat ik dit kon</p>

<p>
<ul>
<li>Eerste lijstitem, ongelooflijki</li>
<li>En dat tweede, lijkt wel vanzelf</li>
<li>Der is eigenlijk echt niks aan!</li>
</ul>

</p>

</body>
</html>

HTML bestaat uit tags: <> en </> : de begin- en endtag, en inhoud tussen 
die tags.
<h1>Welkom op mijn pagina!</h1> lees je als begin een header 1, zet er 
je titel in en stop header 1. Die endtag moet je zetten omdat anders 
heel je tekst een titel zou zijn. Niet erg mooi en ook al niet functioneel.

Verder zijn er altijd drie stukken die je moet meegeven:
html en stop html: anders weet je browser niet wat ie ermee moet aanvangen.
head en stop head: is in dit voorbeeld de tekst in je titelbalk.
body en stop body: dat is wat je te zien krijgt in je browservenster 
onder de balken.

Probeer maar eens: kopieer alles van <html> tot en met </html> zet het 
in een tekstbestand (met bv gedit) en sla het op als verdorie.html. 
Dubbelklik erop en je standaard browser gaat open en laat de inhoud zien.

Het lijkt veel werk, maar ga eens kijken op www.w3schools.com waar je al 
veel kan leren, ook over css. Je moet het niet kunnen, wel begrijpen. 
Dan kan je verder zoeken op het internet met bijvoorbeeld "html 
templates". Je vervangt dan de inhoud tussen de tags met jou tekst, je 
past stijlen aan met css en je zet er je eigen fotootjes in.

Eventjes werk, maar dat heb je met joomla, drupal en wordpress ook, en 
je kan het altijd in combinatie met deze drie gebruiken. Probeer maar 
eens, het is eigenlijk echt plezierig.

Jeroen