Archief - Persoonlijke site

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.
C

Cakeman

Legacy Member
Ik ben onlangs begonnen aan een kleine site die dienst zal doen als weblog* en online CV. Ik ben nogal te vinden voor simplistische layouts, daarom heb ik geprobeerd die van mij redelijk eenvoudig te houden.

Een andere uitdaging was geen tabellen meer gebruiken om alles te positioneren. Ik heb alles opgelost met behulp van div's en CSS. Mijn menu vanboven heb ik opgebouwd door middel van een ul. Oorspronkelijk was het menu opgebouwd met images, maar na de WAI normen even doorgelezen te hebben, heb ik deze vervangen door simpele tekst. Alle tekstgroottes zijn ook uitgedrukt in percentages zodat de slechtzienden alles vrijblijvend kunnen vergroten.

Alles is conform de XHTML en CSS normen.

Wat vinden jullie ervan?

-> Link


* Alsjeblief geen commentaar over het feit dat een blog een modeverschijnsel is, dat weet ik ook :) De site biedt mij gewoon een manier om server side scripting en de nieuwe web design methodes (xhtml en css) wat verder in te oefenen.
[

[skralan]

Legacy Member
inderdaad een lekker rustige sobere layout... ziet er niet slecht uit
alhoewel ik er toch wat images zou opzetten om dat kleurenpatroon een beetje te doorbreken
R

Razorwolf

Legacy Member
Goed voor een blog.

Het gaat wel extreem lelijk worden vanaf je er een image inzet dat de kleuren van de site niet volgt.

Zeer mooi die uitdaging om van de tables af te geraken, daar wil ik me ook nog aan wagen =).
C

Cakeman

Legacy Member
Razorwolf zei:
Goed voor een blog.

Het gaat wel extreem lelijk worden vanaf je er een image inzet dat de kleuren van de site niet volgt.
Klik om te vergroten...
Ik ben ook niet echt van plan er images op te zetten. Hiermee wil ik ook even reageren op de post van [skralan]. Puur esthetisch vind ik niet dat er nog opsmukkingen aan de hand van images nodig zijn. Puur functioneel gezien zie ik ook niet onmiddellijk een reden om meer images in te voegen.

Razorwolf zei:
Zeer mooi die uitdaging om van de tables af te geraken, daar wil ik me ook nog aan wagen =).
Klik om te vergroten...
Het is heus niet zo moeilijk hoor. A List Apart en aan tutorial in verband met floating in CSS* heeft me enorm geholpen.

* Deze tutorial stond onlangs op het webdesign forum hier. Ik vind hem echter niet meer in mijn history
[

[skralan]

Legacy Member
njah ok... misschien dat het met images wel verneukt wordt, maar nu is het zo blauw
C

Cakeman

Legacy Member
[skralan] zei:
njah ok... misschien dat het met images wel verneukt wordt, maar nu is het zo blauw
Klik om te vergroten...
Ik heb de site in Photoshop volledig in grijswaarden opgebouwd. Door de hue en saturation aan te passen heb ik dit blauw verkregen.
Ik ben van plan ook nog andere kleurenschema's aan te maken en de gebruiker zelf te laten kiezen welke kleur ze willen. Handig, ik hoef dan enkel het css bestand te veranderen :)

Dus indien je blauw niet mooi vindt, er komt ook een rode, groene, gele, ... versie :)
R

Razorwolf

Legacy Member
Dus je hebt je site gemaakt met kladblok?

Als ik m laad in dreamweaver ziet alles er fucked up uit.
Zou er graag zelf eens aan beginnen, zeldman site / list apart is idd een goeie bron van informatie. Maar er staat precies geen kant en klare uitleg over divs e.d. na een beetje rondzoeken.
C

Cakeman

Legacy Member
Razorwolf zei:
Dus je hebt je site gemaakt met kladblok?
Klik om te vergroten...
Nope, met Dreamweaver MX. Maar wel in de code view. Ik heb dus alles zelf getypt en niet liggen slepen in WYSIWYG editor.

Ik dacht in het begin ook dat het volledig vervangen van tables door divs ongelooflijk moeilijk zou zijn, maar het valt al bij al nog mee. Ik ken er nog niet alles van, maar ik kan toch al goed mijn plan trekken.

Naast A List Apart, heeft de tutorial over floating mij echt enorm geholpen.

Edit: verdorie, terwijl ik handmatig het Webdesign forum aan het doorzoeken was (de search functie leverde niets op) heeft Serious de juiste link al gegeven :)
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