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.
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 je 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 maakt je werk makkelijker; hij doet het dus niet voor je.
Ik wil je toch nog even attent maken op een HTML-generator waar je wel degelijk iets aan hebt. Het is Dreamweaver van Macromedia. Een uitstekend programma die veel code voor je genereert die je bijzonder moeilijk zelf zou kunnen bouwen. Een voorbeeld is de homepage van deze cursus. De bewegende elementen zijn een combinatie van HTML en Javascript. Zelf had ik het nooit kunnen maken maar voor Dreamweaver is het een fluitje van een cent. Ook voor Dreamweaver geldt dat je nog steeds een goede kennis van HTML moet hebben om je pagina's te schrijven. Routineklusjes, zoals het specificeren van een font voor een heel blok tekst of het maken van hyperlinks, worden echter een fluitje van een cent.
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. De server is direct op het internet aangesloten. Daardoor zijn je pagina's voor iedereen te zien. Hoe dat uploaden in zijn werk gaat, is afhankelijk van je provider. Raadpleeg dus de supportpagina's van je provider voor meer informatie. Wat je in elk geval nodig hebt, is een FTP-programma. 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. Om je met het uploaden wat op weg te helpen, kun je het hoofdstuk "Zet je site op het web" raadplegen.

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

Find this:

Wil je ook een zoekrobot op je homepage klik dan hier voor de code. Wijzig niets aan de code, ook niet aan de layout, want dan ziet de zoekrobot er niet meer uit.

Introductie Les 1 Les 2 Les 3 Les 4 Les 5 Les 6 Index

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 (groottes:1-7) `<FONT SIZE=5>xxxxx</FONT>`
	Wijzig het lettertype (face) `<FONT FACE="ANDER 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> (of 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 een 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 !!!!