TALEN OP HET WEB

Er bestaan veel webtalen

  • HTML

  • JAVASCRIPT

  • JAVA

  • JSCRIPT

  • CSS

  • VBscript

  • XML

  • XHTML

  • ASP

  • PHP

  • PERL

  • ...

We belichten enkel de talen die wij gaan gebruiken: HTML,Javascript, CSS en ASP. Je kunt er een volledige site mee opbouwen. Ik geef een idee van de verschillen tussen de talen in dit beperkt overzichtje:

 

HTML (HyperText Markup Language.) is de basistaal van een webpagina. Als je rechts klikt op deze pagina en je bekijkt de broncode gaat er een wereld voor je open... Gelukkig voor ons bestaan er programma's (Frontpage, Dreamweaver, GoLive,..) die deze taal genereren als we onze webpagina's maken. Ze doen in feite net het tegenovergestelde als een browser (Internet Explorer, Netscape, Firefox,..) die de HTML weer omzet naar een mooi beeld op je scherm. In theorie is dus de kennis van HTML niet noodzakelijk. In de praktijk echter is het nuttig om nu en dan eens naar de code te kijken om probleempjes op te lossen...Een commando in HTML noemt men een tag <p> is dus een tag waarvan </p> de eindtag is. Enkele voorbeelden met bijhorende HTML:

Dit is tekst      <p align="left"><i><b><font size="5" color="#800000">Dit is tekst</font></b></i> </p>


        <p align="left"><img border="0" src="leraar.jpg" width="113" height="106" style="border: 4px solid #008000"></p>  

 

1 www.google.be
2 www.yahoo.com

<table border="1" width="200" id="table1">
    <tr>
        <td>1</td>
        <td><a href="http://www.google.be"><font color="#FFFFFF">www.google.be</font></a></td>
    </tr>
    <tr>
        <td>2</td>
        <td><a href="http://www.yahoo.com"><font color="#FFFFFF">www.yahoo.com</font></a></td>
    </tr>
</table>

 

JAVASCRIPT wordt gebruikt om de webpagina dynamisch te maken. Dit wil zeggen dat er een actie wordt voorzien. Deze actie grijpt plaats na een gebeurtenis. Bvb je klikt met de muis over een figuur (=gebeurtenis onClick) en je krijgt een tekstje te zien (=actie alert). Javascript wordt uitgevoerd op jouw computer. Het is een client-sided script. De server voert dus de opdracht niet uit. Een voorbeeldje maakt veel duidelijk. Klik op de kikker. Bekijk daarna de broncode

onClick= "alert('kwak')"   is de javascript code om bij de gebeurtenis klikken  de actie geeft het bericht  'kwak' uit te lokken.

 

ASP (active server pages) zorgt voor server-sided script. De acties worden uitgevoerd op de server en niet op je computer. Wordt gebruikt bvb bij het controleren van een paswoord om toegang te krijgen tot een site. Je vult het paswoordje in en verstuurt het naar de server. Deze controleert of het juist is. Ook om on-line bestellingen te doen is server-sided script noodzakelijk. De gegevens van de bestelling worden in een database op de server opgeslagen, niet in je computer. ASP is niet via de broncode te bekijken, maar het resultaat wel. ASP kan ook niet getest worden zonder te uploaden naar de server. De asp pagina's hebben de extensie asp. PHP is een andere server-sided scripting taal die veel gebruikt wordt.

Dit wordt door ASP gegenereerd: 2/10/2012 1:06:20 AM

met deze ASP code:  <% response.write "Dit wordt door ASP gegenereerd: " & date() & " " & time() %> Merk op dat dit de tijd is van de server en niet van je computer. Misschien lopen beiden niet volledig gelijk... In de broncode is time en date niet te bespeuren. Ze werden omgezet naar de huidige datum en tijd door de server.

 

CSS (cascading style sheets) zorgt voor voorgeprogrammeerde opmaak. In plaats van bvb de titels van een hoofdstuk vet, geel en 18ptn groot te zetten kan je op voorhand zeggen dat alles wat titel is, er zo zou moeten uitzien. Je kunt dit doen in het begin van je webpagina maar je kunt dit ook bewaren in een apart bestandje waarnaar je dan verwijst. Dit heeft het voordeel dat bij wijzigen van de opmaak automatisch dit op alle pagina's wordt toegepast.

Dit is een titel

<style>
<!--
h2 { font-size: 18pt; color: #FFFF00; font-weight: bold }
-->
</style>

bovenstaande code veroorzaakt de opmaak van de gele titel. Merk op dat er geen opmaak rond de titel aanwezig is in de broncode. De opmaak wordt door de CSS bovenaan de pagina veroorzaakt.

VERSCHILLENDE BROWSERS...

Naast de Internet Explorer bestaan er ook andere browsers zoals Firefox, Netscape,... Zij zetten de webtalen zoals HTML, Javascript,... om naar een beeld op je scherm. Jammerlijk genoeg worden dezelfde tags in de verschillende browsers anders geïnterpreteerd. Meer nog; de versie IE (internet explorer) 3 zal minder kunnen dan versie 6... Het W3 consortium probeert daar wat aan te doen. Deze mensen proberen een standaard te definiëren. Tot hier toe wordt die nog niet overal toegepast. Hieronder zie je een voorbeeld hoe de IE6 en Mozilla Firefox de HTML codes interpreteren... Let op de onleesbare letters in de kolom.