Archief - Review website bedrijf

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
w

wimvanp1

Legacy Member
Hey iedereen,

Ik ben pas gestart met een bedrijf voor het maken van websites.
Ik heb hier al redelijk wat ervaring in, maar ik blijf altijd onzeker over het design van mijn websites...
Misschien kunnen jullie eens je mening geven over mijn eigen websites?

http://vanparijswimwebsites.com

Hartelijk bedankt!
d

demon326

Legacy Member
wimvanp1 zei:
Hey iedereen,

Ik ben pas gestart met een bedrijf voor het maken van websites.
Ik heb hier al redelijk wat ervaring in, maar ik blijf altijd onzeker over het design van mijn websites...
Misschien kunnen jullie eens je mening geven over mijn eigen websites?

http://vanparijswimwebsites.com

Hartelijk bedankt!
Klik om te vergroten...

Sites maken met Dreamweaver kan iedereen. Het is leuk dat ge dingen wilt doen, maar leer eerst eens kruipen vooraleer ge loopt, stap van dreamweaver en consoorten af en begin zelfstudie met basis html & css. Verder zal hier niemand positieve reacties achterlaten omdat die website gewoonweg op niets trekt en last heeft van Divitis.
s

swiers

Legacy Member
ik kan mij niet van de indruk ontdoen dat dit een trolpost is.
U

Unrach

Legacy Member
^ Wat hij zegt.

Ik neem aan dat je websites maakt voor klanten? Niet doen aub. Ik wil je niet ontmoedigen, maar ik zou eerst wat cursussen webontwerp met HTML5 en CSS3 gaan volgen. Niet alleen technisch, maar ook grafisch.

Iedereen wie dit commercieel doet is eerst deze leerfase moeten doorgaan.
w

wimvanp1

Legacy Member
Unrach zei:
^ Wat hij zegt.

Ik neem aan dat je websites maakt voor klanten? Niet doen aub. Ik wil je niet ontmoedigen, maar ik zou eerst wat cursussen webontwerp met HTML5 en CSS3 gaan volgen. Niet alleen technisch, maar ook grafisch.

Iedereen wie dit commercieel doet is eerst deze leerfase moeten doorgaan.
Klik om te vergroten...

Weet je soms misschien een goed boek of een erg goede tutorial voor grafisch webontwerp dat je me zou willen aanraden?
Alvast bedankt
U

Unrach

Legacy Member
wimvanp1 zei:
Weet je soms misschien een goed boek of een erg goede tutorial voor grafisch webontwerp dat je me zou willen aanraden?
Alvast bedankt
Klik om te vergroten...


Ik heb alles geleerd vanuit mijzelf. Maar hier heb ik een 6 tal jaar over gedaan. 9lives heeft mij ook zeer veel geholpen. Maar ik doe ik het niet commercieel. Daarvoor vind ik mijn kennis nog steeds te weinig.

Als je snel wilt leren, zou ik een avond cursus volgen. Ofwel eens kijken op het Tuts+ netwerk. Je moet daar wel maandelijks betalen, maar het zijn kwaliteitslessen!

Nu, ik denk dat de echte webontwerpers hier op 9lives nog wel beter resources weten.
G

GigaPixels

Legacy Member
Ik zie daar iets staan van SEO, maar de website die jou hier toont is amper goed opgebouwd op vlak van SEO - zo op het eerste zicht bekeken.

Met alle respect maar zoals hierboven al gezegd: iedereen kan werken met een WYSIWYG editor.
w

wimvanp1

Legacy Member
GigaPixels zei:
Ik zie daar iets staan van SEO, maar de website die jou hier toont is amper goed opgebouwd op vlak van SEO - zo op het eerste zicht bekeken.

Met alle respect maar zoals hierboven al gezegd: iedereen kan werken met een WYSIWYG editor.
Klik om te vergroten...

SEO dat klopt, daar ben ik nog mee bezig...
En om even terug te komen op de verschillende vermeldingen van WYSIWYG editor:
Ik gebruik Dreamweaver alleen omdat ik het erg handig vind dat ik onmiddellijk zie wat ik geschreven heb (ik werk nooit in het rechtse veld met de preview + deze preview klopt vaak niet door PHP code die ik gebruik).
DW is ook erg handig voor het gebruik van een template (je bewerkt het en het wordt overal aangepast...)
Het is niet zo dat ik gewoon selecteer wat ik bold wil hebben, of constant in die CSS navigator (die niet alle nieuwigheden van CSS3 heeft, zoals ronde hoeken, schaduw,...) zit.
Toch bedankt voor je mening!
U

