frost designs http://frostdesigns.wordpress.com Just another WordPress.com weblog Fri, 09 Nov 2007 23:58:22 +0000 http://wordpress.com/ nl hourly 1 http://www.gravatar.com/blavatar/b10993fd6bba440a8ae00174ffb6f8ca?s=96&d=http://s.wordpress.com/i/buttonw-com.png frost designs http://frostdesigns.wordpress.com HTML http://frostdesigns.wordpress.com/2007/11/09/html/ http://frostdesigns.wordpress.com/2007/11/09/html/#comments Fri, 09 Nov 2007 23:58:22 +0000 Meeskehh http://frostdesigns.wordpress.com/2007/11/09/html/ ]]>

HTML: Hypertext Marker Language
In deze handleiding kan je alles wat gekleurd is in de codes vervangen door je eigen preferenties! Let wel op wat je precies invult en niet de verkeerde dingen vervangt of verwijderd. Lees alles goed door en je zal het snel onder die knie hebben.

HTML is een soort taal waarmee je webpagina’s kunt creeëren. Over het algemeen is deze codetaal niet erg moeilijk om te leren, maar je moet er zeker even mee oefenen voordat je het goed in je hoofd hebt. Ik raad je dan ook aan om de codes die in dit onderdeel worden gegeven niet te kopieëren en plakken, maar gewoon over te typen.

Als eerste behandelen we de standaard indeling van een pagina. Deze ziet er zo uit:

<html>
<head> <title>Website titel</titel> </head>
<body> Text hier </body>
</html>

— De Tekst
Nu ziet de tekst er nogal saai uit. Om het een kleur te geven, vervang
je ‘Text hier’ door:

<FONT color="#000000">Tekst hier</FONT>

Door de rozegekleurde text met een HEX-code (HEX = Heximaldecimal: een ander woord voor kleurencode) te vervangen, wordt deze automatisch de kleur die de HEX-code aangeeft. Hier kun je een paar HEX vinden. Als je PhotoShop of een ander fotobewerkingsprogramma bezit, kan je ook naar de colourchooser gaan. Hier wordt dan rechtsonder de HEX van de kleur weergegeven.

Waarschijnlijk wil je ook graag een ander lettertype, oftewel font, gebruiken. Op je computer staan standaard fonts. Deze heeft bijna iedere computer wel, dus is het het verstandigst om een van deze te gebruiken. Uiteraard kan je ook fonts downloaden; er zijn veel leuke fonts te vinden op de website DaFont.
In ieder geval, om je lettertype te veranderen, gebruik je de code hieronder. Let op dat je hem binnen de tags () code om de tekstkleur te veranderen plaatst en niet die code vervangt door deze!

<FONT face="Tahoma">Text hier</FONT>

Wordt het lettertype niet ondersteund door alle computers? Neem dan de volgende code:

<FONT face="Tahoma, Verdana, Arial">Text hier</FONT>

In de CSS classes wordt de opstelling van een aantal fonts een font-family genoemd, omdat het als tweede gekozen font het eerste vervangd als de computer deze niet ondersteund.

Om de teksgrootte te veranderen, voer je deze code in (het ligt voor de hand wat je hiermee moet doen en waar het voor dient):

<FONT size="12">Tekst hier</FONT>

— De Achtergrond
Een witte achtergrond is niet erg aantrekkelijk. Daarom kan je dus ook een achtergrond instellen. Je kan óf een kleur, óf een achtergrondplaatje gebruiken. Bij de tweede optie moet je er wel rekening mee houden om niet een te drukke achtergrond te nemen en bij de eerste natuurlijk geen al te felle kleur.

Wil je een gewone kleur als achtergrond, voeg dan dit aan de <body> tag toe (dus <body CODE>):

bgcolor="#HEX"

Voor een plaatje als achtergrond moet je de volgende code gebruiken:

background="bglink"

Vervang bglink door de link naar je achtergrond (background). De link naar een achtergond kun je krijgen door de achtergrond op te slaan, dan te uploaden (bijvoorbeeld op http://www.imgpop.net/) en die link op de plek van bglink te plaatsen.

to be continued…

]]> http://frostdesigns.wordpress.com/2007/11/09/html/feed/ 0 Meeskehh Forum Log-In http://frostdesigns.wordpress.com/2007/11/09/3/ http://frostdesigns.wordpress.com/2007/11/09/3/#comments Fri, 09 Nov 2007 21:46:15 +0000 Meeskehh http://frostdesigns.wordpress.com/2007/11/09/3/ ]]>

De meeste websites hebben wel een eigen forum. Een forum is een ‘messageboard’: Je typt een bericht, klikt op ‘Bericht Toevoegen’ en je hebt een bericht geplaatst. Hoe je precies een forum moet maken, kun je hier lezen.

Als je een forum hebt gemaakt, zal je natuurlijk moeten kunnen inloggen. Dit gaat op het forum zelf, maar je kan ervoor zorgen dat je ook via je website in kan loggen. Dit doe je door simpelweg de code hieronder te kopieëren en te plakken waar je de log-in wilt hebben. Verander het blauwgekleurde stukje naar je eigen forumadres en het werkt!

Vragen? Stuur een mailtje sturen naar mprudance.frostdesigns@gmail.com. ;)


<form method="post" action="http://www.PATHTOYOURFORUMS/index.php?act=Login&CODE=01">
<p>
<input name="UserName" type="text" id="UserName" />
</p>
<p>
<input name="PassWord" type="password" id="PassWord" />
</p>
<p>
<input type="submit" name="Submit" value="Submit" />
</p>
</form>

]]> http://frostdesigns.wordpress.com/2007/11/09/3/feed/ 0 Meeskehh