Archief - Allereerste websites

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

wocypke

Legacy Member
Hoi!

ik heb sinds gisteren mijn allereerste websites officieel afgewerkt!
Waarschijnlijk trekken ze voor jullie op niks, en daarom zijn alle tips welkom ;P ik wil mezelf graag verbeteren.

De websites:

www.cyanfishwebdesign.co.cc --> mijn webdesignprojectje.
www.tamarofficial.co.cc --> website voor mijn band.

Wat vinden jullie ervan?

Cheers!
C

Curahee Q

Legacy Member
1. Zet je css in een apart bestand (CSS How to)
2. Waarom dat lelijk firefox logo onderaan? Het moet in elke browser hetzelfde werken. Als dat niet zo is, zorg je ervoor. Dat is een plicht als developper. De gebruiker beslist nog steeds zelf welke software hij/zij gebruikt.
3. iframes zijn een nogo, verwijder ze, vergeet ze, gebruik ze nooit meer! Alternatieven? Voor elk menuitem een aparte pagina maken of met behulp van php, asp of dergelijke. Maar in jou geval dus voor elk menuitem een andere pagina met krak dezelfde html, enkel de content is anders. Daarom moet dus ook die css in een apart bestand staan zodat als je je css aanpast, je niet elke pagina moet aanpassen maar enkel het .css bestand.
4. Tables om je pagina te designen is ook een nogo. Gebruik elk element waarvoor het dient. Een table dient om een tabel weer te geven, bijvoorbeeld een tabel van gebruikers uit de database. Een ontwerp is geen tabel. Gebruik hiervoor divs en css.
w

wocypke

Legacy Member
Curahee Q zei:
1. Zet je css in een apart bestand (CSS How to)
2. Waarom dat lelijk firefox logo onderaan? Het moet in elke browser hetzelfde werken. Als dat niet zo is, zorg je ervoor. Dat is een plicht als developper. De gebruiker beslist nog steeds zelf welke software hij/zij gebruikt.
3. iframes zijn een nogo, verwijder ze, vergeet ze, gebruik ze nooit meer! Alternatieven? Voor elk menuitem een aparte pagina maken of met behulp van php, asp of dergelijke. Maar in jou geval dus voor elk menuitem een andere pagina met krak dezelfde html, enkel de content is anders. Daarom moet dus ook die css in een apart bestand staan zodat als je je css aanpast, je niet elke pagina moet aanpassen maar enkel het .css bestand.
4. Tables om je pagina te designen is ook een nogo. Gebruik elk element waarvoor het dient. Een table dient om een tabel weer te geven, bijvoorbeeld een tabel van gebruikers uit de database. Een ontwerp is geen tabel. Gebruik hiervoor divs en css.
Klik om te vergroten...

1. Ok ;) soms staat ze er niet in omdat het code is die ik maar op 1 pagina gebruik... maar meestal wel :)
2. Omdat ik mijn publiek aanraad om de website in Firefox te openen :P ze werkt normaal gezien wel op alle browsers, dat heb ik gecheckt ;) zie het als een aanmoediging om van IE af te stappen (mensen die bewust een browser gekozen hebben kijken er toch niet naar).
3. Ok ;)
4. Ok ;)

Ik heb de laatste twee redenen opgezocht op Google (why not to use ...) en je lijkt reden genoeg te hebben.

Heel erg bedankt! Ik zal je op de hoogte houden als dit allemaal in orde is (gaat wel een tijdje duren).
w

wocypke

Legacy Member
Curahee Q zei:
1. Zet je css in een apart bestand (CSS How to)
2. Waarom dat lelijk firefox logo onderaan? Het moet in elke browser hetzelfde werken. Als dat niet zo is, zorg je ervoor. Dat is een plicht als developper. De gebruiker beslist nog steeds zelf welke software hij/zij gebruikt.
3. iframes zijn een nogo, verwijder ze, vergeet ze, gebruik ze nooit meer! Alternatieven? Voor elk menuitem een aparte pagina maken of met behulp van php, asp of dergelijke. Maar in jou geval dus voor elk menuitem een andere pagina met krak dezelfde html, enkel de content is anders. Daarom moet dus ook die css in een apart bestand staan zodat als je je css aanpast, je niet elke pagina moet aanpassen maar enkel het .css bestand.
4. Tables om je pagina te designen is ook een nogo. Gebruik elk element waarvoor het dient. Een table dient om een tabel weer te geven, bijvoorbeeld een tabel van gebruikers uit de database. Een ontwerp is geen tabel. Gebruik hiervoor divs en css.
Klik om te vergroten...
De CSS op de allereerste pagina (Tamar) kan ik toch laten staan? 't word nergens anders gebruikt.
s

scipicore

Legacy Member
Het is sowieso altijd beter om de CSS apart te zetten, al was het maar voor de duidelijkheid.

Als ik een website maak, begin ik voor ik iets van code schrijf met het aanmaken van alle bestanden en mappen enzo, zo krijg je ook een duidelijke structuur en vind je eventuele problemen ook makkelijker terug.
s