Unrach

Legacy Member
wimvanp1 zei:
SEO dat klopt, daar ben ik nog mee bezig...
En om even terug te komen op de verschillende vermeldingen van WYSIWYG editor:
Ik gebruik Dreamweaver alleen omdat ik het erg handig vindt dat ik onmiddellijk zie wat ik geschreven heb (ik werk nooit in het rechtse veld met de preview + deze preview klopt vaak niet door PHP code die ik gebruik).
DW is ook erg handig voor het gebruik van een template (je bewerkt het en het wordt overal aangepast...)
Het is niet zo dat ik gewoon selecteer wat ik bold wil hebben, of constant in die CSS navigator (die niet alle nieuwigheden van CSS3 heeft, zoals ronde hoeken, schaduw,...) zit.
Toch bedankt voor je mening!
Klik om te vergroten...

Daar zou ik om te beginnen ook van afstappen. De eindgebruiker gebruikt een browser. Dus download XAMPP voor een locale apache server en een code editor zoals Sublime Text 2. (of de coding module van dreamweaver)

Dan ben je ook zeker dat je ontwerp juist zit in een gebruikte browser. En zo kan je ook makkelijk controleren of je ontwerp compatibel is over de meeste browsers.
w

wimvanp1

Legacy Member
Unrach zei:
Daar zou ik om te beginnen ook van afstappen. De eindgebruiker gebruikt een browser. Dus download XAMPP voor een locale apache server en een code editor zoals Sublime Text 2. (of de coding module van dreamweaver)

Dan ben je ook zeker dat je ontwerp juist zit in een gebruikte browser. En zo kan je ook makkelijk controleren of je ontwerp compatibel is over de meeste browsers.
Klik om te vergroten...

Dat is wel een goed idee, zelf heb ik al geprobeerd om alles (PHP, mysql, apache,...) apart op te zetten, maar om de een of andere reden lukte dit niet. Dus nu kan ik het met XAMPP eens proberen.
Nu werkte ik eerst een grote brok code af en testte het dan in alle browsers, na het op een testomgeving te uploaden.
Ook jij bedankt om je tijd op te offeren voor mij!
U

Unrach

Legacy Member
wimvanp1 zei:
Dat is wel een goed idee, zelf heb ik al geprobeerd om alles (PHP, mysql, apache,...) apart op te zetten, maar om de een of andere reden lukte dit niet. Dus nu kan ik het met XAMPP eens proberen.
Nu werkte ik eerst een grote brok code af en testte het dan in alle browsers, na het op een testomgeving te uploaden.
Ook jij bedankt om je tijd op te offeren voor mij!
Klik om te vergroten...

Je moet eens kijken op CSS Mania/ of dergelijke websites. Kijk naar de details en hoe ze een webpagina inhoudelijk opmaken. Daar haal je veel inspiratie uit.
w

wimvanp1

Legacy Member
Unrach zei:
Je moet eens kijken op CSS Mania/ of dergelijke websites. Kijk naar de details en hoe ze een webpagina inhoudelijk opmaken. Daar haal je veel inspiratie uit.
Klik om te vergroten...

Ik zal er zeker eens naar kijken van zodra de website terug bereikbaar is (momenteel hebben ze problemen met hun servers)
Alvast bedankt voor de tip!
-

-BVR-

Legacy Member
Zoals je zelf zegt is het design alles behalve denderend. Code is op zich niet héél slecht maar kan wel pakken beter - zeker op gebied van SEO. Je gebruikt een HTML5 doctype, maar gebruikt geen enkel HTML5-element. Dingen als dit zijn een vloek:
Code: 
<div>&nbsp;</div>
V

VinceVe

Legacy Member
BramVroy zei:
Zoals je zelf zegt is het design alles behalve denderend. Code is op zich niet héél slecht maar kan wel pakken beter - zeker op gebied van SEO. Je gebruikt een HTML5 doctype, maar gebruikt geen enkel HTML5-element. Dingen als dit zijn een vloek:
Code: 
<div>*</div>
Klik om te vergroten...

@Bram de html5 doctype is opzich niet slecht :) deze zorgt ervoor dat als je browser geen html 5 ondersteund hij toch nog in de strictste modus rendert.

