Archief - Photoshop lay out klaar, wat nu?

Hey,

Ik ben bezig aan een nieuwe website. Ik heb een design gemaakt in photoshop. Nu vroeg ik mij af wat tegenwoordig het beste is om dat om te zetten naar een website.
Liefst zou ik het willen integreren in een systeem zoals wordpress, zodat ik online gemakkelijk de content kan wijzigen. Zijn hier betere alternatieven voor als wordpress?
Of is er een betere oplossing?
En is er hier iemand die mij hier eventueel mee wil helpen (tegen betaling)?

grtz

tutorials :
slice/base design to wordpress template
google is uw vriend

en ik kan u niet helpen.

Je zal wat je in Photoshop hebt gemaakt moeten omzetten naar CSS, die CSS is dan weer afhankelijk van je HTML, je HTML schrijf je afhankelijk van je inhoud. Maar aangezien je met een blog systeem/CMS wil werken met je bij het schrijven van je HTML rekening houden met sommige beperkingen van je CMS, in veel gevallen ben je vrij in het kiezen van je (html)tags en moet je via een aantal specifieke stukken code bepalen wat waar op je site komt, hier kan je soms gebruik maken van server side script talen (in veel gevallen PHP).

Je design omzetten naar CSS wordt vaak 'slicen' genoemd. In veel gevallen wordt de Photoshop layout in verschillende stukken gesneden die op hun beurt worden geoptimaliseerd en in de CSS worden gestoken.

Ik ben niet echt een 'slicer'. Ik bekijk de lay-out en bepaal dan wat in CSS kan en wat niet. Dit is in veel gevallen afhankelijk van hoe de klant het wil en van welke bezoekers er verwacht worden.

Tegenwoordig is er veel mogelijk in CSS, van gradiënten tot afgeronde hoeken. Helaas werken al deze dingen nog niet in elke browser, voor sommige zaken is het niet zo erg dat ze er in IE wat minder uitzien, maar in ander gevallen is het weer een andere zaak.
Ik probeer zo veel mogelijk in CSS, wat niet in CSS kan gaat dan via een afbeelding, deze hou ik zo klein mogelijk (zowel in afmetingen als in bestandsgrootte) en vorm ik om in het juiste formaat (jpg, gif, png) hierbij is het ook belangrijk om te weten dat transparante png's niet worden ondersteund in een ouder versie van IE.

Naargelang hoe belangrijk ondersteuning is voor oudere browsers zal je voor een aantal zaken oplossingen moeten zoeken (conditional stylesheet, Javascript, ...)