Sie können das Layout Ihrer Website in Dreamweaver ändern, indem Sie neue "& lt; div & gt;"Tags, die einen rechten und linken Seitenleiste, um Ihre vorhandene Vorlage.Diese Funktionalität ermöglicht es Ihnen, Abschnitte, um Ihre bestehende Seite ohne Unterbrechung der bestehenden Inhalte einfügen.Sobald Sie eine Seitenleiste auf der linken Seite und einer Seitenleiste auf der rechten Seite hinzugefügt haben, wird die zuvor vorhandene Vorlage als Voll Säule in der Mitte des Layouts angezeigt werden.

Anleitung

  1. Starten Sie Adobe Dreamweaver CS5.5 befördert.

  2. Klicken Sie auf "Datei" am oberen Rand des Fensters, klicken Sie auf "Öffnen", doppelklicken Sie dann auf die Vorlage, die Sie bearbeiten möchten.

  3. Klicken Sie auf die "Split" Taste an der linken oberen Ecke des Fensters.Dies wird Ihre Vorlage im Bereich "Design" auf der rechten Seite des Fensters angezeigt werden, während gleichzeitig die Anzeige der HTML-Code für die Vorlage im Bereich "Code" auf der linken Seite des

    Fensters.

  4. Klicken Sie irgendwo in den Abschnitt "Design" auf der rechten Seite des Fensters.

  5. Suchen Sie die horizontale Leiste am unteren Rand des Fensters, die mit beginnt das "& lt; body & gt;"Tag und dann auf die "& lt; div & gt;"markieren unmittelbar rechts davon.Zum Beispiel, wenn die horizontale Leiste zeigt "& lt; body & gt; & lt; & gt ;, div.container" Sie klicken Sie auf "& lt; & gt ;. div.container"Dadurch wird die gesamte Option "; div & gt; & lt"im Abschnitt "Code" des Fensters.

  6. Klicken Sie in das "& lt; div & gt;"Tag an der Spitze der den markierten Text.

  7. hinzufügen "style =" float: left; "mit dem Tag zum Beispiel, wenn Sie mit einem Arbeits." & Lt; div & gt; "mit" class = "container" "Code und dann den kompletten" & lt; div & gt; lt "Tag wäre" &; div class = "Container" style = "float: left;" & gt ;. "

  8. Klicken Sie auf die" & lt; div & gt; "Tag in der horizontalen Leiste am unteren Rand des Fensters wieder, dann klicken Sie über dem markierten Text in dem Abschnitt "Code" des Fensters

  9. Typ "& lt; div id =" left-Sidebar "style =" float:. nach links; & gt; Ihr Inhalt Hier & lt; / div & gt ;."Ersetzen Sie "Ihre Inhalte Here" mit den Informationen, die Sie in der linken Seitenleiste aufnehmen möchten.

  10. Klicken Sie auf die "& lt; div & gt;"Registerkarte in der horizontalen Leiste am unteren Rand des Fensters wieder, dann klicken Sie direkt unter dem hervorgehobenen Text innerhalb des Ausschnitts "Code" des Fensters.

  11. Typ "& lt; div id =" rechten Seitenleiste "style =" float: left; "& gt; Ihr Inhalt Hier & lt; / div & gt ;."Ersetzen Sie "Ihre Inhalte Here" mit den Informationen, die Sie in der rechten Seitenleiste aufnehmen möchten.

  12. Klicken Sie auf "Datei" am oberen Rand des Fensters, klicken Sie dann auf "Speichern", um Ihre Änderungen zu speichern.

Tipps & amp;Warnungen

  • Wenn Ihre Vorlage wurde zuvor entwickelt, um eine bestimmte Bildschirmauflösung passt, müssen Sie die Breite des zu ändern "& lt; div & gt;"Behälter, die zuvor zu helfen, alle Ihre Inhalte.Diese Eigenschaft kann in der gefunden werden "& lt; head & gt;"Abschnitt Ihrer Vorlage oder in einem angeschlossenen CSS-Datei.