[CS6] - Web

[MineTechCraft]

Ich weis nicht ob es den Thread schon gibt wenn dann diesen bitte löschen und mir den link des anderen geben.

Ich habe lediglich die frage wie man eine psd datei in eine Homepage umsetzen kann -.- habe zwar schon einige HP´s gemacht aber immer nur die funktion und nicht das aussehen.

Danke euch schonmal im vorruas.



Wer rechtschreibfehler entdeckt darf sie behalten

 

[msblacky]

AW: Web

Hallo,

suche mal im Forum nach dem Begriff "Slicen", hilft Dir dann doch schon um einiges weiter, in PS machst Du nur das Layout aber umsetzen must Du es dann in einem Editor deiner Wahl.

msblacky

 

[randacek_pro]

AW: Web

Nun, du kannst in Photoshop das Design entwerfen und die Grafiken/Bilder, die du dafür verwendest dann aus dem kompletten Layout herausschneiden (slicen) und in deine Website integrieren, die andere anderen Layoutangelegenheiten, ohne Bilder, baust du mit CSS quasi nach.
Das nur mal sehr kurz als Umriss

Es gibt ein paar ältere Threads hier dazu:



Aber ich verlinke dir auch mal gleich ein paar neue Blogartikel zum Thema:
Tutorial: Website Layout mit Photoshop erstellen – Modernes Fahrschul-Design | blog.fotolia.com

Eine neue Webseite entsteht (Teil 3): Webdesign mit Illustrator und Photoshop | elmastudio.de

Webseiten Layout mit Photoshop erstellen | alice-grafixx.de (etwas älter)

Lieber Gruß

 

[mapegele]

AW: Web

Aber ich verlinke dir auch mal gleich ein paar neue Blogartikel zum Thema:
Tutorial: Website Layout mit Photoshop erstellen – Modernes Fahrschul-Design | blog.fotolia.com

Eine neue Webseite entsteht (Teil 3): Webdesign mit Illustrator und Photoshop | elmastudio.de

Webseiten Layout mit Photoshop erstellen | http://alice-grafixx.de (etwas älter)

Lieber Gruß

Danke für die Linktipps randacek_pro

Verpixelte Grüße

 

[patrick_l]

AW: Web

Neben dem Slicen der einzelnen Grafiken und Bilder solltest du überlegen (wissen) welche Grafiken überhaupt für die Umsetzung deines Layouts benötigt werden. Auch in welchem Format und mit welcher Kompression du diese speicherst.

Der "Für Web und Geräte speichern" Dialog (in CS6: Für Web speichern) bietet dir viele Möglichkeiten. Vor allem das speichern der einzelnen Slices in unterschiedlichen Formaten. Für Bilder solltest du das Jpg-Format wählen. Für Grafiken Gif und (oder) das Png.

randacek_pro hat dir ja bereits ein paar hilfreiche Links gegeben. Zusätzlich noch von mir der Tipp ein gutes Konzept für deine Website zu erarbeiten. Angefangen bei den eigentlichen Inhalten (Dein Content) bis hin zum Design-Konzept. Mach dir auch vorher ein paar Gedanken zur eigentlich Umsetzung. Was wird wo wie benötigt? Sind es statische oder dynamische Inhalte?

Zu guter Letzt sei gesagt, das du dir auch die Grundlagen (falls noch nicht vorhanden) von HTML und CSS aneignen solltest. Wenn du diese beherrschst, weißt du auch beim slicen wie du Grafiken und Bilder speichern musst.

Liebe Grüße, Patrick