Cursus website maken

coderunner · 21 nov 2008, 16:38

Beste audry,

Er stonden wel heel wat fouten in (wat normaal is

) en heb deze er allemaal uitgehaald, Hier is de verbeterde code, dus kopieer en plak deze in het programma waarmee je werkt (kladblok, ...) en bewaar ze als html

Code: Selecteer alles

<html>

<head> 


<title>Website WTC centrum sportief vzw</title> 

</head/> 

<body background="grijs_12.jpg"> 
<br> 
<br> 


<h1 align="center"><font color="#00003c">Welkom op de website van WTC centrum sportief vzw</font></h1> 
<marquee><font size="5">Sponsor Depa Ramen</font></marquee> 
<marquee><font size="5">Clublokaal Sparrenhof</font></marquee> 


<br> 
<br> 
<br> 

<table width="80%" height="80" align="center" cellpadding="10" cellspacing="10" width="425" height="227"> 
<tr>
<td>
</td>
</tr>
</table> 
<table border="1" border line="#00003c" align="left"cellspacing="20" cellpadding="5"> 
<tr> 

<td><font size="5" font color="#Aaaaaa" font face="verdana"><b><a href="Bestuur.htm"><font color="#3300FF">Bestuur</font></a></b></font></td> 
</tr> 
<tr>
<td><font size="5" font color="#Aaaaaa" font face="verdana"><b><a href="Clubleden.htm"><font color="#3300FF">Clubleden</font></a></b></font></td> 
</tr> 
<tr>
<td><font size="5" font color="#Aaaaaa" font face="verdana"><b><a href="Standleden.htm"><font color="#3300FF">Stand&nbsp;leden</font></a></b></font></td> 
</tr> 
<tr>
<td><font size="5" font color="#Aaaaaa" font face="verdana"><b><a href="Laureaten.htm"><font color="#3300FF">Laureaten</font></a></b></font></td> 
</tr> 
<tr>
<td><font size="5" font color="#Aaaaaa" font face="verdana"><b><a href="Kalender.htm"><font color="#3300FF">Kalender</font></a></b></font></td> 
</tr> 
<tr>
<td><font size="5" font color="#Aaaaaa" font face="verdana"><b><a href="organisaties.htm"><font color="#3300FF">organisaties</font></a></b></font></td> 
</tr> 

</table> 





<table border="1" border line="#00003c" align="right"cellspacing="20" cellpadding="5"> 
<tr> 


<td><font size="5" font color="#Aaaaaa" font face="verdana"><b><a href="Permanenten.htm"><font color="#3300FF">Permanenten</font></a></b></font></td> 
<td rowspan="5"><img src="EersteritDepa2008012.jpg" width="200" height="200"border="6" style="border-color:#8FB200;"></td>
<td>tekst&nbsp;</td>
</tr> 
<tr>
<td><font size="5" font color="#Aaaaaa" font face="verdana"><b><a href="http://picasaweb.google.com/home"><font color="#3300FF">Fotoalbum</font></a></b></font></td> 

<td>tekst</td>
</tr> 
<tr>
<td><font size="5" font color="#Aaaaaa" font face="verdana"><b><font color="#3300FF">forum</font></b></font></td> 

<td>tekst</td>
</tr> 
<tr>
<td><font size="5" font color="#Aaaaaa" font face="verdana"><b><font color="#3300FF">gastenboek</font></b></font></td> 

<td>tekst</td>
</tr> 
<tr>
<td><font size="5" font color="#Aaaaaa" font face="verdana"><img src="57.gif"><a href="mailto:adri.willems@skynet.be"><b><font color="#3300FF">Contact</font></b></a></font></td> 

<td>tekst</td>
</tr> 

</table> 



</body> 
</html>

audry schreef:... als ik de website online zet , staat er bovenaan
dan de titel die op ieder pagina staat of staat er dan ook bij waar je de website opgeslagen heb zoals bv mijn documenten +de supmap.Daar twijfel ik wel een beetje aan.

