dw制作網(wǎng)頁(yè)導(dǎo)航欄 怎么用DW制作網(wǎng)頁(yè)導(dǎo)航條?
怎么用DW制作網(wǎng)頁(yè)導(dǎo)航條?Dreamweaver,簡(jiǎn)稱(chēng)“DW”,中文名“dream weaver”,是美國(guó)Macromedia公司開(kāi)發(fā)的一款所見(jiàn)即所得網(wǎng)頁(yè)編輯器,集網(wǎng)頁(yè)制作和網(wǎng)站管理于一體。想用DW做
怎么用DW制作網(wǎng)頁(yè)導(dǎo)航條?
Dreamweaver,簡(jiǎn)稱(chēng)“DW”,中文名“dream weaver”,是美國(guó)Macromedia公司開(kāi)發(fā)的一款所見(jiàn)即所得網(wǎng)頁(yè)編輯器,集網(wǎng)頁(yè)制作和網(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線(xiàn)高:60px顏色:#FFF字體系列:“5FAE8F6F96C59ED1”字體-尺寸:16px}ul導(dǎo)航背景:BB}/*設(shè)置背景顏色,當(dāng)鼠標(biāo)懸?;蚧瑒?dòng)時(shí),改變!*!主頁(yè)
HTML教程
CSS基金會(huì)
CSS開(kāi)發(fā)工具
CSS特效
CSS問(wèn)題
Dreamweaver使用標(biāo)記行為的功能來(lái)制作下拉菜單。具體步驟:1。在Dreamweaver中繪制層(注意:繪制層,而不是插入DIV)。2畫(huà)一個(gè)寬130像素,高20像素的圖層。在層中插入相同大小的表。Dreamweaver將自動(dòng)將層ID命名為layer13。接下來(lái),繪制一個(gè)寬度為100px,高度為100px的層。Dreamweaver將自動(dòng)將層ID命名為layer13 layer 2還將相同大小的表插入到層中。插入表格是為了使文本層居中。4默認(rèn)情況下,選擇layer2將其隱藏(單擊layer2左側(cè)以閉上眼睛將其隱藏)。5選擇網(wǎng)頁(yè)中“層1”選項(xiàng)卡“行為”面板的“顯示隱藏層”選項(xiàng)。6選擇要在彈出窗口中顯示的圖層2并確認(rèn)。7將OnMouseOver添加到行為以隱藏第2層,方法與將onmouseout(即鼠標(biāo)離開(kāi)時(shí))添加到行為相同。這會(huì)成功的。但是,當(dāng)您離開(kāi)常規(guī)菜單時(shí),您會(huì)發(fā)現(xiàn)下拉菜單將消失。因此,必須選擇layer2才能再次執(zhí)行l(wèi)ayer2的OnMouseOver onmouseout行為。
怎樣用dw制作導(dǎo)航欄下拉菜單?
在Dreamweaver設(shè)計(jì)面板中,選擇一個(gè)鏈接(它必須是一個(gè)鏈接),然后打開(kāi)任務(wù)欄中的“窗口”下拉菜單行為(右側(cè)有更多行為面板),然后保存它(您需要先保存行為,然后才能使用它)。打開(kāi)“行為”面板中的“”下拉列表彈出菜單。繼續(xù)-外觀(guān)-“垂直菜單”我的意思是
如果你想在Dreamweaver中創(chuàng)建一個(gè)輔助頁(yè)面,請(qǐng)?jiān)贒W中創(chuàng)建一個(gè)新頁(yè)面。具體步驟是:在DW菜單中選擇文件,新建頁(yè)面,選擇HTML頁(yè)面類(lèi)型,然后單擊create按鈕創(chuàng)建一個(gè)空白頁(yè)面。在這個(gè)空白頁(yè)中,你需要做第二頁(yè)的效果。我舉個(gè)例子:第一級(jí)頁(yè)面是網(wǎng)站的主頁(yè),導(dǎo)航欄中有一個(gè)“聯(lián)系我們”。你現(xiàn)在需要做的第二級(jí)頁(yè)面是“聯(lián)系我們”頁(yè)面。在DW中創(chuàng)建一個(gè)新頁(yè)面,生成所需的效果,然后在DW中打開(kāi)第一級(jí)頁(yè)面(網(wǎng)站主頁(yè)),在導(dǎo)航“聯(lián)系我們”或圖片中添加超鏈接,并鏈接到剛才生成的第二級(jí)頁(yè)面。