Wat vinden jullie ervan??

Status
Niet open voor verdere reacties.
Tja, je plaatje is maar liefst
208.95 KB (213962 bytes)
schiet niet op natuurlijk, terugbrengen naar ca 12 kb.

En je linken openen in hetzelfde scherm,
je eigen site is dan pleite.
Gebruik
target="_blank"
bij de linken welke naar een andere site gaan.

Het menu zou ik een achtergrondkleurtje geven, valt nu bijna niet op.

:cool:
 
een niet samenhangende site..
het lijkt allemaal uit losse delen te bestaan, menu in een hoekje klein. header rechts Tekst in het midden... :confused:... ik denk dat het mooier is als je de site gewoon bijvoorbeeld 800px breed maakt.

ik vind het qua lay-out en tekst niks...
 
Laatst bewerkt:
Gebruik géén Times New Roman.
Centreer je tekst niet, dat komt erg amateuristisch over.
Ik zou niet zo'n moeilijk menu gebruiken, het is duidelijk met een of ander tooltje gemaakt en het zit verschrikkelijk klem in de linkerbovenhoek. Ik heb het proberen te verplaatsen maar dat gaat niet aangezien er allerlei vaste waardes in dat gigantisch javascript zitten.

James :)
 
Bedankt voor jullie reacties.
Nu heb ik nog een paar vragen.
Welk lettertype moet ik gebruiken??
Wat is er onsamenhangend aan de pagina?
Hoe kan ik de externe links laten openen in blank, want in dreamwaver zie ik alleen de tekst en linken in het kladblok van de pagina.
 
Laatst bewerkt:
Ik ben nogal een verdana-type, dus misschien verdana? :)

Je kan bovenaan toevoegen:
p {
font-family: verdana;
font-size: gewenste grootte in px of em; (11px doe ik meestal)
color: kies kleurtje;
}

En over die target="_blank", dat krijg je dus als je een supermoeilijk javascript menu gebruikt: Ik zou niet weten waar je daar ergens target="_blank" zou moeten toevoegen.

In het algemeen werkt een link met target blank dus zo:
HTML:
<a href="http://www.mijnsite.nl" target="_blank">tekstdiemoetlinken</a>


Verder vind je je site best samenhangend, dus daar zou ik me geen zorgen over maken. Alles is toch ongeveer hetzelfde gestyled...
James :)
 
Laatst bewerkt:
Het menu word ik geen wijs uit, kan target balnk niet zo maar toevoegen.

Nieuwe versie:
PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<SCRIPT>
td_1 = "Home"
url_1 = "http://www.des-genemuiden.nl/" 
td_2 = "Formulieren"
td_2_1 = "Inschrijven"
url_2_1 = "http://www.des-genemuiden.nl/inschrijfformulier.htm"
td_2_2 = "Klachten"
url_2_2 = "http://www.des-genemuiden.nl/klachten.htm"
td_3 = "Informatie over huren"
td_3_1 = "Woonbond"
url_3_1 = "http://www.woonbond.nl" 
td_3_2 = "Belastingdienst"
url_3_2 = "http://www.belastingdienst.nl"
td_3_3 = "Aedesnet"
url_3_3 = "http://www.aedesnet.nl"
td_3_4 = "Ministerie van VROM"
url_3_4 = "http://www.vrom.nl"
td_3_5 = "Politie keurmerk veilig wonen"
url_3_5 = "http://www.politiekeurmerk.nl"
td_4 = "Contact"
td_4_1 = "Adresgegevens Stichting Wonen DES Genemuiden"
url_4_1 = "http://www.des-genemuiden.nl/adres.htm"
td_4_2 = "Openingstijden kantoor Des Genemuiden"
url_4_2 = "http://www.des-genemuiden.nl/contact.htm"
td_5 = "Informatie"
td_5_1 = "Informatie voor huurders"
url_5_1 = "http://www.des-genemuiden.nl/info.htm"
td_6 = "Links"
td_6_1 = "JP van den Bent"
url_6_1 = "http://www.jpvandenbent.nl"
td_6_2 = "Wonen in Zwartewaterland"
url_6_2 = "http://www.zwartewaterkrant.nl/index.php?pagina=genemuiden&actie=gemeente"
td_6_3 = "Tapijtmuseum"
url_6_3 = "http://www.tapijtmuseum.nl"
td_7 = "Projecten"
td_7_1 = "Nieuwbouw"
url_7_1 = "http://www.des-genemuiden.nl/nieuwbouw.htm"
td_7_2 = "Appartementen"
url_7_2 = "http://www.des-genemuiden.nl/huisvesting.htm"
td_7_3 = "Renovatie"


