第3章 在網(wǎng)頁中使用文本

《第3章 在網(wǎng)頁中使用文本》由會員分享，可在線閱讀，更多相關(guān)《第3章 在網(wǎng)頁中使用文本（15頁珍藏版）》請?jiān)谘b配圖網(wǎng)上搜索。

1、第第3 3章章 在網(wǎng)頁中使用文本在網(wǎng)頁中使用文本一、案例實(shí)現(xiàn)一、案例實(shí)現(xiàn)1.創(chuàng)建一個新網(wǎng)頁，將其保存為index.htm2.在新建的網(wǎng)頁的設(shè)計(jì)視圖的工作區(qū)域空白處輸入文字“歡迎光臨我的個人網(wǎng)頁”，選中文字，在Dreamweaver下方的屬性面板上設(shè)置其段落屬性為“標(biāo)題1”，對其方式為“”，修改其顏色為“紅色”.3.光標(biāo)定位在“歡迎光臨我的個人網(wǎng)頁”后面，按【Enter】鍵，點(diǎn)擊常用插入欄，選擇HTML選項(xiàng)，單擊其中的“”按鈕，在“歡迎光臨我的個人網(wǎng)頁”下面插入一條水平線示。4.選中水平線，設(shè)置水平線屬性，“對齊”中包含了左、右、中三種對齊方式。5.在水平線后面按【Enter】鍵，輸入文字“一、

2、自我介紹”，選中該文本，設(shè)置其屬性。這里對文字的字體也可以進(jìn)行設(shè)置。選中需設(shè)置字體的文本，單擊“文本”菜單/“字體”命令，在彈出的子菜單中選擇所需要的字體，或者打開屬性檢查器，單擊“字體”下拉列表，在彈出的列表中選擇所需字體。6.重復(fù)步驟2插入水平線，設(shè)置水平線屬性。7.在水平線后面按【Enter】鍵。輸入“姓名”、“性別”、“出生年月”、“畢業(yè)院?！?、“所學(xué)專業(yè)”等四行文字，每行的結(jié)尾按【Enter】鍵換行。8.選中這四行文字，切換“常用工具欄”為“文本選項(xiàng)”，點(diǎn)擊其上的“”按鈕，完成項(xiàng)目列表的制作。9.重復(fù)步驟（3）-（7），完成聯(lián)系方式部分文字設(shè)置。10.選中聯(lián)系方式的四行文字切換“常用

3、工具欄”為“文本選項(xiàng)”，點(diǎn)擊其上的編號列表“”按鈕。11.重復(fù)步驟3插入頁面底部的水平線并設(shè)置其屬性。12.在水平線，后面按【Enter】鍵。輸入版權(quán)信息，設(shè)置其屬性為居中對齊，插入版權(quán)符號。13.插入日期。14.制作完畢，保存網(wǎng)頁文件。二、二、相關(guān)知識相關(guān)知識 1、在網(wǎng)頁中插入文本在網(wǎng)頁中插入文本（1）插入普通文本 方法如下：1）直接在文檔窗口中輸入文本。在設(shè)計(jì)視圖中，用戶將光標(biāo)定位于要插入文本的位置處，選擇合適的輸入法輸入相應(yīng)的文本即可。輸入文本時，按下Enter鍵可以創(chuàng)建一個新的段落，如果僅想換行而不分段，可以ShiftEnter。另外，HTML只允許字符之間包含一個空格，如果要在文檔中

