在DW中做CSS導(dǎo)航條并不困難，可以按照以下步驟操作：

第一步，創(chuàng)建一個無序列表，用于存放導(dǎo)航欄的各個選項。可以通過DW中的菜單“插入”-“HTML”-“無序列表”來完成。

<ul>
<li>首頁</li>
<li>產(chǎn)品中心</li>
<li>新聞資訊</li>
<li>關(guān)于我們</li>
<li>聯(lián)系我們</li>
</ul>

第二步，針對列表中的每個選項，設(shè)置其樣式。可以在“樣式”窗口中，新建樣式并指定其選擇器為“l(fā)i”，然后在“基本”選項卡中設(shè)置其樣式，如下所示：

li {
display: inline-block; /* 使每個選項在同一行顯示 */
margin-right: 20px; /* 每個選項之間的右側(cè)距離 */
padding: 10px 15px; /* 內(nèi)邊距，用于增加選項的點擊區(qū)域和美觀度 */
background-color: #eee; /* 背景顏色，用于區(qū)分選項 */
 }

第三步，設(shè)置選中選項的樣式。可以在“樣式”窗口中，新建樣式并指定其選擇器為“l(fā)i:hover”，然后在“基本”選項卡中設(shè)置其樣式，如下所示：

li:hover {
background-color: #ccc; /* 鼠標(biāo)移動到選項上方時的背景顏色 */
}

第四步，將導(dǎo)航欄包裹在一個容器中，并設(shè)置容器的樣式。可以在HTML代碼中加入一個div元素，用于包裹導(dǎo)航欄，如下所示：

<div id="nav">
<ul>
...
</ul>
</div>

然后在樣式窗口中，新建樣式并指定其選擇器為“#nav”，然后在“基本”選項卡中設(shè)置其樣式，如下所示：

#nav {
background-color: #555; /* 容器的背景顏色 */
height: 50px; /* 容器的高度 */
text-align: center; /* 導(dǎo)航欄居中顯示 */
}

通過以上步驟，一個簡單的DW CSS導(dǎo)航欄就被設(shè)計出來了。可以根據(jù)具體需求，進一步擴展及優(yōu)化導(dǎo)航欄的樣式。