Archief - LAYOUT: WIP:portfolio

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.

Indieanus

Legacy Member
dag beste menschen,

Het is nu al weer enkele jaren geleden dat ik me met webdesign heb bezig gehouden en ik voelde het stilaan weer kriebelen. Nu we voor school een portfolio moeten maken online, zag ik de kans mooi, om er terug in te vliegen.

Vroeger was ik een vaste bezoeker van dit forum, maar helaas lees ik nu nog enkel gfx&arts. Afgelopen week heb ik hier de searchtool wat misbruikt en gemerkt dat er wel het een en het ander verandert is in die jaren? tables is een no-gogo? site volledig in css is the way to go? vroeger gebruikte ik css enkel voor textopmaak en meer niet, maar heb wa sources bekeken, en ik moet toegeven, de code is wel een pak cleaner.

Nu, waarom dit lang relaas vraagt u? Aangezien ik css nog nooit grondig gebruikt heb, dacht ik hier een wipthread op te starten, vanaf layout tot finished product :) [ @mods: als dit niet kan/mag: np, geef dan maar een seintje :) ]

zodus: de layout: http://users.telenet.be/indieanus/portfolio/portfolio.jpg
plan: rechts bij latest projects mouseovers maken, [vaag<>helder], rechterbovenhoek?

graag c&c. :)

Xavez

Legacy Member
Superstrak! I like it at first glance! :).

Maar er kan hier en daar zeker en vast wat verbeterd worden. Misschien kan je nog wat met de kleuren spelen van je navigatiebuttons, de verzadiging van die kleurtjes zit imho nog niet helemaal goed: het oranje en groen zitten goed, maar dat rood mag gerust nog wat verzadigder, en voor dat blauw zou ik zelfs naar een andere tint gaan...

Verder is de uitlijning niet overal even strak. De spatie tussen header <> navigatiemenu is bijvoorbeeld veel kleiner dan die tussen navigatiemenu <> content. Ik zou die no doubt even groot maken. Ook zijn de witte borders van je navigatiemenu + afbeelding rechts daarvan groter dan eenderwelke andere rand, dat zou ik persoonlijk niet doen--maar dat is meer smaak dan feit natuurlijk :).

En wat je code betreft kan je best op voorhand al wat opzoeken over CSS rollover menus :).

LunchBox

Legacy Member
het wit op lichtgrijs is absoluut niet leesbaar. verder is er onconsistent gebruik van de marges > tussen je 7 kaders is alles prima, maar tussen je hele middenkader (de content dus) en de header ga je de mist in.. en is de marge plots veel smaller. (*) verder is het nuttig om bij een layout uit photoshop, je content tekst niet te anti-aliassen.. want dat geeft een vertekend beeld tov vele browsers. (wanneer cleartype niet staat ingesteld binnen het OS)

(*) bij het lezen van de gehele thread zie ik dat xavez het marge-probleem al terecht opmerkte

Ohlivier

Legacy Member
Velen zullen me tegenspreken, dat weet ik nu al, maar...
Ik vind het ontwerp op zich wel mooi, maar er zijn al zoooooooooveel van dit soort ontwerpe gemaakt voor een portfolio dat het niet meer uniek is.

Niet m'n ding sorry

Bertold

Legacy Member
zelfde als hierboven + er mag wel wat meer kleur in denk ik, vind het wat donker + menu kleuren mss wat feller

Jai

Legacy Member
ik wou juist zeggen dat ik het al eens ergens heb zien staan denk ik

Indieanus

Legacy Member
okay, merci voor de replies!

-qua spacing: zeer correct, komt zeker verandering in als ik begin te coden.
-kleurgebruik:
*wit-op-grijs: kan idd mss onleesbaar zijn, werk momenteel op laptop (desktop staat op kot) en heb vroeger ook al gemerkt dat de kleuren hier niet echt overeen komen met andere monitoren. :x zal ik aanpassen, merci!
*menukleuren: kzal mss nog wa spelen ;)
-text: de content-text is gewoon in photoshop even getypt om een beeld te krijgen van het geheel. enkel menu en 'latest projects' komen als bmp/jpg/... in beeld. afin, zal die alleszins aanpassen.
-qua originaliteit: mja, veel kan ik daar niet op zeggen, vind deze 'stijl' aangenaam en bij mezelf passen... (ja ok, de retro-behangpapier achtergrond speelt daarin voor 300% mee, maar ik vind het ok, en dat is belangrijk bij een portfolio imo)

