Archief - LAYOUT: Website voor school

Babs · 11 apr 2007

Eerste keer dat ik mijn website laat bekritiseren.

Tis een werkje voor het vak audio en video. We moesten een mini-website maken over een onderwerp dat te maken heeft met het vak. Mijn onderwerp is dus vinyl geworden.
We hebben niks van richtlijnen qua ontwerp ofzo gekregen, dus tis allemaal zelf ontworpen.

Veranderingen die nog moeten gemaakt worde zijn: actieve link duidelijk maken en rond bepaalde afbeeldingen een kaderke zetten (tlukte mij op de één of andere manier nog niet)

Website

Be gentle, kben een teder meiske

Liefst opbouwende commentaar

Saiko-G · 11 apr 2007

Ik hoop toch dat uw richting niet website gerelateerd is

. Ten eerste, die animated gif op uw homepage, verschrikkelijk. Voor de rest, tja ziet er sober uit, u header is simpel. Wat ge wel nog kunt doen is u menu meer naar voren laten komen, een andere bg color geven kan bv al wonderen doen.

borisson_ · 11 apr 2007

oranje !

de animated gif is inderdaad ni zo geweldig,
ik vind het persoonlijk erg irritant als een website niet scrolled maar je content wel, deze website is nu niet bepaald 'unstretchable' van design..
Op een breder scherm (1280*800) is 't alleszins pakken mooier dan op 1024*786, na hier nog even terug te kijken lijkt het alsof je voor groter dan 1024 hebt ontworpen, nja, da's geen plan

een tag dient voor een paragraaf, niet voor een regel, voor een vet gedrukt woord mag je gerust gebruiken.

op zich nog wel mooi, maar 't spreekt me niet aan

Xavez · 11 apr 2007

Not bad for a girl that never built a website before in her life

. Je hebt meer talent dan 90% van wat hier passeert imo ^^.

En babsie: waar is de link naar Wanted Music? :O

Brock · 11 apr 2007

Ik snap de achtergrond niet helemaal. Is dat niet zo'n scoutsteken?

Babs · 11 apr 2007

Saiko-G zei:
Ik hoop toch dat uw richting niet website gerelateerd is . Ten eerste, die animated gif op uw homepage, verschrikkelijk. Voor de rest, tja ziet er sober uit, u header is simpel. Wat ge wel nog kunt doen is u menu meer naar voren laten komen, een andere bg color geven kan bv al wonderen doen.

borisson_ zei:
oranje !
de animated gif is inderdaad ni zo geweldig,
ik vind het persoonlijk erg irritant als een website niet scrolled maar je content wel, deze website is nu niet bepaald 'unstretchable' van design..
Op een breder scherm (1280*800) is 't alleszins pakken mooier dan op 1024*786, na hier nog even terug te kijken lijkt het alsof je voor groter dan 1024 hebt ontworpen, nja, da's geen plan



een tag dient voor een paragraaf, niet voor een regel, voor een vet gedrukt woord mag je gerust gebruiken.

op zich nog wel mooi, maar 't spreekt me niet aan

Alé, de animated gif heeft de weg naar de vuilbak gevonden

Voor de rest. Misschien dat ik nog wel eens zoek voor een andere achtergrond voor wat meer kleur in de zaak te brengen ofzo.

Mijn menu een background colour geven weet ik niet echt ofda ik da zou doen. Kvin het tbh duidelijk te onderscheiden van de doorlopende tekst.

Tis sober ja, ma het doel was om onze html en css te verfrissen, en ik denk wel dat ik genoeg dingen gebruikt heb om te bewijzen dat ik het wel kan.

En van da vet gedrukt woord: ze had ons gezegd zoveel mogelijk op te maken in css, en das bij deze ook gebeurd me die span, veronderstelk

Xavez zei:
Not bad for a girl that never built a website before in her life . Je hebt meer talent dan 90% van wat hier passeert imo ^^.

En babsie: waar is de link naar Wanted Music? :O

Kheb al "websites" gebouwd als oefening in de les, maar da waren redelijk gewone websites. En kzal u linkske derbij zetten ze

Brock zei:
Ik snap de achtergrond niet helemaal. Is dat niet zo'n scoutsteken?

Tis een patroon dat ik gevonden heb, maar naar tschijnt ist ook al iets van Holland ofzo :unsure:

kzal wel nogges rondsnuffelen

Merci voor de commentaar alvast

borisson_ · 11 apr 2007

Brock zei:
Ik snap de achtergrond niet helemaal. Is dat niet zo'n scoutsteken?

ik vind het eerder op het oude behang van mijn oma trekken

Xavez · 11 apr 2007

http://squidfingers.com/patterns e molto grazie.

Babs · 11 apr 2007

Xavez zei:
http://squidfingers.com/patterns e molto grazie.

Thanks, kga es wa dingskes uitproberen en zien wa het beste past.
Kheb ook gewoon een grijze vlakke achtergrond geprobeerd en da was eigenlijk ook al beter dusja..

Babs · 11 apr 2007

Website is ondertussen al een stuk verandert opnieuw.

Kheb die banner weggelaten, en kga mss een foto of 2 vanvoor op de index zetten om duidelijk te maken wat mijn onderwerp is.

Is het al wat beter?

En thebben mij veel mensen dit gevraagd. Ik heb dus wel het vak webtechnologie gehad maar dit was de pure basis van CSS en html. Wij hebben nooit echt gezien hoe ge een goed design maakt voor een site, enkel en alleen de codes met een paar kleurkes (die op niks trokken

)

Bij deze, khoop dat mijn poging tot "design" toch iets of wat gelukt is. Khoop ook dat jullie daar rekening mee houden. Tips van kenners voor het beter te maken zijn dus zeer welkom

Strangler · 11 apr 2007

ligt dit aan safari of...
als ik kijk bij 'Hoe wordt een plaat gemaakt',
en ik scroll, dan scrollen de youtube-filmpjes over mijn volledige scherm...

Mithrandix · 11 apr 2007

Strangler zei:
ligt dit aan safari of...
als ik kijk bij 'Hoe wordt een plaat gemaakt',
en ik scroll, dan scrollen de youtube-filmpjes over mijn volledige scherm...

In Fx gaat het goed

Babs · 11 apr 2007

Idd, ligt aan safari.
In firefox zou hij normaalgezien naar behoren moeten werken.
IE heb ik nog niet gekeken. Ga ik direct es doen

LunchBox · 11 apr 2007

een tip: kies de grootte van een website steeds in functie van de hoeveelheid informatie die je gaat tonen. prop dus geen heel lang document op een kleine ruimte van 342px hoog want dan moet men eindeloos gaan scrollen. toon het dus gewoon binnen het hele browser-venster. ook daar zal de gebruiker waarschijnlijk moeten scrollen, maar resolutie-afhankelijk heeft deze daar veel meer controle over en je krijgt sneller een breder (hoger in dit geval) overzicht van het document.

Verder komt de "websites" pagina (met externe links) zeer amateuristisch over omdat de tekst er gecentreerd staat. Voor horizontal-rulers (<hr />) kan je best ook een styling voorzien, want als die 2px hoog is (met zo'n schaduw effectje) ziet het er niet uit. Via volgende code in je css zal het normaal iets beter zijn:

Code:

hr {
	height: 0px;
	border: 0px solid #8D8D8D;
	border-top-width: 1px;
}

Qua grafische aankleding is het geheel bijzonder povertjes.. maar ik vermoed dat je daar nog wel vooruitgang zal boeken in de toekomst. De code daar ben'k niet te diep ingedoken, dat zal de rest nog wel doen

Babs · 11 apr 2007

LunchBox zei:
Verder komt de "websites" pagina (met externe links) zeer amateuristisch over omdat de tekst er gecentreerd staat. Voor horizontal-rulers (<hr />) kan je best ook een styling voorzien, want als die 2px hoog is (met zo'n schaduw effectje) ziet het er niet uit. Via volgende code in je css zal het normaal iets beter zijn:

Code:

hr { height: 0px; border: 0px solid #8D8D8D; border-top-width: 1px; }

Qua grafische aankleding is het geheel bijzonder povertjes.. maar ik vermoed dat je daar nog wel vooruitgang zal boeken in de toekomst. De code daar ben'k niet te diep ingedoken, dat zal de rest nog wel doen

Bij deze is dit gebeurd. Kwas vergeten dat ne hr ook kunt opmaken. Kzal er int vervolg zeker rekening mee houden.

Links zijn ook allemaal links uitgelijnd nu.

De lay-out is mss wat aangekleder nu (dankzij xavez

). Tis nogaltij sober, maar kvin het toch goed nu.

Kben er eigenlijk depressief van geworden omdat het precies zo vanzelfsprekend is dat je lessen krijgt voor een design van een site te maken. Eerste semester was vooral basis, dus khoop da ze in het tweede jaar daar iets aan doen. Kzal het toch allesinds vermelden om daar aandacht aan te besteden, want bij een website is de "look" toch het eerste wat opvalt.

Normaalgezien is dit de definitieve versie, enkel de spelling enzo nog nakijken. Ik hoop dat ik nog enkele goedkeuringen krijg hier

Flipkikker · 11 apr 2007

Uhmz, zonder header weet men niet echt waar je site over gaat hé

Ik zou toch tenminste op je beginpagina ergens "Vinyl" vermelden ofzo (liefst iets uitspringender dan de rest)

Je gebruikt voor titels een verschillend lettertype :naughty:
edit: Ik merk zelfs net dat "Navigatie" een afbeelding is, ik zou die gewoon in hetzelfde lettertype zetten als je andere tekst, en gewoon getypt in html

Je achtergrond is al beter als de vorige allessinds, grafisch is het geheel natuurlijk nog niet heel aantrekkelijk. Misschien een afbeelding van vinyl ergens bij je tekst plaatsen, omdat er nogal veel witruimte onder is.

Je 'active' states zou je ook moeten definiëren, nu zie ik in het navigatiemenu niet op welk onderdeel ik ben.

Bij "Geschiedenis" plakken de datums vlak boven de afbeeldingen

De grijze kadertjes bij "Begrippen" doen vermoeden dat er een fout is opgetreden bij het laden van je afbeelding, dus ik zou dat vervangen door een stijlvoller list-item

Hopelijk doe je nog iets aan bovenstaande zaken, het zou het geheel nog iets afgewerkter maken

Babs · 11 apr 2007

Flipkikker zei:
Uhmz, zonder header weet men niet echt waar je site over gaat hé

Ik zou toch tenminste op je beginpagina ergens "Vinyl" vermelden ofzo (liefst iets uitspringender dan de rest)

Je gebruikt voor titels een verschillend lettertype :naughty:
edit: Ik merk zelfs net dat "Navigatie" een afbeelding is, ik zou die gewoon in hetzelfde lettertype zetten als je andere tekst, en gewoon getypt in html

Je achtergrond is al beter als de vorige allessinds, grafisch is het geheel natuurlijk nog niet heel aantrekkelijk. Misschien een afbeelding van vinyl ergens bij je tekst plaatsen, omdat er nogal veel witruimte onder is.

Je 'active' states zou je ook moeten definiëren, nu zie ik in het navigatiemenu niet op welk onderdeel ik ben.

Bij "Geschiedenis" plakken de datums vlak boven de afbeeldingen

De grijze kadertjes bij "Begrippen" doen vermoeden dat er een fout is opgetreden bij het laden van je afbeelding, dus ik zou dat vervangen door een stijlvoller list-item

Hopelijk doe je nog iets aan bovenstaande zaken, het zou het geheel nog iets afgewerkter maken

vinyl vermelden: kzal nog iets zoeken.

Titels verschillend lettertype: heeft xavez gefikst

Actieve link: ik heb ernaar gezocht, andere mensen hebben ernaar gezocht, ook al staat da in de CSS, da veranderd niks aan :wtf:

very strange! kweet dus nie wa ik daar mee moe doen.

Geschiedenis en datums: er staat nochtans padding ma die macheert blijkbaar ook al niet.

Grijze kaderkes: zal ik gwoon wegdoen, het oranje maakt een duidelijk onderscheid vinnek.

Goed?

Flipkikker · 11 apr 2007

BaBsie zei:
vinyl vermelden: kzal nog iets zoeken.

Titels verschillend lettertype: heeft xavez gefikst

Actieve link: ik heb ernaar gezocht, andere mensen hebben ernaar gezocht, ook al staat da in de CSS, da veranderd niks aan very strange! kweet dus nie wa ik daar mee moe doen.

Geschiedenis en datums: er staat nochtans padding ma die macheert blijkbaar ook al niet.

Grijze kaderkes: zal ik gwoon wegdoen, het oranje maakt een duidelijk onderscheid vinnek.

Goed?

Die active-states werken niet, omdat je verwijst naar andere pagina's

(zie het net zelf)
Op die andere pagina weet je browser niet dat die link active moet staan, dus wat je kan doen is op die pagina zelf, je actieve link een class of id meegeven zoals: <a href="index.htm" class="active">Home</a>

Probeer is ipv padding, een margin te geven, of aan beide elementen, of gewoon een gebruiken als voorgaande niet werkt (dan ziet het er toch al wa beter uit)

Die titels zou ik toch in hetzelfde lettertype willen zien, ma kom, dat is nu ook geen ramp, en zorgt voor afwisseling. Misschien je andere titels dan in dat specialere lettertype zetten?

edit: net een ideetje: ipv "Navigatie" -> "Vinyl"
Als titel, want iedereen ziet dat het navigatie is eronder :]

Xavez · 11 apr 2007

Kzal mij der nog ne keer mee bezig houden, Babsie

.

sh011265 · 14 apr 2007

Vind het best een toffe website..

nix speciaals, maar ook niet ondermaats dunkt me.

Enige minpuntje vind ik de 2 scrollbars..

Succes

Archief - LAYOUT: Website voor school

Babs

Legacy Member

Saiko-G

Legacy Member

borisson_

Legacy Member

Xavez

Legacy Member

Brock

Legacy Member

Babs

Legacy Member

borisson_

Legacy Member

Xavez

Legacy Member

Babs

Legacy Member

Babs

Legacy Member

Strangler

Legacy Member

Mithrandix

Legacy Member

Babs

Legacy Member

LunchBox

Legacy Member

Babs

Legacy Member

Flipkikker

Legacy Member

Babs

Legacy Member

Flipkikker

Legacy Member

Xavez

Legacy Member

sh011265

Legacy Member