Indeling:-Inleiding
-Html & css
-Webhosting
-Domeinnaam
-Dynamische website
InleidingIn dit artikel ga ik van top tot teen uitleggen hoe je een basis website kan maken zonder veel fratsen.
In dit artikel leer je de basis van html en css. Ook zodra je website af is hoe je je website online kan krijgen en op je .nl domeinnaam. Maar als je wat extra's op je website wilt heb ik nog een stukje over dynamische websites
HTML & CSSHtml & CSS is de basis van iedere website, nu heeft de ene een hele mooie site met opmaak van photoshop etc. Dit kun je later allemaal zelf doen.
Als eerste ga ik jullie vertellen hoe een html pagina in elkaar zit.
LETOP: alles wat <!-- --> tussen zit is commentaar wat de webbrowser niet weergeeft!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <!-- dit is om de browser te vertellen hoe hij de website moet lezen, bij een editor zoals dreamweaver wordt dit automatisch erin gezet -->
<meta http-equiv="content-language" content="nl" /><!-- zet hier de taal van je website neer, voor het gemak nemen wij even nederlands -->
<meta name="robots" content="all" /><!--Welke robots mogen je site bezoeken, wij willen ze allemaal zodat je in iedere zoekmachine zit -->
<meta name="publisher" content="Door wie op het internet gepubliceert" />
<meta name="author" content="De maken" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" /><!-- Zo laden we de style in voor de opmaak van de website -->
<title>Titel van je website</title>
<meta name="keywords" content="keywords waar je site veel mee te maken heeft" />
<meta name="description" content="korte beschrijving van je website" /></head> <!-- we sluiten de informatie voor de browser af zodat hij de website kan gaan weergeven -->
Nu willen we de opmaak van de site goed hebben. Dit doen we dmv div's dit word later ingevoerd in de css.
<body> <!--Dit geeft aan dat we gaan beginnen met wat moet worden weergegeven -->
<div id="logo">Uw website naam</div> <!--hier hebben we de eerste div die het logo gaat weergeven -->
<div id="text">Lorem ipsum dolor sit amet, consectetaur<br /> <!-- <br /> betekent enter --> adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat </div><!-- zo zeggen we dat de text afgelopen is -->
<div id="menu"><a href="index.html">Home</a> | <a href="index.html">Home</a> | <a href="index.html">Home</a> <!-- <a href="url">naam</a> geeft een link aan --><!-- wij hebben het menu aan de onderkant gezet voor de simpelste indeling -->
</body> <!-- het textgedeelte afsluiten -->
</html> <!-- de site afsluiten -->
Dit is dus een simpele webpagina, voor alles nog eens uitgebreid door te lezen raad ik
http://www.w3schools.com/ aan.
De css:
/* commentaar */
#logo /* zo zie je een css stuk begin je met # en de naam */{
background-color: #009; /* is de kleur van de achtergrond */
color: #ffffff;; /*is de kleur van de tekst */
}
#text {
color: #009;
padding-left: 20px; /* hoeveel pixels vanaf de rand moet de tekst komen? */
}
#menu{
background-color: #009;
}
#menu a, a:active /*.a en .a:active geeft de url kleur aan LETOP: dit is alleen van het menu, wil je de rest een andere kleur dan blauw/paars zet je bovenaan .a, a:hover met je gewenste kleuren*/{
color: #ffffff;
}
WebhostingWat is webhosting en wat kan ik met webhosting. Dat wil ik jullie in dit onderstaande stukje gaan uitleggen.
Webhosting is eigenlijk niets anders dan een stukje server huren voor je website online te zetten.
Maar hoe weet ik nou welke host ik nodig heb. Dit is vaak verschillend en kan ik zo niet zeggen, eerst zo een stukje:
-Shared hosting: is goed voor 1 enkele site, die geen tot middelmatige bezoekers trekt of niet heel veel van de server vraagt
-Reseller hosting: is goed voor meerdere sites te hosten, zo kun je klanten bijvoorbeeld webhosting aanbieden
VPS: zo huur je een gedeelte van de server, hiermee kun je vanalles doen wat je maar wil, muziek streaming server, een simpele gameserver, en ook gewoon als webhosting voor Shared & reseller gebruik
dedicated server: Zo huur je een hele server in een datacenter en kun je echt alles mee doen wat je wilt. Hiermee heb je ook iets meer vrijheid dan bij een VPS server want daar moet je rekening houden met andere gebruikers.
Colocation: Op een colocation kun je je eigen server kwijt, en daar kun je op alle tijden onderhoud aan verrichten zoals een harddisk of geheugen upgrade.
Domeinnaam?Een domeinnaam is een naam bijvoorbeeld wmbeurs.nl zo'n domeinnaam dien je te registreren en kost een bepaald bedrag per jaar. Maar er zijn ook gratis domeinnamen beschikbaar bijvoorbeeld .tk
Dynamische websitesEen dynamische website is bijvoorbeeld gedeeltelijk gemaakt in php, een goed voorbeeld daarvan is wmbeurs.nl SMF is een uitgebreid phpscript, en als je een actie vraagt doet de site het.
Ook is een contactformulier op je website meestal dynamisch, deze maakt gebruik van php.
Voor alles over php en dynamische websites te lezen raad ik jullie aan om te kijken op:
http://www.phphulp.nl en op
http://www.phpfreakz.nl
