Dreamweaver CS3中用“spry菜單欄”制作縱向?qū)Ш讲藛?/h1>

2014-07-28 05:15:33劉靖屏

電腦知識(shí)與技術(shù) 訂閱 2014年17期 收藏

劉靖屏

摘要：網(wǎng)頁(yè)導(dǎo)航菜單是指引和方便瀏覽者訪問(wèn)所需內(nèi)容的快速通道。該文介紹了Dreamweaver CS3中使用“Spry菜單欄”控件創(chuàng)建縱向的導(dǎo)航菜單，通過(guò)“屬性”面板編輯“Spry菜單欄”控件，以及通過(guò)修改對(duì)應(yīng)SpryMenuBarVertical.css文檔中的CSS規(guī)則來(lái)更改菜單欄的外觀。

關(guān)鍵詞：Dreamweaver CS3；spry菜單欄；網(wǎng)頁(yè)縱向?qū)Ш讲藛?/p>

中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2014）17-4129-03

1 概述

網(wǎng)頁(yè)導(dǎo)航菜單是指引和方便瀏覽者訪問(wèn)所需內(nèi)容的快速通道。Dreamweaver CS3提供“Spry菜單欄”控件，可以創(chuàng)建縱向的網(wǎng)頁(yè)下拉或彈出菜單。網(wǎng)頁(yè)導(dǎo)航菜單的樣式和風(fēng)格是網(wǎng)站樣式的一個(gè)重要的組成部分，好的網(wǎng)頁(yè)導(dǎo)航菜單可以在確定網(wǎng)站風(fēng)格的同時(shí)，清晰網(wǎng)站的層次。

2 創(chuàng)建網(wǎng)頁(yè)縱向?qū)Ш讲藛螜?/p>

利用“Spry菜單欄”控件創(chuàng)建網(wǎng)頁(yè)縱向?qū)Ш讲藛螜?/p>

1）將光標(biāo)定位到要插入網(wǎng)頁(yè)縱向?qū)Ш讲藛螜诘奈恢谩?/p>

2）單擊“插入記錄”|“Spry”|“Spry菜單欄”。

3）單擊“垂直”單選按鈕，再單擊確定。

3 編輯網(wǎng)頁(yè)縱向?qū)Ш讲藛螜?/p>

1）選擇頁(yè)面中的“Spry菜單欄”控件。

2）展開(kāi)“屬性”面板，在其中對(duì)“Spry菜單欄”控件進(jìn)行編輯，主要是增刪菜單項(xiàng)目，設(shè)置菜單項(xiàng)目的名稱和菜單項(xiàng)鏈接的網(wǎng)頁(yè)地址等。

3）在“屬性”面板中完成對(duì)“Spry菜單欄”控件的編輯后，在文檔編輯區(qū)中可以觀察到“Spry菜單欄”控件的變化。但是要想預(yù)覽“Spry菜單欄”控件的完整效果，必須先保存網(wǎng)頁(yè)文檔。選擇“文件”|“保存”命令，彈出“復(fù)制相關(guān)文件”對(duì)話框，如圖1“復(fù)制相關(guān)文件”對(duì)話框所示。

單擊“確定”按鈕，Dreamweaver就會(huì)自動(dòng)將這些文件復(fù)制到站點(diǎn)的SpryAssets文件夾中。

4）按F12鍵預(yù)覽網(wǎng)頁(yè)效果。

4 更改網(wǎng)頁(yè)縱向?qū)А?br>

登錄APP查看全文

電腦知識(shí)與技術(shù) 2014年17期

電腦知識(shí)與技術(shù)的其它文章

淺析電子信息技術(shù)的發(fā)展與展望

都都寶城市一卡通網(wǎng)上充值業(yè)務(wù)模式及市場(chǎng)推廣分析

多模式可調(diào)移動(dòng)穩(wěn)壓充電電源的研制

物流管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

PHP技術(shù)應(yīng)用于中小企業(yè)網(wǎng)站開(kāi)發(fā)探討

基于WCF的實(shí)驗(yàn)室自動(dòng)排課服務(wù)設(shè)計(jì)與實(shí)現(xiàn)