4、添加多個空格，需要將輸入法切換到中文全角狀態(tài)，就可以插入多個空格了。2）拷貝文本。用戶可以從其他的應(yīng)用程序中復(fù)制文本，然后切換到Dreamweaver中，將插入點(diǎn)定位要要插入文本的位置處，然后選擇“編輯”|“粘貼”命令，或者使用CtrlV的粘貼快捷鍵，就可以將文本粘貼到窗口中了。Dreamweaver在粘貼文本時將忽略原文本的格式，僅僅以純文本的方式粘貼。3）從其他文檔導(dǎo)入文本。能夠合并到Web頁的文本內(nèi)容的常見文檔類型有ASCII文本文件、RTF文件和MS Office文檔。Dreamweaver可以從這些文檔類型中取出文本，然后將其并入Web頁中。(2）編碼設(shè)置編碼指定文檔中字符所用的編碼

5、，文檔編碼在文檔頭中的meta標(biāo)簽內(nèi)指定，它告訴瀏覽器和Dreamweaver應(yīng)如何對文檔進(jìn)行解碼以及使用那些字體來顯示解碼的文本。例如：要指定日語編碼為“shift_JIS”，則插入此meta標(biāo)簽：。瀏覽器使用用戶為日語編碼指定的字體來顯示文檔。使用漢語編碼“簡體中文（GB2312）”，則meta標(biāo)簽為：。這個可以在“設(shè)計(jì)”視圖里進(jìn)行設(shè)置。具體步驟如下：1）選擇“頁面屬性”命令按鈕，彈出“頁面屬性”對話框。2）在頁面屬性對話框窗口左側(cè)選擇“分類”列表中“標(biāo)題/編碼”命令，在右側(cè)“編碼”下拉列表框中選擇“簡體中文（GB2312）”選項(xiàng)即可。設(shè)置對話框技巧：設(shè)置對話框技巧：一旦進(jìn)行了編碼設(shè)置，可

6、以查看一下“編輯”菜單下面的“首選參數(shù)”命令，在“分類”列表框的“字體”類別里的“字體設(shè)置”命令也會發(fā)生相應(yīng)的變化。在查看“代碼”視圖時，感覺字體、大小不合適，也可以在“分類”列表框的“字體”類別里設(shè)置字體、字體大小。（3）插入特殊文本某些特殊字符在HTML中以名稱或數(shù)字的形式表示，它們稱為實(shí)體。HTML包含版權(quán)符號(©)、注冊商標(biāo)符號(®)等字符的實(shí)體名稱。每個實(shí)體都有一個名稱（如—）和一個數(shù)字等效值（如—）。具體操作方法如下：1）在“設(shè)計(jì)”窗口中，將插入點(diǎn)放在要插入特殊字符的位置。執(zhí)行下列操作之一：n從“插入”/“HTML”/“特殊字符”子菜單中選擇

7、字符名稱。n在“插入”欄中的“文本”類別中，單擊“字符”按鈕選擇需要的字符。2）在字符之間添加空格。HTML只允許字符之間包含一個空格，若要在文檔中添加其它空格，須插入連續(xù)空格?？梢栽O(shè)置一個在文檔中自動添加不換行空格的首選參數(shù)。若要插入不換行空格，執(zhí)行下列操作之一：l從“插入”/“HTML”/“特殊字符”子菜單中選擇“不換行空格”。l在“插入”欄中的“文本”類別中，單擊“字符”按鈕選擇“插入不換行空格”。2 2、文本的其它操作、文本的其它操作（1）文字的復(fù)制與移動、拼寫檢查1）文字的復(fù)制與移動：在網(wǎng)頁文檔的“設(shè)計(jì)”視圖和”代碼”視圖狀態(tài)的文檔窗口內(nèi)，可以進(jìn)行文字的復(fù)制和移動操作，其方法與wor

8、d中的方法基本一樣。2）文字的拼寫檢查：單擊“文本”菜單/“檢查拼寫”命令，Dreamweaver會檢查網(wǎng)頁內(nèi)所有英文單詞的拼寫是否正常，如果全部正常，則調(diào)出檢查完畢的提示框；如果有不正確的英文單詞，則將調(diào)出“檢查拼寫”對話框。該對話框中會列出錯誤的英文單詞并推薦更改的英文單詞，供用戶修改錯誤的單詞。（2）文字的查找與替換1）單擊“編輯”/“查找和替換”命令，可以調(diào)出“查找和替換”對話框。該對話框內(nèi)各選項(xiàng)的作用如下所述。n文字的查找和替換查找范圍下拉列表用來選擇查找的范圍。n搜索下拉列表用來選擇查找內(nèi)容的類型。n查找列表用來輸入要查找的內(nèi)容。n替換列表可輸入要替換的字符或選擇要替換的字符。3

9、3、HTMLHTML概述與基本結(jié)構(gòu)概述與基本結(jié)構(gòu)HTML是“超文本標(biāo)記語言”，用它編寫的文件(文檔)的擴(kuò)展名是.html或.htm，它們是可供瀏覽器解釋瀏覽的文件格式?？梢允褂糜浭卤尽懽职寤?Dreamweaver等編輯工具來編寫Html文件。Html語言使用標(biāo)記對的方法編寫文件，既簡單又方便，它通常使用來表示標(biāo)記的開始和結(jié)束(例如標(biāo)記對)。一個完整的HTML文件包括標(biāo)題、段落、列表、表格以及各種嵌入對象，這些對象統(tǒng)稱為HTML元素。在HTML中，使用標(biāo)記或標(biāo)簽（tag）來分割并描述這些元素。因此，HTML文件就是由各種HTML標(biāo)記和元素組成的。一個HTML文件的基本結(jié)構(gòu)如下：頭部信息文檔主

10、體部分HTML文檔的基本結(jié)構(gòu)是以開頭、結(jié)尾，中間分兩部分，即以開始、結(jié)束的開頭部分和以開始、結(jié)束的主體部分。一般來說，HTML標(biāo)記都是成對出現(xiàn)的，以開始，以結(jié)束。但也有一些例外，這些我們以后都要學(xué)到。HTML標(biāo)記是不區(qū)分大小寫的，也就是說大寫和小寫都可以。1）標(biāo)記用于Html文檔的最前邊，用來標(biāo)識Html文檔的開始。而標(biāo)記恰恰相反，它放在Html文檔的最后邊，用來標(biāo)識Html文檔的結(jié)束，兩個標(biāo)記必須一塊使用。2）和構(gòu)成Html文檔的開頭部分，在此標(biāo)記之間可以使用等標(biāo)記對，這些標(biāo)記對都是描述Html文檔相關(guān)信息的標(biāo)記對，標(biāo)記對之間的內(nèi)容是不會在瀏覽器的框內(nèi)顯示出來的。兩個標(biāo)記必須一塊使用。3）是

11、Html文檔的主體部分，在此標(biāo)記對之間可包含、等等眾多的標(biāo)記，它們所定義的文本、圖像等將會在瀏覽器的框內(nèi)顯示出來。兩個標(biāo)記必須一塊使用。4）使用過瀏覽器的人可能都會注意到瀏覽器窗口最上邊藍(lán)色部分顯示的文本信息，那些信息一般是網(wǎng)頁的“標(biāo)題”，要將您的網(wǎng)頁的主題顯示到瀏覽器的頂部其實(shí)很簡單，只要在標(biāo)記對之間加入您要顯示的文本即可。注意：標(biāo)記對只能放在標(biāo)記對之間。4 4、文本的、文本的HTMLHTML標(biāo)記應(yīng)用標(biāo)記應(yīng)用 每個HTML標(biāo)記都由標(biāo)記符對（或單標(biāo)記符）和屬性組成，其一般格式為：受影響的內(nèi)容 或有些標(biāo)記沒有屬性或?qū)傩钥梢允÷浴?）常用字體風(fēng)格標(biāo)記 字體風(fēng)格分為物理風(fēng)格和邏輯風(fēng)格。字體的物理風(fēng)格直接指定字體，物理風(fēng)格的字體標(biāo)記見表。字體邏輯風(fēng)格用來指定文本的作用，有強(qiáng)調(diào)、鍵盤輸入、變量等。例如要給字體添加粗體風(fēng)格。其語法格式為：文字內(nèi)容。其它風(fēng)格標(biāo)記類似方法使用。2）字體標(biāo)記 語法格式：文字內(nèi)容3.段落標(biāo)記 作用:將其內(nèi)的文字另起一段顯示。段與段之間有一個空 行。