www.kokswereld.nl - Forum

Frank -

29-11-2007 20:46

@Jelmer: Ik neem aan dat je Darren Hester voorziet van complimenten, hij heeft dit opgezet... Stuur hem maar even een mailtje, ik denk dat hij niet meeleest op phphulp.

N

Niels

29-11-2007 20:47

Jelmer, fijn dat er iemand naar de inhoud en uitvoering kijkt.
Ik ben kok, geen webdesigner, en dat wil ik graag zo houden.

F

Frank -

29-11-2007 20:51

Niels, ik ben evenmin webdesigner en gebruik vaak templates van anderen. Maar, ik zal nooit en te nimmer om een review vragen wanneer ik gewoon niks heb gedesigned! Dat is de reden dat ik hier wat loop te zeuren, ik vind het namelijk erg slapjes om met het werk van anderen te gaan pronken.

Voor mij ben je dan gewoon een koekenbakker die nog een hoop te leren heeft.

Ps. Ik hoop dat je wel voor deze layout hebt betaald! Of zal ik Darren even vragen hoe e.e.a. zit? Dit is gewoon heel zwak wat je hier vertoont.

N

Niek Weevers

29-11-2007 21:12

Ik vind het goed dat je een template gebruikt wanneer je zelf geen webdesigner bent en wel een website wilt.
Je bracht verwarring omdat het overkwam dat je het design zelf had gemaakt. Ik denk dat je meer bedoelt wat er verbetert kan worden aan de website zelf?

Als dat zo is dan zou ik hier kijken of je dit kan verbeteren. Snap je het niet, vraag dan iemand in je omgeving die dit wel weet.
h1 tags zou ik gebruiken voor de titels van je pagina's, h2 voor subtitels. In de kop kun je het op een andere manier oplossen.
Je kunt in het menu zelf niet zien op welke pagina je bent door het gebruik van een andere layout van het betreffende menu-item.
De term 'portfolio' in je footer vind ik niet erg goed gekozen, gezien de inhoud van die pagina. Iets als 'over deze website' vind ik beter.

N

Niels

29-11-2007 21:16

Als ik verwarring heb gebracht vind ik dat vervelend.

Ik wil inderdaad graag weten wat er verbeterd kan worden en heb al heel veel belangrijke tips gehad waar ik mee voor uit kan, bedankt hier voor.

-

- -

29-11-2007 21:56

Niels,

