Met dit stencil proberen we jullie stap voor stap uit te leggen hoe
je de basis kunt leggen voor een (eenvoudige) webpagina.
Eerst ga je bekijken hoe de opbouw van een internetpagina in HTML eruit
ziet, dan ga je leren hoe je de pagina kunt veranderen (en dus ook hoe
je een nieuwe pagina kunt maken) in Word. Deze doe-opdracht is er alleen
voor om jullie kennis te laten maken met het maken van een internet site.
De basisvaardigheden moet je in deze workshop onder de knie kunnen krijgen.
- Zet het scherm aan (de computer staat al aan!). Je zit nu in het hoofdmenu
van de computer.
Onze pagina
- Start Netscape Navigator op en ga naar: http://welcome.to/com08.
Als eerste verschijnt er een 'vertragingsscherm'. Dit is een reclamescherm
van de provider waar wij onze site op hebben gezet. Na ± 10 seconden
verschijnt onze pagina.
- Je ziet nu de welkomstpagina van onze website. Klik op de eerste
link.
- Je bent nu aangekomen op de pagina die je moet veranderen. Omdat
het maken van een internetpagina veel werk is als je er geen speciaal programma
voor hebt (zoals bij ons op school), hebben wij vast een pagina gemaakt
die je kunt aanpassen.
- Ga nu bovenaan in de werkbalk naar: Beeld > Paginabron. Je ziet hier
de eigenlijke opbouw van de pagina in HTML. Schuif met de balk onderaan
naar rechts om alles te bekijken.HTML is de meest gebruikte computertaal
voor Internetpagina’s. Tegenwoordig zijn er programma’s waarbij je net
als bij een tekstverwerker Internetpagina’s kunt maken. Hierbij zie je
op het scherm hoe de Internetpagina eruit gaat zien en de computer zet
het automatisch voor je om in HTML.
- De pagina is helemaal opgebouwd uit codes, die allemaal in ‘tags’
(< >) staan.
We zullen in het kort enkele codes uitleggen:
<HTML> Hiermee begint iedere internetpagina in HTML. Dit houdt
in dat de site in HTML is weergegeven. De pagina eindigt met </HTML>.
Alle codes beginnen met <..> en eindigen met </..> met op de stippellijn
de ‘opdracht’ die de computer moet uitvoeren. Enkele andere codes zijn:
<CENTER> en </CENTER>: hiermee kun je centreren.
<FONT SIZE=+3> en </FONT>: dit geeft de grootte van de
letters aan.
Verder is er nog de code <P>. Deze geeft een “enter” aan.
Zoals je ziet, is het lezen en schrijven in HTML vrij ingewikkeld.
De pagina waarvan je nu de HTML ziet, is nog maar een heel eenvoudige pagina.
Daarom laten we je nu zien hoe je een pagina kunt maken in Word.
- Sluit deze pagina (de bronvermelding) door op het kruisje rechtsboven
te klikken.
Een pagina maken in Word
- Verklein het Netscape scherm door rechtsboven op het eerste icoontje
te klikken (_)
- Open Word.
- Stop de diskette die je van ons hebt gekregen in de computer (als
je dit nog niet gedaan hebt).
- We hebben de pagina al voor je opgeslagen op diskette, omdat het
onnodig tijd kost als we jullie allemaal eerst de pagina laten kopiëren
van internet. De naam van de opgeslagen pagina is Veranderpagina.html.
- Je moet dus de opgeslagen pagina openen in Word. Dit doe je door
achtereenvolgens te klikken op: Bestand > Openen. Je krijgt nu een ‘openmenu’.
- Zorg er nu voor dat er onderin ‘alle bestanden’ staat. Staat dit
er niet, dan moet je bij ‘Bestandstype’ op het pijltje klikken en de optie
‘Alle bestanden (*.*) kiezen.
- Klik nu bovenaan, bij ‘zoeken in’ op het pijltje en klik op 3,5 inch
diskette (A:). Vervolgens klik je op ‘Veranderpagina.html’ en tenslotte
op ‘openen’. Het kan zijn dat er een venster verschijnt met als titel 'Verbinding
met het Internet tot stand brengen'. Als dit verschijnt, moet je op 'nee'
klikken.
- Op je scherm zie je de pagina zoals hij op internet stond. Nu kun
je zelf veranderingen aan gaan brengen.
Het veranderen van onze website
- Om te beginnen kun je de zin ‘Verander deze tekst in je eigen naam’
weghalen en vervangen door je eigen tekst (bijvoorbeeld je naam).
- Vervolgens kun je de achtergrondkleur veranderen. Dit doe je door
op Opmaak > Achtergrond te klikken. Er verschijnen nu een aantal kleuren
in je scherm waar je uit kunt kiezen.
- Je kunt nu je eigen foto invoegen in het document. Dit doe je door
te klikken op de foto die er nu staat. Er verschijnen in de hoeken witte
vierkantjes.
- Vervolgens klik je op Invoegen > Figuur > Uit bestand.
- Je krijgt nu een ‘openmenu’. Klik op het pijltje bovenaan en klik
op 3,5 inch diskette (A:).
- Klik onderaan, bij 'Bestandstype' op de pijl en kies de optie 'alle
figuren'.
- Als het goed is, staat er een bestand tussen dat Mvc-000f.jpg heet.
In plaats van de laatste nul staat er een ander cijfer. Dubbelklik hierop.
- Als het goed is verschijnt je foto op de plaats waar net die van
Eric stond.
- Verander de tekst die onder je foto staat.
- Je kunt ook de links veranderen. Dit doe je door de link te selecteren
(NIET erop klikken!!). Selecteren doe je door met je muis links ervan te
gaan staan, zodat je een pijltje krijgt. Als je nu klikt, is de hele link
geselecteerd. Als je nu typt, verander je de tekst van de link. Het veranderen
van de link zelf, dus waar de link naartoe verwijst, doe je door middel
van Invoegen > Hyperlink. Je krijgt dan een scherm waar bovenin http://intra.fe.fontys.nl
staat. Dit moet je veranderen om de verwijzing te veranderen. (Onderaan
is nog een witte balk te zien, maar daar moet je niks invullen). Klik nu
op Ok. Let erop dat je de link eerst selecteert voordat je hem gaat veranderen,
anders gebeurt er niks.
Je pagina bekijken in Netscape
- Nu je dit alles hebt gedaan, kun je je pagina ook bekijken in Netscape,
om te kijken hoe hij eruit zou zien als je hem op internet zou zetten.
Allereerst moet je de veranderingen die je hebt aangebracht opslaan. Als
je zelf ooit zou beginnen met het maken van een website moet je er op letten
dat je hem opslaat als .HTM- of .HTML-bestand, anders kan hij niet geopend
worden in Netscape (dit komt doordat Netscape alleen HTM(L)-bestanden kan
lezen!). Dit doe je door te klikken op Bestand > Opslaan als. Er verschijnt
nu een 'opslaanmenu'. Zorg ervoor dat er bovenaan, bij 'Opslaan in' 3,5
inch diskette (A:) staat en dat er onderin, bij 'Bestand opslaan als' HTML-document
(*.html; *.htm; *.htx) staat.
- Sla je eigen website onder een andere naam op!
- Ga nu terug naar Netscape (of open Netscape opnieuw als je Internet
afgesloten hebt).
- Klik nu achtereenvolgens op: Bestand > Pagina Openen. Klik vervolgens
op 'Bestand Kiezen'. Je krijgt dan een 'openmenu'. Zorg dat er bovenin
3,5 inch diskette (A:) en onderin 'Alle bestanden' staat. Selecteer je
eigen pagina en klik op 'Openen'.
Enquête en gastenboek
- We hebben een enquête en een gastenboek opgesteld en we willen
je vragen om deze in te vullen. Je kunt er komen door op onze homepage
op de tweede link te klikken. Als eerste kom je uit op het enquêteformulier.
Als je dit hebt ingevuld, moet je onderaan op ' Sign the guestbook' klikken.
- Klik vervolgens op de rechter link (back to com08 homepage).
- Klik nu op de link voor het gastenboek. Je kunt hier komen door weer
op de tweede link te klikken.
Bedankt voor jullie komst en medewerking
Veel succes bij jullie eigen workshop en het bezoek aan de andere workshops
Jannie van Daelen, Marina kempink, Eric van der Palen, Marieke van der
Willigen