PSD und html

Venusfalle · 01.02.2011

Hallo Freunde,

Ich habe mir ein Template gekauft. Dort sind folgende Dateien enthalten.
PSD Ordner Image Ordner und ein HTML Ordner.
Jetzt meine Frage ok ich kann die PSD Dateien ändern wenn ich sie dann abspeichere als Web also html und Bilder dann kann ich die html Seite nicht mehr mit Dreamweaver bearbeiten. Aber im Ordner HTML geht das wunderbar. Zwar kann ich nicht dort meine Infos eingeben die soll man ja per PSD Datei auf seine Bedürfnisse anpassen.
Wie kann ich meine persönliche PSD in die html-Datei einfließen lassen!

Ich hoffe Ihr versteht was ich meine... :rolleyes:

Bin über jeden Rat sehr Dankbar! Gibt es vielleicht ein TuT dafür?

Venusfalle

OTageblatt · 01.02.2011

AW: PSD und html

Verstehe nur Bahnhof

Venusfalle · 01.02.2011

AW: PSD und html

dann bitte noch einmal ganz langsam durch lesen...

Venusfalle

PhantomH · 01.02.2011

AW: PSD und html

Ich gebe OTageblatt recht, man versteht nicht was du meinst, da ein paar Sachen in deinem Text keinen Sinn ergeben.
PSD Dateien kann man nicht als HTML Dateien abspeichern (Stand CS3) oder sehe ich das falsch???

scanner · 01.02.2011

AW: PSD und html

Ich habe auch gaaaanz langsam gelesen - kapier aber auch nix.

Also, nach meinem Verständnis:
Mit PSD sind die Vorlagenbilder für das Template gemeint, die Du dann webgerecht als PNG, JPG o.ä. abspeichertst. Die HTML ist das textbasierte Script, in dem diese z.B. JPG-Bilder aufgerufen werden. Dieses Script sollte allerdings problemlos mit Dreamweaver geöffnet werden können.
Bitte formuliere Dein Problem nochmal. Vielleicht schreibst Du mal gaaaanz langsam

OTageblatt · 01.02.2011

AW: PSD und html

selbst noch mal gaaaanz langsam zu schreiben was dein Problem ist, das wäre jetzt auch mein Tipp gewesen.

Photoshop ist definitiv nicht in der Lage Dateien als .html abzuspeichern. Du hast lediglich die Option "Für Web speichern" dabei kommen aber nur Bildformate wie gif, png, jpg oder bmp raus. Alle diese kannst du mit einem Hypertext nicht bearbeiten. Desweiteren kann HTML kein Photoshop-Format lesen.

Venusfalle · 01.02.2011

AW: PSD und html

Also ich habe die PSD-Datei umgestaltet so wie ich die Webseite brauche. Soweit so gut aber wie kann ich jetzt meinen PSD-Text im html einbetten damit er im Browser erscheint. Ich habe die obere Seiten-Layout in PSD und das untere in html im HTML-Ordner.

Ich hoffe Ihr wisst jetzt was ich meine.

Venusfalle

OTageblatt · 01.02.2011

AW: PSD und html

Hast du vielleicht einen Link? Kann mir nur vorstellen dass du evtl. den Header quasi mit deinem eigenen Schriftzug/Logo/etc. angepasst hast. Wenn dem so ist, dann speicher das als Bild ab (welches Format auch immer das beste dafür sein möge) und suche in deinem HTML-Ordner nach dem Referenz-Link, diesen verknüpfst du dann damit. Bei jedem gekauften Template ist doch auch eine Anleitung dabei... oder nicht?

Samuelll · 01.02.2011

AW: PSD und html

Was ist das obere und das untere Seitenlayout ?

Normalerweise wird eine Seite in Photoshop designt und dann mit dem Slice-Werkzeug "zerschnitten". Diese "zerschnittenen" Layouts kannst du dann im PS als HTML-Seite exportieren.

Allerdings ist das weder schön noch sinnvoll, wenn du damit eine professionelle Seite erstellen willst.
Solltest du aber nur etwas experimentieren wollen und mal schauen wollen wie HTML so ausschaut, ist das als erster Einstieg ok.

Venusfalle · 01.02.2011

AW: PSD und html

Ja ich kann im Header mein eigenen Schriftzug/Logo/etc erstellen aber wohin e****iere ich das ins html-Ordner? Im html-Ordner kann ich nur im unterem bereich texten sonst sind das alle feste icons bzw.Bilder. ich möchte doch nur den Header vom PS nutzen und in html-Ordner einbinden.

