Archief - PREVIEW: Site voor school

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

blub

Legacy Member
Ik moet dus een site maken voor het vak InternetTechnologie.
Vereisten : Css, xHTML Strict en wat JavaScript insteken..

http://users.telenet.be/lism/Demolisher/SP

Best bekijken in IE, de controlescripts kunnen soms raar doen in FF

*edit* Ondertussen werkt de lichtkrant, maar deze trekt inderdaar op niets..ben er zelf geen voorstander van, maar jah..
r

represent

Legacy Member
Doctype deftig specifiëren... de validator kan niet eens zijn werk doen.

Die lichtkrant is:
-onopvallend (onderaan in statusbar)
-verschuiven doet pijn aan je ogen
->Mss beter ergens een plaats voorzien in / onder je header, daar is nog veel plaats.

Bij het formulier voor de bestelling best ook de dag - datum in een apart vakje, dat is makkelijker.
b

blub

Legacy Member
represent zei:
Doctype deftig specifiëren... de validator kan niet eens zijn werk doen.

Die lichtkrant is:
-onopvallend (onderaan in statusbar)
-verschuiven doet pijn aan je ogen
->Mss beter ergens een plaats voorzien in / onder je header, daar is nog veel plaats.

Bij het formulier voor de bestelling best ook de dag - datum in een apart vakje, dat is makkelijker.
Klik om te vergroten...


validator doet z'n werk als je de bron rechtstreeks kopieert.. als je de link ingeeft geeft hij inderdaar problemen...

het lichtkrant-gedoe is niet mijn eigen (blame de prof) dusjah, hij zag dat graag dus ik heb het er maar ingestoken... en het staat in de statusbalk omdat het daar net niet opvalt.. anders trekt da toch op niks..
X

Xavez

Legacy Member
Het is wel de bedoeling dat je hoe dan ook een doctype specifieert. Jij bent goed: "haal eruit wat fout is en hij is wel valid". Nogal logisch hé :).

* <i> en <b> zouden vervangen moeten worden door <em> en <strong>. De bedoeling van XHTML is om je inhoud te structureren. Waar <i> en <b> opmaaktags zijn, zijn <em> en <strong> inhoudelijke tags. Iets waarnaar we met de combinatie CSS/xhtml vooral streven is de scheiding van opmaak en inhoud.

* <br /><br /><br /><br /> > ongeveer dezelfde opmerking als hierboven: probeer een margin te gebruiken, of gebruik je paragraphs correct. Maar meer spatie genereren met nieuwe lijnen, da's een grote no-go.

* "over de webmaster" op een site van een slagerij? That's just wrong!

* Grafisch is het precies een samenraapsel van wat tutorials en templates :). De header is een font op een standaardafbeelding met een gegoogled clipartje in een of andere blending mode. Heel onsamenhangend, dus

Nog wat werk aan de winkel, lijkt me zo :).
b

blub

Legacy Member
* Het doctype staat gespecifieerd als ik mij niet vergis..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhml1/DTD/xhtml1-strict.dtd">

*Ik was begonnen met die <b> tags te veranderen, maar blijkbaar hadk da maar op 1 plaats gedaan, en van die <em> wistek et ni, dus weer bijgeleerd :)

* die <br/>'s was gwn om het snel en gemakkelijk te doen, zal er op letten om volgende keer meer de margin te gebruiken

*Jah, ik weet dat het er raar staat, maar dat was een vereiste bij het project.. er moest een pagina over onszelf bijstaan..

*Niks, template, layout is allemaal zelfgemaakt.. Tis natuurlijk de eerste keer dat ik zoiets zelf maak en doe, maar kvond het toch geslaagd.. wat zou je dan aan de header veranderen?
o

orez

Legacy Member
*Hij is gespecifieerd maar niet CORRECT uw doctype, anders zou de validator er niet over vallen hé ... Zet hem dan gewoon correct, is nog geen 2 sec werk. (laat da gewoon door dreamweaver doen... Convert to xHTML, en uw doctype staat perfect in orde)

* om correcte tags te gebruiken altijd www.w3c.org bezoeken, vind je altijd het juiste gebruik terug.

* <br /> om het snel en makkelijk te doen, komaan zeg, is het nu zoveel moeite om te typen "margin-bottom: 20px", opnieuw nog geen 5 seconden werk. Weeral een belachelijke uitvlucht.

* Xavez beweert niet dat je het niet zelf gemaakt hebt, maar dat het een samenraapsel is van trendwhore designs en tutorials die op het web te vinden zijn. Da schuin streepke in uw header, die dubbele gradient, allemaal web 2.0 standaard stuff die in tutorials te vinden zijn.

Hij doelt op het feit, dat het er te template/tutorialachtig uitziet

* Bekijk uw buffet / gourmet eens... daar zie je toch zelf wel dat uw typografie op niets trekt en enorm vermoeiend is om te lezen als alles zo dicht op elkaar plakt, tegen de randen?

* Bij uw contact & over de webmaster pagina staan uw formfields veel te dicht op elkaar, en wederom niet uitgelijnd!

* Uur van bestelling : zet die aub onder elkaar, komt weeral de gebruiksvriendelijkheid ten goede! (en waarom moeten die uren zo groot... probeer eenheid te creëren in uw fontstyles ook..., zelfde lettergrootte en dergelijke, kdenk niet dat die uren zo hard moeten opvallen... als je gewoon een controle zet dat ze MOETEN ingevuld zijn, zullen de gebruikers da ook wel zien. Als je ze onder elkaar zet zullen dus ook meer opvallen.)

* Style uw gewone formknoppen eens, ook zéér eenvoudig te doen met css.

* Iets waar uw site over het algemeen last van heeft --> eenheid van typografie, vette fonts, en grotere lettertypes waar er géén nodig is, alle objecten en tekst te dicht op elkaar geplakt wat het vermoeiend maakt het te lezen, geen idents gebruikt wat de tekst saai doet lijken, enz...

Typografie is belangrijk !!

Dus idd nog veel werk aan de winkel, en kom nu aub niet opnieuw af met goedkope uitvluchten van "twas maar om er snel vanaf te zijn" dergelijke uitspraken worden hier niet geappreciëerd zoals je wel zult merken als je hier meer komt.
[

[BAT] Hydra

Legacy Member
De header steekt enorm af. Hij is veel te groot en te eentonig. Het lettertype ervan lijkt precies niet echt bij de rest van de site te passen.
r

represent

Legacy Member
Er ontbreekt nog een stuk in je doctype definiëring, dus niet goed gedefinieerd.
Op de pagina "Over de webmaster" staat in je div about 5x strong gedefinieerd en dan nog eens breaks tussen je paragrafen. Het is toch veel eenvoudiger om die p te stylen in de div about... (#about p { } ) en dan margins mee te geven of line-height..
A

Audiosonic

Legacy Member
Als ik in FF op bufetten klik, komt de foto midden in de tekst terecht :)
b

blub

Legacy Member
Dat weet ik, FF doet er rare dingen mee.. maar die tabel daar zal ik wel in een div steken en links laten uitlijnen..
alsook die form bij 'over de webmaster', die worden ook niet uitgelijnd..
Er is nog wat werk aan, maar voorlopig ben ik aan mijn project aant werken, tzal voor nadien zijn..
g

grooverider

Legacy Member
FF doet er rare dingen mee?

mss eerst uwe site in firefox maken en daarna zien hoe internet explorer hem vern**kt, dat klinkt correcter ja :-)
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