Archief - Layout: eerste site.

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

Knight_82

Legacy Member
Dag beste forumhangers

Heb dus een simpel site'tje gemaakt in html/css.

in mijn ogen is die redelijk af (er staat nog geen tekst in dus het gaat om de layout).

Mijn vraag is nu: ben ik goed bezig ben nog redelijk nieuw wat betreft webstites maken :)

Graag wat tips / opmerkingen / kleuren / enz / enz.

http://users.pandora.be/koenbert/website2/index.htm

Alvast bedankt voor de moeite om een beginner op de goede weg te helpen :)
(firefox geeft nog wa probleempjes :()
E

Erlend

Legacy Member
Doelstelling okay ; Dit is een simpele nette site in html en css.

Nette opmaak, typografisch kan ik niet veel zeggen, erg veel
kan je niet fout doen in jouw geval.

Ik zou wel kiezen voor meer witruimte links/rechts/boven/onder uw
tekst , iets kleiner lettertype ook? Ook de website verticaal laten
uitrekken i.p.v de vervelende scroll.


EDIT: Je html/css code kan hier en daar nog beter. :)
K

Knight_82

Legacy Member
hartelijk dank voor uw reactie.
Ik zal zeker rekening houden met uw punten die je hebt opgesomt.

Als er nog reacties zijn, laat ze maar komen :) .
D

Dece

Legacy Member
menu kan ook mbv een lijst opgemaakt worden:
Code: 
<ul>
   <li>1</li>
   enz...
</ul>

leer ook u code wat overzichtelijker te maken door een indent(tab-toets).

voor de rest heb ik nix dan lof over u manier van aanpakken.
der zijn nie veel mensen die hun eerste site zo goed opbouwen
K

Knight_82

Legacy Member
http://users.pandora.be/koenbert/testwebsite2/index.htm

Ben de minpuntjes aant wegwerken die hier werden opgesomt.

-lettertype/grote
-<ul><li>nav</li></lu>
-de scrollbar "in" de website past ook nie blijkbaar (wist ik echt niet vond dat mooi :) )

Bij dat laatste heb ik een probleem mijn footer en mijn inhoud links wil niet mee naar beneden. ben al een dag aant zoeken en al zeker 50 pagina's in google agezocht.

Ook heb ik de site wat kleur gegeven is dit beter of juist slechter?

Indien nodig kan ik mijn css code posten (wel zeer rommelig maar moet ergens beginnen é).

CSS code:
http://users.pandora.be/koenbert/css.JPG
K

Knight_82

