一、課堂案例——插入日期
在Dreamweaver中插入日期非常方便。它提供了一個插入日期的快捷方式,用在文檔中插入任意格式的當(dāng)前時間,同時它還提供了日期更新選項,在保存文件時日期也隨著更新。插入日期的具體操作步
驟如下。

終案例效果文件所在位置:終文件\CH01\1.6.1\index1.htm
1 打開“原始文件\CH01\1.6.1\index.htm”。
2 將光標(biāo)置于要插入日期的位置,選擇【插入】|【日期】命令,彈出【插入日期】對話框。
3 在【插入日期】對話框中,在【星期格式】、【日期格式】和【時間格式】列表中分別選擇一種合適的格式。勾選【儲存時自動更新】復(fù)選框,這樣每一次存儲文檔都會自動更新文檔中插入的日期。
4 單擊【確定】按鈕,即可插入日期。
提示顯示在【插入日期】對話框中的時間和日期不是當(dāng)前的日期,它們也不會反映訪問者查看用戶網(wǎng)站的日期/時間。
5 保存文檔。按F12鍵在瀏覽器中瀏覽效果。
二、課堂案例——插入特殊字符
特殊字符包含換行符、不換行空格、版權(quán)信息和注冊商標(biāo)等,它是網(wǎng)頁中經(jīng)常
用到的元素之一。在網(wǎng)頁文檔中插入特殊字符時,在代碼視圖中顯示的是特殊字符的源代碼,而在設(shè)計視圖中顯示的是一個標(biāo)志,只有在瀏覽器窗口中才能顯示真正面目的字符。下面通過實例講述版權(quán)字符的插入,具體操作步驟如下。
終案例效果文件所在位置:終文件\CH01\1.6.2\index1.htm
1 打開“原始文件\CH01\1.6.2\index.htm”
2 將光標(biāo)置于要插入特殊字符的位置,選擇【插入】|【HTML】|【特殊字符】|【版權(quán)】命令。
3 單擊【確定】按鈕,即可插入版權(quán)字符。
4 保存文檔。按F12鍵在瀏覽器中瀏覽效果。
提示選擇【插入】|【HTML】|【特殊字符】|【其他字符】命令,彈出【插入其他字符】對話框,在對話框中可以選擇更多的特殊字符。
三、課堂案例——插入水平線
水平線在網(wǎng)頁文檔中經(jīng)常用到,它主要用于分隔文檔內(nèi)容,使文檔結(jié)構(gòu)清晰明了,合理使用水平線可以獲得非常好的效果。一篇內(nèi)容繁雜的文檔,如果合理放置水平線,會使頁面變得層次分明、易于閱讀。
下面通過實例講述在網(wǎng)頁中插入水平線的效果,具體操作步驟如下。
終案例效果文件所在位置:終文件\CH01\1.6.3\index1.htm
1 打開“原始文件\CH01\1.6.3\index.htm”
2 將光標(biāo)置于要插入水平線的位置,選擇【插入】|【HTML】|【水平線】命令,插入水平線。
提示:將光標(biāo)放置在插入水平線的位置,單擊【常用】插入欄中的【水平線】[圖片]按鈕,也可插入水平線。在【窗口】下拉列表中選擇“插入”即可把【常用】插入欄調(diào)出。
3 選中水平線,打開【屬性】面板??梢栽凇緦傩浴棵姘逯性O(shè)置水平線的高、寬、對齊方式和陰影。在水平線【屬性】面板中可以設(shè)置以下參數(shù)。
【寬】和【高】:以像素為單位或以頁面尺寸百分比的形式設(shè)置水平線的寬度和高度。
【對齊】:設(shè)置水平線的對齊方式,包括“默認(rèn)”、“左對齊”、“居中對齊”和“右對齊”4個選項。只有當(dāng)水平線的寬度小于瀏覽器窗口的寬度時,該設(shè)置才有效。
【陰影】:設(shè)置繪制的水平線是否帶陰影。取消選擇該項將使用純色繪制水平線。
【提示】設(shè)置水平線顏色:在【屬性】面板中并沒有提供關(guān)于水平線顏色的設(shè)置選項,如果需要改變水平線的顏色,只需要直接進(jìn)入源代碼更改〈hr color="對應(yīng)顏色的代碼"〉即可。
4 保存文檔,按F12鍵在瀏覽器中瀏覽效果。
