怎么設(shè)計(jì)多層目錄結(jié)構(gòu)？Dreamweaver CC 2014

結(jié)合使用縮進(jìn)功能和列表結(jié)構(gòu)可以設(shè)計(jì)多層列表嵌套，制作復(fù)雜的版式效果。下面演示如何設(shè)計(jì) 多層目錄結(jié)構(gòu)。

【操作步驟】

第1步，啟動(dòng)Dreamweaver CC,打開練習(xí)文檔test.html。這是一 個(gè)個(gè)人網(wǎng)站目錄結(jié)構(gòu)設(shè)計(jì)草稿，如圖所示

第2步，選擇第1行，在文本“屬性”面板的“格式”下拉列表框中選擇“標(biāo)題1”選項(xiàng)。

第3步，選擇第2-4行文本，設(shè)置格式為二級(jí)標(biāo)題，然后在“屬性”面板中單擊“文本縮進(jìn)” 按鈕，如圖所示。

第4步，選擇第5行和第6行文本，設(shè)置格式為三級(jí)標(biāo)題，然后單擊“編號(hào)列表”按鈕，再連續(xù)單擊兩次“文本縮進(jìn)”按鈕。

第5步，選擇最后5行文本，然后單擊“項(xiàng)目列表”按鈕，再連續(xù)單擊3次“文本縮進(jìn)”按鈕即可。

第6步，切換到代碼視圖，自動(dòng)生成的HTML代碼如下所示，按F12鍵預(yù)覽多層列表嵌套的效 果。