<output id="jbxdv"></output>

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

        • 2019-07-26 09:39:59
        • 閱讀次數:
        • 作者:盈嵐科技小編
        • 來源:http://www.freenetsites.com

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

        定義文本格式

        網站建設時,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步,在設計視圖中可以看到列表文本效果??梢钥吹?,列表文本前面都添加一個項目符號,同時文本縮進顯示。

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

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

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

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

        當前文章標題:如何在網頁設計時設置格式和列表

        當前URL:http://www.freenetsites.com/news/wzzz/3061.html

        上一篇:網頁設計中如何設置段落文本樣式

        下一篇:如何在網頁制作時使用CSS定義文本樣式(一)

        網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
        国产成人亚洲综合无码
        <output id="jbxdv"></output>