Eigen website

Website kolommen

Gestart door raimond op 19 mar 2015, 09:32 15 berichten 5.623 keer gelezen
raimond Startte dit onderwerp 19 mar 2015, 09:32 3500 Hasselt België 16 berichten
Beste ,

Ik heb mijn eerste pagina klaar met tekst en rechts een foto .
Hoe kan ik mijn pagina verdelen in drie kolommen met dan links "info" zoals bij jullie , in het midden de "tekst" en rechts een kolom voor de foto's en figuren ?
Dank U


Raimond
coderunner 19 mar 2015, 15:21 Aubauke - Aentwaerepe 1.828 berichten
Beste Raimond,

Kijk eens op >> deze pagina << voor een voorbeeld. De waarden (breedte) moet je misschien nog wel aanpassen.
Is wel niet de juiste manier maar wel de makkelijkste voor een beginner :wink:

Houd me op de hoogte.

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
raimond Startte dit onderwerp 20 mar 2015, 17:29 3500 Hasselt België 16 berichten
Beste Coderunner,

Bedankt voor je snelle antwoord.
Ik heb deze pagina bekeken maar het is niet de bedoeling om teksten te verdelen over drie kolommen maar het volgende:

eerste rij: <head> met de titel van het blad.

tweede rij:
<body> Kolom1 "info" - kolom2 -teksten - kolom3 "foto's" en "figuren"

Ik heb wat gecombineerd met de Seniorwebsite-voorbeelden en deze uit de handleiding van html.
Helaas!

Bedankt voor je geduld,

Raimond
coderunner 20 mar 2015, 18:06 Aubauke - Aentwaerepe 1.828 berichten
Beste Raimond,

Mits enkele aanpassingen aan de code hierboven en je krijgt dit
Afbeelding

Code: Selecteer alles

<div align="center">
<table cellspacing="0" cellpadding="10" border="1" align="center">
	<tr>
		<td colspan="3" align="center">titel</td>
	</tr>

	<tr>
		<td width="200" valign="top">kolom 1.<br />
		<p>
			Info<br />
			Info<br />
			Info<br />
		</p>
		</td>
	
		<td width="400" valign="top">kolom 2.<br />
		<p>Teksten teksten teksten teksten teksten teksten teksten teksten teksten teksten</p>
		<p>Teksten teksten teksten teksten teksten teksten teksten teksten teksten teksten
		teksten teksten teksten teksten teksten teksten teksten teksten teksten teksten</p>
		<p>Teksten teksten teksten teksten teksten teksten teksten teksten teksten teksten</p>
		</td>
	
		<td width="270" valign="top">kolom 3.<br />
		<p>foto's - figuren</p>
		</td>
	</tr>
</table>
</div>
Breedte kolommen kan je steeds groter of kleiner maken.
Bedoel je dit?
Houd me op de hoogte.

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
raimond Startte dit onderwerp 23 mar 2015, 20:15 3500 Hasselt België 16 berichten
Beste Coderunner,

Dat was de juiste informatie.
Ik heb het goed gevolgd en hie en daar wat van de HTML handleiding toegevoegd. Het resultaat is 100% ok.

Nog één vraagje: Hoe kom ik op de tweede pagina van mijn website of loopt dat gewoon door ?

Bedankt

Raimond
coderunner 23 mar 2015, 20:31 Aubauke - Aentwaerepe 1.828 berichten
Beste Raimond,

Goed te horen dat je probleem met de kolommen is opgelost.

Voor je tweede vraag:
1- ofwel laat je de bezoeker naar beneden scrollen; dan heb je slechts 1 html pagina nodig en plaats je alles op die ene pagina;(pagina kan lang/groot worden)

2- ofwel plaats je een link naar de volgende pagina

Code: Selecteer alles

<a href="naam_van_je_2de-pagina.html">Naar volgende pagina</a>
(vervelend want bezoeker moet een na een elke pagina doorbladen)

3- ofwel maak je een menu en plaatst die op elke pagina. (meest logisch).

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
raimond Startte dit onderwerp 24 mar 2015, 17:39 3500 Hasselt België 16 berichten
Beste Coderunner,


Bedankt voor je snelle antwoord i.v.m. de paginaindeling.
Ik ga meteen aan de slag en houd je na enkele bladzijden op de hoogte.

Je bent een prima moderator en dat mag ook al eens gezegd worden.

Nog veel succes en tot...


Raimond
coderunner 24 mar 2015, 18:59 Aubauke - Aentwaerepe 1.828 berichten
Beste Raimond,

Hartelijk bedankt voor het compliment alleen ben ik geen moderator van seniorennet maar gewoon een medegebruiker van het forum zoals jij maar dan iemand die mensen probeert te helpen :wink:

