Website in Photoshop erstellt -> nun Problem

[Sigi]

Guten Abend an alle,

habe grad ne Website in Photoshop fertig gestellt.

Nun eine Frage, wie bekommt ihr dann das Design in eine HTML page.

Habs schon mit Slicen versucht und dann mit Webspeichern,
aber wenn ich z.b. die linke Seite  (Navigation) mit Inhalt fülle,
und soviel reinschreibe, das es nach unten hin weiter wird, verschiebt sich das auf der rechten seite.

ich habe mal ein bild dabei gelegt, damit ihr seht, was passiert.
(siehe link)

hat jmd für mich ein tipp, wie ich das verhindern kann ?!

PS: die weisen stellen im header & footer spielen keine rolle.

mfg
Sigi

[Götz]

Hallo Sigi!

Nun eine Frage, wie bekommt ihr dann das Design in eine HTML page.
hat jmd für mich ein tipp, wie ich das verhindern kann ?!

Am besten Du lernst HTML.

Ich kenne da eine gute Doku, die nennt sich "SELFHTML", oder so ähnlich.
Da kannst Du ja mal reinschauen.

MfG
Götz

[Sigi]

Am besten Du lernst HTML.

HTML kann ich ja. das problem ist, das sich das immer verschiebt.

mit HTML selbst hab ich kein prob

[Götz]

Hallo Sigi!

HTML kann ich ja. das problem ist, das sich das immer verschiebt.
mit HTML selbst hab ich kein prob

Falls dem so ist, kannst Du ja einfach mal nachschauen, was sich warum wie verschiebt, und das Problem lösen.
Sollte für jemanden, der mit HTML keinerlei Probleme hat eigentlich nicht so schwer sein.

MfG
Götz

[Christoph Schnauß]

morgens Götz,

HTML kann ich ja

Das ist zu bezweifeln. Wenn du HTML "können" würdest, würdest du nicht in Photoshop HTML-Dokumente zu erstellen versuchen.

das problem ist, das sich das immer verschiebt.

Was verschiebt sich da, und wann passiert das? Wie hast du herausgefunden, daß sich da irgendwas verschiebt?

Du hast einen völlig unnützen Screenshot online gestellt. Da verschiebt sich nix. Da kann man nichts analysieren. Wenn du Hilfe bei einem Quelltext benötigst, mußt du schon den Quelltext posten (bei längeren Dokumenten bitte nicht alles, sondern nur die relevanten fehlerbehafteten Teile).

mit HTML selbst hab ich kein prob

Nochmals: das ist wenig glaubhaft. Vor allem aber hast du auch ein Problem mit dem Forum. Du gibst nicht die Information, die gebraucht wird, um dir wirklich helfen zu können.

Grüße aus Berlin

Christoph S.

[Ingo Turski]

Hi,

versuche den Unterschied zwischen Text und Grafik zu verstehen. Grafiken kannst Du beliebig zerschneiden und wieder zusammensetzen, so daß ein Ganzes entsteht. Text ist skalierbar und damit unberechenbar. Du mußt ihm mit den Möglichkeiten von HTML genügend Raum geben. Auf Dein einfaches Layout bezogen fängt das damit an, daß Du die vertikalen Rahmen nicht als komplette Grafik einbindest, sondern nur ein wenige px hohes Teilstück davon nutzt und dieses vom Browser vertikal wiederholen läßt, was sich in geeigneten Elementen als Hintergrundbild einfach realisieren läßt, wenn man ein wenig HTML und CSS Kenntnisse hat. Wenn nicht -> Selfhtml...

freundliche Grüße
Ingo

[Andreas-Lindig]

Hallo Götz,

Am besten Du lernst HTML.

das ist überholt, heute macht man sowas mit frontpage ;-)

Gruß, Andreas

[Götz]

Hallo Andreas!

das ist überholt, heute macht man sowas mit frontpage ;-)

Nene, wenn Du mir so kommst muß ich Dich enttäuschen: Frontpage ist doch auch schon überholt.
Wie für alles andere nimmt man auch für Internetseiten am einfachsten Word, weil das "kann man ja eh schon bedienen" ;)

MfG
Götz

[Mathias Bigge]

Hi Sigi,

habe grad ne Website in Photoshop fertig gestellt.

Mit Photoshop kannst Du nur den ENTWURF einer Website bauen.

Habs schon mit Slicen versucht und dann mit Webspeichern,
aber wenn ich z.b. die linke Seite  (Navigation) mit Inhalt fülle,
und soviel reinschreibe, das es nach unten hin weiter wird, verschiebt sich das auf der rechten seite.

Du musst einen Teil des Layouts mit Divs und/oder Tabellen aufbauen, die Rahmen und Linien etwa.

Es ist schon allein wegen der Ladezeiten Unfug, Farbflächen und Rahmen als Grafiken zu laden.

Such Dir eine Technik aus, z.B. Tabellen und beginne, die Strukturen nachzubauen, oder versuche es mit div. Dann kannst Di in die Struktur Texte einbauen und diese mit Links und anderem versehen.

Bevor Du loslegst, solltest Du aber wirklich in der Doku lesen und einfache Beispiele zu Fuß erzeugen....

Viele Grüße
Mathias Bigge

[Andreas-Lindig]

Hallo Sigi,

wenn Du nur ein Bild zeigst, kann mann auch wenig sagen, man kann sich ja keinen Quelltext ansehen.

Gruß, Andreas

[Schuer]

Hallo,

habe grad ne Website in Photoshop fertig gestellt.

du meinst, du hast den Entwurf eines Layouts einer Webseite in Photoshop fertig gestellt.

Nun eine Frage, wie bekommt ihr dann das Design in eine HTML page.

dazu solltest du dich den Methoden bedienen, die dir HTML in Verbindung mit CSS bietet, Inhalte strukturiert zu vermitteln. Diese Arbeit sollte bitte nicht beinhalten, deinen Photoshop-Rahmen als JPG zu exportieren und als großes Einzelbild um den HTML-Text zu drapieren. Vielmehr sollte sich deine zukünftige Webseite als echte Webseite verhalten und sich dementsprechend möglichst flexibel verhalten, um sich den technischen Voraussetzungen deiner Besucher, die auf PDAs, Notebooks, Dualhead Desktops und Kühlschränken vorbeigesurft kommen, anzupassen.

Gruß,
_Dirk