文章標題：DW使用CSS調整圖片布局

Adobe Dreamweaver（DW）是一個廣泛使用的網頁開發工具。它提供了許多有用的功能，如可視化編輯和代碼編輯，幫助開發人員輕松創建具有吸引力的網站。其中，使用CSS調整圖片布局是網頁設計中一個非常重要的環節，本文將介紹如何使用DW進行調整。

首先，需要使用DW創建一個HTML文檔。在文檔中添加圖片時，可以使用img標簽。以下是一個例子：

<img src="image.jpg" alt="圖片名稱">

這將在網頁上添加一張名為image.jpg的圖片，如果該圖片無法顯示，將會顯示一個替代文本為“圖片名稱”的文本。

接下來，需要使用CSS來進行圖片布局的調整。CSS是一種樣式表語言，用于控制HTML文檔的外觀。以下是CSS設置圖片大小和位置的例子：

img {
 width: 50%;
 height: auto;
 margin: 0 auto;
 display: block;
}

上面的代碼將使所有圖片的寬度為其父元素的50％，高度自適應，居中顯示。

其中，width和height屬性控制圖片的大小，margin屬性控制圖片與其周圍內容之間的距離，display屬性設置圖片為塊級元素，這將在網頁上顯示為獨立的矩形區域。

在DW中，可以使用CSS面板對CSS樣式進行設置。打開面板后，可以在其中創建新的樣式表，并對其進行編輯和保存。然后，將所需的樣式表鏈接到HTML文檔中，例如：

<link rel="stylesheet" href="style.css">

這將鏈接名為“style.css”的CSS樣式表到HTML文檔中，并使其中的樣式對網頁生效。

總之，使用DW和CSS結合調整圖片布局是網頁制作過程中一項很重要的技能。上述內容提到了如何使用DW代碼編輯器和CSS面板，以及如何設置樣式表和鏈接，可以幫助你輕松地在網頁上調整圖片的大小和位置。