Archief - OTHER: mijn eerste

mijn eerste verdiende site
http://st-maria-antwerpen.Be

mooi werk, enig toch ietwat groot minpunt persoonlijk (en zeker voor een basisschool) is het gebrek aan leven, kleurrijk thema ofzo.

nog details zoals een te grote scrollijst bij personeel maar algemeen lijkt hij me functioneel en to the point.

Grafisch:

* Zéér mooie, eenvoudige website.
* Misschien de kleur van de "selected" tabjes hetzelfde maken als de background van de main content? Het kan goed zijn dat het aan je exporteersettings ligt, probeer het eens als een .gif op te slaan! .
* Nog wat meer kleur, zoals blaZe zei, mag wel.
* Iets meer lijnhoogte om het geheel wat meer adem mee te geven.

Code:

* What a mess.
* Probeer van dreamweaver af te stappen en over te schakelen op handgecodeerde websites.
* Goede resources om xhtml onder de knie te krijgen staan in de sticky van het Webdesign & Webdevelopment forum. Een goed begin is alvast http://w3schools.com
* Ik weet dat je deze website wellicht niet meer "from scratch" opnieuw wilt coderen, maar ik zou het je toch aanraden om het op je eigen tempo, rustigaan te doen. Kwestie van gewoon te raken met xhtml & CSS & semantiek .


Als je vragen hebt, shoot em! Je lijkt me zeker en vast de aanleg te hebben om een goede webdesigner te worden . Het is echter vaak zo dat er één of ander ding niet snor zit. Meestal ofwel het grafische aspect, ofwel het code-aspect, indien het enkel dat laatste is zoals hier, loont het de moeite om iemand verder te helpen!

ja maar het was ofwel een kleurrijkere site of een iets wat sobere site
en ze hadden liever zachte kleuren, daarom

@xavez ik weet niet hoe het komt, ik werk in een mac en bij mij is het wel het zelfde ik heb het allebij perfect de zelfde # van kleur gegeven en toch is er op een pc een verschil

wat is trouwens de beste methode om de site in meerdere talen te zetten,
ik zou in het begin een flash willen hebben waar je kan kiezen tussen nederlands, engels, frans, portugees, turks en arabisch

@hierboven: :ironic:

soit, iets té sober imo, code met tables is minder, padding-top, padding-bottom, padding-left/right => zet alles op één regel.

position center center hoeft ook maar één keer center in te staan

die fontsstijlen kunt ge ook allemaal op één regel zetten

al bij al kan ik uw css-file herschrijven naar één die de helft of mss zelfs een vierde zo lang is...

verder vind ik vooral de kleur van dat menu er ab-so-luut niet bijpassen. experimenteer nog wa verder

en flash, wrom flash? maak gewoon een splash ;p waarin je kunt kiezen tss de talen. moet je maar eens voor zoeken hoe je dat best met je databases kan regelen, is nog niet zo heel lang een thread over geweest

@therabbit: As I said, try .gif .

@therabbit

Flash of html maakt nix uit voor meertaligheid,
je moet er een backend achter steken, al is het nu xml / php / ...
(ma ik zou je toch flash zéér sterk afraden voor een schoolsite )

en zoek idd eens op webdesign & webdev forum... is nog een hele discussie thread over geweest en er staan zeer véél intressante bemerkingen en links in

over je menu
je werkt daar met afbeeldingen
telkens als ik op een link klik zie ik een fractie van een seconde zo'n wit kotje met een rood kruisje een => afbeeldingen worden niet snel genoeg geladen

laat dus je images van te voren inladen
wat je kan doen is een extra div maken, die op dezelfde plaats positioneren en daar de afbeelding al inladen
zet display op none, en in aangeklikte staat op block


ivm je gallerijen
laat mss onder je foto, ipv die backward & forward buttons, een rij met foto's staan
dat navigeert veel gemakkelijker & sneller

lol wist niet dak nog zoveel fout deed ik ben wel nog nen beginner ma bedankt voor de feedback

the rabbit zei:

is dit ook de manier dat ik dan moest doen ik had bij mijn siteje

(http://st-maria-antwerpen.be)

afbeeldingen gebruikt voor het menutje

of hoe zou ik het beter doen?

Klik om te vergroten...

Mja, gij werkt sowieso al met tables dus ik veronderstel dat ge niet teveel van xHTML/CSS afkent. xHTML is een verderontwikkeling van html waarbij tags zoals font, center, ... verdwenen zijn en vervangen door een andere taal (CSS) die alles van opmaak op zich neemt.

xHTML bepaalt dus de structuur van je site en CSS bepaalt hoe die structuur eruitziet. En daarin zit ook semantiek, wat betekent dat men tags alleen moet gebruiken waarvoor ze dienen. Divs dus voor uw site in te delen en tabellen enkel en alleen voor tabulaire data (jij gebruikt ze nu voor de layout wat op zich 'fout' is). Maar ok, normaal zeg ik altijd: "Als webdevelopment enkel uw hobby is en ge wilt er niet echt serieus aan beginnen móet ge niet met divs leren werken, de ondersteuning is namelijk nog niet 100% waardoor het niet altijd even simpel is er een site mee te bouwen."

Ok, dat was de inleiding die op zich weinig met uw vraag te maken heeft maar kom..

Om op uw vraag te antwoorden dan:

Normaal zoudt ge uw menu wel zo moeten opbouwen ja. In combinatie met deze techniek om geen nood te hebben aan preloaders. (Als je 2 afzonderlijke afbeeldingen gebruikt zonder preloaden krijg je een witte flits bij het hoveren over een link)

De reden waarom men een menu zo opbouwt is eigenlijk vooral voor mensen die stylesheets uitschakelen om de één of andere reden (of als ze gewoon niet ingeladen wordt). Dan is je site nog steeds perfect toegankelijk.

Zie zelf maar:

homegastenboekcontactportfolio

tegen:

• home
• gastenboek
• contact
• portfolio

Lol man, wat een gezaag.. :ironic:

Noot: De eerste die hier gaat proberen een tables<>divs discussie van te maken is zo een idioot hé.

Kleine aanvulling: bovendien beperkt die techniek het aantal HTTP headers die verstuurd moeten worden drastisch, wat ook weer de laadtijd ten goede komt =). Mensen die stylesheets bijvoorbeeld uitgeschakeld hebben kunnen mensen zijn met een mobiel apparaat (handheld, GSM).