In de adresbar zie je waar de pagina op de server staat bv. http://www.domeinnaam.com/index.html"
Boven op het tabblad staat de tekst die je in de html code tussen <title>...</title> plaatst

mvg,
Coderunner

audry · 21 nov 2008, 21:29

Beste coderunner

Sorry , maar ik denk dat er een misverstand is ik heb mij waarschijnlijk niet goed uitgedrukt.
wat ik bedoelde , de linker tabel is juist en de andere tabel wil ik aan de rechter kant en de foto tussen de twee tabellen.
maar nu staat de foto in de rechter tabel maar zo bedoelde ik het niet sorry daarvoor .Ik maak het jouw wel lastig .Maar met de tabellen , dat snap ik nog niet echt goed.

mvg

A.

coderunner · 21 nov 2008, 22:34

Beste audry,

Bedoel je dan deze layout ?

Code: Selecteer alles

<html> 

<head> 


<title>Website WTC centrum sportief vzw</title> 

</head/> 

<body background="grijs_12.jpg"> 
<br> 
<br> 


<h1 align="center"><font color="#00003c">Welkom op de website van WTC centrum sportief vzw</font></h1> 
<marquee><font size="5">Sponsor Depa Ramen</font></marquee> 
<marquee><font size="5">Clublokaal Sparrenhof</font></marquee> 


<br> 
<br> 
<br> 


 
<table width="90%" border="0" border line="#00003c" align="center" cellspacing="20" cellpadding="5"> 
	<!--aanmaak nieuwe rij-->
	<tr> 
		<!--aanmaak nieuwe kolom-->
		<td width="10%"><font size="5" color="#aaaaaa" face="verdana"><b><a href="Bestuur.htm">Bestuur</a></b></font>
		</td> 
		<!--aanmaak nieuwe kolom-->		
		<td rowspan="6" width="70%" align="center"> 
		<img src="EersteritDepa2008012.jpg" width="200" height="200"border="6" style="border-color:#8FB200;">
		</td> 
		<!--aanmaak nieuwe kolom-->		
		<td width="10"><font size="5" color="#aaaaaa" face="verdana"><b><a href="Permanenten.htm">Permanenten</a></b></font>
		</td> 

	</tr> 

	<!--aanmaak nieuwe rij-->
	<tr> 
		<!--aanmaak nieuwe kolom-->
		<td width="10%"><font size="5" color="#aaaaaa" face="verdana"><b><a href="Clubleden.htm">Clubleden</a></b></font>
		</td> 
		<!--aanmaak nieuwe kolom-->
		<td width="10"><font size="5" color="#aaaaaa" face="verdana"><b><a href="http://picasaweb.google.com/home">Fotoalbum</a></b></font>
		</td>
	</tr> 

	<!--aanmaak nieuwe rij-->
	<tr> 
		<!--aanmaak nieuwe kolom-->
		<td width="10%"><font size="5" color="#aaaaaa" face="verdana"><b><a href="Standleden.htm">Stand&nbsp;leden</a></b></font>
		</td> 
		<!--aanmaak nieuwe kolom-->
		<td width="10"><font size="5" color="#aaaaaa" face="verdana"><b><a href="xxx.htm">Forum</a></b></font>
		</td>

	</tr> 

	<!--aanmaak nieuwe rij-->
	<tr> 
		<!--aanmaak nieuwe kolom-->
		<td width="10%"><font size="5" color="#aaaaaa" face="verdana"><b><a href="Laureaten.htm">Laureaten</a></b></font>
		</td> 
		<!--aanmaak nieuwe kolom-->
		<td width="10"><font size="5" color="#aaaaaa" face="verdana"><b><a href="xxx.htm">Gastenboek</a></b></font>
		</td>

	</tr> 

	<!--aanmaak nieuwe rij-->
	<tr> 
		<!--aanmaak nieuwe kolom-->
		<td width="10%"><font size="5" color="#aaaaaa" face="verdana"><b><a href="Kalender.htm">Kalender</a></b></font>
		</td> 
		<!--aanmaak nieuwe kolom-->
		<td width="10"><font size="5" color="#aaaaaa" face="verdana"><img src="57.gif"><a href="mailto:adri.willems@skynet.be"><b>Contact</b></a></font>
		</td> 

	</tr> 

	<!--aanmaak nieuwe rij-->
	<tr> 
		<!--aanmaak nieuwe kolom-->
		<td width="10%"><font size="5" color="#aaaaaa" face="verdana"><b><a href="organisaties.htm"><font color="#3300FF">Organisaties</font></a></b></font>
		</td> 
		<!--aanmaak nieuwe kolom-->
		<td width="10">&nbsp;
		</td> 

	</tr> 

