BASISBEGRIPPEN

Er is een groot verschil tussen wat je op deze pagina nu ziet en wat er door de internet kabeltjes getransporteerd wordt....Webpagina's worden in HTML (een webtaal) geschreven aangevuld met ASP, PHP, Java, Javascript,  Jscript, Action Script, VBScript,...  Ga via Beeld => Broncode een kijkje nemen naar de HTML die achter deze simpele pagina steekt. Schrik niet... Probeer een paar verklaringen te geven van wat je ziet. Als je HTML (+ enkele andere talen)  kent, kan je dus bijvoorbeeld via het kladblok volledige pagina's schrijven en uploaden...

Hier zie je een voorbeeld van HTML code. Elke instructie die tussen <> staat noemt men een TAG. We merken de <title> tag op, die de titel in de titelbalk toont. een hyperlink begint met <a href=" ...

Gelukkig voor de webdesigners, zijn er programma's die, wat ze op het scherm creëren, omzetten naar HTML. Het zijn dus omgekeerde browsers. Browsers zoals de Internet Explorer zetten al deze talen terug om naar een mooi beeld.

DREAMWEAVER is  een programma om websites in HTML om te zetten:

Ook FRONTPAGE zet automatisch al wat je maakt om naar HTML. Wij gaan in deze Kennismaking met de PC, Frontpage gebruiken om onze eerste webdesign stapjes te zetten. Frontpage is een Microsoft product en heeft dus dezelfde balken als Word, Excel,... Dreamweaver is van de concurrentie...

Laat ons Frontpage openen en beginnen...

Schrijf een tekst naar keuze ( zet je naam erbij) en kies ook een kleur als achtergrond met dit dialoogvenster. Neem de achtergrond kleur niet te donker.
Maak gebruik van de opmaakbalk...
Via Invoegen => Webcomponent kom je bij dit dialoogvenster terecht. Kies Baldakijn (lichtkrantje) en voltooi.

Vul een bewegende tekst in naar keuze. Bekijk het resultaat door onderaan links op 'Voorbeeld' te klikken. Ga terug naar je ontwerp door op 'Normaal' te klikken...
Sla je pagina nu op in een map met je volledige naam. Geef de pagina de naam index.html Geef ook een titel (hier 'dit is mijn eerste pagina')

Hoe krijgen we deze pagina nu bij onze server? Ik heb voor jullie een server voorzien om één en ander uit te testen. Je kan daar vrij gebruik van maken tijdens de les.  We maken gebruik van een ftp programma (een soort verkenner) om onze bestanden te uploaden. Daar voor moeten we eerst op de site van www.coreftp.com het gratis ftp programma downloaden. De leerkracht zal je nu de paswoorden en gegevens geven.

Een ftp programma zal een verbinding tot stand brengen met een server. Het is belangrijk dat je een goede server kiest. Welke talen kan de server aan? Welke maximale download capaciteit is mogelijk? Wat is de prijs? Sommige providers voorzien dat hun gebruikers ook gratis webspace kunnen gebruiken. Informeer je hierover op de site  van je provider.

Je zal enkele gegevens moeten invullen. Die krijg je van de leerkracht. Ik zet dit niet zomaar in deze cursus omdat 'grappenmakers' niet altijd grappig zijn.  Daarna krijg je dit:

Een ftp programma toont links je eigen computer, rechts wat je op de server staan hebt. Gelieve alles wat je upload in je eigen map te zetten...Vandaar dat ik je de webpagina in een eigen map heb laten opslaan.
Ik heb zonet mijn map geselecteerd en geupload. Dit doe je door selecteren en klikken op de pijl. Je kan dus ook downloaden als je wil.
Als je nu bvb het adres
e-teacher/dirk bernaert intikt. (Jij gebruikt natuurlijk de naam van je eigen map.) Dan kom je op je webpagina terecht. Dit komt omdat we het de standaardnaam index.html gegeven hebben. In dit geval hoef je enkel de map aan te spreken.
Ga op internet een figuur zoeken naar keuze en sla hem op in je map (met je eigen naam).

Via Invoegen => Bestand kan je de figuur op je blad krijgen. Het is belangrijk dat je figuur en je webpagina in dezelfde map zitten! Sla ook je webpagina op. Kijk eens naar de html code voor een figuur.

Upload maar de volledige map. Je zal gevraagd worden of er mag overschreven worden...Zeg maar 'Overwrite all', je overschrijft je vorige index..html bestand. Dit is het resultaat... Misschien heeft de leraar een fototoestel bij en kan de klasfoto op internet gezet worden...

Werk je pagina verder af tot en heus kunstwerk...Vanaf nu kan de wereld je werk bewonderen. Als Google op bezoek komt zal je zelfs met je naam kunnen gevonden worden!