Het leuke van websites maken is dat je een combinatie van programmeertalen moet gebruiken (was ik vergeten te zeggen...). Mijn site is bijv. voor ongeveer 75% opgebouwd uit html, de rest is allemaal php. Html is bedoeld voor de pagina zelf, je zult dat voor een website dus
altijd moeten gebruiken. Zolang je bestanden de extensie .php geeft (waarin je gewoon in html kunt programmeren), kun je je html codes afwisselen met een php- of javascriptje. Die 2 programmeertalen zijn bedoeld voor extra functies, zoals een inlogsysteem. Voorbeeldje:
HTML:
<head>
...
</head>
<body>
<div id="main">
<h1>Hallo, dit is mijn site!</h1>
<p>En dit is de tekst die ik gebruik.</p>
</div>
</body>
Hier een voorbeeld van een combinatie:
HTML:
<head>
...
</head>
<body>
<div id="main">
<h1>Hallo, dit is mijn site!</h1>
<p>En dit is de tekst die ik gebruik.</p>
<p><?php include="extra.php"; ?></p>
</div>
</body>
Je ziet dat ik een stukje php in een html code heb gebruikt. In dit geval de Include() functie. Daarmee kun je bestanden inladen in een webpagina. Dit is een heel simpel voorbeeld wat php kan doen op een website. De basis blijft altijd html.
Mijn site (zie handtekening hieronder...) barst van de includes, vooral omdat het soms rotwerk is om een verandering te maken, en die toe te passen op alle andere pagina's (bijv. een nieuwe link in de sidebar, daarvoor hoef ik nu maar één enkel bestand aan te passen, en het resultaat is op alle 60 pagina's te zien!)...
Html is (vind ik) één van de makkelijkste programmeertalen die er bestaat. De hele taal bestaat uit
tags (zoals <p> voor paragraph). Elke tag wordt afgesloten met een endtag (</p>, let op de slash). Verder zie je dat er een <head> tag is, daarin staat vanalles over de website, zoals titel, favicon (webicoontje), links naar css (stijlbestanden, ook wel links naar de vormgeving), etc.. Vervolgens zie je de <body> tag, daarin staat alles wat voor een gebruiker zichtbaar moet zijn. <div> tags zijn er om de website op te delen in blokken. Zo heb ik bijv. een div'je voor de sidebar, menubar, header (bovenafbeelding), footer (links onderop de website) en de main content (de tekst zelf). D.m.v. de id tag wordt er doorverwezen naar het css bestand, waarin staat beschreven hoe dat blok versiert moet worden. Verdere veelgebruikte tags zijn:
<p> = paragraaf
<em> = cursief
<strong> = vetgedrukt
<a href="url...">Linktekst</a> = link (typ op de plaats van url... de link naar de desbetreffende pagina of website).
<h1>, <h2>, <h3>, etc... = de titel tags, gebruikt om een blok een titel te geven (bijv. een nieuwsblokje)
<li> = opsomming
voor meer kun je het beste googlen, er is onbeperkte aantal informatie in alle talen over html, dus maak je daar geen zorgen over...
Als je meer wilt weten, vraag gerust!
mr32
