citaat van een vriend: "Het ziet er mooi uit maar je HTML is waardeloos."

Status
Niet open voor verdere reacties.

gekkebek444

Gebruiker
Lid geworden
2 aug 2006
Berichten
30
Hallo,

Zijn er mensen die veel verstand hebben van HTML?
zo ja, zouden die dan eens naar http://www.baarsdesign.nl/ willen gaan en even kijken of je tips hebt? :rolleyes:
Ik heb die website (portfolio) voor school moeten maken, was er wel trots op tot dat een vriend van me zei dat de HTML waardeloos was :confused:

dankje alvast,

Ronald Baars
Baarsdesign.nl
 
Een site opbouwen door middel van tabellen kun je tegenwoordig niet meer mee aankomen.
Ik denk dat je vriend daar op doelt.

Waarschijnlijk heb je een afbeelding gemaakt en die laten exporteren. Klopt dat?

Met welk programma heb je deze site gemaakt?
 
Op welke punten "waardeloos"?

Gooi je url in
http://validator.w3.org/

Simpel de fouten op te lossen, zie gevalideerde
code van home:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>
			Portfolio | Ronald Baars
		</title>
		<!--Pagina gemaakt op Thursday, October 23, 2008 19:34:58 -->
		<meta name="GENERATOR" content="Arachnophilia 4.0">
		<meta name="FORMATTER" content="Arachnophilia 4.0">
		<meta name="description"  CONTENT="korte beschrijving van de pagina">
		<meta name="keywords"  CONTENT="trefwoorden, die, slaan, op, de, pagina">
		<meta name="publisher" CONTENT="Jan Jansen">
		<meta name="Author" content="Peter Vazed">
		<meta name="robots" content="index, follow">
		<meta name="revisit" content="7 days">
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
		<meta http-equiv="Content-Style-Type" content="text/css">
		 <style type="text/css" media="screen">
 body
{
background-image: url(site_images/back.jpg);
margin: 0;
padding: 0;
font-family:  verdana, "comic sans ms", arial, hevetica, sans-serif;
text-align: left;
color: #000;
background: #ffffcc;
overflow: hidden;
}
</style>
		<base href="http://www.baarsdesign.nl/">
	</head>
	
	
	
	<body>		
		
		<table style="width:100%;  height:100%;  border:solid #dd0000 0px;" cellpadding="0"  cellspacing="0">
			  
			<tr>
				    
				<td height="15%" STYLE="background-image: url(site_images/home/header_top_left.jpg); background-repeat: no-repeat; background-position: 100% 50%;">
				</td>
				    
				<td colspan="5" STYLE="background-image: url(site_images/home/header_top_center.jpg); background-repeat: no-repeat; background-position: 100% 50%;">
				</td>
				    
				<td STYLE="background-image: url(site_images/home/header_top_right.jpg); background-repeat: no-repeat; background-position: 0% 50%;">
				</td>
				
				  
			</tr>
			  
			<tr>
				    
				<td width="50%" rowspan="4" STYLE="background-image: url(site_images/left.jpg); background-repeat: no-repeat; background-position: 100% 0%;">
				</td>
				    
				<td width="522" colspan="5" valign="bottom" height="64">
					<a href="index.html"><img  border="0" src="site_images/home/header.jpg" alt="1"></a>
				</td>
				    
				<td rowspan="4" width="50%"  STYLE="background-image: url(site_images/right.jpg); background-repeat: no-repeat; background-position: 0% 0%;">
					
					    
				</td>
				  
			</tr>
			<tr>
				<td height="22" width="253">
					<img border="0" src="site_images/menu_left.jpg" alt="1">
				</td>
				
				<td width="84">
					<a href="home.html"><img border="0" src="site_images/menu_about.jpg" alt="1"></a>
				</td>
				<td width="123">
					<a href="school.html"><img border="0" src="site_images/menu_school.jpg" alt="1"></a>
				</td>
				<td width="86">
					<a href="self.html"><img border="0" src="site_images/menu_self.jpg" alt="1"></a>
				</td>
				<td width="251">
					<img border="0" src="site_images/menu_right.jpg" alt="1">
				</td>
			</tr>
			  
			<tr>
				    
				<td bgcolor="#000000" width="300" colspan="2" height="360" valign="top">
					<font face="verdana" size="2" color="#ffffff">
						
						
						
						
						    
					</font>
				</td>
				    
				<td bgcolor="#000000" width="400" colspan="3" valign="middle">
					<font face="verdana" size="2" color="#8f8f8f">
						
						Mijn naam is Ronald Baars.  Ik ben geboren op 7 april 1991 in Haarlem, toen ik
						nog geen half jaar was ben ik verhuisd naar Bennebroek. Mijn hobby’s zijn:
						photoshop, schaatsen en pc’s. In het weekend werk ik in een supermarkt. Mijn
						intresse in vormgeven begon rond mijn 15e, toen ontdekte ik photoshop, ik heb
						toen een heleboel tutorials gedaan, waardoor ik het programma goed leerde
						kennen.
						
						
						    
					</font>
				</td>
				  
			</tr>
			  
			<tr>
				    
				<td height="52" colspan="5">
					<img border="0" src="site_images/bottom.jpg" alt="1">
					    
				</td>
				  
			</tr>
			  
			<tr>
				  <td  colspan="5">

			</tr>
	<!-- toegevoegd -->	</table>
	<!-- verplaatst --></body>
</html>

Belangrijk is een doctype, en de style zet je in de head, of een losse css file.

