Website maken

Status
Niet open voor verdere reacties.

nicksanten

Gebruiker
Lid geworden
17 feb 2009
Berichten
676
Beste helpers,


Ik wil graag een website maken. Alleen wil ik het wel echt goed doen, dus ik dacht aan HTML. Maar ik weet helemaal niet of dit kan, heb wel effe gekeken en het 1 en ander geprobeerd, maar loop al tegen een paar punten op. Dus weet iemand nog een goede site waar ik het kan leren en of ik HTML uberhaüpt wel op een normale computer aan HTML kan beginnen.


Alvast Bedankt

Nick
 
Bedankt!... maar allebei zijn in engels , en ik zal maar gelijk toegeven daar ben ik geen genie in:rolleyes: kan het wel een beetje maar zijn er ook nog goede nederlandse sites?


nick
 
Okee, bedankt dan weet ik voorlopig genoeg.

Alleen 1 vraag. als ik nu een site maak, komt alles onder elkaar, dus eerst titel dan menu en dan een plaatje ofzo, hoe kan ik menu bovenaan in het midden krijgen, menu links en plaatje en tekst in het midden onder de titel en naast het menu?
 
Tsja, dat is al meer werk dan het in eerste instantie lijkt. Je zou het met een tabel kunnen doen (kijk daarvoor op een van die websites) maar dat is eigenlijk iets dat door webdesigners als NOT-DONE beschouwd wordt, maar het is wel de makkelijkste manier.

De manier om het wel goed te doen is met divs. Die kun je met CSS precies zo positioneren als je zelf wilt. Ook dat kun je op die websites die ik je gaf wel vinden.

Daarnaast kun je natuurlijk nog gewoon code van een andere bestaande website overnemen. Simpelweg de bron erbij pakken en kijken hoe zij het gedaan hebben.
 
Kan, plaatjes uit de map images, de kleuer uit style.css en de tekst in index.html
 
hmm ja dat werkt met frames. Inmiddels ook alweer een beetje verouderde werkwijze....
Ik zou eerst eens beginnen met de basis. Hoe zet ik er een plaatje in, hoe maak ik mijn tekst op etc. voordat je daarmee gaat beginnen

wanneer je daar aan toe bent kan je een beetje gericht gaan zoeken naar info hoe je met div's je website in elkaar zet.
 
Ja was al zover gekomen:

<html>
<head>

<title>Hardwarehulp</title>

</head>

<body>

<p align="center"><b>Hardwarehulp</b></p>
<H3><i>De site waar je alles vind over mij en mijn Hardwarehulp.</i></H3>


<p>&nbsp;</p>
<p><font color="#cccc99" face="Verdana" size="2">●</font><font color="#cccc99" face="Verdana" size="2"> <a href="welkom.htm">Home</a></font></p>
<p><font color="#cccc99" face="Verdana" size="2">●</font><font color="#cccc99" face="Verdana" size="2">
<a href="Wat is Hardware.htm">Wat is Hardware</a></font></p>
<p><font color="#cccc99" face="Verdana" size="2">●</font><font color="#cccc99" face="Verdana" size="2"> <a href="Voor-wie.htm">Voor wie</a></font></p>
<p><font color="#cccc99" face="Verdana" size="2">●</font><font color="#cccc99" face="Verdana" size="2">
<a href="Kosten.htm">kosten</a></font></p>
<p><font color="#cccc99" face="Verdana" size="2">●</font><font color="#cccc99" face="Verdana" size="2">
<a href="Wie ben ik.htm">Wie ben ik</a></font></p>
<p><font color="#cccc99" face="Verdana" size="2">●</font><font color="#cccc99" face="Verdana" size="2">
<a href="contact/contact.htm">Contact</a></font></p>
<p><font color="#cccc99" face="Verdana" size="2">●</font><font color="#cccc99" face="Verdana" size="2"> <a href="links.htm">Links</a></font></p>

</body>

<BODY>

<hr />

<BODY BGCOLOR="#3399cc" TEXT="#cccc99" LINK="#0000FF" VLINK="#FF0000" ALINK="#FF0000">

<P><IMG SRC=http://nvision.pl/img/200809/tt_v9_1.gif WIDTH="450" HEIGHT="450" ALT="Computer"></P>

</BODY>

</html>

Weet niet of dit een beetje goed is?
 
Je hebt minimaal én maximaal één body in je pagina, dat is dus vast fout. Als je dat nou eerst eens aanpast, kijken we daarna verder ;)
 
Dit is een hele simpele pagina:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>simpel</title> <!-- //Hier zet je de titel van je site -->
</head>
<body bgcolor="#000000" link="#FFFFFF" text="#FFFFFF" alink="#FFFFFF" >

<table width="200" border="1">
  <tr>
    <td>testtestest</td>
  </tr>
</table>
<a href="testlink.html">test</a><br />
<b>dikgedrukt</b> <br />
<i>schuin gedrukt</i><br />
<u>onderstreept</u><br />  <!--  //<br /> is enter (zo plaats je ook commentaar in html -->
<img src="linknaarafbeelding.jpg" alt="commentaar over afbeelding" />
</body>
</html>
 
@The_Robin: gooi je pagina eens in de validator

@nicksanten: dat is gewoon per definitie zo. Je kunt / mag maar één body hebben.
 
<tr> is de afkorting van tabel rij. In elke rij kan je weer diverse kolommen maken. dit doe je met <td>. Je moet natuurlijk begonnen zijn met <table> om aan te geven dat je een tabel gaat maken en deze afsluiten zodra je ermee klaar bent </table>

De <body> geeft aan dat dat de daadwerkelijke website is, daartussen komt hetgene dat in je browser te zien is. Misschien functioneert het, maar het is volgens de regels gewoon niet correct. Het is ook volledig zinloos om een tweede body te maken. Er is maar 1 scherm in internet explorer ;)
 
<tr> is de afkorting van tabel rij. In elke rij kan je weer diverse kolommen maken. dit doe je met <td>. Je moet natuurlijk begonnen zijn met <table> om aan te geven dat je een tabel gaat maken en deze afsluiten zodra je ermee klaar bent </table>.

Okee, handig om te weten;)...

<De <body> geeft aan dat dat de daadwerkelijke website is, daartussen komt hetgene dat in je browser te zien is. Misschien functioneert het, maar het is volgens de regels gewoon niet correct. Het is ook volledig zinloos om een tweede body te maken. Er is maar 1 scherm in internet explorer ;)

Okee dat snap ik, heb het aangepast;)

@The_Robin: gooi je pagina eens in de validator

Wat is een validator?
 
die controleert of jouw website code wel correct is en voldoet aan de regels. Wanneer je hier geen fouten hebt, heb je de grootste kans dat je website overal correct werkt.
 
natuurlijk kan dat. Volg de link dan zie je het vanzelf.... Hoe goed is je engels?
je kan met 3 manieren je site checken. Of je geeft het internet adres op, of je upload een bestandje met je code, of je knipt en plakt de code in de website.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan