So kopieren Sie Textstile in Dreamweaver CS3

Bei der Standard-Webprogrammierung wird HTML (HyperText Markup Language) verwendet, um den Inhalt von Webseiten wie Text und Bilder zu erstellen. CSS - Cascading Style Sheets - Mit Sprache wird der HTML-Inhalt mit Stil versehen. In Dreamweaver CS3 können Sie alle aktuell angewendeten CSS-Textstile auf bestimmte Seiteninhalte kopieren. Dies gilt auch für alle zusätzlichen Seiteninhalte, die Sie angeben. Das Kopieren von Stilen im gesamten Website-Design ist eine effiziente Methode zum Stilisieren von Seiten. Dies ist ideal für die Erstellung einer Unternehmens-Website.

1

Öffnen Sie die gewünschte Seite von Ihrer geschäftlichen Website in Dreamweaver CS3. Die CSS-Stile für die Seite werden automatisch auf einer separaten Dreamweaver-Registerkarte rechts neben der Registerkarte "Quellcode" geöffnet.

2

Klicken Sie auf die Registerkarte ".css", um sie zu öffnen. Alle Textstile Ihrer Seite werden hier aufgelistet. Blättern Sie durch die Stile zu dem bestimmten Textstil, den Sie kopieren möchten. Mit dem Stil "p {text-align: center;}" wird beispielsweise die Zentrumsausrichtung auf den gesamten in Absatz enthaltenen Text angewendet

Tags in Ihrer HTML-Seite.

3.

Wählen Sie den zu kopierenden Stil aus und drücken Sie "Strg-C", um ihn zu kopieren. Klicken Sie auf eine leere Zeile in Ihrer CSS-Seite und drücken Sie mehrmals die Eingabetaste, um weitere leere Zeilen hinzuzufügen. Setzen Sie den Cursor auf die gewünschte Zeile und drücken Sie "Strg-V", um die Kopie zu erstellen.

4

Ändern Sie den kopierten CSS-Textstilcode, um ihn auf den gewünschten HTML-Inhalt anzuwenden. Wenn der kopierte Stil beispielsweise "div {width: 300px;}" lautet und Sie denselben Stil auf Tabellen anwenden möchten, ändern Sie den kopierten Code in "table {width: 300px;}".

5

Drücken Sie "Strg-S", um die Änderungen an Ihrem CSS-Code zu speichern. Wechseln Sie zur Registerkarte "Quelltext", öffnen Sie das Menü "Datei" und klicken Sie auf "Vorschau im Browser", um anzuzeigen, wie der kopierte CSS-Textstil das Erscheinungsbild Ihrer Seite ändert.

Warnung

  • Die Informationen in diesem Artikel gelten für Dreamweaver CS3 bis CS6, die unter Windows 7 ausgeführt werden. Sie können bei anderen Versionen oder Produkten geringfügig oder erheblich abweichen.
 

Lassen Sie Ihren Kommentar