Wie Hinzufügen und Formatieren von Text in Dreamweaver
Viele Menschen sind angenehm überrascht, wie leicht sie eine grundlegende Web-Seite mit Text und Bildern in Dreamweaver erstellen. Sie können mithilfe von Dreamweaver HTML-Formatierungsoptionen, einschließlich der Überschrift und Absatz-Tags grundlegende Textformatierung tun. Beginnen Sie mit diesen grundlegenden HTML-Tags die Dinge einfach auf den ersten zu halten.
Menu
Wie Text auf einer Web-Seite in Dreamweaver hinzufügen
So fügen Sie Text auf eine Seite, klicken Sie einfach auf Ihren Cursor am Anfang einer Seite und Typ einzufügen. Wenn Sie Text hinzufügen möchten, die Sie woanders haben, wie zum Beispiel in einer Datei in Microsoft Word erstellt wurden, können Sie den Text in Dreamweaver kopieren und einfügen, anstatt es für das Abtippen.
Dreamweaver bietet viele Möglichkeiten, die Formatierung beizubehalten, wenn Sie und Einfügen von Text aus einem anderen Programm kopieren. Diese Funktion ist besonders wichtig, wenn Sie Text aus Microsoft Word kopieren, weil, wenn Sie nur Text einfügen wie es ist, riskieren Sie eine Menge zusätzlicher Code einschließlich, die in Microsoft Word ist einzigartig und kann Probleme in Ihrer Web-Seite führen.
Sie können die Standardeinstellung zu ändern, wie Dreamweaver behandelt Formatierung, wenn Sie auf Bearbeiten-Einfügen wählen, indem Sie die Einstellungen in der Copy / Paste Kategorie zu ändern. Sie können auch wählen Sie Bearbeiten-Inhalte einfügen Diese Optionen Sie jederzeit neue Inhalte einfügen anzuzeigen.
Im Folgenden sind Ihre vier wichtigsten Optionen für das Einfügen von Text, wenn Sie Bearbeiten-Inhalte einfügen sowie drei Möglichkeiten wählen Sie Ihre Auswahl zu verfeinern:
Nur Text: Dreamweaver werden sämtliche Formatierungen und fügt Klartext.
Text mit Struktur: Dreamweaver enthält Absätze, Listen, Tabellen und andere strukturelle Formatierungsoptionen.
Text mit Struktur und Grund Formatierung: Dreamweaver beinhaltet strukturelle Formatierung sowie grundlegende Formatierungen wie fett und kursiv.
Text mit Struktur und vollständiger Formatierung: Zusätzlich zu den vorigen Optionen beinhaltet Dreamweaver Formatierung von Stylesheets in Programmen wie Microsoft Word erstellt.
Behalten Sie Zeilenumbrüche: Zeilenumbrüche bleiben erhalten, auch wenn Sie nicht andere Formatierungsoptionen halten Sie. Diese Option ist nicht verfügbar, wenn Sie nur Text wählen.
Reinigen Sie Word-Absatzabstand: Mit dieser Option werden spezielle Formatierung Code einzigartig für Microsoft Word und ist nicht notwendig (und nicht empfohlen) für Text auf dem Netz.
Konvertieren Smart-Quotes Gerade Zitate: Smart-Zitate - der gemeinsame Name für die Phantasie typografische Anführungszeichen, die Designer lieben in Druckdokumente zu verwenden - erfordern ein Sonderzeichen auf der Bahn richtig angezeigt werden, und das Sonderzeichen funktioniert nicht in allen Web-Browsern. Um dieses potenzielle Problem zu vermeiden, wählen Sie dieses Feld, und konvertieren Sie Ihre typografische Anführungszeichen gerade diejenigen.
Wie Text mit den Überschriften-Tags in Dreamweaver zu formatieren
Eines der besten Formatierungsoptionen für Schlagzeilen ist die Sammlung Tags der Position. In HTML Überschriften-Tags verwenden (,, usw.) Text zu formatieren, die einen Titel oder Überschrift dient als viele Vorteile bietet. Überschriften-Tags sind entworfen, in relativen Größen angezeigt werden, mit dem größten, kleiner, noch kleiner, und so weiter durch.
Also nein, was Sache eine Standardtextgröße der Webseite (und Textgrößen aufgrund der Browser-Einstellungen und Computerplattform variieren kann), einen beliebigen Text mit einem Tag formatiert ist immer größer als Text formatiert mit.
Der Volksglaube ist, dass viele Suchmaschinen Priorität mit einem Tag formatiert Schlüsselwörter in Text geben, weil der wichtigste Text auf einer Seite im Allgemeinen in der größten Größe Überschrift enthalten ist. Suchmaschinen-Experten werden Ihnen ähnliche Weise sagen, dass Sie den Tag verwenden, sollte nur einmal pro Seite.
Um einen Text mit einer Überschrift-Tag-Format folgendermaßen vor:
Markieren Sie den Text, den Sie formatieren möchten.
Im Eigenschafteninspektor am unteren Rand des Arbeitsbereichs, stellen Sie sicher, dass die HTML-Taste auf der linken Seite des Inspektors ausgewählt ist.
Verwenden Sie das Format Dropdown-Liste eine Überschrift Option auszuwählen.
Wenn Überschriften-Tags angewendet werden, ändert sich der Text automatisch in der Entwurfsansicht groß und fett zu werden.
Im Allgemeinen ist der Eigenschafteninspektor der einfachste Weg, grundlegende Formatierungen anwenden, aber Sie können diese HTML-Formatierungsoptionen auch durch die Wahl Format-Absatzformat und wählen Sie dann eine Überschrift Option aus dem Untermenü finden, das erscheint.
Wie der Absätze und Zeilenumbrüche in Dreamweaver hinzufügen
Wenn Sie Seitendesigns für das Web erstellen, müssen Sie in vielen Einschränkungen arbeiten, die auf den ersten verwirrend erscheinen mag. Web-Design und Print-Design sind grundverschieden, und das kann auch scheinbar einfache Aufgaben komplizierter machen, als man erwarten könnte. Wie erstellen Sie Absatz und Zeilenumbrüche ist ein gutes Beispiel.
Wenn Sie in der Entwurfsansicht in Dreamweaver arbeiten, und drücken Sie die Enter-Taste (Windows) oder die Return-Taste (Mac), fügt Dreamweaver einen Absatz-Tag, oder
, in dem Code, der einen Zeilenumbruch, gefolgt von einer Leerzeile erzeugt.
Wenn Sie einen Zeilenumbruch ohne zusätzliche Leerzeile möchten, halten Sie die Shift-Taste gedrückt, während Sie die Eingabetaste drücken (oder Return) von Dreamweaver zu sagen, die einfügen
Tag in den Code, einen einzelnen Zeilenumbruch zu schaffen.
Am günstigsten ist es Tags mit mehreren Absatz oder Bruch zu vermeiden, besonders viel Platz in einer Web-Seite zu erstellen (und nicht alle Browser den leeren Raum halten, wenn Sie es schaffen, dass Art und Weise). Wenn Sie viel Platz zwischen den Absätzen oder andere Elemente auf einer Seite hinzufügen möchten, Ihre beste Möglichkeit ist, CSS zu verwenden.
Wenn Sie in der Codeansicht und fügen Raum arbeiten die Enter-Taste oder Zurück, fügen Sie Leerzeichen innerhalb des Codes. Extra viel Platz im HTML-Code kann nützlich sein, weil mehr Platz kann Code machen leichter zu lesen, aber im Allgemeinen, es wirkt sich nicht auf die Art und Weise eine Seite in der Entwurfsansicht oder in einem Web-Browser angezeigt wird.