PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Off-topic & sonstige Themen
Archiv
WIP und Entwürfe zu Webseiten
Von der Graphik (bitte bewerten) zur Page
Beitrag
<blockquote data-quote="Gartenheinz" data-source="post: 975648" data-attributes="member: 275989"><p><strong>AW: Von der Graphik (bitte bewerten) zur Page</strong></p><p></p><p>Also, je mehr ich mir das angucke, desto besser gefällt es mir, vorallem im Zusammenhang mit dem Sinn der Seite.</p><p></p><p>Die einfachste Möglichkeit ist die "Speichern fürs Web" Methode</p><p></p><p>Einfach bedeutet aber auch etwas arbeit...</p><p></p><p>Fürs erste brauchst du das Slice Werkzeug, slicest alles schön aus und machst das wichtigste fürs erste und benennst JEDEN SLice nach seiner Funktion später.</p><p></p><p>Dann gehst du auf "für web und geräte speichern", aktivierst html und bilder und bei einstellung andere. DOrt bei Slices auf "CSS generieren"</p><p></p><p>Daraufhin bekommst du dann eine html datei mit den Bildern. So kommst du zu deinem Layout.</p><p></p><p>Dann ist die nächste einfache Möglichkeit eine Scrollbox zu erstellen (einfach mal googlen, ist kinderleicht) und zwar genau da, wo deine Papyrusrolle ist. Damit verhinderst du, dass dein Design zerrupft wird.</p><p></p><p>An deiner Stelle würde ich aber den Hintergrund breiter machen und die Farbe dann auf schwarz stellen. Mit der option auf der y-achse wiederholen, kommt es nicht zu wiederholungen nach unten. </p><p></p><p>ODER (etwas umständlicher, aber leichter):</p><p>Du machst erstmal den Hintergrund seperat und zwar viel breiter als er jetzt ist. SPeicherst ihn.</p><p>Nimmst jetzt deine restlichen Elemente und ziehst Hilfslinien. Kannst ruhig großzügig sein, dein Design bleibt statisch.</p><p>Das wichtige hierbei ist, dass die Hintergrundebene Transparent bleibt, soll ja nachher vom Hintergrund ersetzt werden.</p><p>Dann alle Slices beschriften und fürs web mit css und als png24 mit transparenz speichern.</p><p>Nun in der html Datei (rechtsklick, bearbeiten) noch folgendes einfügen:</p><p></p><p>body {</p><p> background-color: #000000;</p><p> background-image: url(Bilder/bg.png);</p><p> background-repeat: no-repeat;</p><p> background-position: left top;}</p><p></p><p>bg.png ist der name deines Hintergrundes und muss in den Ordner Bilder.</p><p></p><p>Dann nurnoch im gewünschten Feld eine Scrollbox einsetzen und fertig ist der Spass.</p><p></p><p>Bisserl ausführlich geworden, aber ich denke, dass ist die einfachste Möglichkeit.</p><p><img src="/styles/default/xenforo/smilies/rolleyes.gif" class="smilie" loading="lazy" alt=":rolleyes:" title="Roll Eyes :rolleyes:" data-shortname=":rolleyes:" /></p><p></p><p>Hoffe ich konnte helfen</p></blockquote><p></p>
[QUOTE="Gartenheinz, post: 975648, member: 275989"] [b]AW: Von der Graphik (bitte bewerten) zur Page[/b] Also, je mehr ich mir das angucke, desto besser gefällt es mir, vorallem im Zusammenhang mit dem Sinn der Seite. Die einfachste Möglichkeit ist die "Speichern fürs Web" Methode Einfach bedeutet aber auch etwas arbeit... Fürs erste brauchst du das Slice Werkzeug, slicest alles schön aus und machst das wichtigste fürs erste und benennst JEDEN SLice nach seiner Funktion später. Dann gehst du auf "für web und geräte speichern", aktivierst html und bilder und bei einstellung andere. DOrt bei Slices auf "CSS generieren" Daraufhin bekommst du dann eine html datei mit den Bildern. So kommst du zu deinem Layout. Dann ist die nächste einfache Möglichkeit eine Scrollbox zu erstellen (einfach mal googlen, ist kinderleicht) und zwar genau da, wo deine Papyrusrolle ist. Damit verhinderst du, dass dein Design zerrupft wird. An deiner Stelle würde ich aber den Hintergrund breiter machen und die Farbe dann auf schwarz stellen. Mit der option auf der y-achse wiederholen, kommt es nicht zu wiederholungen nach unten. ODER (etwas umständlicher, aber leichter): Du machst erstmal den Hintergrund seperat und zwar viel breiter als er jetzt ist. SPeicherst ihn. Nimmst jetzt deine restlichen Elemente und ziehst Hilfslinien. Kannst ruhig großzügig sein, dein Design bleibt statisch. Das wichtige hierbei ist, dass die Hintergrundebene Transparent bleibt, soll ja nachher vom Hintergrund ersetzt werden. Dann alle Slices beschriften und fürs web mit css und als png24 mit transparenz speichern. Nun in der html Datei (rechtsklick, bearbeiten) noch folgendes einfügen: body { background-color: #000000; background-image: url(Bilder/bg.png); background-repeat: no-repeat; background-position: left top;} bg.png ist der name deines Hintergrundes und muss in den Ordner Bilder. Dann nurnoch im gewünschten Feld eine Scrollbox einsetzen und fertig ist der Spass. Bisserl ausführlich geworden, aber ich denke, dass ist die einfachste Möglichkeit. :rolleyes: Hoffe ich konnte helfen [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Off-topic & sonstige Themen
Archiv
WIP und Entwürfe zu Webseiten
Von der Graphik (bitte bewerten) zur Page
Oben