學(xué)生個(gè)人網(wǎng)頁制作html 怎樣用dw制作導(dǎo)航欄下拉菜單?
怎樣用dw制作導(dǎo)航欄下拉菜單?Dreamweaver使用標(biāo)簽行為功能制作下拉菜單。具體步驟:1。在Dreamweaver中繪制層(注意:繪制層,而不是插入DIV)。2畫一個(gè)寬130像素,高20像素的圖
怎樣用dw制作導(dǎo)航欄下拉菜單?
Dreamweaver使用標(biāo)簽行為功能制作下拉菜單。具體步驟:1。在Dreamweaver中繪制層(注意:繪制層,而不是插入DIV)。2畫一個(gè)寬130像素,高20像素的圖層。在層中插入相同大小的表。Dreamweaver將自動(dòng)將層ID命名為layer13。接下來,繪制一個(gè)寬度為100px,高度為100px的層。Dreamweaver將自動(dòng)將層ID命名為layer13 layer 2還將相同大小的表插入到層中。插入表格是為了使文本層居中。4默認(rèn)情況下,選擇layer2將其隱藏(單擊layer2左側(cè)以閉上眼睛將其隱藏)。5選擇網(wǎng)頁中“層1”選項(xiàng)卡“行為”面板的“顯示隱藏層”選項(xiàng)。6選擇要在彈出窗口中顯示的圖層2并確認(rèn)。7將OnMouseOver添加到行為以隱藏第2層,方法與將onmouseout(即鼠標(biāo)離開時(shí))添加到行為相同。這會(huì)成功的。但是,當(dāng)您離開常規(guī)菜單時(shí),您會(huì)發(fā)現(xiàn)下拉菜單將消失。因此,必須選擇layer2才能再次執(zhí)行l(wèi)ayer2的OnMouseOver onmouseout行為。
怎么用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自動(dòng)}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)航li a:Hover{background:?0095bb}/*設(shè)置鼠標(biāo)懸?;蚧瑒?dòng)時(shí)要更改的背景色*/
主頁
HTML教程
CSS基礎(chǔ)
CSS開發(fā)工具
CSS特效
CSS問題
DW制作導(dǎo)航欄鼠標(biāo)經(jīng)過下拉如何設(shè)?
在Dreamweaver設(shè)計(jì)面板中選擇一個(gè)鏈接,然后打開“窗口”下拉菜單(右側(cè)有更多的行為面板)接下來,保存(您需要先保存行為,然后才能使用它)并打開行為面板中的“”下拉列表-彈出菜單。繼續(xù)看垂直菜單這就是我要說的