3.3　添加其他文本要素

網頁中除了可以插入文本，還可以插入一些其他的文本要素，如日期和時間、特殊字符和水平線。本節將簡要介紹插入這些HTML對象的方法。

3.3.1　插入日期

在網頁中，經常會看到顯示有日期，且日期自動更新。Dreamweaver CC 2018為讀者提供了插入日期的功能，使用它可以用多種格式在文檔中插入當前的日期和時間。而且通過設置，可以使網頁在每次保存時都能自動更新。

（1）將插入點放在文檔中需要插入日期的位置。

（2）執行“窗口”|“插入”命令，打開“插入”面板的“HTML”分類，單擊面板中的“日期”按鈕，彈出“插入日期”對話框，如圖3-24所示。

（3）在“星期格式”“日期格式”“時間格式”下拉列表中分別選擇星期、日期、時間的顯示方式。

（4）如果希望插入的日期在每次保存文檔時自動進行更新，可以選中“儲存時自動更新”復選框。

（5）單擊“確定”按鈕關閉對話框，即可在文檔中插入日期和時間。

（6）選中插入的日期，在屬性面板上調整日期顯示的字體、大小和對齊方式。

例如，在2016年11月30日向頁面中插入時間。若在“星期格式”下拉列表框中選擇了“[不要星期]”，在“日期格式”選框中選擇了“1974年3月7日”，在“時間格式”下拉列表框中選擇“[不要時間]”，則最后生成的日期效果如圖3-25所示。

3.3.2　插入特殊字符

本節所說的特殊字符是指在鍵盤上不能直接輸入的字符。如果需要向網頁中插入特殊字符，可使用“插入”面板的“HTML”分類。

（1）單擊“HTML”插入面板中的“換行符”按鈕右側的向下箭頭，彈出下拉列表，如圖3-26所示，在下拉菜單中可以選擇需要的字符。

（2）如果需要插入更多的特殊字符，可以單擊下拉菜單上的“其他字符”按鈕，如圖3-26所示。彈出“插入其他字符”對話框。

（3）在該對話框中單擊需要的字符按鈕，如圖3-27所示。對話框左上角的“插入”文本框中將顯示該字符對應的實體參考。單擊“確定”按鈕，即可插入相應的特殊字符。

知識拓展

特殊字符的數字參考和實體參考

在HTML中，一個特殊字符有兩種表達方式，一種稱作數字參考，另一種稱作實體參考。

數字參考，就是用數字來表示文檔中的特殊字符，通常由前綴“&#”加上數值，再加上后綴“;”組成，其表達方式為：&#D;，其中D是一個十進制數值。

實體參考，就是用有意義的名稱來表示特殊字符，通常由前綴“&”加上字符對應的名稱，再加上后綴“;”組成。其表達方式為：&name;，其中name是一個用于表示字符的名稱，且區分大小寫。

例如，可以使用“®”和“®”來表示注冊商標符號“”。盡管實體參考比數字參考要容易記憶，不過，并非所有的瀏覽器都能夠正確識別采用實體參考的特殊字符，但是它們都能夠識別出采用數字參考的特殊字符。

對于那些常見的特殊字符，使用實體參考方式是安全的，在實際應用中，只要記住這些常用特殊字符的實體參考就足夠了。對于一些特別不常見的字符，則應該使用數字參考方式。

3.3.3　創建列表

在編輯網頁文本時，常常需要對同級或不同級的多個項目進行編號或排列，以顯示多個項目之間的層次關系，或使文本布局更有條理，這就需要用到列表。列表分為項目列表和編號列表兩種。

1. 項目列表

項目列表（也稱無序列表），列表沒有順序，用不同的符號及縮進的多少來區分不同的層次。默認的項目符號是圓點。

（1）選中需要設置成項目列表的文本。

（2）打開“屬性”面板，在HTML屬性中單擊“項目列表”按鈕，如圖3-28所示。

2. 編號列表

編號列表（也稱有序列表），每一項前都會有序號引導（默認為數字），通過數字及縮進來區分不同的層次。

（1）選中需要設置成編號列表的文本。

（2）打開“屬性”面板，在HTML屬性中單擊“編號列表”按鈕，如圖3-29所示。

3. 設置列表屬性

