Internet is een groot systeem van computers die met elkaar verbonden zijn,

en teksten naar elkaar kunnen overseinen en ontvangen.

WWW is het "World Wide Web". Dat is een uitbreiding van het Internet.

Hierdoor kun je ook afbeeldingen overseinen en ontvangen.

-----------------------------------------------------------------------------

Een "site" is een bron, een stuk informatie die je vindt op het WWW.

Een "homepage" is eigenlijk de eerste pagina van zo'n site.

-----------------------------------------------------------------------------

Elke site heeft een eigen adres. Anders kun je de site niet vinden.

Zo'n adres noemen we een URL: Uniform Resource Location.

Enkele URL's:

http://www.altavista.com

http://www.giebels.com

http://members.tripod.com/d66brabant/fractie

De structuur van een URL is dus alsvolgt:

HOE (kom ik er?)://bij WIE wil ik zijn?/WAAR wil ik dan zijn?/WAT wil ik daar zien?

Elk stukje wordt afgesloten met een / (="slash")

------------------------------------------------------------------------------------------------

Heel handig is dat je via het net ook post kunt versturen:

zogenaamde Electronische post: E-mail. ------------------------------------------------------------------------------------------------ Zelf internetpagina's maken.

------------------------------------------------------------------------------------------------ Zo zit het raamwerk van een pagina in elkaar:

Zie stencil 1.

-----------------------------------------------------------------------

Een internetpagina begint dus altijd met <HTML>

Dat betekent: Hyper Text Markup Language (= de Internet-taal)

Dan komt het hoofd van de internetpagina: <HEAD>

Hier kun je vanalles in zetten.

Dan kun je nog wat dingen vermelden die niet getoond worden op het scherm,

behalve als je naar "Bewerken" en "Bron" gaat.

<META>

Vervolgens komt de titel van je pagina:

<TITLE>De titel</TITLE>.

Tussen haakjes, een code tussen < > noemen we een tag.

Als je met de kop ('head') klaar bent, zet je:

</HEAD>

Een code eindigt altijd met een schuine streep-tag.

Dan komt tenslotte waar het allemaal om draait: het 'lijf', de body:

<BODY>

TTussen dit woord en het volgende komt alles te staan.

</BODY>

En je eindigt je pagina altijd met:

</HTML>

-----------------------------------------------------------------------

-----------------------------------------------------------------------

Zo trek je een lijn:

--------------------

<HR>

-----------------------------------------------------------------------

------------------------------------------------------------------------

Zo sla je een regel over:

-------------------------

<P>

-----------------------------------------------------------------------

-----------------------------------------------------------------------

Zo maak je letters van een bepaalde grootte:

-----------------------------------------

De af te drukken tekst is op zijn allergrootst</H1>

De af te drukken tekst is wat heel groot</H2>

De af te drukken tekst is normale grootte</H3>

De af te drukken tekst is klein</H4>

De af te drukken tekst is op zijn kleinst</H5>

---------------------------------------------------------------------

---------------------------------------------------------------------

schrijf je je tekst schuingedrukt:

----------------------------------

tekst tussen <I>deze woorden dus</I> staan schuingedrukt.

--------------------------------------------------------------------

--------------------------------------------------------------------

schrijf je je tekst vetgedrukt:

-------------------------------------

De tekst tussen <B>deze woorden dus</B> staan schuingedrukt.

-----------------------------------------------------------------------

-----------------------------------------------------------------------

Zo maak je een einde aan regels:

--------------------------------

Hier eindigt dit regeltje

en ga ik verder op de volgende regel

Zo simpel dus!

-----------------------------------------------------------------------

------------------------------------------------------------------------

Kleuren gebruiken:

------------------

Je wilt de achtergrondkleur bepalen:

tik in:

<BODY BGCOLOR="#000000"> en de kleur wordt ZWART

<BODY BGCOLOR="#FFFFFF"> en de kleur wordt WIT