sneax

Legacy Member
css altijd extern

net zoals het <html> is en niet >html<, dat is gewoon zo :)
w

wocypke

Legacy Member
Vraagje: zijn de nieuwe HTML5 tags zoals <footer> en <navigation> vergelijkbaar met div tags en zo ja, zijn ze al bruikbaar? Dan kan ik deze gebruiken in de plaats van divs... zo niet laat gebruik ik gewoon divs :)
F

FurtiveDuck

Legacy Member
't Begon erg leuk met uw animatie en dergelijke in het begin. Dan krijg ik, sorry voor mijn taalgebruik, een strontlelijke vierkante blok met een stroke / border vanuit de oertijd WHAAAKK in m'n face geramd.

Zo begon het ook allemaal, maar het moet gezegd worden. Dat is mis. Je wilt de gebruiker een rustig gevoel geven. Zeker als het is om op het web te surfen. De ogen mogen niet pijn doen en het moet aangenaam lezen zijn. Dikke bold lettertypes en strokes groter dan 1px, hoewel ik gewoon geen strokes aan zou raden, zijn uit den boze.

Een scrollbar in de frame van uw website is ook al een no-go, tenzij het is om een text-area groter te maken. Je hebt een scrollbar rechts in uw browser scherm en daar moet het maar bij blijven.

En ja, ja. En daar ben ik weer. Haal even Cyan Fish Webdesign door The W3C Markup Validation Service en zorg dat je geen errors meer hebt. Dan pas zal je website optimaal draaien op alle browsers en hoef je je Firefox logotje daar niet meer te plaatsen, al is het maar om minieme verschillen te verstoppen.

wocypke zei:
2. Omdat ik mijn publiek aanraad om de website in Firefox te openen :P ze werkt normaal gezien wel op alle browsers, dat heb ik gecheckt ;) zie het als een aanmoediging om van IE af te stappen (mensen die bewust een browser gekozen hebben kijken er toch niet naar).
Klik om te vergroten...

Neen, neen, neen. Helemaal verkeerd! Jij moet je publiek niets aanraden. Uw publiek moet jou aanraden om uw website te optimaliseren voor Mister Fatso met de meest uptodate browser die er is én voor Misses Kuismadam met haar IE6.0. Jij hebt niets te zeggen. Als webdeveloper krijg je één kans. Wanneer de gebruiker uw website de eerste maal bezoekt. Krijgt hij iets tevoorschijn getoverd waarvan hij onder de indruk is zal hij blijven terugkomen, krijgt hij iets in z'n strot geramd waarvan hij prompt zijn door-maagzuur-afgebroken huisbereide lasagne tegen z'n TFT-schermpje katapulteerd zal hij er in het vervolg zo ver mogelijk van weg willen blijven.

Nevertheless. Good job voor de eerste websites die je in elkaar knutselde. Het is iets die je leert met vallen en opstaan en 'k moet zeggen dat 'k onder de indruk ben! :applause:
w

wocypke

Legacy Member
FurtiveDuck zei:
't Begon erg leuk met uw animatie en dergelijke in het begin. Dan krijg ik, sorry voor mijn taalgebruik, een strontlelijke vierkante blok met een stroke / border vanuit de oertijd WHAAAKK in m'n face geramd.

Zo begon het ook allemaal, maar het moet gezegd worden. Dat is mis. Je wilt de gebruiker een rustig gevoel geven. Zeker als het is om op het web te surfen. De ogen mogen niet pijn doen en het moet aangenaam lezen zijn. Dikke bold lettertypes en strokes groter dan 1px, hoewel ik gewoon geen strokes aan zou raden, zijn uit den boze.

Een scrollbar in de frame van uw website is ook al een no-go, tenzij het is om een text-area groter te maken. Je hebt een scrollbar rechts in uw browser scherm en daar moet het maar bij blijven.

En ja, ja. En daar ben ik weer. Haal even Cyan Fish Webdesign door The W3C Markup Validation Service en zorg dat je geen errors meer hebt. Dan pas zal je website optimaal draaien op alle browsers en hoef je je Firefox logotje daar niet meer te plaatsen, al is het maar om minieme verschillen te verstoppen.



Neen, neen, neen. Helemaal verkeerd! Jij moet je publiek niets aanraden. Uw publiek moet jou aanraden om uw website te optimaliseren voor Mister Fatso met de meest uptodate browser die er is én voor Misses Kuismadam met haar IE6.0. Jij hebt niets te zeggen. Als webdeveloper krijg je één kans. Wanneer de gebruiker uw website de eerste maal bezoekt. Krijgt hij iets tevoorschijn getoverd waarvan hij onder de indruk is zal hij blijven terugkomen, krijgt hij iets in z'n strot geramd waarvan hij prompt zijn door-maagzuur-afgebroken huisbereide lasagne tegen z'n TFT-schermpje katapulteerd zal hij er in het vervolg zo ver mogelijk van weg willen blijven.