</table>

</body> 
</html>

Opmerking: je moet in de font tag niet steeds het woord font herhalen = fout vb.

Code: Selecteer alles

<font size="5" font color="#aaaaaa" font face="verdana">

maar juist is

Code: Selecteer alles

<font size="5" color="#aaaaaa" face="verdana">

Heb ik al allemaal verbeterd in bovenstaande code

I.v.m. een tabel
- <table> ... </table> aanmaken van een tabel
- <tr> ... </tr> staat voor <tr> begin en </tr> einde van een nieuwe rij
- <td> ... </td> staat voor <td> begin en </td> einde van een nieuwe kolom

Dus

Code: Selecteer alles

<tabel>
<tr>

<td>
</td>

</tr>
</tabel>

is een tabel met 1 rij en 1 kolom

Code: Selecteer alles

<tabel>
<tr>

<td>
</td>

<td>
</td>

</tr>
</tabel>

is een tabel met 1 rij en 2 kolommen

Code: Selecteer alles

<tabel>
<tr>

<td>
</td>

<td>
</td>

<td>
</td>

</tr>
</tabel>

is een tabel met 1 rij en 3 kolommen
enz ...

Code: Selecteer alles

<tabel>
<tr>
<td>
</td>
</tr>

<tr>
<td>
</td>
</tr>
</tabel>

is een tabel met 2 rijen en 1 kolom

Code: Selecteer alles

<tabel>
<tr>
<td>
</td>
<td>
</td>
</tr>

<tr>
<td>
</td>
<td>
</td>
</tr>
</tabel>

is een tabel met 2 rijen en 2 kolommen
enz ...

mvg,
Coderunner

audry · 21 nov 2008, 22:47

Beste coderunner

Inderdaad het is zo dat ik bedoelde , MAAR ! de foto is nu niet goed ,en ik durf er bijna niets meer aan veranderen , de afmetingen kloppen niet .
Kan ik dat nog veranderen zonder in de problemen te raken met de tabellen??
Wat ben ik toch een sukkel!!!

coderunner · 21 nov 2008, 22:52

audry schreef:... de foto is nu niet goed ,en ik durf er bijna niets meer aan veranderen , de afmetingen kloppen niet .
Kan ik dat nog veranderen zonder in de problemen te raken met de tabellen??

Beste audry,

Zoek in de html code naar

<td rowspan="6" width="70%" align="center">
<img src="EersteritDepa2008012.jpg" width="200" height="200" border="6" style="border-color:#8FB200;">
</td>

- ofwel de gehele roodgekleurde code weghalen
- ofwel de juiste waarden invullen

mvg,
Coderunner

audry · 21 nov 2008, 23:06

Beste coderunner hartelijk bedankt voor je geduld, maar nu is het in orde.
Maar mijne euro is gevallen maar wel in centjes.
Ik dacht dat je eerst de linkse volledige kolom mocht invullen en daarna , de rechtse, maar het is lijn per lijn .Nu snap ik het .Heeft wel lang geduurd he;

mvg

A.

coderunner · 21 nov 2008, 23:12