ik zou graag divs onder de knie krijgen en css lukt wel maar
ik heb het gewoon gedaan zoals ik het op school geleerd kreeg, andere leerlingen zaagden er ook over dat die met tabellen werkt enzo,
maar als ge alleen nog maar tabellen gezien hebt maar nu beginnen we er
ook wa meer met te werken dus dat zal nog wel in orde komen zeker

Geen voorgaande comments gelezen
--
Bij tabs als navigatie; de kleur van je tabs liefst in dezelfde kleur als
het inhoudsvlak. Nu zit daar nog een klein verschil in kleur op.
Je oog moet zien dat het verbonden is met elkaar.

Vb. http://www.amazon.com

Erlend zei:

Geen voorgaande comments gelezen
--
Bij tabs als navigatie; de kleur van je tabs liefst in dezelfde kleur als
het inhoudsvlak. Nu zit daar nog een klein verschil in kleur op.
Je oog moet zien dat het verbonden is met elkaar.

Vb. http://www.amazon.com

Klik om te vergroten...

ja ik weet het maar als ik op mijn mac de # van de kleur bekijk is het allebij het zelfde en ik zie geen verschil in beide kleuren

en ja wat ik niet vermeld had en miss ook een rol speelt en hoe de code er uit ziet is dat hij op 2 dagen af moest zijn, ze hadden die dringend nodig, en dat voor een eerste site ik had na die twee miezerige daagjes tureluut

Erlend zei:

Geen voorgaande comments gelezen
--
Bij tabs als navigatie; de kleur van je tabs liefst in dezelfde kleur als
het inhoudsvlak. Nu zit daar nog een klein verschil in kleur op.
Je oog moet zien dat het verbonden is met elkaar.

Vb. http://www.amazon.com

Klik om te vergroten...

ja ik weet het maar als ik op mijn mac de # van de kleur bekijk is het allebij het zelfde en ik zie geen verschil in beide kleuren

en ja wat ik niet vermeld had en miss ook een rol speelt en hoe de code er uit ziet is dat hij op 2 dagen af moest zijn, ze hadden die dringend nodig, en dat voor een eerste site ik had na die twee miezerige daagjes tureluut

the rabbit zei:

ja ik weet het maar als ik op mijn mac de # van de kleur bekijk is het allebij het zelfde en ik zie geen verschil in beide kleuren

Klik om te vergroten...

Laatste keer: heb je het al eens als een .gif geëxporteerd?

the rabbit zei:

ik zou graag divs onder de knie krijgen en css lukt wel maar
ik heb het gewoon gedaan zoals ik het op school geleerd kreeg, andere leerlingen zaagden er ook over dat die met tabellen werkt enzo,
maar als ge alleen nog maar tabellen gezien hebt maar nu beginnen we er
ook wa meer met te werken dus dat zal nog wel in orde komen zeker

Klik om te vergroten...

Mja, tabellen gebruiken voor je layout in een website kan je het beste vergelijken met excell gebruiken voor een gewoon word-document. Het zal uiteindelijk wel gaan maar echt slim is het niet.

Vroeger, bij html 4.01 (wat nu voor beginners nog de meest gangbare versie is) werden layouts nog met tabellen gemaakt, maar men neemt nu algemeen aan dat als je er verder in gaat dat je naar xHTML 1.1 overschakelt - waarin semantiek, het gescheiden houden van structuur en opmaak en validation(*) een belangrijke rol spelen.
Het probleem met schoolopleidingen is dat die eigenlijk hopeloos achterlopen, zij kennen dus vaak html 4.01 en hebben teweinig kennis van xHTML/CSS om te weten waar dit precies over gaat en krijgen het gevoel dat dit iets onbelangrijks is. Als jij dus aan je leerkracht gaat voorleggen wat ik hier allemaal typ zou het me niet verbazen als hij alles zou ontkrachten.. Het zou dom van hem zijn, maar hij weet wellicht niet beter (Net zoals mijn leerkracht seminari informatica constant foute informatie geeft).

(*) Tot op een bepaald niveau - sommige validatie-errors zijn, as we all know, nogal overdreven.

the rabbit zei:

ja maar het was ofwel een kleurrijkere site of een iets wat sobere site
en ze hadden liever zachte kleuren, daarom

@xavez ik weet niet hoe het komt, ik werk in een mac en bij mij is het wel het zelfde ik heb het allebij perfect de zelfde # van kleur gegeven en toch is er op een pc een verschil

Klik om te vergroten...

Dan zal je waarschijnlijk bij het saven van je images het ICC profiel geinclude hebben. Dit kun je bij Save for Web of Save as gemakkelijk uitvinken.

Safari is momenteel de enige browser die kleurprofielen uitleest.

Xavez zei:

Laatste keer: heb je het al eens als een .gif geëxporteerd?

Klik om te vergroten...

nee ik heb het nog niet geprobeert, maar ik onthoud het wel wat