Dreamweaver網(wǎng)頁(yè)怎么制作一個(gè)帶有列表值的下拉菜單?
我要評(píng)論網(wǎng)制作網(wǎng)頁(yè)的時(shí)候，需要選擇男女，所以需要添加下拉菜單，今天我們就來(lái)看看dw制作下拉菜單的教程。
Adobe Dreamweaver CC 2017 v17.0 中文版(附安裝教程) 64位
- 類型：網(wǎng)頁(yè)設(shè)計(jì)
- 大?。?/span>758MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2016-11-05
1、先打開(kāi)Dreamweaver，如果你事先有做好的網(wǎng)頁(yè)源文件，可以的直接點(diǎn)擊文件——打開(kāi)，打開(kāi)你的網(wǎng)頁(yè)源文件，如果沒(méi)有，就點(diǎn)擊文件——新建，新建一個(gè)新的網(wǎng)頁(yè)源文件。
2、新建的類型默認(rèn)就可以了，如果有其它需要，可以自己選擇頁(yè)面類型和布局等等，讓點(diǎn)擊創(chuàng)建按鈕。
3、新建好網(wǎng)頁(yè)之后，在設(shè)計(jì)頁(yè)面，點(diǎn)擊插入——表單——選擇（列表/菜單），這樣就可以插入一個(gè)可選擇的下拉表單了。
4、或者在菜單欄下方有個(gè)表單選項(xiàng)的圖標(biāo)，鼠標(biāo)放上去顯示“選擇（列表/菜單）”然后點(diǎn)擊，也可以插入下拉菜單。
5、然后跳出需要輸入標(biāo)簽輔助功能屬性的界面，ID填寫英文或者數(shù)字，標(biāo)簽就是你的下拉菜單的對(duì)應(yīng)的數(shù)據(jù)標(biāo)題，比如地址，性別等等，這里填寫“性別：”，然后點(diǎn)擊確定。
6、跳出是否添加表單標(biāo)簽的提示，就選擇是，就可以了。
7、這時(shí)，下拉菜單插入到頁(yè)面中了，點(diǎn)擊下方的列表值，給你的下拉菜單添加內(nèi)容。
8、跳出列表值的界面，在項(xiàng)目標(biāo)簽上填寫下拉菜單選項(xiàng)，比如我這里要做一個(gè)性別選擇的下拉菜單，這里就在值和項(xiàng)目標(biāo)簽填寫男。
9、接著點(diǎn)擊加號(hào)，添加新的下面標(biāo)簽和值，都填上女。然后點(diǎn)擊確定按鈕。
10、點(diǎn)擊界面上箭頭所指的小圖標(biāo)，選擇一個(gè)瀏覽器，點(diǎn)擊它，可以在瀏覽器上看到預(yù)覽效果。
11、這時(shí)會(huì)提示是否保存網(wǎng)頁(yè)文件的更改，選擇是，保存一下即可。
12、然后就可以在瀏覽器上看到你做好的下拉菜單的樣子了，鼠標(biāo)點(diǎn)擊一下下拉小箭頭是不是可以選擇了，很簡(jiǎn)單吧，動(dòng)手試試吧。
以上就是Dreamweaver下拉菜單的制作方法，希望能幫到大家，喜歡的朋友可以關(guān)注腳本之家。
相關(guān)推薦：
Dreamweaver怎么怎么利用層布局網(wǎng)頁(yè)?
Dreamweaver怎么給網(wǎng)頁(yè)添加下拉的條幅?
相關(guān)文章
dreamweaver中怎么交互圖像? dw制作鼠標(biāo)經(jīng)過(guò)圖像換圖的教程
dw中怎么交互圖像？dw中想制作一個(gè)網(wǎng)頁(yè)，當(dāng)鼠標(biāo)經(jīng)過(guò)圖像的時(shí)候，就自動(dòng)換一個(gè)圖像，該怎么換呢？下面我們就來(lái)看看dw制作鼠標(biāo)經(jīng)過(guò)圖像換圖的教程，需要的朋友可以參考下2016-06-03Dreamweaver怎么在網(wǎng)頁(yè)中顯示一個(gè)圓角矩形?
Dreamweaver怎么在網(wǎng)頁(yè)中顯示一個(gè)圓角矩形？想繪制一個(gè)紅色的圓角矩形，該怎么使用Dreamweaver實(shí)現(xiàn)呢？今天我們就來(lái)看看使用dw在網(wǎng)頁(yè)中繪制紅色圓角矩形的教程，需要的朋友2016-06-02dreamweaver cs6怎么新建HTML5格式的頁(yè)面?
dreamweaver cs6怎么新建HTML5格式的頁(yè)面？dreamweaver新建頁(yè)面格式默認(rèn)是xhtml1.0，現(xiàn)在想新建html5的頁(yè)面該怎么辦呢？下面我們來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2016-05-23Dreamweaver怎么批量修改網(wǎng)頁(yè)相同的內(nèi)容?
Dreamweaver怎么批量修改網(wǎng)頁(yè)相同的內(nèi)容？比如想修改旺旺的副標(biāo)題，有很多，而且是相同的，該怎么批量修改節(jié)省時(shí)間呢？下面我們就來(lái)看看Dreamweaver批量修改網(wǎng)頁(yè)相同的內(nèi)容2016-05-22dreamweaver怎么做一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)?
dreamweaver怎么做一個(gè)簡(jiǎn)單的網(wǎng)站？想做一個(gè)簡(jiǎn)單的網(wǎng)站，該怎么制作呢？今天我們就來(lái)卡看dreamweaver制作網(wǎng)站的一個(gè)步驟，感興趣的朋友可以進(jìn)來(lái)參考一下，需要的朋友可以參2016-05-16Dreamweaver設(shè)置頁(yè)面屬性后采用HTML格式怎么辦?
Dreamweaver設(shè)置頁(yè)面屬性后采用HTML格式怎么辦？用Dreamweaver設(shè)計(jì)了網(wǎng)頁(yè)，設(shè)置頁(yè)面屬性以后，本來(lái)想用css格式的，現(xiàn)在變成了HTML格式，該怎么辦呢？下面我們來(lái)看看詳細(xì)的2016-04-27- dreamweaver中怎么將文字放到圖片上？dreamweaver中如果想讓背景圖片上帶一些文字，比較有意境，該怎么做呢？下面我們就來(lái)看看dw在圖片上寫文字的教程，需要的朋友可以參考2016-04-22
Dreamweaver CS6制作一個(gè)新聞網(wǎng)頁(yè)首頁(yè)的實(shí)例教程
Dreamweaver CS6制作網(wǎng)頁(yè)很方便，為了方便學(xué)習(xí)我們我們舉了一個(gè)實(shí)際的例子，使用Dreamweaver CS6做了一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)，非常簡(jiǎn)單，適合新手學(xué)習(xí)，需要的朋友可以參考2016-04-20怎么格式化html代碼? Dreamweaver格式化html代碼的技巧
怎么格式化html代碼？Dreamweaver編輯網(wǎng)頁(yè)的時(shí)候，發(fā)現(xiàn)代碼格式很亂，看起來(lái)很費(fèi)勁，該怎么一鍵格式化呢？下面我們就來(lái)看看Dreamweaver格式化html代碼的技巧，需要的朋友可2016-03-31Dreamweaver怎么進(jìn)行批量文件搜索指定內(nèi)容?
Dreamweaver怎么進(jìn)行批量文件搜索指定內(nèi)容？Dreamweaver中的文件很多，想要查找文件很不容易，該怎么才能快速的進(jìn)行批量查找文件的？下面我們來(lái)看看Dreamweaver文本查找功2016-03-30