audry schreef:... hartelijk bedankt voor je geduld, maar nu is het in orde.
Maar mijne euro is gevallen maar wel in centjes.
Ik dacht dat je eerst de linkse volledige kolom mocht invullen en daarna , de rechtse, maar het is lijn per lijn .Nu snap ik het .Heeft wel lang geduurd he;

Beste audry,

Dat is geen probleem, dat noemt men "leerproces" en alle begin is voor iedereen moeilijk

Het belangrijkste is dat je nu begrijpt hoe een tabel opgebouwd wordt.

Ja audry dat "vallen van die euro" zal wel met de economische crisis te maken hebben. Vroeger had je maar één frankske nodig

Groetjes,
Coderunner

audry · 24 nov 2008, 23:40

Beste coderunner

Hier ben ik nog eens met een vraagje,ik heb mijn domeinnaam geregistreerd bij belgacom, daar verwacht ik nu een mail van .Maar moet ik nu nog software installeren voor de website online te zetten , ik lees hier vanalles over de FTP , moet ik daar een programma voor downloaden zoja welk??

mvg

A.

coderunner · 25 nov 2008, 08:16

audry schreef:Maar moet ik nu nog software installeren voor de website online te zetten , ik lees hier vanalles over de FTP , moet ik daar een programma voor downloaden zoja welk??

Beste audry,

Het beste is dat je een FTP client programma download om je webpagina's naar de webhostserver op te laden.

FileZilla is zo een gratis FTP client programma.
Ik heb online een bondige en een uitgebreide handleiding over FileZilla staan. Deze kan je hier raadplegen

mvg,
Coderunner

audry · 25 nov 2008, 13:26

Beste coderruner

Bedankt voor je antwoord , ik ga dit nu eens bekijken .
maar ik heb nog een vraagje namelijk wat moet ik doen voor een goed draaiend forum heb ik daar ook een programma voor nodig of kan ik dat ook met FileZilla?

mvg

A.

coderunner · 25 nov 2008, 23:35

audry schreef:maar ik heb nog een vraagje namelijk wat moet ik doen voor een goed draaiend forum heb ik daar ook een programma voor nodig of kan ik dat ook met FileZilla?

Beste audry,

Om een forum op te richten op je eigen website kan je ...
1 ofwel een min of meer "kant-en-klaar" forum script downloaden op bv. phpBB maar je moet dan wel een webhostserver hebben die php and MySQL database ondersteunt en je moet zelf voldoende kennis hebben van php en het script kunnen installeren op de webhostserver (hier moet je dan met FileZilla alle bestanden opladen naar je eigen webhostserver);

2 ofwel een account aanmaken bij een site die forums aanbiedt en dan een link naar de forum site op je eigen webpagina plaatsen (hier moet niets naar je eigen webhostserver opgeladen worden want alles staat op de site van de forum aanbieder, lees aandachtig de instructies van de forum aanbieder). Surf naar "free forum", "free forum hosting" of "gratis forum hosting".

mvg,
Coderunner

audry · 27 nov 2008, 19:40

Beste coderunner

ik heb al iets gevonden voor een gratis forum, bedankt daarvoor, maar ik kan mijn website nogaltijd niet online plaatsen , wacht nog op belgacom .ik heb alles geactveerd maar nog geen wachtwoord gekregen.

Op de pagina bestuur bij de onderste fotokrijg ik er geen kader rond ; wat doe ik nu verkeerd???
<html>
<head>

<title>Website_WTC_centrum_sportief/Bestuur</title>
<br>
<br>
<br>
</head>

<body background="grijs_12.jpg">

<h1 align="center"><font color="#00003C">Het Bestuur<font></h1>
<br>

<table width="100%"><marquee><img src="j0283992.gif" width="120" height="105"><img src="j0283992.gif" width="120" height="105"</marquee></td>
</table>
<br>

<tr>
<table align="center"width="75%" border="0">
<td>

<img src="carlos.jpg"width="288" height="288"border="4" style="border-color:#8FB200;"></td>

<td>
<img src="denis.jpg"width="288" height="288"border="4" style="border-color:#8FB200;"></td>

