[Alexa1983]

Hallöchen,

bin neu hier

Komme eigentlich mehr aus der Print-Ecke. Nun hab ich ne kleine Aufgabe bekommen:
Ich soll eine Design-Vorlage aus Photoshop in ein komplettes CSS-layout umsetzen.

Bisher habe ich CSS-Dateien mal angepasst, verstehe auch recht gut, was da passiert, aber mehr auch nicht.
Könnt ihr mir sagen, wie ich am besten an sowas rangehe? Muss meinen Chefs doch zeigen, dass ich das hinbekomme.

Vielen Dank für Eure Hilfe schonmal vorab.

Lieben Gruß
Die Alexa

[eViLaSh]

Naja, dafür solltest du dir erst einmal die Grundkenntnisse in HTML und CSS aneignen.

Das ist dabei ganz hilfreich:

http://de.selfhtml.org/

http://de.selfhtml.org/css/index.htm

[Kraat]

Als erstes nimmste das Photoshop Layout und arbeitest mit "Slices". Immer daran denken, wo kein Bild hin muss, immer nur mit Farben arbeiten.

Dann könntest Du dir mal CSS Referenzen durchschauen.
1. http://www.css4you.de/
2. http://www.w3schools.com/css/css_reference.asp
3. Es gibt noch tausende

Zudem würde ich grundsätzlich tabellenfrei und nach der BITV (Barrierefreie Informationstechnologie Verordnung) arbeiten. Was die BITV ist kannst du unter http://www.einfach-fuer-alle.de/ nachlesen.

Solltest Du nun weitere Fragen haben, werden wir Dir hier mit Sicherheit gerne helfen.

Viel Spaß ^^

[Alexa1983]

Danke schonmal für die Tipps.

Also HTML hab ich schon drauf
Grundsätzliche CSS-Kenntnisse hab ich mir von der css4u auch schonmal angesehen.

Das mit den Slicen ist ein guter Tipp. Geht doch über Image Ready, oder?
Dann exportiert man die Grafiken, die es bedarf und platziert die in den divs, right?

[l3mon]

du hast pn

[Kraat]

[oliver_mahlke]

http://www.andreas-kalt.de/webdesign/tutorials/css-layout-erstellen

[Alexa1983]