Nevertheless. Good job voor de eerste websites die je in elkaar knutselde. Het is iets die je leert met vallen en opstaan en 'k moet zeggen dat 'k onder de indruk ben! :applause:
Klik om te vergroten...

Als je het over de vierkante blok hebt met de stroke, dan bedoel je toch Cyan Fish hé? ;D Ik dacht een compact klein websiteje te maken, maar je hebt wel gelijk, als ik meer indruk wil maken moet het anders ;)
En het Firefox logo zal ik weg doen ;D
Voor de rest denk ik dat je vooral kritiek hebt op Cyan Fish, of is dat ook het geval bij de website van Tamar?
Bedankt voor het advies!
C

Curahee Q

Legacy Member
Het eerste waar ik naar kijk bij beginnende webdesigners is hun code. Het design op zich interesseert mij niet zo zeer. Ik heb liever dat je code eerst heel goed in elkaar zit en dat je daarna je design gaat verfijnen.

Ook ben ik zelf niet goed in het designen dus laat ik dat over aan betere mensen hier op het forum.
F

FurtiveDuck

Legacy Member
wocypke zei:
Als je het over de vierkante blok hebt met de stroke, dan bedoel je toch Cyan Fish hé? ;D Ik dacht een compact klein websiteje te maken, maar je hebt wel gelijk, als ik meer indruk wil maken moet het anders ;)
En het Firefox logo zal ik weg doen ;D
Voor de rest denk ik dat je vooral kritiek hebt op Cyan Fish, of is dat ook het geval bij de website van Tamar?
Bedankt voor het advies!
Klik om te vergroten...

Heb het over beiden. Ze hebben beiden dezelfde look & feel als je het van veraf bekijk. De stroke slaat nu inderdaad vooral op die Cyan Fish, maar bij die TAMAR heb je dan weer die half-doorzichtige zwarte achtergrond, waardoor je al snel het blok-effect krijgt. Staar je nu niet blind op wat ik gezegd heb. 't Is goed voor een beginner. Maar je werkt echt wel met een 'blokjes'-layout.
w

wocypke

Legacy Member
FurtiveDuck zei:
Heb het over beiden. Ze hebben beiden dezelfde look & feel als je het van veraf bekijk. De stroke slaat nu inderdaad vooral op die Cyan Fish, maar bij die TAMAR heb je dan weer die half-doorzichtige zwarte achtergrond, waardoor je al snel het blok-effect krijgt. Staar je nu niet blind op wat ik gezegd heb. 't Is goed voor een beginner. Maar je werkt echt wel met een 'blokjes'-layout.
Klik om te vergroten...

Ah, zo. Ik heb het idee gehaald van MUSE
Werken ze op die website ook niet zo?
S

Sick-Boy

Legacy Member
FurtiveDuck zei:
En ja, ja. En daar ben ik weer. Haal even Cyan Fish Webdesign door The W3C Markup Validation Service en zorg dat je geen errors meer hebt. Dan pas zal je website optimaal draaien op alle browsers en hoef je je Firefox logotje daar niet meer te plaatsen, al is het maar om minieme verschillen te verstoppen.
Klik om te vergroten...

Waar haal je die stelling vandaan? Het is niet omdat je site gevalideerd is dat elke webbrowser op elk systeem hetzelfde resultaat toont. Als wocypke professioneel wil websites bouwen zal hij toch meer in beschouwing moeten nemen dan validatie. Het blijft wel een goede basis, maar er zijn simpele dingen die grote gevolgen kunnen hebben (bv. ontbrekend lettertype kan de navigatie veranderen).
F

FurtiveDuck

Legacy Member
Sick-Boy zei:
Waar haal je die stelling vandaan? Het is niet omdat je site gevalideerd is dat elke webbrowser op elk systeem hetzelfde resultaat toont. Als wocypke professioneel wil websites bouwen zal hij toch meer in beschouwing moeten nemen dan validatie. Het blijft wel een goede basis, maar er zijn simpele dingen die grote gevolgen kunnen hebben (bv. ontbrekend lettertype kan de navigatie veranderen).
Klik om te vergroten...

Korreltje zout? Natuurlijk is wat je zegt volledig waar. Hacks en dergelijke kunnen soms ook de validatie naar de knoppen helpen. Maar dit is een beginner aan het werk en je zegt zelf dat alle begin begint bij een goede validatie (basis) en dat is ook mijn visie.

Het is vanzelfsprekend dat je website niet in iedere browser pixel-perfect zal zijn, maar daar moet je maar mee leven of je eens goed in de cross-browser hacks verdiepen.
H

Huxley

Legacy Member
'k Snap niet goed waarom ge alles in zo'n klein kaderke wilt proppen? Ge zit dan met zo nen ambetant scrollbar. Ik zou toch de ruimte gebruiken die beschikbaar is, dan hebt ge direct al minder een druktegevoel.
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