<td>
<img src="Georges.jpg"width="288" height="288"border="4" style="border-color:#8FB200;"></td>

</table>

<td>
<br>
<br>
<br>

<table align="center"width="25%" border="0">

</tr>

<tr>
<td>

<img src="Ronald.jpg"width="288" height"288"border="4" style="border-color:#8FB200;">

</tr>

</table>

</html>

mvg

A.

coderunner · 27 nov 2008, 20:33

audry schreef:Op de pagina bestuur bij de onderste fotokrijg ik er geen kader rond ; wat doe ik nu verkeerd???

Plaats geen <br> tussen <head> en </head> maar gebruik die alleen in de <body> ... </body>

Een eerste foutje zit hier

<h1 align="center"><font color="#00003C">Het Bestuur<font></h1>

Je font tag werd niet correct afgesloten. Moet zijn

<h1 align="center"><font color="#00003C">Het Bestuur</font></h1>

Dan

<table width="100%"><marquee><img src="j0283992.gif" width="120" height="105"><img src="j0283992.gif" width="120" height="105"</marquee></td>
</table>

Daar ben je juist vóór </marquee> een afsluithaakje van de afbeelding vergeten

<table width="100%"><marquee><img src="j0283992.gif" width="120" height="105"><img src="j0283992.gif" width="120" height="105"></marquee></td>
</table>

Dan doe je niet wat ik in een vroegere post al zei dat er tussen elk detail dat je meegeeft in een tag een spatie moet staan en je bent ook het gelijkheidsteken in height="288" vergeten.

<img src="Ronald.jpg"width="288" height"288"border="4" style="border-color:#8FB200;">

Moet zijn

<img src="Ronald.jpg" width="288" height="288" border="4" style="border-color:#8FB200;">

Verder de juiste volgorde van de tabel tags respecteren zijnde

<table>
<tr>
<td>
</td>
</tr>
</table>

Hier de volledig verbeterde code

Code: Selecteer alles

<html> 
<head> 
<title>Website_WTC_centrum_sportief/Bestuur</title> 
</head> 

<body background="grijs_12.jpg"> 
<br> 
<br> 
<br> 

<h1 align="center"><font color="#00003C">Het&nbsp;Bestuur</font></h1> 

<br> 

<table width="100%">
	<tr>
		<td>
		<marquee><img src="j0283992.gif" width="120" height="105"><img src="j0283992.gif" width="120" height="105"></marquee>
		</td>
	</tr>
</table> 

<br> 

<table align="center" width="75%" border="0"> 
	<tr> 
		<td> 
		<img src="carlos.jpg" width="288" height="288" border="4" style="border-color:#8FB200;">
		</td>
		<td> 
		<img src="denis.jpg" width="288" height="288" border="4" style="border-color:#8FB200;">
		</td>
		<td> 
		<img src="Georges.jpg" width="288" height="288" border="4" style="border-color:#8FB200;">
		</td>
	</tr>
</table> 

<br> 
<br> 
<br> 

<table align="center"width="25%" border="0"> 
	<tr> 
		<td> 
		<img src="Ronald.jpg" width="288" height="288" border="4" style="border-color:#8FB200;"> 
		</td>
	</tr> 
</table> 

</body>
</html>

mvg,
Coderunner

audry · 27 nov 2008, 21:56

Bedankt voor je geduld , ik denk dat ik het nooit zal leren.Maar alee ik blijf vol houden.

mvg;

A.

audry · 28 nov 2008, 18:41

Beste coderunner

Sorry, Hier ben ik nog eens , ik heb alles gekregen van belgacom dus kon ik mijn website online zetten , en dat ging ook goed ! maar... nu vind hij de pagina niet dus deze bestaat niet , er moet ergens een fout zitten .
kan het zijn omdat hij nog niet af is???
De hoofdmap noemt wel Website WTC en de website wtccentrumsportiefvzw.net
Ik weet niet of dit er iets mee te maken heeft.
Weet jij een oplossing.

mvg

A.