eigen website maken+

Progger · 06 jun 2006, 13:39

Je moet die href-vermelding voor de eerste, tweede en derde foto ook verwiijderen.

<center><a href><img src="tony2.jpg"></a><br>
<a href><img scr="tony3.jpg"></a><br>
<a href><img scr="spelerij.jpg"></a></center><br>

Progger · 06 jun 2006, 13:43

<center><img src="tony2.jpg"></a><br>
<img scr="tony3.jpg"></a><br>
<img scr="spelerij.jpg"></a></center><br>

Verander je code zoals hierboven.

Progger · 06 jun 2006, 13:48

omaatje

Hier nog eens de manier waarop je afbeeldingen op een pagina kan uitlijnen.

De voorbeelden staan vermeld met fictieve foto's, je kan die namen veranderen in de foto's die je zelf gebruikt.

Afbeeldingen uitlijnen

<h2><img src="pics/text.gif" width="311" height="194" align="left" vspace="10" hspace="20" border="1" alt="tekst?">HTML-notatie</h2>

<p>Met align="left" wordt de afbeelding links uitgelijnd. De tekst die daarna komt loopt dan rechts om de afbeelding heen op 20 pixels afstand (ook links van de afbeelding). hspace is wel deprecated, gebruik hiervoor liever CSS, zie voorbeeld 2 hieronder.
<br clear="all"> Hier heb ik de tekst links onder de afbeelding laten doorlopen, dus via de notatie: <br clear="all">.</p>

<h2><img src="pics/text.gif" width="311" height="194" style="float:left;
margin-right:20px; margin-bottom:10px; border:solid 1px red; alt="Tekst?">CSS-notatie</h2>

<p>Met style="float:left; margin-right:20px; margin-bottom:10px;" wordt bereikt dat de afbeelding links wordt uitgelijnd, en dat de tekst rechts om de afbeelding loopt. Daarbij wordt tussen de afbeelding en de tekst een afstand van 20 pixels aangehouden (links van de afbeelding wordt daarentegen, anders dan bij het HTML-attribuut hspace=, géén afstand van 20 pixels gehouden).
<br style="clear:all"> Ook hier loopt nu de tekst verder onder de afbeelding.</p>

Progger · 06 jun 2006, 13:52

omaatje

Bekijk de bovenstaande antwoorden eens goed, daar staat de oplossing, je moet die href-vermeldingen verwijderen.

Progger · 06 jun 2006, 13:59

Bovendien heb ik gezien in je broncode dat je praktisch nérgens je <body>...</body> tags hebt staan, alsook sommige <html>...</html> tags, die zijn anders wél nodig hoor, ik vrees dat je àl je pagina's eens zal moeten nazien en de nodige verbeteringen aanbrengen als je wil dat het goed werkt.

Als je ergens niet aan uit kan, vraag het dan gerust, we helpen je er wel door, je bent goed bezig.

omaatje · 06 jun 2006, 14:22

Progger ,
is het dan nodig om voor iedere pagina te beginnen en te eindigen met dit zoals in de cursus ?
<html>
<head>
</head>
<body>
</body>
</html>

omaatje

Progger · 06 jun 2006, 14:28

Juist, zo moeten àl je pagina's beginnen én eindigen. Dit is het minimum dat àltijd aanwezig moet zijn.

<html>
<head>
<title>Hier staat je paginatitel</title>
</head>

<body>
Hier staat de inhoud van je pagina
</body>
</html>

Zie even in je email, ik heb je een goed voorbeeld gestuurd voor de opbouw van een webpagina.

Progger · 07 jun 2006, 09:51

Vraag voor omaatje:

Waarom zet je de drie afbeeldingen op je pagina elk in een <h2>...</h2> element? Wat is de bedoeling hiervan, kop-elementen dienen voor het plaatsen van titels en bijschriften, niét voor het inkapselen van afbeeldingen.

Wil je afbeeldingen mooi uitlijnen op je pagina, plaats ze dan in een tabel, met in elke tabelcel één foto, naast elkaar, of met tabelrijen met één cel onder elkaar.

