Ik zie hier nogal eens een layout voorbijkomen die nog gesliced moet worden, betekent dat dat iemand dan gewoon een paar onderdelen in photoshop etc aan elkaar designed, (dus meer een soort afbeelding maakt) dan dat je in werkelijkheid niet eens met css html etc. bezig bent?

Soms is dit inderdaad gewoon het slicen via photoshop/dreamweaver/... naar basis html + css.
Om deze handelingen van het echte handmatig samenstellen van (x)html + css te scheiden, gebruikt men hier de term "basing" .

Basing houd imo in dat je handmatig de (x)html + stylesheet samenstelt zodanig dat je een flexibele en semantisch correcte pagina aflevert aan je klant.

Om te weten op welke manier de verkoper van een layout sliced, zul je toch wel een voorbeeld moeten vragen denk ik.

Wie heeft er een echt goede tutorial daarover ?

Ik weet niet of er echt goede tutorials voor zijn (of kunnen zijn). Het is heel belangrijk dat je (x)html en CSS goed kent en weet wanneer je welke tags moet gebruiken.

Voor de rest speelt ervaring ook een heel grote rol, zeker omdat je veel vervelende bugs in IE gaat tegenkomen, die je dan zal moeten omzeilen.

Een site met goede tutorials voor (x)html en CSS is W3Schools Online Web Tutorials

Origineel gepost door Sander Beenen

Wie heeft er een echt goede tutorial daarover ?

Ik deel Dirk zijn twijfel. Elke layout behoeft zijn eigen aanpak, het is niet zo dat je standaard elementen gebruikt bij het slicen. Dit hangt volledig af van de semantiek wat de site het beste voort kan brengen.

Zoals ik ooit op een ander forum heb medegedeeld: In feite is het niet zo heel ingewikkeld. Je kijkt eerst uit welke contentdelen de lay-out bestaat, dus proberen rechthoeken te trekken. Daarna zou je kunnen kijken of je die rechthoeken kan onderverdelen. Aan die betreffende delen kun je divs wijden.

Verder moet je gewoon zorgen dat je semantisch html gebruikt, niet direct met CSS beginnen. Echter moet je wel ongeveer in je achterhoofd houden hoe je de lay-out op gaat delen met betrekking tot de positionering.

Wanneer je semantisch html gebruikt, kun je vaak nog alle kanten op als je er CSS op los laat. Enige kennis die nodig is van CSS is bepaalde standaard-properties en waarden van bepaalde elementen (zoals geflaote divs, headers, paragrafen, lijsten, formulieren), dus het gedrag ervan.
Als je steeds vaker en vaker met CSS werkt, zul je steeds meer leren over het gedrag van elementen, ook ten opzichte van elkaar.

Ik raad je aan zo weinig mogelijk hacks toe te passen (als het even kan geen één). Mocht je toch gebruik willen maken van hacks om een ontwerp zowel in IE als FF hetzelfde te krijgen, doe dit dan zeker niet in de html-document. Probeer, voordat je hacks toe gaat passen, altijd een beetje een gulden middenweg te gebruiken. Toegepaste hacks kunnen namelijk kunnen namelijk juist weer voor problemen zorgen in nieuwere versies van de browser waarvoor je een hack hebt gebruikt.

Ik ben het met Erwin eens

Hoewel ik zelf juist met de css begin, een voor een de dividers opstellen. Maar dat is zoals je ziet dus per persoon verschillend...

Om het te leren zou ik proberen een eenvoudige site te basen, die ook al door iemand anders gebased is (ik heb er wel een voor je als je dat wilt). Dan kan je vanaf de psd tot de xhtml + css het hele proces, zo je wilt met ondersteuning uitvoeren.

@Erwin

wat bedoel je met hacks ?

dat ie bijv voor ie een andere style.css include, of dat je bij je css background-color; #000 en _background-color: #000, met een _ leest alleen ie

Origineel gepost door Frank Broersen

met een _ leest alleen ie

die wist ik nog niet, ik kende wel het principe van de child selectors