Voor te leren zou ik eerst beginnen bij de basis dus "hoe moet ik html opbouwen". Van de week ben ik deze site nog tegengekomen:

Design lessons for programmers, curated by top designers | Hack Design - Een zeer goede resource voor het leren van het ontwerpen naar websites toe.

Dan voor een webpagina op te bouwen:
Build a Simple Website Badge Collection
-

-BVR-

Legacy Member
VinceVe zei:
@Bram de html5 doctype is opzich niet slecht :) deze zorgt ervoor dat als je browser geen html 5 ondersteund hij toch nog in de strictste modus rendert.
Klik om te vergroten...

Ik zeg ook niet dat het slecht is, maar hij doét er niks mee dus het is nutteloos. Als hij strict wil, kan hij even goed bv. dit gebruiken:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
w

wimvanp1

Legacy Member
VinceVe zei:
@Bram de html5 doctype is opzich niet slecht :) deze zorgt ervoor dat als je browser geen html 5 ondersteund hij toch nog in de strictste modus rendert.

Voor te leren zou ik eerst beginnen bij de basis dus "hoe moet ik html opbouwen". Van de week ben ik deze site nog tegengekomen:

Design lessons for programmers, curated by top designers | Hack Design - Een zeer goede resource voor het leren van het ontwerpen naar websites toe.

Dan voor een webpagina op te bouwen:
Build a Simple Website Badge Collection
Klik om te vergroten...

Hartelijk bedankt voor de links, ik zal ze zeker goed doornemen!

BramVroy zei:
Ik zeg ook niet dat het slecht is, maar hij doét er niks mee dus het is nutteloos. Als hij strict wil, kan hij even goed bv. dit gebruiken:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Klik om te vergroten...

Op deze pagina's waar jullie toegang tot hebben is het HTML 5 doctype inderdaad nutteloos, maar op andere pagina's, waarvoor een account nodig is, gebruik ik wel de mogelijkheid om video's af te spelen. Ik ga niet op elke pagina een ander doctype zetten, daarmee dat er overal HTML5 staat.
a

adrianhates

Legacy Member
ik heb al veel slechtere html code gezien als dit maar het volgende is toch wel serieus fout hoor :)

Code: 
//Disable some things from slider that can be visible above the dark
disableSliderControls();
window.setTimeout(
 function(){
  if(playing_enabled){
   $('#logo').stop().animate({'opacity':1},1000);
   $("#skip").stop().animate({opacity: 1}, 250);
   window.setTimeout(
    function(){
     if(playing_enabled){
	  $('#slogan').stop().animate({'opacity':1},1500);
	  window.setTimeout(
	   function(){
       window.setTimeout(
        function() {
         if(playing_enabled){
	      $('#logo').stop().animate({'opacity':0},1000);
	      $('#slogan').stop().animate({'opacity':0},1000);
	      window.setTimeout(
	       function(){
	        if(playing_enabled){
		     $('#welkom').stop().animate({'opacity':1},1000);
	         window.setTimeout(
	          function(){
		       if(playing_enabled){
		        $('#welkom').stop().animate({'opacity':0},1000);
		        window.setTimeout(
		         function(){
		          //$(document.body).animate({'backgroundColor':'#073d55'}, 1000);
		          if(playing_enabled){
			       $('#content').stop().animate({'opacity':1}, 2000);
		           $('#black').stop().animate({'opacity':0}, 2000);
				   $('#skip').stop().animate({'opacity': 0}, 1000);
		           window.setTimeout(
		            function(){
					 $('#black').css({"display": "none"});
					 $('#skip').css({"display": "none"});
					 $('#welkom').css({"display": "none"});
					 $('#slogan').css({"display": "none"});
					 $('#logo').css({"display": "none"});
			         document.getElementById('black').style.display = 'none';
			         enable_scroll();
			         
					 enableSliderControls();
		            }, 2000
				   );
				  }
		         }, 500
		        );
			   }
	          }, 1000
		     );
			}
	       }, 1000
	      );
		 }
        }, 500
	   );
      }, 1500
     );
    }
   }, 1000
  );
 }
},1000
);
w

wimvanp1

Legacy Member
adrianhates zei:
ik heb al veel slechtere html code gezien als dit maar het volgende is toch wel serieus fout hoor :)

