1
Photoshop Layout in Frontpage umsetzen
Moin Leude,
folgende Frage:
Wir haben uns zum Testen in Photoshop ein Web-Layout erstellt. Ich habe jetzt ein paar Versuche gestartet, das Layout mit Frontpage zu verwirklichen, habe aber das Problem, dass sich alle Möglichen Teile verziehen, wenn man z.B. das Browserfenster grösser oder kleiner zieht.
Habe z.b. als Kopfzeile , in der auch die Navigation ist, mit einer Tabelle mit 3 Spalten versucht zu realisieren, wenn man das Fenster jetzt verkleinert, zieht sich die rechte Spalte komplett über die mittlere Spalte und verdeckt den Inhalt. Die Navigationsbuttons, die mit Ebenen in der mittleren Spalte eingebunden sind bleiben dann irgendwie fixiert und der Hintergrund verzieht sich völlig.
Irgendwie scheinen wir die Grafiken im Photoshop falsch geliced zu haben oder die Umsetzung im Frontpage ist falsch.
Vielleicht hat mir jemand einen Tip, wie man das korrekt realisiert,vielleicht mit Youtubevideo oder so. Ich weiss nämlich ehrlich gesagt nicht, mit welchem Begriff ich suchen soll, weil das natürlilch sehr Layoutspezifisch ist.
Wenn jemand von Euch das Layout sehen will, kann ich PM gerne die URL schicken.
Freu mich auf Eure Tips.
Greetz da WES
folgende Frage:
Wir haben uns zum Testen in Photoshop ein Web-Layout erstellt. Ich habe jetzt ein paar Versuche gestartet, das Layout mit Frontpage zu verwirklichen, habe aber das Problem, dass sich alle Möglichen Teile verziehen, wenn man z.B. das Browserfenster grösser oder kleiner zieht.
Habe z.b. als Kopfzeile , in der auch die Navigation ist, mit einer Tabelle mit 3 Spalten versucht zu realisieren, wenn man das Fenster jetzt verkleinert, zieht sich die rechte Spalte komplett über die mittlere Spalte und verdeckt den Inhalt. Die Navigationsbuttons, die mit Ebenen in der mittleren Spalte eingebunden sind bleiben dann irgendwie fixiert und der Hintergrund verzieht sich völlig.
Irgendwie scheinen wir die Grafiken im Photoshop falsch geliced zu haben oder die Umsetzung im Frontpage ist falsch.
Vielleicht hat mir jemand einen Tip, wie man das korrekt realisiert,vielleicht mit Youtubevideo oder so. Ich weiss nämlich ehrlich gesagt nicht, mit welchem Begriff ich suchen soll, weil das natürlilch sehr Layoutspezifisch ist.
Wenn jemand von Euch das Layout sehen will, kann ich PM gerne die URL schicken.
Freu mich auf Eure Tips.
Greetz da WES
Share on Facebook
Share on Twitter
Share on Reddit
Share on LinkedinPlease also mark the comments that contributed to the solution of the article
Content-Key: 189664
Url: https://administrator.de/contentid/189664
Printed on: April 19, 2024 at 06:04 o'clock
1 Comment
Hallo,
da wird euch kaum einer eine Antwort drauf geben können.
Bringt euch erstmal HTML und CSS bei, der Rest erklärt sich dann von selbst. Wenn Ihr mit Photoshop ein Layout erstellt, es sliced (auch da solltet Ihr wissen wie man sliced), erstellt euch Photoshop auf Wunsch eine index.html. Diese ist aber sehr unpraktikabel, da die einzelnen Slices in Tabellen aufgeteilt und als Grafik eingefügt wurden.
Unterteilt Euer Layout in verschiedene Bereiche und erstellt für jeden Bereich einen <div>-Container. Diesen gibt Ihr einen Namen, z.B. <div id="header">, <div id="navigation">, <div id="content">, <div id="footer">.
Nun erstellt Ihr eine CSS-Datei, wo Ihr die einzelnen Bereiche formatiert. Größe, Position, usw.
Guckt Euch im Internet einige Tutorials zu den drei Themen an die ich nun genannt habe.
Gruß
da wird euch kaum einer eine Antwort drauf geben können.
Bringt euch erstmal HTML und CSS bei, der Rest erklärt sich dann von selbst. Wenn Ihr mit Photoshop ein Layout erstellt, es sliced (auch da solltet Ihr wissen wie man sliced), erstellt euch Photoshop auf Wunsch eine index.html. Diese ist aber sehr unpraktikabel, da die einzelnen Slices in Tabellen aufgeteilt und als Grafik eingefügt wurden.
Unterteilt Euer Layout in verschiedene Bereiche und erstellt für jeden Bereich einen <div>-Container. Diesen gibt Ihr einen Namen, z.B. <div id="header">, <div id="navigation">, <div id="content">, <div id="footer">.
Nun erstellt Ihr eine CSS-Datei, wo Ihr die einzelnen Bereiche formatiert. Größe, Position, usw.
Guckt Euch im Internet einige Tutorials zu den drei Themen an die ich nun genannt habe.
Gruß
