dreamweaver制作下拉框教程：
1、打開壹個Dreamweaver項目。雙擊該項目的文件。如果要創建新的Dreamweaver項目，則可以打開Dreamweaver，依次單擊“文件”，“新建”，然後按照屏幕上的提示進行操作。
2、創建壹個有序列表。為了創建壹個下拉菜單，您必須至少有壹個項目符號項。您可以通過以下方法關閉CSS（單擊“查看”菜單項，選擇“樣式渲染”，然後單擊“顯示樣式”，如果已選中，則單擊“顯示樣式”），單擊要添加該點的位置，單擊“項目符號”圖標窗口，然後輸入點的名稱。然後，您應該先打開CSS，然後再繼續。
此處的點名稱將用作下拉菜單的激活器（例如，懸停或輕擊以打開下拉菜單的按鈕）。
如果您已經有要轉換為下拉菜單的列表項，請跳過此步驟。
3、確定您的列表名稱。單擊“代碼”選項卡，並確保您位於“源代碼”設置上，然後向下滾動到已排序列表的代碼（該代碼將位於“<ul>”標記和“</ul>”標記之間）。頂部“<ul>”標簽上方的“<divid=“name”>”標簽。引號中的單詞是您列表的名稱。[1]
如果看不到名稱，請在標簽上方直接插入標簽<divid="name">（名稱是列表的首選名稱）<ul>。
4、刪除項目符號點。通過單擊“設計”選項卡，然後單擊窗口右上角的“CSS設計器”選項卡，確保您在正確的位置，然後執行以下操作：
單擊“選擇器”標題右側的+。
鍵入#nameul其中“名稱”是列表名稱的地方。
按_Enter兩次。
向下滾動並在CSSDesigner選項卡底部的窗格中單擊list-style-type。
在出現的彈出菜單中單擊無。
5、更改您的排序列表以水平顯示。為此：
單擊“選擇器”標題右側的+。
鍵入#nameli其中“名稱”是列表名稱的地方。
在“CSS設計器”選項卡底部的窗格中找到“浮動”標題。
單擊“浮動”標題右側的向左按鈕。
6、為您的列表添加壹個活動標簽。單擊“選擇器”右側的+按鈕，然後鍵入#namea（其中“名稱”是列表名稱），然後按_Enter兩次。
7、添加背景色。如有必要，選擇#nameaitem，然後單擊CSSDesigner窗格頂部的框形“Backgroundcolor”選項卡，選擇background-color選項，然後選擇要使用的背景色。
這是下拉列表項將使用的顏色。
8、使您的列表項使用“阻止”格式。這種格式可確保當有人單擊或單擊列表中的項目時，他們可以通過在項目上方或下方略微選擇來打開它，而不必精確選擇文本：
確保在CSS設計器標簽中選擇了您的#name項目。
向下滾動到窗格中的“顯示”標題。
單擊“顯示”標題的最右側，然後在出現的菜單中單擊“阻止”。
9、如有必要，添加填充。如果您發現列表項彼此卡住，則可以通過執行以下操作在它們之間放置壹些空間：
確保在CSS設計器標簽中選擇了您的#name項目。
向下滾動到窗格中的“填充”標題。
將頂部和底部的“px”文本字段更改為至少讀取5。
將左右“px”文本字段更改為至少讀取10。
10、創建懸停顏色。當您將鼠標光標懸停在下拉菜單中的某個項目上時，將顯示以下顏色：
單擊“選擇器”標題右側的+。
輸入#navea:hover（其中“名稱”是列表名稱），然後按_Enter兩次。
點擊“背景色”標簽。
選擇背景色，然後選擇比您使用的背景色淺的顏色。
11、關閉CSS。單擊“查看”菜單項，選擇“樣式渲染”，然後在彈出窗口中單擊“顯示樣式”選項。
如果“顯示樣式”選項顯示為灰色，請單擊Dreamweaver文檔中的任意位置，然後重試。
12、創建下拉菜單內容。為此，您可以在要用作下拉菜單按鈕的項目符號點下方添加子點：
單擊要轉換為下拉菜單的列表項目右側的，然後按_Enter。
按。Tab_
輸入第壹個下拉菜單項的名稱，然後按_Enter。
輸入下壹個下拉菜單的名稱，然後按_Enter並根據需要重復。
13、將下拉菜單內容綁定到項目符號項。為此：
單擊“選擇器”旁邊的+，然後鍵入#nameulul並按_Enter兩次。
向下滾動並單擊顯示，然後在彈出菜單中單擊無。
查找並單擊位置，然後在彈出菜單中單擊絕對。
14、自行創建下拉菜單。您必須添加另壹個選擇器來執行此操作：
單擊“選擇器”旁邊的+，然後鍵入#nameulli:hover>ul並按_Enter兩次。
查找並單擊顯示，然後在出現的彈出菜單中單擊阻止。
15、使下拉菜單的內容垂直顯示。默認情況下，下拉菜單內容將顯示在水平欄中，但是您可以通過執行以下操作將其強制為垂直列：
單擊“選擇器”旁邊的+，然後鍵入#nameululli並按_Enter兩次。
找到“浮動”標題。
單擊“浮動”標題右側的“無”（）選項。
16、保存您的項目。按Ctrl+S（Windows）或_Command+S（Mac）。
如果為此項目創建了新的Dreamweaver文件，則需要輸入名稱，選擇保存位置，然後單擊“保存”以保存文件。