nl pt nl nl nl af nl nl nl nl nl nl nl nl af de nl nl en nl en nl af nl en et nl nl nl id nl eo nl nl es nl nl nl nl en nl ka en kn nl fy en en tr kn nl ka en kn nl nl en kn en nl en en nl nl en en nl nl en nl en nl nl it nl nl nl af nl af nl en nl nl tr nl de nl en fy nl nl
Een leuk begin wat zeker goed kan uitpakken! Zoals @[verwijderd] al zei, misschien iets meer padding toevoegen aan de titelbalken. Want meestal zijn titelbalken altijd goed in het midden, dat is bij jou nog niet het geval!
Als je je site verkleint merk ik op dat dingen heel smal en klein worden:
Op mijn scherm zelf is de site niet helemaal goed te zien:
Ik zie dat je voor elk onderdeel een eigen CSS bestandje creëert, eigenlijk is dat niet zo handig. De browser maakt zo meer requests naar je webserver en moet steeds wachten voordat die verder kan in sommige momenten. Bij kleine CSS bestandjes maakt het op zich niet uit, maar het is sneller en beter om alle CSS in één bestandje te gooien. Uiteraard wel gestructureerd, je kan CSS comments altijd gebruiken om te onderscheiden. Dat gebruik ik ook altijd :)
Ik zie dat je goed gebruik maakt van de class attributes en iets minder van de ID attributes. Je gebruikt het een beetje kriskras door elkaar, op zich niks verkeerds aan, het werkt. Maar er zijn een paar handige weetjes hoe je ermee aan de slag moet:
IDs zijn definities die je meestal maar eenmaal gebruikt. Vaak voor Javascript om één bepaald element aan te duiden.
Classes worden gebruikt om de styles de defineren van een element. Het mooie van classes is dat je deze vaker opnieuw kan gebruiken en een structuur kan geven. Dat houd in dat dat je een class in een class bepaalde kleur kan geven, en bij een andere class die dezelfde class heeft een andere kleur heeft, voorbeeld:
Stel je hebt deze code:
/* Een normale class */
/* Een class die alleen binnen de class .classje werkt */
/* Een class die ook alleen binnen de class .classje werkt */
/* Maar dit is, nu best leuk, je geeft een extra class 'blauw' die alleen werkt bij de class .classje. Zo kan je één element een andere style geven, terwijl die qua style overal hetzelfde blijft. Minder code dus, en veiliger, minder kans dat je dezelfde class gebruikt/overschrijft */
Dit resulteert tot de volgende code:
Dit is een titel
Dit is de content ervan
Dit is een blauwe titel
Maar de structuur blijft hetzelfde!
En dit is dan weer niet gedefineerd en heeft geen style. Zo houd je dus een mooie structuur dus in je code en kan je groepen elementen maken die je vaak kan hergebruiken.
Wat dan uiteraard niet de bedoeling is, is dat je de class ".titel" globaal defineerd, en dan ergens een subclass maakt die ook .titel heet, want dan komen ze in conflict (tenzij je dit wilt uiteraard, dan is dat goed).
Nou, tot zover mijn giga antwoord! Ik hoop dat je wat hebt aan mijn feedback en uitleg (en dat je er wat van snapt)! Bij vragen hoor ik het graag :)
Oke nu ga ik het weer lekker verpesten. Het ziet er echt vreselijk uit. Probeer kleuren van http://flatcolors.net te gebruiken?
Daarnaast kun je in je menu items het best een padding gebruiken.
Voor jou is t toch handiger om te beginnen met http://getbootstrap.com :)
Wat een mooie uitleg. Bedank voor de tips!
Ik ga eerlijk zijn, ik vind het echt niet mooi, sorry.
Zeg dan tenmintse wat je zou verbeteren.... :|
Ik ben zelf ook ooit begonnen met het ontwerpen en programmeren. Het belangrijkste wat je moet onthouden is dat je het zelf mooi moet vinden. Ik kan je website helaas niet beoordelen omdat er nu enkel een tekstje staat. Maar probeer iets te maken wat je zelf leuk vindt. Als jij er tevreden over bent dan is dat juist goed.
Ik maak altijd eerst een schets op papier voordat ik aan het echte werk begin, misschien een goede tip voor jou. Je kan dan alles netjes uitwerken en blijf uiteraard uniek.