Maak je eigen Homepage!- Les 6

Maak je eigen Homepage!
Les 6 - De laatste!

Dit zal het zo ongeveer moeten zijn! Je kent nu alle elementaire tags die je nodig hebt om een homepage te kunnen maken. Zijn er dan niet meer tags? Maar natuurlijk, veel meer. Maar ik kan je verzekeren dat je nu over ongeveer 70% van de mogelijkheden beschikt die je nodig hebt om je homepage er goed en professioneel uit te laten zien. Je kunt je pagina's nog opfleuren met frames, tabellen, en een aantal minder gebruikte, maar wel leuke, tags. Deze versierselen bevatten nog eens 27% van de tags die er zijn. En de laatste 3% dan? Die bestaan voornamelijk uit tags die je nooit zult gebruiken of tags die hetzelfde doen als tags die we besproken hebben. Er zitten ook wat tags tussen die een zeer specifiek gebruik hebben en die kun je later altijd nog een keer leren. Ga terug naar de introductiepagina om andere minicursussen te volgen.
Ik heb in het begin mijn mening over HTML-editors gegeven. Volgens mij zijn de beste editors niet die grote flitsend uitziende editors (je weet wel, programma's die beloven dat je een homepage kunt maken zonder dat je ook maar iets van HTML af hoeft te weten). Het probleem is dat homepages die gemaakt zijn met zo'n programma er ook uit zien alsof de maker geen snars van HTML afweet. Meer ervaren homepage makers gebruiken een op tekst gebaseerde editor. Deze editors voegen tags in met een simpele klik met de muisknop. Je hoeft dus niet handmatig de codes voor kleuren, LEFT, RIGHT, CENTER of wat dan ook in te typen. Je hebt dus volledige heerschappij over het design van je documenten. Ongetwijfeld de beste editor is Ultra Edit. Met deze editor kun je te tags makkelijk van je tekst onderscheiden door met diverse kleuren te werken. Bovendien kun je vele bestanden tegelijk openen. Je moet nog steeds iets van HTML afweten. De editor je werk makkelijker; hij doet het dus niet voor je.
Nu je je homepage klaar hebt moet je al je bestanden naar een server uploaden. Een server is een computer die de documenten aanbiedt aan wie ze maar zien wil. Vraag aan je eigen provider hoe het uploaden in z'n werk gaat. Het enige wat ik je daarover kan vertellen is dat je een FTP-programma nodig hebt om je bestanden te kopiëren van je eigen PC naar de (UNIX)computer van je provider. Een handig FTP-programma is WS-FTP,dat je hier kunt downloaden. Met dit juweeltje is het verzenden van bestanden tussen computers onderling net zo makkelijk als ze heen en weer schuiven op je eigen computer.

Hieronder staan nog enkele links naar Internetsites waar je veel informatie kunt halen over het maken van HTML-documenten.

The HTML Reference Library

Een prima HTML-gids en informatiebron in Windows HELP formaat. Ik gebruik het zelf ook. Je kunt ook een bezoekje brengen aan hun homepage.

Beginner's Guide to HTML

Een goede handleiding die de basiselementen duidelijk uitlegt.

Barebones Guide to HTML

Nog een prima gids die je moet onthouden.

The Web Developer's Virtual Library

Een uitgebreide informatiebron over het maken van homepages.

Als je iets nodig hebt voor op je homepage...

...zoals plaatjes, bullets, achtergronden of wat je maar wilt volg dan deze link. Download wat je nodig hebt!

Als je zelf eens wat op wilt zoeken op het Net gebruik dan de zoekrobot die hieronder staat

Zoeken naar: Taal:

Wil je ook een zoekrobot op je homepage klik dan hier voor de code

Introductie

Les 1

Les 2

Les 3

Les 4

Les 5

Les 6

Index

E-MAIL

INDEX
&
Snelzoekhulp
Een listing van belangrijke onderwerpen die in deze cursus aan bod zijn gekomen en wat korte voorbeelden

Tekst

	Maak tekst vet `<B>xxxxx</B>`
	Maak cursief `<I>xxxxx</I>`
	Onderstrepen `<U>xxxxx</U>`
	`Monospaced font` `<TT>xxxxx</TT>`
	Wijzig font grootte (grootten:1-7) `<FONT SIZE=5>xxxxx</FONT>`
	Wijzig het lettertype (face) `<FONT FACE="NIFTY FONT">xxxxx</FONT>`
	wijzig de tekst kleur `<FONT COLOR="#0000FF"> xxxxx</FONT>`
	De rollercoaster!
	De Font Viewer

	Achtergrond kleuren `<BODY BGCOLOR="#xxxxxx">`
	Wijzig de kleuren voor het hele document `<BODY BGCOLOR="#xxxxxx" TEXT="#xxxxxx" LINK="#xxxxxx" VLINK="#xxxxxx" ALINK="#xxxxxx">`
	Harde return `<BR>`
	Lege regel `<P>`
	Spatie code (speciaal teken voor een spatie) ` `
	Zes belangrijke speciale tekens
	Een heleboel speciale tekens
	Meerdere lege regels ` <BR>`
	Combinaties van tags- Overlappende en geneste tags
	Meer over overlappende en geneste tags

Plaatjes

	Achtergrond plaatjes `<BODY BACKGROUND="xxxxx.gif">` (of `.jpg`)
	Een plaatje van een pagina opslaan
	Plaatjes invoegen `<IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456>`
	Bestandslocaties (`SRC`) nader uitgelegd
	Een link maken van een plaatje `<A HREF="http://xxxxx"><IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456></A>`

	Het blauwe kader om een link verwijderen `<A HREF="http://xxxxx"> <IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456 BORDER=O></A>`
	Over afmetingen van plaatjes
	Thumbnails gebruiken
	Lijnen maken van een 2x2 punt

Links

	Een link toevoegen `<A HREF="http://xxxxx">abcdefg</A>`
	Een email link toevoegen `<A HREF="mailto:xxxxx@xxx.xxx"> abcdefg</A>`
	Een link maken van een plaatje `<A HREF="http://xxxxx"><IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456></A>`

	Het blauwe kader om een link verwijderen`<A HREF="http://xxxxx"><IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456 BORDER=O></A>`
	Het gebruik van thumbnails
	Linken naar een bepaalde plaats in een document `<A HREF="http://xxxxx#CHEESEWIZ"> abcdefg</A>`

Opmaak funkties

	Centreren `<CENTER>xxxxx</CENTER>`
	Harde returns `<BR>`
	Lege regel `<P>`
	Marges vergroten met `<BLOCKQUOTE>`
	Gesorteerde en ongesorteerde lijst `<UL> (or OL) <LI>List item </UL>`

	Definitie `<DL> <DT>Definitie titel <DD>Definitie item </DL>`
	Horizontale lijn `<HR ALIGN=left\|right\|center WIDTH=80% SIZE=3 NOSHADE>`
	De `<PRE>` tag

Diversen

	Minimaal benodigde tags voor eenn HTML document `<HTML> <HEAD> <TITLE>Mijn eerste homepage!</TITLE> </HEAD> <BODY> </BODY> </HTML>`
	Achtergrond kleuren `<BODY BGCOLOR="#xxxxxx">`
	Document Titel `<TITLE>Mijn eerste homepage!</TITLE>`
	Achtergrond plaatjes `BACKGROUND="xxxxx.gif"` (of `.jpg`)
	Combinaties van tags- Overlappende en geneste tags
	Meer over overlappende en geneste tags

	Spatie code (speciaal teken voor een spatie) ` `
	Zes belangrijke speciale tekens
	Een heleboel speciale tekens
	Centreren `<CENTER>xxxxx</CENTER>`
	Meerdere lege regels ` <BR>`
	Absolute en relatieve URLs
	Over scherm resoluties
	Opmerkingen `<!--Dit is een opmerking-->`
	Document opslaan als HTML document
	Een plaatje van een pagina opslaan

That's all folks !!!!