Succes met de pagina-indelingen.
Ik ben benieuwd!

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
raimond Startte dit onderwerp 20 apr 2015, 22:16 3500 Hasselt België 16 berichten
Beste Coderunner,


Eindelijk!!!
Ik heb het ontwerp voor mijn website klaar, ong. 10 bladzijden.
Je raadgevingen en lijstjes hebben me goed geholpen.
Ook heb ik nu geleerd dat je de kolommen moet aanpassen aan je figuren of foto's en omgekeerd. Zo heb ik ook leren "resizen" met free programs.
Het gebruik van <p> <p <h1 <td enz... is me nu ook duidelijker geworden.

Toch enkele vraagjes:
Hoe plaats ik 2 of 3 foto's NAAST mekaar (met eeen liggende tabel ?)
Kan ik ook een lichtkrant maken met foto's ?
Wat als ik een filmpje wil plaatsen ?

U ziet dat ik aardig in de mood ben gekomen.

Als je een paar bladzijden wil zien, hoe moet dat dan?

Als alles vlot gaat en ik nog wat antwoorden krijg, gaat alles op INTERNET via TELENET. Zal wel lukkken, zeker?

Nogmaals bedankt en de groetjes,


Raimond
coderunner 20 apr 2015, 22:53 Aubauke - Aentwaerepe 1.828 berichten
Beste raimond,
raimond schreef:Hoe plaats ik 2 of 3 foto's NAAST mekaar (met eeen liggende tabel ?)

Code: Selecteer alles

<table width="930" cellspacing="0" cellpadding="5" border="0">
<tr>
<td><img src="foto1.jpg" width="300" height="200" alt="titel foto1" /></td>
<td><img src="foto2.jpg" width="300" height="200" alt="titel foto2" /></td>
<td><img src="foto3.jpg" width="300" height="200" alt="titel foto3" /></td>
</tr>
</table>
raimond schreef:Kan ik ook een lichtkrant maken met foto's ?

Code: Selecteer alles

<marquee><img src="plaatje1.jpg" width="150" height="100" alt="titel plaatje1" /><img src="plaatje2.jpg" width="150" height="100" alt="titel plaatje2" /><img src="plaatje3.jpg" width="150" height="100" alt="titel plaatje3" /></marquee>
In de marquee kan je nog de attriuten toevoegen (snelheid, van rechts naar links of omgekeerd, enz ...
Je kan dit ook verkrijgen met een javascript.
raimond schreef:Wat als ik een filmpje wil plaatsen ?
Dit hangt af van het formaat van het filmpje (avi, mp4, wma, ...)
raimond schreef:Als je een paar bladzijden wil zien, hoe moet dat dan?
Alle bestanden via e-mail naar mij doorsturen en/of online plaatsen op de Terenetserver en link doorgeven.

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
raimond Startte dit onderwerp 20 apr 2015, 23:37 3500 Hasselt België 16 berichten
Bedankt, Coderunner, ik werk eraan.

Groetjes,

Raimond
raimond Startte dit onderwerp 27 apr 2015, 16:58 3500 Hasselt België 16 berichten
Beste Coderunner,


Eindelijk nog wat nieuws. Ik heb tenslotte 15 pagina's klaargestoomd met fouten, rechtzettingen ...
Daarna heb ik via Telenet proberen alles op internet te zetten.
Maar dat is wat anders. Ik heb alle voorgeschreven regels gevolgd, FileZilla klient gedownload en de instructies gevolgd (helaas allemaal in het Engels).
Gevolg: mijn bestanden zijn geupload (denk ik) maar ik weet niet of ze op internet staan en waar.
Kan jij dit niet in orde brengen ?
Ik vertrouw je, je hebt me al zoveel geholpen.

Volgende gegevens heb je nodig denk ik:

Hartelijk dank als U mij wil helpen,


Met vriendelijke groeten,


Raimond

Laatst gewijzigd door raimond op 27 apr 2015, 18:14, 1 keer totaal gewijzigd.

coderunner 27 apr 2015, 17:33 Aubauke - Aentwaerepe 1.828 berichten
Beste Raimond,

Okay doe ik MAAR ...

Verwijder a.u.b. zo snel mogelijk hierboven in je bericht de inloggegevens én e-mail adressen!!!!
Deze ENKEL via een persoonlijk bericht verzenden!!

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
raimond Startte dit onderwerp 28 apr 2015, 16:30 3500 Hasselt België 16 berichten
Hallo Coderunner,


Ik heb alles geupload: Directories met in elke Dir : het .html -bestand en de bijhorende foto's. Gaat dat zo ?

Dank U

Raimond
coderunner 28 apr 2015, 18:59 Aubauke - Aentwaerepe 1.828 berichten
Yep beste Raimond zo gaat het. Ik werk eraan :wink:

mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.