Origineel gepost door Robin W.

Cedric wat is die tip dan?

En welk programma's heb je nodig om het basen makkelijker te maken?

Adobe photoshop (om te slicen)
Dreamweaver (om te basen)

hier een nuttige link voor je

http://www.computerfaq.be/website-ma...met-photoshop/

als je nog iets wilt weten pm me maar.

iedere malloot die iets of wat fatsoenlijk css kent en een beetje photoshop kan toch
basen zeker...

gewoon een kwestie van prentjes uitknippen en deze in div containers plaatsen.

goede raad volg gewoon een paar tuts en bekijk de code van een paar websites die je leuk vind.

Origineel gepost door Schraepen Bart

iedere malloot die iets of wat fatsoenlijk css kent en een beetje photoshop kan toch
basen zeker...

Aan deze opmerking kunnen we zien dat je niet goed weet waar je over praat,

Basen is meer dan codes op een rijtje zetten, en een paar afbeeldingen uitknippen.

Afbeeldingen:
- Welk formaat gebruik je? Jpeg, gif of png. En de kwaliteitslevel, hoe hoog moet die worden?
- Knip op de pixel precies een afbeelding uit.
(Knip niet te veel weg, want dat gebeurt vaak bij hele lichte overlopen, maar neem ook geen grote stukken mee)
- gebruik je transparant PNG? Zo ja, hoe ga je dat oplossen in IE6?

HTML:
- zorg dat de opdrachtgever snel de code kan inlezen door hele nette code te gebruiken
- Gebruik zo min mogelijk elementen, maar zorg er wel voor dat het nog toegankelijk is.
- Gebruik elke code op de juiste manier. <table> voor tabellen, <ul> voor menu's, <h?> voor kopteksten

CSS:
- zorg dat de opdrachtgever snel de code kan inlezen door hele nette code te gebruiken.
- Hou de code zo kort mogelijk.

Algemeen:
- maak in geen enkele code een spelfout
- Zorg ervoor dat het in alle moderne webbrowsers werkt, inclusief IE6
- Laat de webpagina werken op alle resoluties (meestal vanaf 1024x768 pixels)
- Zorg ervoor dat de html-pagina op de pixel precies hetzelfde eruit ziet als de .psd
(neem geen genoegen met een rand die niet helemaal aansluit, maar ga net zo lang
door totdat het er precies zo uitziet als dat de designer bedacht heeft)

nog voordat je daar mee begint, zou ik eerst eens een html structuur op zetten, alleen om te kijken hoe je het ontwerp gaat basen. Ik werk persoonlijk nu het liefst met rijen. Dus een top rij, een header rij, content rij en footer rij. Bij wijze van spreken.

Daarnaast kijk ik ook naar de ul enz. Wat kan op wat voor manier gebruikt worden? Dit doe ik nog voor in photoshop begin.

Wat ook wel makkelijk is in het begin, is om eerst je html en css te maken en dit vullen met achtergrond kleuren, deze vervolgens even screenshotten en over je PSD heen plakken. De transparantie op 50% zetten en kijken hoe goed je layout is. Wanneer dit goed is, kun je beginnen met plaatjes knippen.

Ik raad altijd PNG aan, png op 90% is prima, biedt ondersteuning voor transparantie, en is gecomprimeerd kleiner dan jpg.

Over ie6, daar zijn meerdere hacks voor te vinden. Helaas niet al te veel voor CSS achtergronden ( laat staan achtergronden met een repeat) maar dat is een keuze die je moet maken.

Heeft iemand nog wat goede tutorials, van hoe je een simpele layout based? Dat zou me erg helpen.

www.web-garden.be

vind ik een mooie website ;)

gelijk html en CSS in een (bij de html)