Wie man ein Tableless Website in Dreamweaver-Design

Vor der Einführung von Cascading Style Sheets oder CSS erstellt Web-Designer, Website-Layouts mit HTML-Tabellen. Mit dieser Methode bedeutete riesige Änderungen an der HTML-Code für Änderungen am Layout und auch weniger Flexibilität, wenn die Website auf unterschiedliche Bildschirmauflösungen angezeigt wurde. Tableless Messungennachdem mit CSS, wurde Layout Struktur Bearbeitungen so einfach wie eine Zeile Code zu ändern. Es untergebracht auch ein breiteres Spektrum von Bildschirmanzeigen. Dreamweaver können Sie problemlos erstellen eines tableless Web-Layout mit seinen vordefinierten Layout-Vorlagen – bearbeiten Sie einfach die generierten Beispiel-Website, um Ihre eigene tableless Website erstellen.

Anweisungen

1 Öffnen Sie Dreamweaver.

2 Wählen Sie "Datei" und dann "neu".

3 Wählen Sie ein Layout aus der bereitgestellten Liste. Betätigung - und dreispaltigen Layouts mit Randleisten, Kopf- und Fußzeilen.

4 Klicken Sie auf "Erstellen".

5 Wechseln Sie zur Registerkarte "Design" die Beispielwebseite erstellt anzeigen.

6 Klicken Sie auf den Abschnitt, den Sie bearbeiten möchten und geben den Inhalt für Ihre Website. Um Bilder hinzuzufügen, wählen Sie "Einfügen" im Hauptmenü und wählen Sie "Bild".

7 Wechseln Sie zur Registerkarte "Split". Dies zeigt zwei Fenster: das Code-Fenster mit dem HTML-Code und das Design-Fenster zeigt das Erscheinungsbild Ihrer Website. Im Fenster Code bearbeiten des CSS-Codes, an der Spitze, ändern Sie die Hintergrundfarbe, die Schriftart, die Breite und die Höhe der Abschnitte gefunden. Hier vorgenommenen Änderungen werden automatisch in das Design-Fenster angezeigt.

8 Klicken Sie auf "Datei" und "Speichern", um Ihre neue Web-Seite zu speichern.