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

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

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

2、自我介紹”，選中該文本，設(shè)置其屬性。這里對(duì)文字的字體也可以進(jìn)行設(shè)置。選中需設(shè)置字體的文本，單擊“文本”菜單/“字體”命令，在彈出的子菜單中選擇所需要的字體，或者打開(kāi)屬性檢查器，單擊“字體”下拉列表，在彈出的列表中選擇所需字體。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)擊其上的編號(hào)列表“”按鈕。11.重復(fù)步驟3插入頁(yè)面底部的水平線并設(shè)置其屬性。12.在水平線，后面按【Enter】鍵。輸入版權(quán)信息，設(shè)置其屬性為居中對(duì)齊，插入版權(quán)符號(hào)。13.插入日期。14.制作完畢，保存網(wǎng)頁(yè)文件。二、二、相關(guān)知識(shí)相關(guān)知識(shí) 1、在網(wǎng)頁(yè)中插入文本在網(wǎng)頁(yè)中插入文本（1）插入普通文本 方法如下：1）直接在文檔窗口中輸入文本。在設(shè)計(jì)視圖中，用戶將光標(biāo)定位于要插入文本的位置處，選擇合適的輸入法輸入相應(yīng)的文本即可。輸入文本時(shí)，按下Enter鍵可以創(chuàng)建一個(gè)新的段落，如果僅想換行而不分段，可以ShiftEnter。另外，HTML只允許字符之間包含一個(gè)空格，如果要在文檔中

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

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

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

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

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

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

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

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