Het Internet : het fantastische medium waarmee je wereldwijd informatie kan opzoeken, corresponderen, spelletjes spelen, ...
Waarschijnlijk heb je reeds menig uur gesurft, gechat en ge-emaild, maar nu wens je nog een stap verder te gaan : zelf publiceren op het Internet. Je hebt ongetwijfeld reeds uitgebreid kennis gemaakt met het WWW ( World Wide Web ), vele miljoenen pagina's met al dan niet nuttige informatie. Maar heb je er dan ook bij stilgestaan dat elke pagina door iemand moet worden gemaakt ? Het is hier dat deze cursus start. In deze cursus leer je stap voor stap hoe je een website maakt en hoe je die op het WWW gepubliceerd krijgt.
Voor het volgen van deze cursus is het dan ook ten sterkste aangeraden dat je de basisbegrippen van het Internet reeds onder de knie hebt. Vlot kunnen omgaan met een browser ( Internet Explorer / Netscape Communicator ) is een must. Kennis van het besturingssysteem Windows (95/98/NT/2000/XP) is ook onontbeerlijk
Internetpagina's zijn bestanden die op de harde schijf van een computer staan. Elke Internetpagina heeft zijn eigen adres of URI (Uniform Resource Identifier) op het internet , vb. http://tucows.pandora.be/software.html (precies zoals elk bestand een pad heeft op je computer vb. c:\mijn documenten\brief.doc). De term URL (Uniform Resource Locator) klint je misschien bekender in de oren, URL's vormen een onderdeel van het URI naamschema. Een URI wordt gebruikt om hyperlinks te maken, om andere bestanden zoals figuren in je webpagina te integreren, voor het werken met formulieren, ... .
Zoals alle bestanden hebben Internetpagina's eigen extensies. Een Word-document heeft de extensie .doc, een Excel document .xls. Een internetpagina kan verschillende extensies hebben. Internetpagina's dragen meestal de extensie .htm of .html, maar er zijn nog heel wat andere extensies voor webbestanden : .shtml, .asp, .aspx, .cgi, .wrl, .php, .js, .pl , .class, .xml, .gif, .jpg, .bmp, ... waarbij de laatste drie grafische bestandstypes zijn. De extensie is natuurlijk afhankelijk van de inhoud van het bestand. Meer over de verschillende bestandstypes volgt verderop in de cursus.
Internetpagina's worden gemaakt met behulp van een taal die door alle computers kan worden begrepen : HTML. Het is geen echte programmeertaal zoals C of Visual Basic. In HTML komen enkel opbouwinstructies voor een webpagina voor, geen variabelen, structuren zoals lussen, ... HTML is dus eenvoudiger aan te leren dan een echte programmeertaal, maar opgepast : denk niet dat je het zonder de minste moeite helemaal onder de knie zal hebben.
Waarom HTML ?
Waarom een nieuwe taal voor internetpagina's, en waarom niet gewoon bestaande bestanden op het internet plaatsen. Dit heeft twee redenen : als je bestaande bestanden zou nemen, welk bestandsformaat zou je dan kiezen ? Word's .doc-bestanden ? En degenen die Word niet hebben, met een Mac of onder Linux werken ? Doordat er zoveel verschillen zijn in de momenteel gebruikte soft- en hardware zou het moeilijk zijn een standaard te vinden.
De tweede reden is echter nog doorslaggevender : de bestanden uit de recentste tekstverwerkers zijn gewoon te groot, te omslachtig. Zoals je weet moet zowat alle informatie die op het internet wordt verspreid verstuurd worden via telefoon- of distributiekabels, waarbij dikwijls elektronische files ontstaan. Hoe minder informatie (bytes) er moet worden verstuurd, hoe beter. Dus, hoe kleiner de internetpagina's zijn, hoe beter. Word-documenten zijn hierdoor zeker niet geschikt.
De bestanden die nu de internetpagina's vormen (.htm / .html) bevatten de instructies die voor de browser nodig zijn om de internetpagina op te bouwen. In het .htm- of .html-bestand zijn enkel opbouwinstructies vervat, het bouwen zelf gebeurt door de browser : deze vertaalt de instructies en plaatst de pagina op je scherm. Dit laatste geeft ook aan waarom een webpagina er anders kan uitzien in verschillende browsers. Doordat de browsers eigenlijk het grootste werk doen kan met een minimale belasting van het netwerk toch een prachtig resultaat worden bereikt. Voor ons rest nu nog de grote uitdaging : hoe maak ik mijn eigen webpagina's, en hoe breng ik die overal ter wereld op het scherm.
HTML 4.01
HTML 4.01 laatst geldende versie van de taal HTML.
De Instelling die zich bezighoudt met de ontwikkeling van HTML is het W3C : Het World Wide Web Consortium. Je kan de nieuwste ontwikkelingen van HTML volgen op http://www.w3.org/MarkUp/ .
HTML onderging reeds een grondige evolutie. Het werd ontworpen door Tim Berners-Lee aan het CERN. Versie 2.0 was er in 1995, kort daarop gevolgd door versie 3.0 en in 1997 versie 3.2. HTML 4 breidt HTML uit naar Style Sheets, scripting, invoegen van objecten, rijkere tabellen en formulieren. Versie 4.01 (1999) verbert een aantal gebreken in versie 4.0 en bevat ook een aantal wijzigingen
In deze cursus zal zoveel mogelijk geprobeerd worden de standaard opgelegd door het W3C te volgen, daar het voor het ontwerpen van documenten belangrijk is een zo groot mogelijk bereik te hebben van toepassingen die de documenten correct kunnen interpreteren.
XHTML
Extensible Hypertext Markup Language 1.0 is de nu geldende standaard voor het maken van webpagina's. XHTML is eigenlijk een herformulering van de standaard voor HTML 4.01 in XML en combineert de kracht van HTML 4.01 met de mogelijkheden van XML. Hiermee werkt men verder aan het standardiseren van webdocumenten. Daar deze standaard vele elementen van HTML 4.01 overneemt bestuderen we eerst HTML 4.01 en gaan dan over tot de studie van XHTML 1.0
Door de echte browseroorlog tussen Microsoft's Internet Explorer en concurrent Netscape gebeurt het vaak dat bepaalde vernieuwingen wel door de één, maar niet door de ander worden doorgevoerd, waardoor bepaalde technieken kunnen worden gebruikt naargelang de browser. Het gevolg hiervan is dat een Internet-ontwikkelaar steeds rekening moet houden met de mogelijkheden en methoden van de verschillende browsers. In de loop van de cursus zal je dit aan den lijve ondervinden.
Behalve HTML wordt op het internet nog een flink aantal andere talen gebruikt. De belangrijkste zijn :
In de inleiding kon je al lezen wat html is, en waarom men deze taal gebruikt voor het maken van webpagina's.
Internet is een snel evoluerend medium, deze cursus vormt een overzicht van de mogelijkheden die er momenteel zijn, het spreekt voor zich dat je de verdere ontwikkelingen op dit gebied zal moeten blijven volgen om web-pagina's op een moderne manier te ontwerpen.
Html is een zuiver tekst-gebaseerde ontwikkelingstaal. Om internetpagina's te maken heb je bijgevolg genoeg aan een tekstverwerker. Wanneer je met een tekstverwerker internetpagina's maakt, kies dan wel voor een programma dat je bestanden opslaat met enkel de teksttekens die jij hebt ingevoerd. Op zich heb je genoeg aan een programmaatje zoals Window's kladblok om een geavanceerde website te ontwerpen.
Aan de hand van tekst-commando's kan je in html je webpagina stap voor stap opbouwen. Deze commando's worden html-tags genoemd. Om een eenvoudige webpagina te maken moet je slechts een heel beperkt aantal tags kunnen gebruiken.
Er bestaat ook meer geavanceerde programma's om webpagina's te ontwerpen, deze stellen de gebruiker in staat gemakkelijker html-code te schrijven, door te klikken op opdrachtknopjes. Met sommige html-editors hoef je zelfs geen letter code te kunnen schrijven : je maakt de pagina door gewoon de inhoud in te tikken, eventueel figuren toe te voegen via bv. kopiëren en plakken. Wanneer je de pagina opslaat vertaalt de editor al je instellingen in html. Deze laatste editoren zijn vrij eenvoudig in gebruik, maar hebben het grote nadeel dat je beperkt wordt tot de opties van dit specifieke programma. Men noemt ze ook vaak WYSIWYG-editoren : 'What you see is what you get' : wat je op het scherm ziet bij het maken van de pagina zal straks ook zo worden weergegeven op het internet.
Dergelijke programma's stellen je in staat heel vlug een basis-webpagina te maken, maar ik raad iedereen die van plan is wat 'meer' te kunnen aan de html-taal te leren. Eens je de html-taal beheerst kan je met de eenvoudigste middelen aan de slag om een webpagina te maken, en wordt je niet meer beperkt tot de opties van een bepaalde editor. Je bent dan ook in staat om nieuwe ontwikkelingen op te nemen in je eigen projecten, zonder te wachten tot een bepaalde editor deze ondersteunt.
| Meer tutorials: |
|
| leer ook: | html | | xhtml | | css | | asp | | asp.net | | c# | | ado.net | | linq | | ajax | | java | | javascript |
© - Cursusweb