本篇內(nèi)容主要講解“DW怎么制作一個簡單的垂直導(dǎo)航”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“DW怎么制作一個簡單的垂直導(dǎo)航”吧!
步驟
1、打開Adobe Dreamweaver CC 2015。
2、執(zhí)行菜單欄中的"文件>新建"命令或按住Ctrl+N鍵打開"新建文檔"對話框，選擇其文檔類型為HTML，單擊"創(chuàng)建"按鈕，即創(chuàng)建一個網(wǎng)頁文檔。
3、
和之間添加""，如下圖所示。【解釋】DIV元素是用來為HTML文檔內(nèi)大塊（block-level）的內(nèi)容提供結(jié)構(gòu)和背景的元素。DIV的起始標(biāo)簽和結(jié)束標(biāo)簽之間的所有內(nèi)容都是用來構(gòu)成這個塊的，其中所包含元素的特性由DIV標(biāo)簽的屬性來控制，或者是通過使用樣式表格式化這個塊來進(jìn)行控制。DIV標(biāo)簽稱為區(qū)隔標(biāo)記。作用：設(shè)定字、畫、表格等的擺放位置。
id屬性：規(guī)定元素的 id，通過 CSS 為帶有指定 id 的元素改變或添加樣式。
【基本語法】
【功能說明】div元素為包含型的DIV塊元素，可以設(shè)定放置在其"標(biāo)簽內(nèi)容"中的元素（例如對齊方式），若是加上id、class等屬性，則可設(shè)定任意范圍的樣式。
在HTML、XHTML文件中開始標(biāo)簽與結(jié)束標(biāo)簽都不可省略。
4、
之間添加"【基本語法】
【語法說明】
1.標(biāo)題標(biāo)記本身具有換行的作用，標(biāo)題總是從新的一行開始；
2.#用來指定標(biāo)題文字的大小，#取1~6的整數(shù)值，取1時文字較大；取6時文字最小。
5、
和之間添加"【基本語法】
【語法說明】
在HTML文件中，可以利用成對的
6、
基本語法】
.....
【語法說明】
列表項標(biāo)記
用來定義列表項序列。
7、
和之間添加""，如下圖所示。【基本語法】
【語法說明】
之間添加"body{font-family:Verdana; font-size:12px; line-height:1.5;} a{color:#000; text-decoration:none;} a:hover{color:#F00;} #menu{width:100px; border:1px solid #ccc;} #menu ul{list-style:none; margin:0px; padding:0px;} #menu ul li{background:#eee; padding:0px 8px; height:26px; line-height:26px; border-bottom:1px solid #ccc;}
"，如下圖所示。
font-family屬性：指定字體系列。
font-size屬性：設(shè)置字體大小。
line-height屬性：設(shè)置行間的距離(行高)。
border屬性：規(guī)定圖像周圍的邊框的寬度，就是說可以增加或去掉圖像的邊框。
height屬性：設(shè)置高度。
background屬性：設(shè)置背景色。
list-style屬性：設(shè)置列表樣式。
margin屬性：設(shè)置邊框外的距離。
float屬性：定義元素在哪個方向浮動。
padding屬性：設(shè)置邊框內(nèi)的距離。
#menu：對應(yīng)于頁面中id為menu的元素
#menu ul：對應(yīng)于頁面中id為menu的元素里的
#menu ul li：對應(yīng)于頁面中id為menu的元素里
【重點】
a:link 未鏈接時的超鏈接文字的樣式。
a:visited 已鏈接過的超鏈接文字的樣式。
a:active 當(dāng)鼠標(biāo)單擊超鏈接后，超鏈接文字所顯示的樣式。
a:hover 當(dāng)鼠標(biāo)移動超鏈接文字上方時，超鏈接文字所顯示的樣式。
a 在此屬性內(nèi)設(shè)置樣式時，則上述4種屬性將同時引用此值。
【基本語法】border-bottom：下邊框?qū)挾葇下邊框樣式|下邊框顏色
【功能說明】設(shè)置下邊框的樣式、寬度和顏色。
9、保存網(wǎng)頁文件，按住F12鍵可以在瀏覽器中預(yù)覽效果，如下圖所示。
到此，相信大家對“DW怎么制作一個簡單的垂直導(dǎo)航”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)建站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！
重慶分公司
重慶分公司
