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
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Neuling hat Probleme mit DW
Beitrag
<blockquote data-quote="uwanius" data-source="post: 1195681" data-attributes="member: 92405"><p><strong>AW: Neuling hat Probleme mit DW</strong></p><p></p><p>Hallo,</p><p></p><p>zunächst möchte ich mich im großen und ganzen den hier vorgebrachten Meinungen anschließen.</p><p></p><p>Aber damit du vielleicht etwas Motivation für das Erlernen von HTML und CSS bekommst, hier ein kleines Workaround:</p><p></p><p>1. Stelle in DW die Ansicht auf Code und Entwurf. (somit hast Du in der <em><strong>oberen Hälfte</strong></em> des Fensters den <strong>Quellcode Bereich</strong> und in der <em><strong>Mitte</strong></em> die <strong>WYSIWYG Oberfläche</strong>.) Das erreichts du, indem du entweder die Schaltfläche "Teilen" aktivierst oder im Menu oben auf "Ansicht" --> "Code und Entwurf" klickst.</p><p></p><p>2. Erstelle zuerst ein neues, leeres HTML Dokument. Klicke nun in die <strong>WYSIWYG Oberfläche</strong> und wähle im Menu oben "Einfügen" --> "Layoutobjekte" --> "Div-Tag". </p><p>(<em>Layer sind nicht mehr im HTML-Sprachstandard 4.0 vertreten, da das Positionieren mit Hilfe von CSS gelöst wird</em>)</p><p></p><p>Bestätige im folgenden Dialog mit OK.</p><p></p><p>Das ganze sollte jetzt so aussehen:</p><p></p><p></p><p></p><p>Setze nun im <strong>Code Bereich</strong> den Cursor hinter das "v" von <div> und schreibe folgendes: zuerst ein Leerzeichen und dann </p><p>[code] style="position:absolute; left:16px; top:16px"[/code]</p><p></p><p>Dies ist ein sogenannter "inline Style" der besagt, das die Position des DIV absolut zum Browser Inhalt stehen soll, und zwar vom linken Rand 16 Pixel und vom oberen Rand des Browser Fensters auch 16 Pixel.</p><p></p><p>Klicke nun in der WYSIWYG Oberfläche irgendwo in das DIV. Du wirst jetzt folgendes sehen:</p><p></p><p></p><p></p><p>Klicke nun mit der Maus auf das kleine (mit rotem Pfeil markierte) blaue Quadrat und ziehe mit gerdrückter linker Maustaste das DIV an eine beliebige Stelle.</p><p></p><p>Nachdem du die Taste los gelassen hast, wirf einfach eine Blick auf den Quellcode. Hier kannst du sehen, das sich die Werte von "left:" und "top:" verändert haben:</p><p></p><p></p><p></p><p>Wenn Du das DIV allerdings zentrieren willst muß der Quellcode so aussehen:</p><p></p><p>[code]<div style="margin:0 auto; text-align:center">Raum für den Inhalt des neuen Div-Tags</div>[/code]</p><p></p><p>So das wars erstmal mit dem "Verschieben von Text oder Grafiken". Aber wie du siehst, ist das ganze nicht so einfach wie in Frontpage oder ähnlichen schlechten WYSIWYG Editoren.</p><p>Denn Dreamweaver ist ein <strong>Tool für fortgeschrittene Anwender</strong> und hilft Ihnen lediglich, sich jede Menge Schreibarbeit zu ersparen.</p><p></p><p>Aber nebenbei gesagt, funktioniert das was Du möchtest ohnehin nicht, da grafischer Text immer nur als Bild eingesetzt werden kann (sollte). Denn deine Schriftart, welche du verwendest, ist sicher nur auf sehr wenigen Computern anderer installiert. Und nur dann wird sie auch angezeigt.</p><p></p><p>Wenn du also die gut gemeinten Tips der anderen befolgts, wirst du merken, das es noch wesentlich bessere Methoden gibt, ein HTML Element auf einer Webseite zu zentrieren oder anderweitig zu positionieren.</p><p></p><p>Best regards Uwanius</p></blockquote><p></p>
[QUOTE="uwanius, post: 1195681, member: 92405"] [b]AW: Neuling hat Probleme mit DW[/b] Hallo, zunächst möchte ich mich im großen und ganzen den hier vorgebrachten Meinungen anschließen. Aber damit du vielleicht etwas Motivation für das Erlernen von HTML und CSS bekommst, hier ein kleines Workaround: 1. Stelle in DW die Ansicht auf Code und Entwurf. (somit hast Du in der [I][B]oberen Hälfte[/B][/I] des Fensters den [B]Quellcode Bereich[/B] und in der [I][B]Mitte[/B][/I] die [B]WYSIWYG Oberfläche[/B].) Das erreichts du, indem du entweder die Schaltfläche "Teilen" aktivierst oder im Menu oben auf "Ansicht" --> "Code und Entwurf" klickst. 2. Erstelle zuerst ein neues, leeres HTML Dokument. Klicke nun in die [B]WYSIWYG Oberfläche[/B] und wähle im Menu oben "Einfügen" --> "Layoutobjekte" --> "Div-Tag". ([I]Layer sind nicht mehr im HTML-Sprachstandard 4.0 vertreten, da das Positionieren mit Hilfe von CSS gelöst wird[/I]) Bestätige im folgenden Dialog mit OK. Das ganze sollte jetzt so aussehen: Setze nun im [B]Code Bereich[/B] den Cursor hinter das "v" von <div> und schreibe folgendes: zuerst ein Leerzeichen und dann [code] style="position:absolute; left:16px; top:16px"[/code] Dies ist ein sogenannter "inline Style" der besagt, das die Position des DIV absolut zum Browser Inhalt stehen soll, und zwar vom linken Rand 16 Pixel und vom oberen Rand des Browser Fensters auch 16 Pixel. Klicke nun in der WYSIWYG Oberfläche irgendwo in das DIV. Du wirst jetzt folgendes sehen: Klicke nun mit der Maus auf das kleine (mit rotem Pfeil markierte) blaue Quadrat und ziehe mit gerdrückter linker Maustaste das DIV an eine beliebige Stelle. Nachdem du die Taste los gelassen hast, wirf einfach eine Blick auf den Quellcode. Hier kannst du sehen, das sich die Werte von "left:" und "top:" verändert haben: Wenn Du das DIV allerdings zentrieren willst muß der Quellcode so aussehen: [code]<div style="margin:0 auto; text-align:center">Raum für den Inhalt des neuen Div-Tags</div>[/code] So das wars erstmal mit dem "Verschieben von Text oder Grafiken". Aber wie du siehst, ist das ganze nicht so einfach wie in Frontpage oder ähnlichen schlechten WYSIWYG Editoren. Denn Dreamweaver ist ein [B]Tool für fortgeschrittene Anwender[/B] und hilft Ihnen lediglich, sich jede Menge Schreibarbeit zu ersparen. Aber nebenbei gesagt, funktioniert das was Du möchtest ohnehin nicht, da grafischer Text immer nur als Bild eingesetzt werden kann (sollte). Denn deine Schriftart, welche du verwendest, ist sicher nur auf sehr wenigen Computern anderer installiert. Und nur dann wird sie auch angezeigt. Wenn du also die gut gemeinten Tips der anderen befolgts, wirst du merken, das es noch wesentlich bessere Methoden gibt, ein HTML Element auf einer Webseite zu zentrieren oder anderweitig zu positionieren. Best regards Uwanius [/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
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Neuling hat Probleme mit DW
Oben