Om het je makkelijker te maken (bijvoorbeeld de layout in een keer op alle pagina's te veranderen) zou je gebruik kunnen maken van functies. Kijk bijvoorbeeld naar mijn voorbeeld:

Maak een bestand aan genaamd style.php en zet daar het volgende in:


<?php
// commentaar

function top() {
echo'
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<link rel="shortcut icon" href="favicon.ico">

<script language="JavaScript">
<!--
function greeting()
{
   var today = new Date();
   var hrs = today.getHours();
   document.write("Goede");
   if (hrs < 12)
      document.write("morgen ");
   else if (hrs <= 17)
      document.write("middag ");
   else
      document.write("navond ");
}
// -->
</script>

<!-- Meta Data -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="nl"/>
<meta name="description" content="Voor iedereen die geïnteresseerd is in eten en koken met een productkalender, foto\'s en veel meer."/>
<meta name="keywords" content="koken, eten, smaak, restaurant, horeca, warenkennis, culinair, culinaire, tvgids, tv, gids, gsk, pth, chemie, microbiologie, harold, mc gee, gieserwildeman, oostvoorne, noordeloos, koksforum, leermeester, voedsel, e-nummer, bereiding, keurings, dienst van waarden, niels, vd, berg, nielsvdberg, niels vd berg, productkalender, product, kalender, koksforum, koks, forum, gieser, wildeman" />

<!-- Site Title -->

<title>Kokswereld.nl - Enthousiast over koken</title>

<!-- Link to Style External Sheet -->
<link href="css/style.css" type="text/css" rel="stylesheet" />

<style type="text/css">
<!--
.style1 {font-size: 13px}
.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.style17 {color: #666666}
.style18 {font-size: 12px; color: #66666; }
.style20 {font-size: 12px; color: #666666; }
-->
</style>
</head>

<body>

<div id="page_wrapper">

<div id="page_header">

<h1>Kokswereld.nl</h1>

<h2>Enthousiast over koken</h2>

</div>

<div id="menu_bar">
<ul class="style1">
<li class="style1"><a href="index.html">Home </a></li>
<li class="style1"><a href="kokenchemie.html">Koken en chemie </a></li>
<li class="style1"><a href="productkalender.html">Productkalender</a></li>
<li class="style1"><a href="foto.html">Foto\'s</a></li>
<li class="style1"><a href="link.html">Links</a></li>

<li class="style1"><a href="http://www.koksforum.nl/phpBB2/index.php" target="_blank">Koksforum</a></li>
<li class="style1"><a href="reageren.html">Reageren</a></li>
</ul>
</div>';
}

function footer() {
echo '
<div id="right_side">

<h3>Over koken </h3>

<ul class="arrow_list"><li><a href="content/quiz/index.html"> Test nu je kook kennis!</a></li>
  <li><a href="content/happyshrimps.html">Happy Shrimps</a></li>
  <li><a href="content/kweek_tong.html">Kweektong</a></li>
  <li><a href="content/persoonlijk.html">Persoonlijk</a></li>
  <li><a href="content/leocolumn.html">Leo\'s column</a></li>
  <li><a href="content/marccolumn.html">Marc\'s column</a></li>

  <li><a href="content/restaurant_recensies.html">Restaurant recensies</a></li>
  <li><a href="content/klootwijk_aan_zee.html">Bekijk Klootwijk\'s vis TV</a></li>
  </ul>
<h3>Horeca vacatures  </h3>
<ul class="arrow_list">
  <li><a href="http://www.werkenineenrestaurant.nl/" target="_blank">www.werkenineen restaurant.nl</a></li>
  </ul>
<h3>Nieuwsbrief</h3>

<table width=120 border=0 align="center" bordercolor=#FFFFFF>
<tr><td align=center>
<form name=emailform method=post action="http://www.terradon.nl/inuitpopup.php" target=nieuwsbrieven onsubmit="window.open(\'http://www.terradon.nl/inuitpopup.php\',\'nieuwsbrieven\',\'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=200,height=100,left = 412,top = 334\')">
<tr>
  <td align=center><div align="left">
    <p><span class="style3">Wil je de Kokswereld.nl nieuwsbrief ontvangen? Schrijf je in!<br /> 
      E-mail adres:<br>
      <input type=text name=email maxlength=250 size=22>
      </span>
      <input name="user" type="hidden" value="nielsvdberg">

      <input name="inuit" type="hidden" value="in">
      <input type="submit"  value="Aanmelden" >
      </p>
  </div></td></tr>
</table>
<!-- EINDE NIEUWSBRIEF CODE -->
<div id="OneStatTag">
	<table border="0" align="right" cellpadding="0" cellspacing="0" id="table2">
		<tr>
			<td align="center">

<script type="text/javascript">
<!--
function OneStat_Pageview()
{
    var d=document;
    var sid="237447";
    var CONTENTSECTION="";
    var CUSTOMDATA="";
    var osp_URL=d.URL;
    var osp_Title=d.title;
    var t=new Date();
    var p="http"+(d.URL.indexOf(\'https:\')==0?\'s\':\'\')+"://stat.onestat.com/stat.aspx?tagver=2&sid="+sid;
    p+="&url="+escape(osp_URL);
    p+="&ti="+escape(osp_Title);
    p+="&section="+escape(CONTENTSECTION);
    p+="&custom="+escape(CUSTOMDATA);
    p+="&rf="+escape(parent==self?window.document.referrer:top.document.referrer);
    p+="&tz="+escape(t.getTimezoneOffset());
    p+="&ch="+escape(t.getHours());
    p+="&js=1";
    p+="&ul="+escape(navigator.appName=="Netscape"?navigator.language:navigator.userLanguage);
    if(typeof(screen)=="object"){
       p+="&sr="+screen.width+"x"+screen.height;p+="&cd="+screen.colorDepth;
       p+="&jo="+(navigator.javaEnabled()?"Yes":"No");
    }
    d.write(\'<a href="http://www.onestat.com/aspx/login.aspx?sid=\'+sid+\'" target=_blank><img id="ONESTAT_TAG" border="0" src="\'+p+\'" alt="This site tracked by OneStat.com. Get your own free web site tracker."></\'+\'a>\');
}

OneStat_Pageview();
//-->
</script>
			<noscript><a href="http://www.onestat.com"><img border="0" src="http://stat.onestat.com/stat.aspx?tagver=2&amp;sid=237447&amp;js=No&amp;" ALT="web site analysis"></a><br><a href="http://www.onestat.com">web site analysis</a>
			</noscript></td>
		</tr>
		</table>
</div>
<!--ONESTAT SCRIPTCODE END--></div>

</div>
<div id="page_footer">

<p>&copy; 2007 Kokswereld.nl - <a href="portfolio.html">portfolio</a> </p>

</div>

</div>

</body>

</html>';

}
?>

Vervolgens doe je op je home pagina :


<?php
include("style.php"); // of hoe jij het bestand noem

top();

?>
<div id="left_side">

<h3>Culinaire wetenswaardigheden</h3>

<img src="images/strawberries.jpg" class="float_right" alt="Strawberries" />

<p>

  <script language="JavaScript">greeting();</script>
  en welkom op kokswereld.nl <br />
  Op kokswereld.nl vind je een verzameling culinaire wetenswaardigheden gemaakt voor en door koks. Aangevuld met <a href="foto.html">fotoreportages</a>, een <a href="productkalender.html">productkalender, </a>een <a href="content/quiz/index.html">kook quiz </a>en smaakvolle <a href="link.html">links</a>.</p>

<div id="feature_box">

  <h4>Heb je tips of idee&euml;n? </h4>
  <p>Weet   je op internet, of waar dan ook, interessante onderwerpen   voor Kokswereld.nl?<br /> 
  Stuur dan even een <a href="reageren.html">mailtje</a>. Op deze manier kunnen we er  een mooie verzameling van maken.</p>
</div>

<p>Tijdens de continue zoektocht naar   vernieuwing, betere smaak en betere uitvoerbaarheid is het belangrijk om als kok   een uitgebreide kennis van <a href="productkalender.html">producten</a> en <a href="kokenchemie.html">bereidingstechnieken</a> te hebben. Ook de   kennis van <a href="kokenchemie.html">biochemische veranderingen</a> is hierbij essentieel.</p>

<h3>Nieuws &amp; agenda</h3>

<table width="100%" border="0">
  <tr>
    <td class="style18"><p class="style20"><span class="style17"></span>21 november </p></td>
    <td class="style18"><p class="style17">      Als de zee&euml;n worden leeggevist, dan gaan we vissen kweken.<br />
    Bekijk de <a href="content/kweek_tong.html">fotoreportage</a> bij Solea in IJmuiden, de eerste <a href="content/kweek_tong.html">tong kwekerij</a> van Europa. </p>      </td>

  </tr>
  <tr>
    <td width="22%" class="style18"><p class="style17">21 november </p></td>
    <td width="78%" class="style18"><p class="style17">Verse tropische garnalen uit Nederland. Tot drie   jaar geleden leek dit een wilde fantasie. Bekijk de <a href="content/happyshrimps.html">video&rsquo;s en foto&rsquo;s voor een compleet beeld van de Happy Shrimp farm.</a></p>
      </td>
  </tr>

  <tr>
    <td class="style18"><p class="style20">13 november </p></td>
    <td class="style18"><p class="style17">De maand van de restaurant gidsen is begonnen.<br />
        Bekijk de puntenlijst van de <a href="content/restaurant_recensies.html">Gault Millau 2008.</a><br />
        Bekijk de <a href="content/restaurant_recensies.html">Lekker 2008</a> top 100.</p></td>

  </tr>
  <tr>
    <td class="style18"><p class="style20"><span class="style17">22 oktober </span></p></td>
    <td class="style18"><p class="style20"><span class="style17">Nieuwe kookquiz!
      E&eacute;n over de klassieke keuken en &eacute;&eacute;n over de vernieuwde en  internationale keuken<br />
      <a href="content/quiz/index.html">Test je kook kennis</a>,
          maak ze nu.</span></p></td>
  </tr>

  <tr>
    <td class="style18"><p class="style17"><span class="style20">20 oktober </span></p></td>
    <td class="style18"><p class="style20"><span class="style17">Workshop nieuwe keuken apparatuur. Door Francois Geurts, Luuk Kusters en Jeroen Bavelaar. <a href="album/18 Workshop nieuwe keuken apparatuur. Door Francois Geurts, Luuk Kusters en Jeroen Bavelaar/album.htm">Bekijk de foto\'s.</a></span></p></td>
  </tr>
</table>
</div>
<?php

footer();
?>

Zet dit hele stuk op je voorpagina, maar hernoem hem even naar index.php

zo zul je zien dat het een stuk makkelijker is, de index pagina is voor jezelf een stuk kleiner, en aan de zijkant kun je heel gemakkelijk alles bewerken, door in style.php 1 keer iets te veranderen.

Als je weet hoe je html pagina in elkaar zit, moet dit geen probleem zijn. Je hoeft alleen alles wat in <div id="contentwrapper"> tot en met die afsluitende </div> in je index.php te zetten. Als je dit met al je pagina's doet (wel allemal hernoemen naar .php) is het wat makkelijker om je website te bewerken, niet waar?

[edit] Als je in die functie een ' wilt gebruiken, moet je er even een \ voordoen : \' blaat \' [/edit]

Jelmer -

29-11-2007 21:59

pgFrank schreef op 29.11.2007 20:46
@Jelmer: Ik neem aan dat je Darren Hester voorziet van complimenten, hij heeft dit opgezet... Stuur hem maar even een mailtje, ik denk dat hij niet meeleest op phphulp.

Dat over de inhoud was volledig gericht aan de topicstarter zelf. Ik vind het echt een nuttige site, met echte informatie waar je wat aan hebt. Daarnaast heeft hij nog altijd het template ook gewoon netjes ingevuld. Hoe vaak kom je niet een origineel template tegen, dat vervolgens door een amateur gevuld is met tabellen en andere enge dingen.

Dat het uiterlijk (waar ik niet echt verder op ben ingegaan) niet door hemzelf gemaakt is, heb ik geen problemen mee. Daarnaast is de bronvermelding nog gewoon in de broncode te vinden, en is het template vrijgegeven onder CC, dus ik zie geen probleem.

p

pepijn de vos

01-12-2007 12:40

het enige wat ik nog kan toevoegen is dat ik je foto album klunzig vind staan.
verder mooi hoor.

A

Arwin vdv

01-12-2007 12:48

Mooie website!,

Alleen vind ik het jammer van het forum, misschien moet je die ook nog wat mooier maken, zodat je ook echt ziet dat hij bij de website hoort.

F

Frank -

01-12-2007 12:57

@Jelmer: 80 tot 90% van het werk is door Darren gedaan, de ts heeft de resterende 10 tot 20% gedaan (en heeft dat overigens goed gedaan). Om dat nu als rocket science te gaan beoordelen, dat gaat mij toch echt wel een brug of 10 te ver. Dat de boel er bv. in Lynx goed uitziet, is volledig aan Darren te danken, hij heeft een goede structuur opgezet. 'Lorum ipsum' vervangen door 'jouw titel' is niet écht een uitdaging. Dat de ts een goede template op een goede manier weet in te vullen, leuk en aardig, maar er zijn meer mensen op deze wereld die dit kunnen. Zie het als het inkleuren van een kleurplaat, leuk voor een kind van 4, maar voor een kind van 10 stelt het al niks meer voor.

Dit hele topic is geen review waard wanneer de ts niet direct begint over de gebruikte template. Het is dat Google hem wist te vinden, anders was niemand begonnen over het gebruik van een template.

Ps. In de html is trouwens niks terug te vinden over een verwijzing naar Darren, de copyrights zijn verwijderd. Dat is toegestaan, mits er voor de template is betaald. Is dat gebeurd?