Legacy Member
@ impact thnx 4 the tip. heb nu al da werk gedaan voor die pic te maken :(.
firefox compatibel maken is misschien een volgende stap.
[

[ImpacT]

Legacy Member
Knight_82 zei:
@ impact thnx 4 the tip. heb nu al da werk gedaan voor die pic te maken :(.
firefox compatibel maken is misschien een volgende stap.
Klik om te vergroten...

Goeie raad. Werk met Firefox, niet met IE. Zorg dat hij in FF werkt en tweak dan met CSS zodat hij ook in IE werkt. Andersom gaat u veeeeel moeite kosten.
[

[ImpacT]

Legacy Member
Knight_82 zei:
Never mind.

Na 4 uur zoeken en prutsen hen ik het gevonden.
Denk dat ik nu al de minpunten die werden opgesomt heb verbeterd.
(buiten firefox).

Verdere sugesties zijn welkom. :)

http://users.pandora.be/koenbert/testwebsite2/
CSS: http://users.pandora.be/koenbert/te...ite2/opmaak.css
Klik om te vergroten...

'k Heb dus wat aan je site zitten prullen. Om hem in FF juist te krijgen, nu het lukte mij niet echt goed, mits met <div>'s volledig een site maken toch niet simpel is, want het gaat hier om absolute positionering, waar ik het nog niet zo van moet hebben. Geef mij nog maar een paar tabellen, wel zo weinig mogelijk, maar toch, 'k vind het beter werken.

Nu dus heb er +/- een uurtje mee bezig geweest, in FF werkten je header en knoppen toch, maar in IE was't dan weer een ramp. Dus ik denk dat je nog serieus met je handen in't haar gaat zitten als je, je site in FF compatibel wilt maken.
E

Erlend

Legacy Member
T'is een hele andere manier van denken natuurlijk. Dat
is bij de meeste mensen het probleem.
[

[ImpacT]

Legacy Member
Erlend zei:
T'is een hele andere manier van denken natuurlijk. Dat
is bij de meeste mensen het probleem.
Klik om te vergroten...

Wel <div>'s werkt ergens ook wel als tabellen vind ik. Maar t'is ze op de juiste manier gepositioneerd krijgen dat soms een eindeloos werk is. Eens je abusolute positionering heel goed onder de knie hebt, kan het wel handig zijn. Maar nu vind ik het niet nodig, te veel werk.
D

DarkBone

Legacy Member
Ik werk zo goed als nooit met absolute positionering, en ik raad ook aan van het zo goed als nooit te gebruiken. Anders gaat ook, en is nochtans heel intuïtief (vind ik dan).
K

Knight_82

Legacy Member
bedankt voor de reacties allemaal.

Ben ook al wat aant prutsen geweest en als het in ff goed is ist in Ie dan weer slecht.(zelfde probleem impact:)) Misschien moet ik hem eens na maken maar dan met tabellen. maar heb op het forum gelezen dat de meeste mensen vinden dat tabellen niet echt dienen voor de lay-out vandaar dat ik met <div>'s gewerkt heb:).

tijdens mijn zoektoch op google om problemen op te lossen ben ik enkele goeie site's tegengekomen hier zijn ze: (de meeste kennen jullie waarschijnlijk toch).

http://www.echoecho.com/cssselectors.htm
http://www.webreference.com/authoring/style/sheets/layout/advanced/
http://www.tizag.com/cssT/
http://www.good-tutorials.com/tutorials/5
http://www.positioniseverything.net/
http://www.ris.be/sharelinux.asp?taal=nl&item=
http://www.gigadesign.be/css_tutorial.php
http://www.hypergurl.com/colormatch.php

voila een mooie samenvatting:).
[

[ImpacT]

Legacy Member
<div>'s zijn gewoon de toekomst. Vroeger was't HTML met alle instellingen daarin. Toen kwam CSS dat dit overnam en had je enkel nog tables - tr - td en de instellingen werden door CSS geregeld.

Nu gaan de tabellen weg, en komen de <div>'s in de plaats. En TBH, het zint me niet zo echt. Maar soit, we zullen er met der tijd wel aan wennen.
D

DieselPower

Legacy Member
theeft met snelheid te maken, sommige beweren dat <div>'s sneller zijn dan tabellen terwijl anderen het omgekeerde beweren. Bij het gebruik van <div>'s hebde natuurlijk minder code dan wanneer ge tabellen gebruikt... dachtek é
[

[ImpacT]

Legacy Member
DieselPower™ zei:
theeft met snelheid te maken, sommige beweren dat <div>'s sneller zijn dan tabellen terwijl anderen het omgekeerde beweren. Bij het gebruik van <div>'s hebde natuurlijk minder code dan wanneer ge tabellen gebruikt... dachtek é
Klik om te vergroten...

Denk da <div> ook minder code heeft. Maar 't is gewoon onhandig vind ik, geen goeie ervaringen mee. Zoveel gezeik, niet te doen. Als alle browers nu het allemaal eens hetzelfde hun code zouden compilen. Het zou het leven van een webontwerper stukken makkelijker maken :)
K

Knight_82

Legacy Member
[ImpacT] zei:
Denk da <div> ook minder code heeft. Maar 't is gewoon onhandig vind ik, geen goeie ervaringen mee. Zoveel gezeik, niet te doen. Als alle browers nu het allemaal eens hetzelfde hun code zouden compilen. Het zou het leven van een webontwerper stukken makkelijker maken :)
Klik om te vergroten...


En zou mijn website ook ff compatibel zijn :applause:
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