</SCRIPT>

<STYLE> 
TABLE.menu 
{BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; VISIBILITY: hidden; BORDER-LEFT: black 1px solid; CURSOR: pointer; BORDER-BOTTOM: black 1px solid; POSITION: absolute}
#mainmenu {POSITION: static}
TABLE.menu TD 
{BORDER-RIGHT: 0px; PADDING-RIGHT: 8px; BORDER-TOP: 0px; PADDING-LEFT: 8px; FONT-SIZE: 8pt; PADDING-BOTTOM: 2px; BORDER-LEFT: 0px; COLOR: #000000; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; FONT-FAMILY: Arial; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #ffffff}
</STYLE>


<title>Stichting Wonen DES Genemuiden</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body,td,th {
	color: #666666;
font-family:verdana, "comic sans ms", ;
}
body {
	background-color: #FFFFFF;
}
.nav{
border: solid 2px #808040;
padding:5px;
font-color: #ff8000;
font-family: verdana, "comic sans ms", ;
font-size:9px;
}
.style1 {
	color: #990000;
	font-weight: bold;
font-size:17px;
}
.style5 {font-size: 12px
}
a:link {
	color: #990000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0000a0;
}
a:hover {
	text-decoration: none;
color: #ff0080;
display:block;
background-color:#c0c0c0;
}
a:active {
	text-decoration: none;
}
-->
</style>
</head>

<body>

<!-- koptabel begin -->
<table  width="800" border="0" cellspacing="0" cellpadding="4" align="center">
	<tr>
		<!-- Row 1 Column 1 -->
		<td >
	<div class="style1" >		Welkom bij Stichting Wonen DES Genemuiden <br><br>

    <em>Uw partner in huren </em> </div>
		</td>
		<!-- Row 1 Column 2 -->
		<td >
			<img src="http://www.des-genemuiden.nl/foto/logo.jpg" width="295" height="108">
		</td>
	</tr>
</table>
<!-- koptabel eind -->
<!-- inhoud begin -->
<table  width="800" border="0" cellspacing="0" cellpadding="4" align="center">
	<tr>
		<!-- Row 1 Column 1 -->
		<td  valign="top"  width="140"  >
<!-- begin menu nav -->
<table  width="134" border="1" cellspacing="0" cellpadding="4" bgcolor="#f2f2f2"  class="nav">
	<tr>
		<!-- Row 1 Column 1 -->
		<td >
		<a href="http://www.des-genemuiden.nl/">Home</a>
		</td>
	</tr>
 <tr>
		<!-- Row 2 Column 1 -->
		<td >
		<a href="http://www.des-genemuiden.nl/">Formulieren</a>
		</td>
	</tr>
	<tr>
		<!-- Row 3 Column 1 -->
		<td >
			<a href="http://www.des-genemuiden.nl/inschrijfformulier.htm">Inschrijven</a>
		</td>
	</tr>
	<tr>
		<!-- Row 4 Column 1 -->
		<td >
			<a href="http://www.des-genemuiden.nl/klachten.htm">Klachten</a>
		</td>
	</tr>
	<tr>
		<!-- Row 5 Column 1 -->
		<td >
<br>
		<b>Informatie over huren</b>
		</td>
	</tr>
	<tr>
		<!-- Row 6 Column 1 -->
		<td >
	
<a href="http://www.aedesnet.nl">Aedesnet</a>


		</td>
	</tr>
	<tr>
		<!-- Row 7 Column 1 -->
		<td >
		<a href="http://www.belastingdienst.nl" target="_blank">Belastingdienst</a>
		</td>
	</tr>
	<tr>
		<!-- Row 8 Column 1 -->
		<td >
		<a href="http://www.woonbond.nl" target="_blank">Woonbond</a>
		</td>
	</tr>
	<tr>
		<!-- Row 9 Column 1 -->
		<td >
		<a href="http://www.vrom.nl" target="_blank">Ministerie van VROM</a>
		</td>
	</tr>
	<tr>
		<!-- Row 10 Column 1 -->
		<td >
		
<a href="http://www.politiekeurmerk.nl" target="_blank">Politie keurmerk veilig wonen</a>



		</td>
	</tr>
	<tr>
		<!-- Row 11 Column 1 -->
		<td >
<br>
	<b>	Contact</b>
		</td>
	</tr>
	<tr>
		<!-- Row 12 Column 1 -->
		<td >
		<a href="http://www.des-genemuiden.nl/adres.htm">Adresgegevens Stichting Wonen DES Genemuiden</a>
		</td>
	</tr>
	<tr>
		<!-- Row 13 Column 1 -->
		<td >
		<a href="http://www.des-genemuiden.nl/contact.htm">Openingstijden kantoor Des Genemuiden</a>
		</td>
	</tr>
	<tr>
		<!-- Row 14 Column 1 -->
		<td >
<br>
		<b>Informatie</b>
		</td>
	</tr>
	<tr>
		<!-- Row 15 Column 1 -->
		<td >
		<a href="http://www.des-genemuiden.nl/info.htm">Informatie voor huurders</a>
		</td>
	</tr>
	<tr>
		<!-- Row 16 Column 1 -->
		<td >
<br>
		
<b>Linken</b>
		</td>
	</tr>
	<tr>
		<!-- Row 17 Column 1 -->
		<td >
	<a href="http://www.jpvandenbent.nl" target="_blank">JP van den Bent</a>
		</td>
	</tr>

	<tr><td>	<!-- Row 18 Column 1 -->
			<a href="http://www.zwartewaterkrant.nl/index.php?pagina=genemuiden&actie=gemeente" target="_blank">Wonen in Zwartewaterland</a>
		</td>
	</tr>

<tr><td>	<!-- Row 19 Column 1 -->
			<a href="http://www.tapijtmuseum.nl" target="_blank">Tapijtmuseum</a>
		</td>
	</tr><tr><td>	<!-- Row 20Column 1 -->
		<br>
	<b>Projecten</b>
		</td>
	</tr><tr><td>	<!-- Row 21Column 1 -->
			<a href="http://www.des-genemuiden.nl/nieuwbouw.htm">Nieuwbouw</a>		</td>
	</tr><tr><td>	<!-- Row 22Column 1 -->
			<a href="http://www.des-genemuiden.nl/huisvesting.htm">Appartementen</a>		</td>
	</tr><tr><td>	<!-- Row 23Column 1 -->
	<br>
	<b>	Renovatie</b>
		</td>
	</tr>
</table>
<!-- einde nav -->

		</td>
		<!-- Row 1 Column 2 -->
		<td  valign="top" >
		Op onze site willen wij u informeren over de activiteiten en diensten van Stichting Wonen DES Genemuiden. Naast brochures over uiteenlopende onderwerpen wordt u over diverse actuele onderwerpen op de hoogte gehouden. 
  <p align="left" class="style1">Missie en visie Stichting Wonen DES.  </p> Stichting Wonen DES is een zelfstandige corporatie die zich de komende jaren blijft ontwikkelen tot een moderne, eigentijdse woningcorporatie. <br>
<br>
Het is een klantgestuurde organisatie waarbij de markt en het maatschappelijk functioneren centraal staan. 
  De bestuurlijke organisatie is ingericht volgens het zgn. twee-lagen model met een directeur-bestuurder en een raad van commissarissen. <br>
  <br>

DES ziet voor zichzelf een geheel eigen rol op de woningmarkt in Genemuiden: DES is de corporatie die zich verantwoordelijk voelt voor een veilige en schone woon- en leefomgeving. <br>


    <img src="http://www.des-genemuiden.nl/foto/tn_Kopieer1%20-%20DSC00003.JPG" width="500" height="375" align="left">  
		</td>
	</tr>
</table>

<!-- inhoud eind --><br>

<br><div  align="center" ><strong><a href="http://www.des-genemuiden.nl/sitemap.html" target="_parent" >Sitemap</a> </strong> </div>
<br>
<br>
<hr width="95%" align=center><br>
hieronder origineel
<br>
<SCRIPT>
//	Dynamic JS Menu 1.0				                  	//
//	By Pat Libby (Libbypa@maine.rr.com)			       //
//	It works only with IE5.0(++) and Netscape6.0(++)	//
//	Modified for Henk's javascript collection       	//
//	Free to use!				                     		//
//	Please leave this notice                           //

//	Modify following four lines to customize your menu
var tdColor="#408080";		// Menu item text color. Moet hetzelfde zijn als de "COLOR" in "STYLE" hierboven
var tdBgColor="#FFFFFF";	// Menu item background color. Moet hetzelfde zijn als de "BACKGROUND-COLOR" in "STYLE" hierboven 
var hlColor="#990000";		// Highlight text color
var hlBgColor="#dfdfdf";	// Highlight background color
                           //	After change, modify same values in your DropDown.css file

////////////////////HIER BENEDEN GEEN WIJZIGINGEN AANBRENGEN//////////////////////
var md=250;
var ti=-1;
var oTd=new Object;
oTd=null;

function doMenu(td){
clearTimeout(ti);
td.style.backgroundColor=hlBgColor;
td.style.color=hlColor;
var i;
var sT="";
var tda=new Array();
tda=td.id.split("_");
if(oTd!=null){
var tdo=new Array();
tdo=oTd.id.split("_");
for(i=1;i<tdo.length;i++){
sT+="_"+tdo[i];
if(tdo[i]!=tda[i]){
document.getElementById("td"+sT).style.backgroundColor=tdBgColor;
document.getElementById("td"+sT).style.color=tdColor;
if(document.getElementById("tbl"+sT)!=null)
document.getElementById("tbl"+sT).style.visibility="hidden";}}}
oTd=td;
sT="tbl";
for(i=1;i<tda.length;i++)
sT+="_"+tda[i];
if(document.getElementById(sT)!=null)
document.getElementById(sT).style.visibility="visible";}

function clearMenu(){
if(oTd!=null){
var tdo=new Array();
tdo=oTd.id.split("_");
var sT="";
for(var i=1;i<tdo.length;i++){
sT+="_"+tdo[i];
document.getElementById("td"+sT).style.backgroundColor=tdBgColor;
document.getElementById("td"+sT).style.color=tdColor;
if(document.getElementById("tbl"+sT)!=null)
document.getElementById("tbl"+sT).style.visibility="hidden";}
oTd=null;}}

function runMenu(strURL){
location.href=strURL;}

var tt="";
var sT="";
var pT=new Array();
var tA=new Array();

function getCoord(st){
tA=st.split("_");
if(tA.length>2){
tA=tA.slice(0,-1);
tt=tA.join("_");
return (document.getElementById("tbl"+tt).offsetTop+document.getElementById("td"+st).offsetTop+4)+"px;left:"+
(document.getElementById("tbl"+tt).offsetLeft+document.getElementById("td"+st).offsetWidth-2)+"px\">";}
			
return (document.getElementById("mainmenu").offsetTop+document.getElementById("td"+st).offsetHeight-2)+"px;left:"+
(document.getElementById("mainmenu").offsetLeft+document.getElementById("td"+st).offsetLeft+5)+"px\">";}

var sH="<table class=\"menu\" id=\"mainmenu\" cellspacing=\"0\"><tr>";
var p=0;
var j=0;
while(eval("typeof(td_"+ ++j +")!=\"undefined\"")){
sH+="<td id=\"td_"+j+"\" onmouseover=\"doMenu(this)\" onmouseout=\"ti=setTimeout('clearMenu()',md)\"";
sH+=(eval("typeof(url_"+j+")!=\"undefined\""))?" onclick=\"runMenu('"+eval("url_"+j)+"')\">":">";
sH+=eval("td_"+j)+"</td>";
if (eval("typeof(td_"+j+"_1)!=\"undefined\""))
pT[p++]="_"+j;}		
sH+="</tr></table>";
document.write(sH);
for(var q=0;typeof(pT[q])!="undefined";q++){
sT=pT[q];
sH="";
j=0;
sH+="<table class=\"menu\" id=\"tbl"+sT+"\" cellspacing=\"0\" style=\"top:"+getCoord(sT);
while (eval("typeof(td"+sT+"_"+ ++j +")!=\"undefined\"")){
sH+="<tr><td id=\"td"+sT+"_"+j+"\" onmouseover=\"doMenu(this)\" onmouseout=\"ti=setTimeout('clearMenu()',md)\"";
sH+=(eval("typeof(url"+sT+"_"+j+")!=\"undefined\""))?" onclick=\"runMenu('"+eval("url"+sT+"_"+j)+"')\">":">";
sH+=eval("td"+sT+"_"+j)+"</td></tr>";
if (eval("typeof(td"+sT+"_"+j+"_1)!=\"undefined\""))
pT[p++]=sT+"_"+j;	}
sH+="</table>";
document.write(sH);}
document.getElementById("mainmenu").style.visibility="visible";
</SCRIPT>
<div align="right">
  <p align="right"><img src="http://www.des-genemuiden.nl/foto/logo.jpg" width="295" height="108"></p>
  <p align="left" class="style1">Welkom bij Stichting Wonen DES Genemuiden <br>
    <em>Uw partner in huren </em></p>
  <p align="justify"><strong>Op onze site willen wij u informeren over de activiteiten en diensten van Stichting Wonen DES Genemuiden. </strong></p>
  <p align="left"><strong>Naast brochures over uiteenlopende onderwerpen wordt u over diverse actuele onderwerpen op de hoogte gehouden. </strong></p>

  <p align="left" class="style1">Missie en visie Stichting Wonen DES. </p>
  <p align="left"><strong>Stichting Wonen DES is een zelfstandige corporatie die zich de komende jaren blijft ontwikkelen tot een moderne, eigentijdse woningcorporatie. Het is een klantgestuurde organisatie waarbij de markt en het maatschappelijk functioneren centraal staan. </strong></p>
  <p align="left"><strong>De bestuurlijke organisatie is ingericht volgens het zgn. twee-lagen model met een directeur-bestuurder en een raad van commissarissen. <br>
  </strong></p>
  <p align="left"><strong>DES ziet voor zichzelf een geheel eigen rol op de woningmarkt in Genemuiden: DES is de corporatie die zich verantwoordelijk voelt voor een veilige en schone woon- en leefomgeving. <br>
  </strong></p>
  <p align="center"><strong>    <img src="http://www.des-genemuiden.nl/foto/tn_Kopieer1%20-%20DSC00003.JPG" width="500" height="375">  </strong></p>

  <p align="left"><strong><a href="http://www.des-genemuiden.nl/sitemap.html" target="_parent" class="style5">Sitemap</a> </strong></p>
  <div align="center"></div>
  <p align="center" class="style1">&nbsp;</p>
</div>
</body>
</html>

Gewoon met tabellen opgebouwd.
Menu voor alle linken en target="_blank" voor de wegspring linken, zodat de eigen site in zicht blijft.

:cool:
 
Bedankt mannen!!
Zo jij het gemaakt hebt Peter ziet er echt top uit!
Ik vroeg om een reactie over de site, en was toch wel enigzins teleurgesteld in de reacties.
Dit omdat ik hem zelf wel mooi vond en er toch vele uren in heb zitten.
Maar toegegeven zo jij het gedaan hebt met die tabellen is echt heel mooi.
Hoe veel tijd heeft je dit nu gekost??

Mvg
 
Tijd?
Minder dan een uur, pas begonnen na het lezen van de post van James007.

Een site heeft twee componenten: inhoud en layout.

Inhoud bestaat uit menu en content.
Layout bepaal je zelf voor wat betreft plaatsing van menu en content en kleurgebruik.
Hieronder vallen ook logo's en banners.
Hiertoe dien je even na te denken ivm de gewenste weergave.
Alles goed verdelen in meerdere tabellen, en de tabellen ook voorzien van comments, zodat je weet welk deel van de site je in html mode voor ogen hebt, om het een en ander aan te passen indien nodig.
De echte content kun je dus makkelijk voor een nieuwe pagina vervangen door de Content tabel van nieuwe tekst te voorzien.

Vermits een site vooral informatie verschaft en deze info gewoon tekst is, schrijf ik mijn site eerst kompleet in NoteTab www.notetab.com
Hierdoor is makkelijk te kopieren en plakken, en heb je heel je site op één pagina.
Verdelen van de tekst voor de diverse pagina's en inplakken in je contentdeel van de html pagina.

Heb je php ondersteuning, dan werkt het op gelijke manier.
Dan krijg je gewoon een include.
Hoef je dus niks mee in html te doen en steeds pagina's open en je menu aan te passen.
Het php script doet dit voor je.
Hier op te halen:
http://www.php-update.co.uk/
voorbeeld, met produkten:
www.zeepoort.nl/phpupdate/
Zoals je ziet: links hoofdmenu, na klikken komt er een horizontaal menu bij in het content deel voor de diverse uitvoeringen.

Het phpupdate script is uitgebreider dan op het gegeven voorbeeld.
Het kan als nieuws of blog opgezet worden en commentaren op de inhoud kunnen opgegeven worden door bezoekers.
Een en ander in het Admin deel in te stellen.

Vermits je site een publlieks site is is het snel kunnen wijzigen van de inhoud of invoeren van aktueel onderwerp makkelijk met phpupdate uit te voeren.
Uiteraard is er wel php ondersteuning nodig.
Overigens werk ik met de flat file versie.
Teksten kan ik in NoteTab maken, uploaden en in phpupdate invoegen.

:cool:
 
Misschien kan je met frames werken zodat het menu ook op elke pagina beschikbaar is ipv enkel op de homepage? :)