Je hebt bovendien nog steeds geen <body>...</body>, <head>...</head> en <html>...</html> structuur in je pagina's aangebracht. Dit is écht wel nodig hoor.

Groetjes van Progger

omaatje · 07 jun 2006, 10:43

Goeie morgen Progger,

Ik heb nog een vraagje , bij ieder begin van de pagina vind ik dit terug
<style type="text/css">

</style>
</head>

<body>

wat betekend dit , die ik in het rood plaatste

omaatje

Progger · 07 jun 2006, 10:52

Dat is een style-definitie-gebied voor het definiëren van stijlregels (opmaak), en die speciale 'pijltjes' dienen om te voorkomen dat oudere browsers, die nog géén stylesheets kenden, die code zouden weergeven als tekst op je pagina's. Die markeringen voorkomen dat, dat zijn zogenaamde commentaar-markeringen en moet je altijd noteren bij een style-definitie in je 'header'.

Bekijk ook even mijn laatste vraag aan jou in dit topic hierboven.

PS. Ook goede morgen omaatje.

Progger · 07 jun 2006, 11:07

omaatje

Hier nogmaals de minimale code die in élke pagina moet voorkomen, wil alles correct werken. Ik heb trouwens gezien dat je mijn raad voor die drie foto's hebt opgevolgd, Proficiat!. Aan de hand van onderstaande voorbeeld kan je al je pagina's eens overlopen en aanpassen aan de minimale code-vereisten. Als je ergens niet aan uit kan, vraag het dan gerust.

<!DOCTYPE HTML PUBLIC "-//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<Title>Zet hier je paginatitel</Title>
</head>

<body>

<p>…Inhoud van de pagina …. Dit is wat de bezoeker van je site ziet. Hier begin je bijvoorbeeld met je éérste tabel.</p>

</body>
</html>

montana · 07 jun 2006, 11:09

Hallo omaatje en progger,
ik vermoed dat omaatje niet alles begrijpt wat jij uilegt progger,
erg moeilijk ook om te begrijpen voor iemand die net begint.
Het is maar een suggestie hoor maar is het niet beter voor omaatje om te beginnen met: eerst de simpele HTML codes onder de knie te krijgen? (zoals <img src> te gebruiken voor een afbeelding) voordat je het hebt over tabellen en style sheets????
Ook vreemd dat de pagina's van de website van omaatje allemaal htm documenten zijn?? alleen de eerste (index) is altijd htm, de volgende pagina's zijn html documenten.

Groetjes van Montana
website;http://home.kabelfoon.nl/~jgruis

Progger · 07 jun 2006, 11:20

Voor montana:

De extentie .htm voor al je webpagina's is perfect oke, en betreffende duidelijkheid, het gaat hier over code die ik haar doorgeef, en die ze maar moet vergelijken met haar paginacode, waar het een en ander ontbreekt voegt ze dat dan gewoon bij, niets moeilijk aan, het gaat hier over de minimale inhoud voor een webpagina, dat voor die img-code stond reeds op haar pagina, alleen fout en dat heeft ze met mijn hulp inmiddels reeds verbeterd.

Ik zie niet in wat daar de moeilijkheidsgraad zou kunnen zijn, daar elke vraag die omaatje desbetreffend stelt steeds doelgericht wordt beantwoord en zij is wél zo slim dat ze de nodige veranderingen wel degelijk aanbrengt.

Trouwens, de geschiedenis van dit topic is, dat omaatje raad vroeg voor een al bestaande website, waar we samen tot nu toe al de nodige verbeteringen hebben aangebracht, stap voor stap, het is dus niet zo dat ik omaatje overstelp met onbegrijpelijke code fragmenten, maar stap voor stap een (met fouten) reeds bestaande site aanpas.

Groetjes Progger

omaatje · 07 jun 2006, 11:59

Progger ,

kun je aub even nazien of ik alles goed deed ?

Ik weet niet of er een bepaalde volgorde moet worden gevolgd om de tags te openen of te sluiten ?

omaatje

Progger · 07 jun 2006, 12:08

Zal direct eens gaan zien en eventueel aangeven wat de volgende stap kan zijn.