HTML Webpagina's maken


Week 1 HTML-codes
Cavia Een oefening met gebruik HTML-codes
Clown Afbeeldingen en koppelingen in HTML-tags
Drentheland Opdracht: een leuke achtergrondkleur een bijpassende tekstkleur lettertype Arial minstens 1 H2 regel minstens 1 afbeelding koppelingen naar simba.html en clown.html

Week 2 Tabellen
Oefening Tabellen Introductie tabellen, tabellen met achtergrondkleuren en verschillende celgroottes, tabellen met overlappende cellen
Open Monumentendag Opdracht een tabel waarin gebruikt is gemaakt van:
width rowspan colspan een afbeelding achtergrondkleuren in table-, td- en tr-tag
Foutje Een foutje in het gebruik van rowspan in een tabel

Week 3 Formulieren
Coca-Cola formulier Opdracht een zelfbedacht formulier met:
Een vraag met Radio-velden
Een vraag met Checkbox-velden
Een vraag met een Textarea
Gebruik action=.......CGI-script

Week 4 Java-Script
Alert een apart venster met een melding laten zien
Kleuren Een kleurenwiel waarbij je makkelijk kunt zien welke kleur bij welk (hexadecimale) kleurnummer hoort
Kalender Een leuk javascriptje van internet
Bloemen Een fotoalbum waarin je niet zelf hoeft te bladeren
Dieren Plaats de muis op een verkleinde afbeelding of 'thumbnail'
Panorama Rotterdam Een fotocarrousel met een panoramafoto van Rotterdam

Week 5 Eindopdracht
Statistieken De statistieken en de teller in een geneste tabel gezet (27 tabellen) met als doel het verschil te zien tussen een tabel met een celpadding (statistieken) en een tabel met een border (teller)
De border heeft een bordercolorlight en een bordercolordark welke in de browsers Netscape en Opera een totaal ander effect geeft dan in Internet Explorer
Het verschil in effect is in de Internet Explorer duidelijk zichtbaar
Teller
Gastenboek Een gastenboek op je site is altijd leuk, vooral als de gasten een berichtje achterlaten
Chatbox Chatbox op je pagina

PHP en ASP
PHP PHP staat voor 'Personal Home Page Tools' en is een zogenaamde scripttaal en is daarmee een tegenhanger van de Active Server Page (ASP) van Microsoft. Een PHP-script ligt opgesloten binnen een HTML-document. Een pagina welke een PHP-script bevat heeft als extentie .php, php3 of phtml. Met PHP worden zogenaamde dynamische pagina's gemaakt. Dit wil zeggen dat de inhoud ervan veranderd als gevolg van de vertaling van het script. HTML documenten zijn, in tegenstelling tot pagina's met PHP, statisch en daardoor stug. Veranderingen kunnen alleen gemaakt worden wanneer u de gehele pagina's bewerkt. Met PHP kunt u, zonder in de HTML-code te moeten duiken direkt wijzigingen aanbrengen aan de database door het eenvoudig invullen van een formulier. Als voorbeeld kunt u denken aan een makelaar, welke op diens website een overzicht heeft van de te koop staande woningen. Wanneer hier wijzigingen in gemaakt moeten worden (Er is bv. een huis verkocht of er komt een nieuw huis in de verkoop) vult de makelaar een formulier in, de wijzigingen in de database worden gemaakt en de inhoud van de site is weer up-to-date, dit alles dank zij PHP.

ASP staat voor Active Server Pages en is van oorsprong een Microsoft technologie. Met ASP kunnen websites gemaakt worden met een dynamisch karakter. We bedoelen hiermee niet (interactieve) animaties, maar websites die aan de hand van acties van gebruiker verschillende gegevens weergeven, bijvoorbeeld uit een database. Denk hierbij bijvoorbeeld aan een zoekmachine of een winkelwagentje van een web-winkel. Zoals een 'gewone' website uit HTML bestanden bestaat, bestaat een ASP website (of ASP applicatie) uit ASP pagina's. Een ASP pagina lijkt op HTML, maar bevat ook scripts die op de server worden uitgevoerd voordat het resultaat naar de browser gestuurd wordt. Met die scripts kunnen bijvoorbeeld resultaten uit een database worden weergegeven
ASP
Terug Naar de homepage van Margrietha