Werken met tabellen is op zich niks mis mee.
Maar omdst er steeds meer met style, CSS dus, gewerkt wordt, wordt de layout ook met style opgezet.
Dan werk je dus met div's.
Maar........... dan heb je weer andere problemen..........

En zo is het altijd wat :rolleyes:

:cool:
 
Een site opbouwen door middel van tabellen kun je tegenwoordig niet meer mee aankomen.
Ik denk dat je vriend daar op doelt.

Waarschijnlijk heb je een afbeelding gemaakt en die laten exporteren. Klopt dat?

Met welk programma heb je deze site gemaakt?

ik heb de afbeeldingen met photoshop gemaakt, het HTML gedeelte in puur kladblok
 
Op welke punten "waardeloos"?

Gooi je url in
http://validator.w3.org/

Simpel de fouten op te lossen, zie gevalideerde
code van home:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>
			Portfolio | Ronald Baars
		</title>
		<!--Pagina gemaakt op Thursday, October 23, 2008 19:34:58 -->
		<meta name="GENERATOR" content="Arachnophilia 4.0">
		<meta name="FORMATTER" content="Arachnophilia 4.0">
		<meta name="description"  CONTENT="korte beschrijving van de pagina">
		<meta name="keywords"  CONTENT="trefwoorden, die, slaan, op, de, pagina">
		<meta name="publisher" CONTENT="Jan Jansen">
		<meta name="Author" content="Peter Vazed">
		<meta name="robots" content="index, follow">
		<meta name="revisit" content="7 days">
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
		<meta http-equiv="Content-Style-Type" content="text/css">
		 <style type="text/css" media="screen">
 body
{
background-image: url(site_images/back.jpg);
margin: 0;
padding: 0;
font-family:  verdana, "comic sans ms", arial, hevetica, sans-serif;
text-align: left;
color: #000;
background: #ffffcc;
overflow: hidden;
}
</style>
		<base href="http://www.baarsdesign.nl/">
	</head>
	
	
	
	<body>		
		
		<table style="width:100%;  height:100%;  border:solid #dd0000 0px;" cellpadding="0"  cellspacing="0">
			  
			<tr>
				    
				<td height="15%" STYLE="background-image: url(site_images/home/header_top_left.jpg); background-repeat: no-repeat; background-position: 100% 50%;">
				</td>
				    
				<td colspan="5" STYLE="background-image: url(site_images/home/header_top_center.jpg); background-repeat: no-repeat; background-position: 100% 50%;">
				</td>
				    
				<td STYLE="background-image: url(site_images/home/header_top_right.jpg); background-repeat: no-repeat; background-position: 0% 50%;">
				</td>
				
				  
			</tr>
			  
			<tr>
				    
				<td width="50%" rowspan="4" STYLE="background-image: url(site_images/left.jpg); background-repeat: no-repeat; background-position: 100% 0%;">
				</td>
				    
				<td width="522" colspan="5" valign="bottom" height="64">
					<a href="index.html"><img  border="0" src="site_images/home/header.jpg" alt="1"></a>
				</td>
				    
				<td rowspan="4" width="50%"  STYLE="background-image: url(site_images/right.jpg); background-repeat: no-repeat; background-position: 0% 0%;">
					
					    
				</td>
				  
			</tr>
			<tr>
				<td height="22" width="253">
					<img border="0" src="site_images/menu_left.jpg" alt="1">
				</td>
				
				<td width="84">
					<a href="home.html"><img border="0" src="site_images/menu_about.jpg" alt="1"></a>
				</td>
				<td width="123">
					<a href="school.html"><img border="0" src="site_images/menu_school.jpg" alt="1"></a>
				</td>
				<td width="86">
					<a href="self.html"><img border="0" src="site_images/menu_self.jpg" alt="1"></a>
				</td>
				<td width="251">
					<img border="0" src="site_images/menu_right.jpg" alt="1">
				</td>
			</tr>
			  
			<tr>
				    
				<td bgcolor="#000000" width="300" colspan="2" height="360" valign="top">
					<font face="verdana" size="2" color="#ffffff">
						
						
						
						
						    
					</font>
				</td>
				    
				<td bgcolor="#000000" width="400" colspan="3" valign="middle">
					<font face="verdana" size="2" color="#8f8f8f">
						
						Mijn naam is Ronald Baars.  Ik ben geboren op 7 april 1991 in Haarlem, toen ik
						nog geen half jaar was ben ik verhuisd naar Bennebroek. Mijn hobby’s zijn:
						photoshop, schaatsen en pc’s. In het weekend werk ik in een supermarkt. Mijn
						intresse in vormgeven begon rond mijn 15e, toen ontdekte ik photoshop, ik heb
						toen een heleboel tutorials gedaan, waardoor ik het programma goed leerde
						kennen.
						
						
						    
					</font>
				</td>
				  
			</tr>
			  
			<tr>
				    
				<td height="52" colspan="5">
					<img border="0" src="site_images/bottom.jpg" alt="1">
					    
				</td>
				  
			</tr>
			  
			<tr>
				  <td  colspan="5">

			</tr>
	<!-- toegevoegd -->	</table>
	<!-- verplaatst --></body>
</html>

Belangrijk is een doctype, en de style zet je in de head, of een losse css file.

Werken met tabellen is op zich niks mis mee.
Maar omdst er steeds meer met style, CSS dus, gewerkt wordt, wordt de layout ook met style opgezet.
Dan werk je dus met div's.
Maar........... dan heb je weer andere problemen..........

En zo is het altijd wat :rolleyes:

:cool:


wow :shocked: </table> vergeten? dat is vrij erg :p dankjewel in iedergeval :) en het ziet er inderdaad een stuk beter uit, ga ik wat mee doen :D
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan