Archief - OTHER: Jaarwerk webdesign: website/portfolio architecte

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

Ezarto

Legacy Member
Dames en heren, appelen en peren:

Ik zit in mijn eerste jaar toegepaste informatica en wij moeten dus voor ons jaarwerk een xhtml/css stricte webpagina maken. Het is min or meer mijn eerste website, dus vandaar deze sitecheck!

Website Architectuurbureau Van Eynde

De content word in de loop van de week verder aangevuld, verder zal ik waarschijnlijk nog dat javascriptje voor die tabs wegdoen.

2 vraagjes die me direct in het hoofd komen:

(1) Ik heb nog wat problemen met de site compatibel te maken met IE. Is er misschien een site met een checklist ofzo die ik kan overlopen, of heeft iemand tips hiertoe?
(2) Naar't schijnt is het aan te raden om een verborgen h1 te zetten in uw header als de titel op de background img staat. Hoe doe ik dat juist?

Alle commentaar is toegestaan!
But pls be gentle :p
o

orez

Legacy Member
vraag 1:
http://www.positioniseverything.net/ (lezen, zal je veel wijzer maken)

vraag 2:
html:

Code: 
<div id="header">
<h1>TEKST / TITEL HIER</h1>
</div>

CSS :

Code: 
#header {
 background-image: .....;
 andere eigenschappen...;
}

#header h1 {
 display: none;
}

Na zeer snel je code te bekijken, tis pietlullig, maar onthou dit voor de toekomst.

een banner != header.

Banner = reclame, zoals je hier vanboven op deze site vindt.
Header = hoofdding van uw site infeite, in de meeste gevallen een image.
X

Xavez

Legacy Member
Eerste dat me al opvalt: doe die lelijke xhtml en css buttons weg :). Nobody cares, really!

Uitgebreidere comment volgt nog =).
E

Erlend

Legacy Member
Snel voor ik door moet:
Je werkt op onderstaande pagina met een soort tabjes, maar je doet het iets
of wat verkeerd (gewoon de background-color aanpassen).

Uitleg.
L

LunchBox

Legacy Member
de site - in FF bekeken - is lang zo slecht nog niet.. en persoonlijk heb ik liever xhtml/css buttons dan lelijke bevel/emboss troep uit photoshop. (kreeg op't werk een "eigen ontwerp" van een klant en dat bevatte het laatste - geloof me dah's vloeken en proberen bij te sturen) voor een quasi eerste website is het dus best nog een geslaagd "begin". (de footer heb je nog niet gedaan denk ik) de site - in IE bekeken - is een stuk minder, dus daar moet je zeker het box-model eens bekijken, en de wijze waarop IE het "anders" interpreteert om de nodige aanpassingen door te voeren zodat het er ongeveer hetzelfde uitziet als in FF.
o

orez

Legacy Member
Stefan, wat Xavez bedoelt zijn die 2 gele buttons, xhtml valid & css valid, dat die daar overbodig zijn, en het design geen boost geven ;)
E

Ezarto

Legacy Member
LunchBox zei:
(de footer heb je nog niet gedaan denk ik)
Klik om te vergroten...

Inderdaad, maar is er misschien een manier om de site automatisch 100% height mee te geven? Zodat ze automatisch tot onderaan doorloopt...

Zit op de moment niet thuis dus heb ff niet kunnen zoeken, dus als het voordehandliggend is: don't shoot me :p
a

adrianhates

Legacy Member
Aaron heeft dikke balle :p


en er scheelt iets mee uw menu versprint in IE 5 of 6
r

represent

Legacy Member
Ezarto zei:
2 vraagjes die me direct in het hoofd komen:

(1) Ik heb nog wat problemen met de site compatibel te maken met IE. Is er misschien een site met een checklist ofzo die ik kan overlopen, of heeft iemand tips hiertoe?
(2) Naar't schijnt is het aan te raden om een verborgen h1 te zetten in uw header als de titel op de background img staat. Hoe doe ik dat juist?
Klik om te vergroten...
Duidelijk niet veel naar de les van Van Hee geweest... of toch niet goed opgelet. In dat handboek staat genoeg info over het box model, hacks en stuff.
Mss doet visibility een belletje rinkelen.

En btw de url is dood...
g

grooverider

Legacy Member
Xavez zei:
Eerste dat me al opvalt: doe die lelijke xhtml en css buttons weg :). Nobody cares, really!

Uitgebreidere comment volgt nog =).
Klik om te vergroten...

ik heb de site helaas niet kunnen zien (server van webontwerp is down wegens veiligheidsredenen ofzo), maar xhtml en css buttons storen mij alleszins niet. Mijn mening komt volledig overeen met die van de W3C validator-pagina:
To show your readers that you have taken the care to create an interoperable Web page, you may display this icon on any page that validates.
Klik om te vergroten...

zolang ze niet te opvallend zijn geplaatst en passen bij de rest van de site vind ik het best kunnen.
X

Xavez

Legacy Member
grooverider zei:
ik heb de site helaas niet kunnen zien (server van webontwerp is down wegens veiligheidsredenen ofzo), maar xhtml en css buttons storen mij alleszins niet. Mijn mening komt volledig overeen met die van de W3C validator-pagina: (...)
zolang ze niet te opvallend zijn geplaatst en passen bij de rest van de site vind ik het best kunnen.
Klik om te vergroten...

Eerst kijken, dan reageren =].
Bovendien is "xhtml en css valid" volledig nietszeggend voor 95% van de bezoekers. Om er dan zo'n joekel van een button aan te wijden, da's er gewoon over. Da's bladvulling, niet meer. Zet het onderaan in het klein, in de footer, bij de disclaimer, of weet ik veel waar. Maar zeker niet zoals het hier geïmplementeerd was :).
E

Ezarto

Legacy Member
Xavez zei:
Eerst kijken, dan reageren =].
Bovendien is "xhtml en css valid" volledig nietszeggend voor 95% van de bezoekers. Om er dan zo'n joekel van een button aan te wijden, da's er gewoon over. Da's bladvulling, niet meer. Zet het onderaan in het klein, in de footer, bij de disclaimer, of weet ik veel waar. Maar zeker niet zoals het hier geïmplementeerd was :).
Klik om te vergroten...

Is uiteindelijk ook maar om de docent blij te maken he ...
En ik krijg webdesign van Roels, ni van Van Hee, en nee ik ben niet veel geweest, sorry.

Nieuwe URL is nu: http://webdesign.rega.khleuven.be/500716/

Nu nog zorgen dat de pagina automatisch tot beneden doorloopt en ik ben er redelijk content van.
X

Xavez

Legacy Member
Ezarto zei:
Is uiteindelijk ook maar om de docent blij te maken he
Klik om te vergroten...
Amai, zegt weer veel over richtingen waar webdesign aan bod komt, als je docent daar extra punten voor geeft/meer goedgemutst van wordt :).
r

represent

Legacy Member
In IE 6 ziet de navigatie er niet echt uit, alles verspringt en is slecht gepositioneerd.

De pagina ziet er ook onsamenhangend uit, met al die borders voor de divs.

Bij 2 navigatie-items verschijnen er ook extra items (tabs), wat ook als niet gebruiksvriendelijk wordt aanzien, mss er een popout menu van maken?

De tabs zijn ook nog onduidelijk, zoals hierboven al werd gezegd. Beter zelfde kleur als de content div geven, en onderaan de border weglaten.

Zorg ook dat de pagina waarop je zit in de navigatie niet kan worden aangeklikt, of dat het in de navigatie duidelijk is dat je op die pagina zit (bv geen handje als je over de link in de navigatie gaat).
g

grooverider

Legacy Member
ongeveer zelfde commentaar als hierboven:

-moet altijd duidelijk zijn in de navigatie op welke pagina je zit, en die link mag niet meer aanklikbaar zijn

-iets teveel border: 1px solid #000; ???

-kleine opmerking: bij links.html staat zowel boven de div als in de titel het woord "links". mss ofwel de tab laten vallen, ofwel de h1?

-ik zou beneden nog een beetje plaats laten; "copyright" staat echt tegen de rand van mijn browser
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