如何在網頁設計時設置格式和列表

格式和列表在網頁設計時是網頁文本排版中兩個非常有用的功能，格式主要用來設置固定標題、預定義文本格式、顯示和設置段落；列表主要用來組織多列文本，方便排版。

定義文本格式

在網站建設時，Dreamweaver中有幾種既定的文本格式，每種格式都有規定的大小、對齊方式等屬性值。Dreamweaver中共定義了6級標題，用來實現文本的格式化。

【操作步驟】

第1步，啟動Dreamweaver，選擇【文件】|【新建】命令，或者按Ctrl+N快捷鍵，新建一個空白的HTML文檔，保存為test.html。

第2步，把光標置于文檔編輯窗口中，輸入文本“HTML標題標簽：”，在【屬性】面板中設置【格式】為“段落”。

提示：【格式】下拉列表框中各選項的含義分別如下。

?無：沒有設置文本的格式。

?段落：設置當前文本為段落文本，即表示能自動換行并以一個段落塊顯示。

?標題1：它的字號約為6號，行的高度大于正文。

?標題2~標題6：字號相應地逐漸減小。

?預先格式化的：表示保留文本預先定義的格式。

第3步，按Enter鍵換行，然后輸入文本“一級標題”，在【屬性】面板中設置【格式】為“標題1”。

第4步，重復操作：按Enter鍵換行，分別輸入文本“二級標題”、“三級標題”、“四級標題”、“五級標題”和“六級標題”，然后在【屬性】面板中分別設置【格式】為“標題2”、“標題3”、“標題4”、“標題5”和“標題6”。

技巧：用標題格式化文本，也可以使用組合鍵。首先將鼠標指針置于要格式化的段落中，然后按快捷鍵“Ctrl+相應的標題號”。例如，將某一段落設置為標題3的格式，就可以用Ctrl+3快捷鍵來實現。

第5步，另起一行，輸入文本“頁面源代碼：”，設置文本格式為“段落”。按Enter鍵換行，在【屬性】面板中設置文本格式為“預先格式化的”。

第6步，輸入本頁源代碼，這時可以看到用戶輸入的代碼能夠正確顯示，且可以自由縮進顯示。

第7步，按Ctrl+S快捷鍵保存文檔，然后按F12鍵在瀏覽器中預覽。

定義文本列表

列表是文本組織最有效的方式，傳統習慣上用戶喜歡在網站建設時用表格來組織文本等網頁元素，但隨著網頁技術新標準的推出，CSS技術革新，W3C組織建議廣大用戶最好用列表組織文本。

【操作步驟】

第1步，啟動Dreamweaver，選擇【文件】|【新建】命令，或者按Ctrl+N快捷鍵，新建一個空白的HTML文檔，保存為test.html。

第2步，把光標置于文檔編輯窗口中，輸入文本“HTML列表標簽”，在【屬性】面板中設置【格式】為“標題1”。

第3步，繼續輸入多行段落文本。

第4步，使用鼠標拖選輸入的多行文本，然后在【屬性】面板中單擊【項目列表】按鈕，把段落文本轉換為列表文本。

第5步，在設計視圖中可以看到列表文本效果。可以看到，列表文本前面都添加一個項目符號，同時文本縮進顯示。

提示：任選以下幾種方法之一都可以定義列表文本。

?打開【屬性】面板，單擊該面板上的【項目列表】按鈕或者【編號列表】按鈕。

?選擇【格式】|【列表】命令，在打開的子菜單中選擇一個命令即可。

?右擊選中段落，選擇快捷菜單中的【列表】子菜單中的命令。也可以自定義這些列表的屬性，選擇【格式】|【列表】|【屬性】命令，打開【列表屬性】對話框，在該對話框中可以定義不同類型列表的各種屬性。

網站題目：如何在網頁設計時設置格式和列表
轉載來于：http://m.kartarina.com/news/173340.html

成都網站建設公司_創新互聯，為您提供域名注冊、網站設計、網站內鏈、標簽優化、定制網站、外貿網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