De PHPhulp kroeg
[REVIEW] website
Ik heb voor de eerste keer een website gemaakt, waar ik de layout ook helemaal zelf bij maakte.
Ik ben niet zo goed met css, dus ik zou graag commentaar horen :)
Ook que kleurgebruik vind ik de site nog niet perfect.
Kunnen jullie wat tips geven? Enzo...
Url verwijderd.
Mvg,
Diov
Gewijzigd op 06/08/2013 22:18:24 door - Diov -
Zit er wel mooi uit alleen je moet er wel op letten dat alles goed te lezen blijft en het fijn te lezen is.
En met fijn te lezen bedoel ik ook overzichtelijk, want ik vind het aardig irritant als je op z'n kleine pagina nog moet scrollen, zie dit eens, die van 90% is perfect:
100%:
90%:
Gewijzigd op 05/08/2013 20:22:45 door Keizer Webdesign
- misschien bij welkom en het promotiefilmpje een zwarte rand (of andere kleur) toevoegen aan de content. Dan scheid je de achtergrond en de content meer denk ik.
- De naam 'Algemene bouwwerken **knip**', springt er niet echt uit. Als je op een website komt moet direct de titel zichtbaar zijn.
- de ruimte tussen de rand van je content en de tekst zou ik wat meer maken. Oogt wat rustiger denk ik
- de tekst van van je navigatie zou ik een klein tintje donkerder doen als ze niet actief zijn.
Verder heb ik het idee dat je de html beter kan omzetten naar HTML5. Je hebt nu id's header en footer. Je hoeft enkel de divjes om te zetten naar semantische elementen en in je css de benaming te veranderen en je hebt in eens een website anno 2013 ;)
Edit:
Het knopje 'mail ons' onderaan werkt niet.
Gewijzigd op 15/07/2019 17:20:37 door - Ariën -
Onder 'contact' mis ik een e-mailadres.
Zou sowieso een contactformulier op de site zetten.
In Nederland wordt vaak gewezen op zaken als algemene voorwaarden, disclaimer, privacy-statement, gegevens m.b.t. inschrijving Kamer van Koophandel. Weet niet wat gebruikelijk is in België.
De tekst op 'home' vind ik (nog) niet erg sterk. Zo gebruik je:
Jan Janssen
Bvba Janssen
Jan
we / ons
Vier verschillende benamingen. Zou kiezen voor wat meer uniformiteit daarin. Temeer daar de 1e drie zakelijk/afstandelijk klinken en je dan ineens over gaat op we/ons (persoonlijk).
Edit:
Namen op verzoek gefingeerd
Gewijzigd op 15/07/2019 17:20:05 door - Ariën -
Die google font is wel mooi :)
Alleen heb ik dat nog nooit echt gebruikt, ik heb het nu geprobeerd op m'n webiste maar het lukt niet echt.
Doe ik iets verkeerd?
@ Bas,
Ik heb een randje rond die boxen gedaan.
Om de titel eruit te laten springen, zal ik die font van Keizer gebruiken.
Dit begreep ik niet zo goed:
de ruimte tussen de rand van je content en de tekst zou ik wat meer maken. Oogt wat rustiger denk ik
--> Bedoel je de padding ?
De tekst kleur van de niet actieve menu button's wat verdonkert.
(Via deze site: http://www.color-hex.com/color/aeb2a3)
Heb ook html5 tags geprobeerd toe te voegen, alleen heb ik daar jammer genoeg niet heel veel verstand van. Ik ken ze, maar moet ook nog weten waar ze voor moeten dienen.
@ Obelix
Ik heb het mailadres er ook opgeplaats, een contactforumlier zal ik morgen is gaan maken (Moet nog is wat verder verdiepen in mailheaders).
Heb de tekst wat aangepast.
Dank alvast voor de positieve commenateren :)
Mogelijk heb je hier wat aan, wat betreft de html semantiek. Overigens heb je header en footer correct in je code geplaatst.
Wat betreft 'mail ons'. Wees voorzichtig met het gebruik van 'mailto:'. Dit is erg spam gevoelig! Tevens is dit een ander mail adres dan die uit het promotiefilmpje.
Gewijzigd op 05/08/2013 23:01:31 door Bas IJzelendoorn
Dat van html semantiek, zal ik morgen is doornemen :)
Dus geen mailto gebruiken? Gewoon het mailadres plaatsen dan.
En het filmpje is van bezoom.tv , dus ik kan niets aan het filmpje aanpassen.
Tevens worden alle mails doorgelinkt naar @telenet.be
Maar hoe zou jij dan het mailadres op de site tonen?
Zoals dit misschien:
naam(at)telenet.be?
Of gewoon een contactformulier, zonder mailadres te laten tonen?
@ Joey,
Ik zal proberen het logo te krijgen, zou wel mooi staan :)
En heb de achtergrond is veranderd, het resultaat was direct: WOW!
Zijn die afbeeldingen open source? Zodat ik ze kan gebruiken zonder (c) of wat dan ook?
Mvg
Diov
Persoonlijk zou ik hem alleen op FIXED zetten, dus dat dat stilstaat bij scrollen.
Bedankt voor de mooie tip!
Quote:
License
TextureKing.com (“We”, “Us”, “Our”) grants you a nonexclusive limited license to use our textures in accordance with these terms of use (the “license”).
TextureKing.com (“We”, “Us”, “Our”) grants you a nonexclusive limited license to use our textures in accordance with these terms of use (the “license”).
Gewijzigd op 06/08/2013 17:27:42 door - Diov -
mailto heeft een ander/bijkomend nadeel: je gaat er van uit dat er een mailprogramma is geïnstalleerd.
Maak/Gebruik een contactformulier.
Ik zou dit toevoegen:
Code (php)
1
2
3
2
3
img.album, #bigphoto img {
cursor: pointer;
}
cursor: pointer;
}
vooral omdat deze over loopt op elkaar en je niet z'n randt ziet die ik nu wel zie.
Je hoeft alleen dit in je body te zetten:
Code (php)
1
2
3
2
3
body {
background-image: url('https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSNjxT-bmzyX5WY9mio3JM7yDSkt7G6rICeIEB0NgFWI1bmTqwPsw');
background-attachment: fixed;
background-image: url('https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSNjxT-bmzyX5WY9mio3JM7yDSkt7G6rICeIEB0NgFWI1bmTqwPsw');
background-attachment: fixed;
Gewijzigd op 06/08/2013 17:39:47 door Keizer Webdesign
Het info window in Google maps verschijnt gedeeltelijk buiten beeld.
Volgens mij is dit opgelost door dit aan te passen
&ll=51.097803,3.026093
veranderen in
&ll=51.103398,3.026093
in de url van de iframe.
Daarmee wordt het venster iets meer noordelijk gecentreerd.
Eventueel een beetje prutsen aan dat getal, tot het juist zit.
@Kris, heb het toegevoegd, maar merk niet echt een verschil , Heb dat van google maps ook aangepast!
Thx daarvoor!
@Keizer, zou je een screen willen posten van wat je ziet?
Een aparte vraag,
Hoeveel zouden jullie voor zo'n website ongeveer vragen?
Niet bezoekersvriendelijk.
Prijs:
Vind ik het erg basic en beperkt: een indexpagina en een contactformulier. Meer is er niet (het album, maar daar begrijp ik nog steeds het nut niet van). Is allemaal niet erg spannend/tijdrovend.
Zit er iets van een cms achter, zodat iemand zelf het beheer kan doen? Of is het zoals het nu is en moeten ze jou vragen om aan te passen?
- Diov - op 06/08/2013 19:30:43:
... maar merk niet echt een verschil ...
Wanneer je met je muis over de images gaat.
Normaal, over een image, blijft de cursor een pijl.
Maar wanneer die image iets actief doet, als de gebruiker er op klikt, is het goed dat je een handje ziet, zoals je hebt over een <a>.
Dat kan je best altijd doen.
verder, graag gedaan