anyway: merci voor alle comments, ze worden gewaardeerd! hopelijk volgt er morgen een update :)

Indieanus

Legacy Member
Na wat vertraging, ben ik gisteren begonnen aan de coding. Zoals gezegd wou ik alles in css maken. Via w3schools ben ik heel wat verder geraakt, maar nu zag ik plotseling dat in IE (IE6) de site er heel wat anders uitziet:x

http://users.telenet.be/indieanus/portfolio/

--> firefox opent juist, IE niet:x

ben wat beginnen prullen, maar dingen opgelost, maar ik ben maar aant prutsen en prullen,.... weten jullie raad?

aanvankelijk wou IE de layout ook niet centreren, heb dan gefoefeld met textalign center etc, ma das wsl ni de beste methode eh?

SenderT

Legacy Member
om uwe layout te centrere kunde het best margin:auto; gebruiken denkik
da zette dan in uwe body ipv die text-align:center;
en ge gebruikt ook wel wa veel divs

borisson_

Legacy Member
ik kan zelf echt ni goe me divkes werken, maar dit:

<div id="menu">
<a href="#"><div id="home"></div></a>

<div id="about"></div>
<div id="work"></div>
<div id="contact"></div>
<div id="ogen"></div>
</div>

zou beter zijn zo:
<div id="menu">
<a href="#">
<li id="home"></div></a>
<li id="about"></div>
<li id="work"></div>
<li id="contact"></div>
<li id="ogen"></div>
</div>

Xavez

Legacy Member
<ul> vergeten :). Gewoon ter info voor de TS:

<div id="menu">
<ul>
<li><a href="#" title="Terug naar de beginpagina" id="home"><span>Home</span></a></li>
...
</ul>
</div>

en in je css op de #home: displayen als block en width en height meegeven zo hoog als de background image van uw a-element. en uw span "hiden" :). dus #menu span {visibility: hidden}

borisson_

Legacy Member
Ik ben al blij da'k wist da het LI 's en geen divjes ware : P

D'Sek-

Legacy Member
Zijn die bloated contrast fotos echt nodig? :) Doet me denken aan die picasa-hoertjes op één of andere duistere social networking-sites :)

Chalk

Legacy Member
Xavez zei:
<ul> vergeten :). Gewoon ter info voor de TS:

<div id="menu">
<ul>
<li><a href="#" title="Terug naar de beginpagina" id="home"><span>Home</span></a></li>
...
</ul>
</div>

en in je css op de #home: displayen als block en width en height meegeven zo hoog als de background image van uw a-element. en uw span "hiden" :). dus #menu span {visibility: hidden}

Komen de teksten niet onder elkaar te staan met <ul><li> of dient daar die <span> voor dat dat niet gebeurt??

----

De lay-out zit er goed uit, het is men ding wel.
De problemen die je in IE hebt, zullen waarschijnlijk kleine fouten zijn (hopelijk dat het op te lossen is) maar dat is gewoon zoeken zoeken zoeken.

good luck

en das men leiding :D :bow:

Zero Grav

Legacy Member
Chalk zei:
Komen de teksten niet onder elkaar te staan met <ul><li> of dient daar die <span> voor dat dat niet gebeurt??

Kijk eens naar de link in mijn post.

Indieanus

Legacy Member
LOL :lol:
en merci, heb 'm Pmed.

ontopic: Heb uiteindelijk besloten om toch tables te gebruiken, IE en FF verschilden veel te vaak, en ik heb de tijd ni om er zo lang aan te knoeien, tis nu al druk genoeg ;) mss deze week nog een update.

anyway, tnx skafan!

SMa

Legacy Member
we zullen da wel even bespreken via pm :)

de opdracht hebben we gekregen op 1/04,
dezelfde week nog heb ik het design gemaakt (zoals zovelen: zoeken op internet naar inspiratie, uitgekomen bij vierkante vormen met felle RGB-kleuren)
ik vond het ook al vreemd dat hier een gelijkaardig design gepost werd, maar ik heb het me niet aangetrokken aangezien ik men portfolio NOOIT zal gebruiken
ik haat coderen en zal er dus zeker NIET men job van maken... ;)
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