如果默認的項目編號不符合設計需求，用戶還可以自定義列表屬性。

在Dreamweaver CC 2018的“設計”視圖中選中要修改的列表，執行“編輯”|“列表”|“屬性”命令，彈出“列表屬性”對話框，如圖3-30所示。在其中可以對列表進行更深入的設置。

　“列表類型”：用于改變選中列表的列表類型，有“項目列表”“編號列表”“目錄列表”“菜單列表”四個選項。其中，“目錄列表”“菜單列表”只在較低版本的瀏覽器中起作用，在目前通用的高版本瀏覽器中已失去效果，這里不做介紹。

　“樣式”：用于設置列表中的每行開頭的列表標志。列表類型為“項目列表”時，有三個選項——“默認”“項目符號”“正方形”；列表類型為“編號列表”時，有六個選項——“默認”“數字”“小寫羅馬字母”“大寫羅馬字母”“小寫字母”“大寫字母”，如圖3-31所示。

3.3.4　上機練習——制作李白詩作列表

練習目標

本節通過創建列表的練習，使讀者掌握在Dreamweaver CC 2018中創建項目列表、編號列表及嵌套列表的操作方法。

設計思路

首先打開一個需要創建列表的網頁，然后選中要創建列表的文本，在屬性面板上選擇相應的按鈕創建列表，最后修改列表屬性，以凸顯列表層次。

操作步驟

1. 創建項目列表

（1）執行“文件”|“打開”命令，在彈出的“打開”對話框中選擇一個制作好的頁面，該頁面包含三列相同的內容，第一列的內容如圖3-32（a）所示。

（2）用鼠標指針選中除“李白文集”以外的其他項內容，單擊屬性設置面板中的“項目列表”按鈕，則所有項目的左邊都會加入一個“●”符號，這樣所有項目都被當作項目列表的第一層，如圖3-32（b）所示。

（3）選擇“山中問答”“軍行”兩項，單擊屬性設置面板中的“縮進”按鈕，使它們向右縮進，則這兩項左邊的“●”符號變成了“○”符號，表示它們在列表的第二層。同理設置其他項，最終效果如圖3-32（c）所示。

2. 創建編號列表

（1）用鼠標指針選中除“李白文集”以外的第二列文本內容，單擊屬性設置面板中的“編號列表”按鈕，則所有項目左邊都會加入數字，這樣所有項目都被當作編號列表的第一層，如圖3-33（a）所示。

（2）選擇“山中問答”“軍行”兩項，單擊屬性設置面板中的“縮進”按鈕，使它們向右縮進，則這兩項左邊會按順序加入數字，表示它們是列表的第二層。同理設置其他項，如圖3-33（b）所示。

3. 項目列表和編號列表混排

（1）用鼠標指針選中除“李白文集”以外的第三列文本內容，單擊屬性設置面板中的“編號列表”按鈕，則所有項目左邊都會加入編號，如圖3-34（a）所示。

（2）選擇“山中問答”“軍行”兩項，單擊屬性設置面板中的“縮進”按鈕，使它們向右縮進，這兩項左邊會按順序加入數字。然后單擊屬性面板中的“縮進”按鈕。同理設置其他項，如圖3-34（b）所示。

4. 修改列表的編號樣式

（1）選中第一列文本中的第一層列表，如選中“五律”，執行“編輯”|“列表”|“屬性”命令，打開“列表屬性”對話框，在“樣式”下拉列表中選擇“正方形”，然后單擊“確定”按鈕關閉對話框。第一層列表的項目符號即被修改為正方形，如圖3-35（a）所示。

（2）選中第二列文本中的第二層列表，如選中“軍行”，執行“編輯”|“列表”|“屬性”命令，打開“列表屬性”對話框，在“樣式”下拉列表中選擇“大寫字母”，然后單擊“確定”按鈕關閉對話框。第二層列表前兩項的項目符號即被修改為大寫字母。同樣的方法修改第二層的其他列表項，如圖3-35（b）所示。

（3）選中第三列文本中的第一層列表，如選中“五律”，執行“編輯”|“列表”|“屬性”命令，打開“列表屬性”對話框，在“開始計數”文本框中輸入“4”，然后單擊“確定”按鈕關閉對話框。第一層列表將以4開始列序，如圖3-35（c）所示。