<BODY BGCOLOR="#FF0000"> en de kleur wordt ROOD

<BODY BGCOLOR="#00FF00"> en de kleur wordt GROEN

<BODY BGCOLOR="#0000FF"> en de kleur wordt BLAUW

<BODY BGCOLOR="#FF00FF"> en de kleur wordt MANGAAN

<BODY BGCOLOR="#00FFFF"> en de kleur wordt CYAAN

<BODY BGCOLOR="#FFFF00"> en de kleur wordt GEEL

en zo zijn er nog heel veel kleuren mogelijk. Experimenteer en noteer!

-----------------------------------------------------------------------

-----------------------------------------------------------------------

Je kunt deze codes ook toepassen op woorden en zinnen.

Wil je een zin in een tekst met zwarte letters plotseling rood drukken,

dan moet je tikken:

<FONT COLOR="FFFFFF">en de tekst tussen dat teken en dit</FONT>wordt rood.

-------------------------------------------------------------------------

-------------------------------------------------------------------------

Afbeeldingen.

-------------

Je kunt op verschillende manieren afbeeldingen verkrijgen:

1. Van het internet afhalen

Ga naar een site, muis op een plaatje, rechtermuisknop, kopieren

naar je schijfje in de A-drive.<P>

2. Zelf scannen.

Gaan we doen.

---------------------------------------------------------------------

---------------------------------------------------------------------

Er zijn verschillende soorten afbeeldingen. Het meest gebruikt wordt

het "GIF-formaat" (Graphics Interchange Format)

en het "JPG of JPEG-formaat" (Joint Photographic Experts Group).

Het voordeel van het eerste is dat je die afbeeldingen kunt laten bewegen,

transparant kunt laten zijn enz. Maar ze kosten meer ruimte op de schijf.<P>

Het voordeel van de tweede is dat ze minder ruimte kosten.<P>

--------------------------------------------------------------------------

-----------------------------------------------------------------------

Zo zet je een afbeelding met tekst neer:

----------------------------------------

<IMG SRC="plaatje.gif" ALIGN=TOP>Deze tekst verschijnt rechts bovenaan bij het plaatje.

<IMG SRC="plaatje.gif" ALIGN=MIDDLE>Deze tekst verschijnt rechts midden naast het plaatje.

<IMG SRC="plaatje.gif" ALIGN=BOTTOM>Deze tekst verschijnt rechts onderaan het plaatje.

<IMG SRC="plaatje.gif" ALIGN=LEFT>

Het plaatje verschijnt links ("left")en de tekst aan de rechterkant van het plaatje (en eronder als de tekst lang is).

<IMG SRC="plaatje.gif" ALIGN=RIGHT>

Het plaatje verschijnt rechts ("right")en de tekst aan de linkerkant van het plaatje (en eronder als de tekst lang is).

-----------------------------------------------------------------------

-----------------------------------------------------------------------

Hyperlinks.

-----------

Een hyperlink is een verbinding van de ene website naar de ander:

door slechts een woord of een afbeelding in je site aan te klikken

kun je binnen enkele seconden op een heel andere site zijn!<P>

-----------------------------------------------------------------------

Een hyperlink in je eigen site:

<A NAME="Hier het woord waarheen je wilt>woord</A>

-----------------------------------------------------------------------

Een hyperlink naar een andere site:

<A HREF="http://members.tripod.com/d66brabant/fractie">

-----------------------------------------------------------------------

Een hyperlink maken naar (je eigen of een ander) E-mail-adres:

<A HREF="mailto:JE E-MAILADRES">Klik hier voor een boodschap naar mijn E-mail-adres</A>

<P>

-----------------------------------------------------------------------

Een hyperlink maken door op een afbeelding te klikken:

Voorbeeld:

Klik op deze afbeelding<A HREF="mailto:JE E-MAILADRES"><IMG SRC="naam van het plaatje.gif"></A>om een E-mailtje te sturen.

------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------

 

drhg