James :)
 
je menu werkt dus niet met safari...
ik zie gewoon een lange tabel
 
Rimsic zei:
je menu werkt dus niet met safari...
ik zie gewoon een lange tabel
Dat moet zo.

Een gratis plaatje:
datiszo.gif
 
mmm ok, ik vind het echt 3x niks de hele website niet, typografie, ontwerp en menu...
en dat ik dacht dat het een uitschuifmenu was was omdat dit in de broncode van peter stond:

// It works only with IE5.0(++) and Netscape6.0(++) //
 
Hallo,
Ik heb inmiddels de site veranderd. Zit er verbetering in??
Natuurlijk hangt één en ander samen met de persoonlijke smaak van iemand of je het wel of niet leuk vindt.
@Rimsic: Jij vindt het qua tekst niets, maar je moet niet vergeten dat het een informatieve site is, waar mensen die een woning huren bij de stichting DES informatie kunnen vinden over de stichting en alles wat daar meer bij komt kijken.
Natuurlijk is de site nog lang niet af, want de huurdersvoorwaarden ed. moeten er ook allemaal nog bij komen te staan.
Mvg
 
Ik vind het echt een heel grote verbetering! Knap!

Enkel die lichtblauwe achtergrond... hmm... Maar dat is natuurlijk eigen smaak he :)

Verder nog een spijtige mededeling, geen enkel menu werkt in FireFox. Niets is daar aanklikbaar.

James :)
 
james,
Is er een manier of truukje omdat in firefox voor elkaar te krijgen??
En idd is de kleur persoonlijk, hier ben ik nog niet helemaal over uit.
Ik heb al diverse kleuren geprobeerd, maar nog geen 1 waarvan ik dacht:"Yes, dat is hem"
 
je hebt de link verwijderd? Maar in een screenshot stond hij nog maar even dat ik de tekst niks vond, ik heb het niet over de inhoud van de tekst maar over de opmaak van de tekst en indeling. Op bv. nu.nl staat ook veel tekst of tweakers of andere grote sites maar dat ziet er toch strakker en mooier uit.

Ik zal er iig geen huis huren...
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan