[BIETE] PSD To HTML

[Zocker-Mocker]

Was biete ich?

 Spoiler

Ich biete euch die Umsetzung einer *.PSD-Datei in eine Statische HTML 4.0.1 Website mit CSS3.

Was verlange ich?

 Spoiler

Nichts, da ich erstmal ein paar Referzenen und Feedback gebrauchen kann. (Spenden usw.. sind natürlich gerne gesehen )

Sontiges

 Spoiler

Falls Fragen oder ähnliches bestehen bitte eine P.N. an mich.

[#FaiL']

Sauberer Code oder einfach nur Slice Werkzeug? (;

[Zocker-Mocker]

Natürlich sauberer Code!

[boxxiebabee]

So, dann fang ich mal an

Könntest das bitte umsetzen? Bin zu faul dafür


Sollte xhtml valid sein und mit css realisiert sein.

[CaptainSmile]

Habe bisschen Angst um meine PSD Datei ich warte mal ab wie die ersten Ergebnisse werden...

Mfg Smile

[Zocker-Mocker]

Originally Posted by boxxiebabee

So, dann fang ich mal an

Könntest das bitte umsetzen? Bin zu faul dafür


Sollte xhtml valid sein und mit css realisiert sein.

Werde mich mal dransetzten kann aber nicht versprechen ob's xHTML-Valided wird.

Originally Posted by CaptainSmile

Habe bisschen Angst um meine PSD Datei ich warte mal ab wie die ersten Ergebnisse werden...

Mfg Smile

Verstehe dich.^^ Würde genau das gleiche machen.

[Doste]

Mach dann bitte ein Live Preview des ersten Auftrags damit man was ansehen kann.

[boxxiebabee]

Das Ergebniss ist leider sehr ernüchtern.
So siehts aus:
Es wurde großteils nur mit Images gearbeitet, und selbst dann siehts nicht so aus wie in der .psd.

Hab es nun schlussendlich selbst gemacht, nur das nötigste mit Bilder, w3c valid und gleich wie die .psd:

[CaptainSmile]

Originally Posted by boxxiebabee

Das Ergebniss ist leider sehr ernüchtern.
So siehts aus:
Es wurde großteils nur mit Images gearbeitet, und selbst dann siehts nicht so aus wie in der .psd.

Hab es nun schlussendlich selbst gemacht, nur das nötigste mit Bilder, w3c valid und gleich wie die .psd:

Mir hat er das Ergebniss ebenfalls gezeigt und ich musste ihm auch erstmal erklären das dies kompletter Müll war... Er hat nur die Bilder ausgeschnitten und dann mit irgendeiner Schriftart alles hingeschrieben. Selbst in die Felder konnte man nichts schreiben da es nur ein Image war...

[#FaiL']

Wäre ja auch zu schön (;

[Doste]

Wenn noch jemand was braucht ich habe auch einen Thread offen wo ich es kostenlos mache.

[Zocker-Mocker]

Originally Posted by boxxiebabee

Das Ergebniss ist leider sehr ernüchtern.
So siehts aus:
Es wurde großteils nur mit Images gearbeitet, und selbst dann siehts nicht so aus wie in der .psd.

Hab es nun schlussendlich selbst gemacht, nur das nötigste mit Bilder, w3c valid und gleich wie die .psd:

Dein Entwurf ist weiter entfernt von der Vorlage als meiner^^. Sage bitte, wenn du nicht willst, das ich den Hintergrund benutzen soll. (Bei den Ding in der mitte war ich mir nicht einig, ob's so tramatisch wäre, wenn es nicht den Farbverlauf hätte, deswegen habe ich einen Kompromiss und ein ein 1px Breites kleines Bild wiederholen lassen. Naja war ja anscheinend nicht tramatisch )

Originally Posted by CaptainSmile

Mir hat er das Ergebniss ebenfalls gezeigt und ich musste ihm auch erstmal erklären das dies kompletter Müll war... Er hat nur die Bilder ausgeschnitten und dann mit irgendeiner Schriftart alles hingeschrieben. Selbst in die Felder konnte man nichts schreiben da es nur ein Image war...

Mir hast du gesagt das alles sauber gecodet ist, außer wegen der Schriftart aber da streiten sich unsere Geister, was das betrifft. - Stichwort Barrierefreiheit. (Bye the way, mir haste sogar noch empfohlen, die Schrift möglichst mit Bildern einzufügen) Nein, waren sie nicht (siehe Quellcode).^^ Das ist ein div-Bereich in den man sofort eine Form einfügen könnte. Ich habe keine Form eingefügt, weil dies nicht meine Aufgabe war.

Schon etwas dreist zu sagen das ich nur mit Bildern gearbeitet habe und den mehr zu benutzen als ich.

Meine Bilder die ich benutzt habe:
Hintergrund Bild vom Weltall
Den Farbverlauf in der Mitte den ich 1px Breit gemacht habe.
Beispiel Avatar
Usernamen- und Password-ICON (Nicht die ganze Bar!)
Login-Button und Rollover davon

[boxxiebabee]

Originally Posted by Zocker-Mocker

Dein Entwurf ist weiter entfernt von der Vorlage als meiner^^. Sage bitte, wenn du nicht willst, das ich den Hintergrund benutzen soll. (Bei den Ding in der mitte war ich mir nicht einig, ob's so tramatisch wäre, wenn es nicht den Farbverlauf hätte, deswegen habe ich einen Kompromiss und ein ein 1px Breites kleines Bild wiederholen lassen. Naja war ja anscheinend nicht tramatisch )

Weiter entfernt? Junge du hast es nichtmal geschafft ne Form einzubauen, geschweige denn das man etwas in Username / Passwort reinschreiben kann. Checkbox ist auch nur ein Standard-Teil, Shadow hast soweit ich gesehen hab auch keinen. Natürlich ist meins nicht 100% gleich wie die .psd, hab auch ein paar Kleinigkeiten abgeändert, andere Schriftart (wollte keine einbinden), sowie der Hintergrund, da sich der in der .psd nicht eignet. Und den Teil mit Register hab ich gleich ganz weggelassen da ich den nicht brauche.

Originally Posted by Zocker-Mocker

Schon etwas dreist zu sagen das ich nur mit Bildern gearbeitet habe und den mehr zu benutzen als ich.

Ehm, das kommt vielleicht davon das du weder Hover/Focus eingebaut hast, ne Standart-Checkbox benutzt etc?


Aber sorry, wenn man keine Ahnung hat, sollte man nicht solche Dienste anbieten, auch wenns gratis ist. Da würde warscheinlich mit nem PSD2HTML converter noch was besseres rauskommen.

[Zocker-Mocker]

Originally Posted by boxxiebabee

Weiter entfernt? Junge du hast es nichtmal geschafft ne Form einzubauen, geschweige denn das man etwas in Username / Passwort reinschreiben kann. Checkbox ist auch nur ein Standard-Teil, Shadow hast soweit ich gesehen hab auch keinen. Natürlich ist meins nicht 100% gleich wie die .psd, hab auch ein paar Kleinigkeiten abgeändert, andere Schriftart (wollte keine einbinden), sowie der Hintergrund, da sich der in der .psd nicht eignet. Und den Teil mit Register hab ich gleich ganz weggelassen da ich den nicht brauche.



Ehm, das kommt vielleicht davon das du weder Hover/Focus eingebaut hast, ne Standart-Checkbox benutzt etc?


Aber sorry, wenn man keine Ahnung hat, sollte man nicht solche Dienste anbieten, auch wenns gratis ist. Da würde warscheinlich mit nem PSD2HTML converter noch was besseres rauskommen.

Ich habe das nichtmal probiert, weil ich dachte das machst du.^^
Das andere hätte, man vorher sagen sollen.


Das mit der Checkbox ist wieder Geschmackssache, ob das unnötig ist oder ob man das extra braucht. (Ich habe das, wie man sieht, als unnötig empfunden, was du aber wieder nicht als unnötig empfunden hast. Aber die Hintergrund Grafik des Hauptbereiches hast du wieder unnötig gefunden.)

[.Acu³]

Originally Posted by Zocker-Mocker

Ich habe das nichtmal probiert, weil ich dachte das machst du.^^
Das andere hätte, man vorher sagen sollen.

Wenn auf dem .psd ein textfeld/bzw ein formular ist, dann ist das doch wohl klar dass beim umsetzten in html diese felder nicht als bild eingefügt werden.. also bitte.. was hat man dann davon wenn man es so macht wie du? da kann man auch die psd als jpg speichern und einfach so anzeigen..