Danke fürs helfen!

Venusfalle

Samuelll · 01.02.2011

AW: PSD und html

Schau wo du im HTML-Ordner das Bild des Headers findest, bzw. in welchem Bild der Header enthalten ist. Dieses Bild oder diesen Ausschnitt aus der PSD-Datei kannst du dann anpassen und speichern, bzw das alte Bild überschreiben.

Das wäre, auf PS-Basis, die einfachste Lösung.

Venusfalle · 01.02.2011

AW: PSD und html

wohin...finde nicht den Header im html-ordner

Venusfalle

Samuelll · 01.02.2011

AW: PSD und html

Und bei Bilder oder _img ?

Eine HTML-Seite kann Bilder aus Unterordnern laden und einbinden.

Ich empfehle dir dich mal dringend mit HTML-Basics zu beschäftigen !!!!!

patrick_l · 01.02.2011

AW: PSD und html

Ganz ehrlich und als gut gemeinter Ratschlag. Setze dich mit diese Thema ordentlich auseinander und lerne zumindest die Grundlagen, sprich die Basics von HTML und CSS. Wenn du diese bereits kennen würdest, wüsstest du bereits weiter. Oft ist es auch so das die mitgelieferten Html-Seiten nur sogenannte Mockups (Vorschau) sind. Der Code ist auch gerne mal für die Tonne.

Grüße Otto

Spatzihasi · 01.02.2011

AW: PSD und html

also ich denke nich das es eine html datei gibt die header heisst. ich bin auch der meinung wie die anderen, das der header evtl. im image ordner ist und du den in die einzelnen unterseiten, also index.html, work.html ect einbauen musst mit dem img-tag. dein img-tag enthält ja dann den pfad per src. zum beispiel <img src="header.jpg"</img>

Venusfalle · 01.02.2011

AW: PSD und html

so sieht es im Dreamwaver CS5 aus

Venusfalle

Spatzihasi · 01.02.2011

AW: PSD und html

hast du schon mal versucht den header anzuklicken und dann unten in den eigenschaften bei quelle des bildes zu gucken wie dein header heisst, also wie die datei benannt ist dann kannst ja in deinem ordner wo du das ganze template drin hast mal danach suchen.

Venusfalle · 01.02.2011

dann noch eine kleine Frage im PSD Ordner ist das Webseiten-Layout klein wenn ich abspeicher als Web zeigt es nicht die ganze Browser-Größe an nehme ich die html-Datei aus dem html-Ordner dann zeigt es wunderbar die ganze Webseite an. Ich bekomme das nicht hin....so ein Mist!

Venusfalle

Was gibt es denn für gute Lern-Bücher zu diesem Thema?

Venusfalle

Spatzihasi · 01.02.2011

AW: PSD und html

zu html und css hab ich das hier gehabt, wobei da auch php, javascript ect drin erklärt ist: Webseiten programmieren und gestalten. 3. Auflage - Das Buch von Galileo Computing

Wobei fit bin ich da drin noch nicht, da fehlt noch einiges an Wissen, aber das was ich geschrieben hab waren mal Vermutungen wie du danach suchen kannst. Ich hab mir so ein Template noch nie selbst gekauft gehabt

patrick_l · 01.02.2011

AW: PSD und html

Venusfalle schrieb:
Was gibt es denn für gute Lern-Bücher zu diesem Thema?

Venusfalle

Es ist erst vor kurzen einen wirklich dickes und informatives Buch von Markt und Technik erschienen. Das Website Handbauch in der Neuauflage. Kostet knapp 40 Euro und ist etwas um die 900 Seiten stark. Beinhaltet eigentlich alle relevanten Themen. Angefangen mit HTML und CSS, rüber zu PHP, JavaScript und Ajax.. und und und.. also wirklich sehr viel. Ansonsten gibt es noch zahlreiche freie Ressourcen im Internet. Hier mal die wichtigsten:

xHTML-Dokumentation (SELFHTML 8.1.2)
CSS 4 You | The Finest in Stylesheets
CSS Mania · Since 2004

Wenn du mal sehen möchtest was man alles mit CSS (Cascading Stylesheets) erreichen kann, dann guck mal hier:

CSS ZenGarden | Die CSS-Gestaltung

Neben dem lernen der einzelnen Sprachen solltest du zur liebe deiner Besuche auf valide Umsetzung achte. Dabei hiflt dir das offizielle Konsortium W3C

W3C xHTML validieren
CSS Validator CSS validieren

Grüße Otto