Code: 
//Disable some things from slider that can be visible above the dark
disableSliderControls();
window.setTimeout(
 function(){
  if(playing_enabled){
   $('#logo').stop().animate({'opacity':1},1000);
   $("#skip").stop().animate({opacity: 1}, 250);
   window.setTimeout(
    function(){
     if(playing_enabled){
	  $('#slogan').stop().animate({'opacity':1},1500);
	  window.setTimeout(
	   function(){
       window.setTimeout(
        function() {
         if(playing_enabled){
	      $('#logo').stop().animate({'opacity':0},1000);
	      $('#slogan').stop().animate({'opacity':0},1000);
	      window.setTimeout(
	       function(){
	        if(playing_enabled){
		     $('#welkom').stop().animate({'opacity':1},1000);
	         window.setTimeout(
	          function(){
		       if(playing_enabled){
		        $('#welkom').stop().animate({'opacity':0},1000);
		        window.setTimeout(
		         function(){
		          //$(document.body).animate({'backgroundColor':'#073d55'}, 1000);
		          if(playing_enabled){
			       $('#content').stop().animate({'opacity':1}, 2000);
		           $('#black').stop().animate({'opacity':0}, 2000);
				   $('#skip').stop().animate({'opacity': 0}, 1000);
		           window.setTimeout(
		            function(){
					 $('#black').css({"display": "none"});
					 $('#skip').css({"display": "none"});
					 $('#welkom').css({"display": "none"});
					 $('#slogan').css({"display": "none"});
					 $('#logo').css({"display": "none"});
			         document.getElementById('black').style.display = 'none';
			         enable_scroll();
			         
					 enableSliderControls();
		            }, 2000
				   );
				  }
		         }, 500
		        );
			   }
	          }, 1000
		     );
			}
	       }, 1000
	      );
		 }
        }, 500
	   );
      }, 1500
     );
    }
   }, 1000
  );
 }
},1000
);
Klik om te vergroten...

Jep, is een stukje 'oudere' code, ik snap niet waarom ik altijd die timout gebruikt heb, want in de animate functie, zit deze functionaliteit eigelijk al...
Hartelijk bedankt om me hierop te wijzen, dit is nu aangepast op mijn testomgeving.
Wanneer alle veranderingen gedaan zijn zal dit ook zichtbaar worden op mijn echte site.
m

meuh

Legacy Member
Nog een tip: probeer je javascript code onderaan je pagina te plaatsen.
Een browser rendert je code van bovenaf aan. En als er bijvoorbeeld een klein foutje in je JS code zit, stopt je browser met renderen en kan er vanalles mislopen... Dus als je je code onderaan zet, doorloopt de browser eerst je HTML code, en roept dan uw JS code aan.

Hier staan goede tutorials:
In-depth tutorials and articles on web design | Webdesigntuts+

En hier kan je goede inspiratie opdoen :)
Awwwards - Website Awards - Best Web Design Trends

Ik raad aan om eerst een website in wireframes te maken (teken het gewoon eens op papier of op de computer uit). Als je weet waar alle elementen van de site moeten staan, begin je pas aan je layout in Photoshop. Kost allemaal wel wat tijd, maar een een goede site is niet op 1,2,3 klaar. Zet achteraf eventueel je design op enkele fora en pas aan waar nodig. Als er uiteindelijk tevreden mee bent, kan je beginnen te coderen he :)
w

wimvanp1

Legacy Member
meuh zei:
Nog een tip: probeer je javascript code onderaan je pagina te plaatsen.
Een browser rendert je code van bovenaf aan. En als er bijvoorbeeld een klein foutje in je JS code zit, stopt je browser met renderen en kan er vanalles mislopen... Dus als je je code onderaan zet, doorloopt de browser eerst je HTML code, en roept dan uw JS code aan.

Hier staan goede tutorials:
In-depth tutorials and articles on web design | Webdesigntuts+

En hier kan je goede inspiratie opdoen :)
Awwwards - Website Awards - Best Web Design Trends

Ik raad aan om eerst een website in wireframes te maken (teken het gewoon eens op papier of op de computer uit). Als je weet waar alle elementen van de site moeten staan, begin je pas aan je layout in Photoshop. Kost allemaal wel wat tijd, maar een een goede site is niet op 1,2,3 klaar. Zet achteraf eventueel je design op enkele fora en pas aan waar nodig. Als er uiteindelijk tevreden mee bent, kan je beginnen te coderen he :)
Klik om te vergroten...

Hartelijk bedankt voor de websites en tips, ik zal ze zeker bekijken en toepassen!
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan