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
Bildbearbeitung (2D), Vektor- & Layoutbearbeitung
Mediengestaltung, Design & Typografie
Website-Layout in Photoshop erstellen + in Dreamweaver einbinden
Beitrag
<blockquote data-quote="patrick_l" data-source="post: 2228271" data-attributes="member: 194379"><p><strong>AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden</strong></p><p></p><p></p><p>Quatsch! Dreamweaver ist ein sehr guter Editor. Einzig und allein die WYSIWYG-Features stoßen hier und da an ihre Grenzen. </p><p></p><p>Dann hast du scheinbar keine Ahnung vom Dreamweaver. <img src="/styles/default/xenforo/smilies/rolleyes.gif" class="smilie" loading="lazy" alt=":rolleyes:" title="Roll Eyes :rolleyes:" data-shortname=":rolleyes:" /> Alle Seiten die ich mit Dreamweaver erstellt habe sind semantisch korrekt (valide). Es kommt eben nicht nur auf das Werkzeug an, sondern auch auf denjenigen, der es einsetzt. </p><p></p><p>@kleinLuna:</p><p>Optisch sehen deinen Websites jetzt gar nicht mal so schlimm aus. Wenn man allerdings einen Blick in den Quellcode wirft, wird einem ganz anders. Fehlender Doctype (Dokumenttyp) und andere Tags sowie der ganze Aufbau sind nur auf die schnelle ein paar Punkte. </p><p></p><p>Der Dreamweaver ist unter anderem durch seine WYSIWYG-Features (what you see is what you get) bekannt. Auch wenn man sicher das ein oder andere damit umsetzen kann, rate ich dir dazu, dich mit HTML und CSS auseinanderzusetzen. Ohne Grundlagen wirst nicht weit kommen.</p><p></p><p>HTML ist zum Strukturieren von Inhalten gedacht. Mit CSS werden diese formatiert (»gestylt«). Das solltest du stets bei der Umsetzung deines Layouts berücksichtigen. Erstelle per Hand ein sauberes Grundgerüst, füge deine Inhalte ein und passe diese mit CSS an. </p><p></p><p>Für den Anfang kannst du auch auf die Dreamweaver Vorlagen zurückgreifen. Trotz alle dem solltest du zumindest das Lernen von HTML und CSS vorziehen. Wenn du beides beherrscht, ist das Umsetzen eigener Layouts eigentlich »easy going«.</p><p></p><p>Zum Lernen gibt es im Internet viele hilfreiche und vor allem freie Ressourcen. Ein paar empfehlenswerte Quellen habe ich dir hier verlinkt:</p><p></p><p>- <a href="http://webkompetenz.wikidot.com/docs:html-handbuch" target="_blank">HTML5-Handbuch - Webkompetenz</a> </p><p>- <a href="https://developer.mozilla.org/de/learn" target="_blank">Mozilla Developer Network | Lerne HTML, CSS & JS</a> </p><p>- <a href="http://jendryschik.de/wsdev/einfuehrung/" target="_blank">Einführung in XHTML, CSS & Webdesign (Michael Jendryschik)</a> </p><p>- <a href="http://little-boxes.de/" target="_blank">Little Boxes | Webseiten gestalten - HTML & CSS (Peter Müller)</a> </p><p>- <a href="http://www.css4you.de/" target="_blank">CSS 4 You - The Finest in Stylesheets</a> </p><p></p><p>Wenn du sehen möchtest, was allein durch CSS (Cascading Stylesheets) möglich ist, solltest du einmal auf CSS Zen Garden vorbei schauen. Das HTML Grundgerüst ist immer das selbe. Die Inhalte wurde allein mit CSS angepasst. So wird es für vielleicht nochmal etwas deutlicher, wieso die Strukturierung (HTML - Inhalte) und Formatierung (CSS - Gestaltung) voneinander getrennt werden sollten. </p><p></p><p>- <a href="http://www.csszengarden.com/tr/deutsch/" target="_blank">css Zen Garden: Die Schönheit der CSS-Gestaltung</a> </p><p></p><p>Zu guter Letzt noch der Tipp, vielleicht zunächst erst einmal ein CMS (Content-Management System) einzusetzen. Fertige Templates gibt es eigentlich wie Sand am Meer und die Installation ist in der Regel schnell erledigt. Vor allem Wordpress möchte ich dir an dieser Stelle empfehlen. </p><p></p><p>Wenn du allerdings eigene Layouts realisieren möchtest, solltest du die weiter oben genannten Tipps beherzigen, und dir nötiges Grundlagenwissen aneignen. (Meiner Meinung ist es vor allem in durch die neuen und vor allem eindeutigen semantischen Elemente in HTML5 einfacher geworden. </p><p></p><p>Liebe Grüße, Patrick</p></blockquote><p></p>
[QUOTE="patrick_l, post: 2228271, member: 194379"] [b]AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden[/b] Quatsch! Dreamweaver ist ein sehr guter Editor. Einzig und allein die WYSIWYG-Features stoßen hier und da an ihre Grenzen. Dann hast du scheinbar keine Ahnung vom Dreamweaver. :rolleyes: Alle Seiten die ich mit Dreamweaver erstellt habe sind semantisch korrekt (valide). Es kommt eben nicht nur auf das Werkzeug an, sondern auch auf denjenigen, der es einsetzt. @kleinLuna: Optisch sehen deinen Websites jetzt gar nicht mal so schlimm aus. Wenn man allerdings einen Blick in den Quellcode wirft, wird einem ganz anders. Fehlender Doctype (Dokumenttyp) und andere Tags sowie der ganze Aufbau sind nur auf die schnelle ein paar Punkte. Der Dreamweaver ist unter anderem durch seine WYSIWYG-Features (what you see is what you get) bekannt. Auch wenn man sicher das ein oder andere damit umsetzen kann, rate ich dir dazu, dich mit HTML und CSS auseinanderzusetzen. Ohne Grundlagen wirst nicht weit kommen. HTML ist zum Strukturieren von Inhalten gedacht. Mit CSS werden diese formatiert (»gestylt«). Das solltest du stets bei der Umsetzung deines Layouts berücksichtigen. Erstelle per Hand ein sauberes Grundgerüst, füge deine Inhalte ein und passe diese mit CSS an. Für den Anfang kannst du auch auf die Dreamweaver Vorlagen zurückgreifen. Trotz alle dem solltest du zumindest das Lernen von HTML und CSS vorziehen. Wenn du beides beherrscht, ist das Umsetzen eigener Layouts eigentlich »easy going«. Zum Lernen gibt es im Internet viele hilfreiche und vor allem freie Ressourcen. Ein paar empfehlenswerte Quellen habe ich dir hier verlinkt: - [URL="http://webkompetenz.wikidot.com/docs:html-handbuch"]HTML5-Handbuch - Webkompetenz[/URL] - [URL="https://developer.mozilla.org/de/learn"]Mozilla Developer Network | Lerne HTML, CSS & JS[/URL] - [URL="http://jendryschik.de/wsdev/einfuehrung/"]Einführung in XHTML, CSS & Webdesign (Michael Jendryschik)[/URL] - [URL="http://little-boxes.de/"]Little Boxes | Webseiten gestalten - HTML & CSS (Peter Müller)[/URL] - [URL="http://www.css4you.de/"]CSS 4 You - The Finest in Stylesheets[/URL] Wenn du sehen möchtest, was allein durch CSS (Cascading Stylesheets) möglich ist, solltest du einmal auf CSS Zen Garden vorbei schauen. Das HTML Grundgerüst ist immer das selbe. Die Inhalte wurde allein mit CSS angepasst. So wird es für vielleicht nochmal etwas deutlicher, wieso die Strukturierung (HTML - Inhalte) und Formatierung (CSS - Gestaltung) voneinander getrennt werden sollten. - [URL="http://www.csszengarden.com/tr/deutsch/"]css Zen Garden: Die Schönheit der CSS-Gestaltung[/URL] Zu guter Letzt noch der Tipp, vielleicht zunächst erst einmal ein CMS (Content-Management System) einzusetzen. Fertige Templates gibt es eigentlich wie Sand am Meer und die Installation ist in der Regel schnell erledigt. Vor allem Wordpress möchte ich dir an dieser Stelle empfehlen. Wenn du allerdings eigene Layouts realisieren möchtest, solltest du die weiter oben genannten Tipps beherzigen, und dir nötiges Grundlagenwissen aneignen. (Meiner Meinung ist es vor allem in durch die neuen und vor allem eindeutigen semantischen Elemente in HTML5 einfacher geworden. Liebe Grüße, Patrick [/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
Bildbearbeitung (2D), Vektor- & Layoutbearbeitung
Mediengestaltung, Design & Typografie
Website-Layout in Photoshop erstellen + in Dreamweaver einbinden
Oben