dw表單制作 怎么用DW制作網(wǎng)頁導(dǎo)航條?
怎么用DW制作網(wǎng)頁導(dǎo)航條?Dreamweaver,簡稱“DW”,中文名“dream weaver”,是美國Macromedia公司開發(fā)的一款所見即所得網(wǎng)頁編輯器,集網(wǎng)頁制作和網(wǎng)站管理于一體。想用DW做
怎么用DW制作網(wǎng)頁導(dǎo)航條?
Dreamweaver,簡稱“DW”,中文名“dream weaver”,是美國Macromedia公司開發(fā)的一款所見即所得網(wǎng)頁編輯器,集網(wǎng)頁制作和網(wǎng)站管理于一體。想用DW做導(dǎo)航條必須熟悉DIV CSS,基本代碼:UL#NAV{寬度:100%高度:60px背景:#00A2凸輪軸:0自動}ul#nav li{顯示:內(nèi)聯(lián)高度:60px}ul#導(dǎo)航li{顯示:內(nèi)聯(lián)塊填充:0 20像素高度:60px線高:60px顏色:#FFF字體系列:“5FAE8F6F96C59ED1”字體-尺寸:16px}ul導(dǎo)航背景:BB}/*設(shè)置背景顏色,當(dāng)鼠標(biāo)懸?;蚧瑒訒r,改變!*!主頁
HTML教程
CSS基金會
CSS開發(fā)工具
CSS特效
CSS問題
Dreamweaver使用標(biāo)記行為的功能來制作下拉菜單。具體步驟:1。在Dreamweaver中繪制層(注意:繪制層,而不是插入DIV)。2畫一個寬130像素,高20像素的圖層。在層中插入相同大小的表。Dreamweaver將自動將層ID命名為layer13。接下來,繪制一個寬度為100px,高度為100px的層。Dreamweaver將自動將層ID命名為layer13 layer 2還將相同大小的表插入到層中。插入表格是為了使文本層居中。4默認(rèn)情況下,選擇layer2將其隱藏(單擊layer2左側(cè)以閉上眼睛將其隱藏)。5選擇網(wǎng)頁中“層1”選項卡“行為”面板的“顯示隱藏層”選項。6選擇要在彈出窗口中顯示的圖層2并確認(rèn)。7將OnMouseOver添加到行為以隱藏第2層,方法與將onmouseout(即鼠標(biāo)離開時)添加到行為相同。這會成功的。但是,當(dāng)您離開常規(guī)菜單時,您會發(fā)現(xiàn)下拉菜單將消失。因此,必須選擇layer2才能再次執(zhí)行l(wèi)ayer2的OnMouseOver onmouseout行為。
怎樣用dw制作導(dǎo)航欄下拉菜單?
在Dreamweaver設(shè)計面板中,選擇一個鏈接(它必須是一個鏈接),然后打開任務(wù)欄中的“窗口”下拉菜單行為(右側(cè)有更多行為面板),然后保存它(您需要先保存行為,然后才能使用它)。打開“行為”面板中的“”下拉列表彈出菜單。繼續(xù)外觀垂直菜單這就是我說的
Dreamweaver使用標(biāo)簽行為的功能來制作下拉菜單。具體步驟:
1。在Dreamweaver中繪制層(注意:繪制層,而不是插入DIV)
2。畫一個寬130像素,高20像素的圖層,并在圖層中插入一個相同大小的表格。此時,Dreamweaver將自動命名ID layer1
3。下一步,繪制一個寬度和高度為100px的圖層。Dreamweaver會自動命名ID layer2也會在圖層中插入相同大小的表格,插入表格是為了使文字層次居中。
4. 默認(rèn)情況下,選擇layer2將其隱藏(單擊layer2左側(cè)以閉上眼睛將其隱藏)
5。在網(wǎng)頁中選擇layer1行為面板的>>顯示隱藏層選項
6。選擇要在彈出窗口中顯示的第2層并確認(rèn)
7。將OnMouseOver添加到行為以隱藏第2層,方法與將onmouseout(即鼠標(biāo)離開時)添加到行為相同。這會成功的。但是,當(dāng)您離開常規(guī)菜單時,您會發(fā)現(xiàn)下拉菜單將消失。因此,必須選擇layer2才能再次執(zhí)行l(wèi)ayer2的OnMouseOver onmouseout行為。