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

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

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

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

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

5、類型中取出文本，然后將其并入,Web,頁中。,(2,）編碼設(shè)置,編碼指定文檔中字符所用的編碼，文檔編碼在文檔頭中的,meta,標(biāo)簽內(nèi)指定，它告訴瀏覽器和,Dreamweaver,應(yīng)如何對文檔進(jìn)行解碼以及使用那些字體來顯示解碼的文本。,例如：要指定日語編碼為,“,shift_JIS,”,，則插入此,meta,標(biāo)簽：,。瀏覽器使用用戶為日語編碼指定的字體來顯示文檔。使用漢語編碼,“,簡體中文（,GB2312,）,”,，則,meta,標(biāo)簽為：,。,這個可以在,“,設(shè)計,”,視圖里進(jìn)行設(shè)置。具體步驟如下：,1,）選擇,“,頁面屬性,”,命令按鈕，彈出,“,頁面屬性,”,對話框。,2,）在頁面屬性對話框

6、窗口左側(cè)選擇,“,分類,”,列表中,“,標(biāo)題,/,編碼,”,命令，在右側(cè),“,編碼,”,下拉列表框中選擇,“,簡體中文（,GB2312,）,”,選項即可。,設(shè)置對話框技巧：,一旦進(jìn)行了編碼設(shè)置，可以查看一下,“,編輯,”,菜單下面的,“,首選參數(shù),”,命令，在,“,分類,”,列表框的,“,字體,”,類別里的,“,字體設(shè)置,”,命令也會發(fā)生相應(yīng)的變化。在查看,“,代碼,”,視圖時，感覺字體、大小不合適，也可以在,“,分類,”,列表框的,“,字體,”,類別里設(shè)置字體、字體大小。,（,3,）插入特殊文本,某些特殊字符在,HTML,中以名稱或數(shù)字的形式表示，它們稱為實體。,HTML,包含版權(quán)符號,()

7、,、注冊商標(biāo)符號,(),等字符的實體名稱。每個實體都有一個名稱（如,）和一個數(shù)字等效值（如,）。具體操作方法如下：,1,）在,“,設(shè)計,”,窗口中，將插入點放在要插入特殊字符的位置。執(zhí)行下列操作之一：,從,“,插入,”,/,“,HTML,”,/,“,特殊字符,”,子菜單中選擇字符名稱。,在,“,插入,”,欄中的,“,文本,”,類別中，單擊,“,字符,”,按鈕選擇需要的字符。,2,）在字符之間添加空格。,HTML,只允許字符之間包含一個空格，若要在文檔中添加其它空格，須插入連續(xù)空格?？梢栽O(shè)置一個在文檔中自動添加不換行空格的首選參數(shù)。若要插入不換行空格，執(zhí)行下列操作之一：,從,“,插入,”,/,“

8、,HTML,”,/,“,特殊字符,”,子菜單中選擇,“,不換行空格,”,。,在,“,插入,”,欄中的,“,文本,”,類別中，單擊,“,字符,”,按鈕選擇,“,插入不換行空格,”,。,2,、文本的其它操作,（,1,）文字的復(fù)制與移動、拼寫檢查,1,）文字的復(fù)制與移動：在網(wǎng)頁文檔的“設(shè)計”視圖和”代碼”視圖狀態(tài)的文檔窗口內(nèi)，可以進(jìn)行文字的復(fù)制和移動操作，其方法與,word,中的方法基本一樣。,2,）文字的拼寫檢查：單擊“文本”菜單,/“,檢查拼寫”命令，,Dreamweaver,會檢查網(wǎng)頁內(nèi)所有英文單詞的拼寫是否正常，如果全部正常，則調(diào)出檢查完畢的提示框；如果有不正確的英文單詞，則將調(diào)出“檢查拼寫

9、”對話框。該對話框中會列出錯誤的英文單詞并推薦更改的英文單詞，供用戶修改錯誤的單詞。,（,2,）文字的查找與替換,1,）單擊“編輯”,/“,查找和替換”命令，可以調(diào)出“查找和替換”對話框。該對話框內(nèi)各選項的作用如下所述。,文字的查找和替換查找范圍下拉列表用來選擇查找的范圍。,搜索下拉列表用來選擇查找內(nèi)容的類型。,查找列表用來輸入要查找的內(nèi)容。,替換列表可輸入要替換的字符或選擇要替換的字符。,3,、,HTML,概述與基本結(jié)構(gòu),HTML,是,“,超文本標(biāo)記語言,”,，用它編寫的文件,(,文檔,),的擴(kuò)展名是,.html,或,.htm,，它們是可供瀏覽器解釋瀏覽的文件格式?？梢允褂糜浭卤?、寫字板或,

10、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)如下：,頭部信息,文檔主體部分,HTML,文檔的基本結(jié)構(gòu)是以,開頭、,結(jié)尾，中間分兩部分，即以,開始、,結(jié)束的開頭部分和以,開始、,結(jié)束的主體部分。,一般來說，

11、,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,）,是,Html,文檔的主體部分，在此標(biāo)記對之間可包含,、,、

12、,、,、,、,等等眾多的標(biāo)記，它們所定義的文本、圖像等將會在瀏覽器的框內(nèi)顯示出來。兩個標(biāo)記必須一塊使用。,4,）,使用過瀏覽器的人可能都會注意到瀏覽器窗口最上邊藍(lán)色部分顯示的文本信息，那些信息一般是網(wǎng)頁的,“,標(biāo)題,”,，要將您的網(wǎng)頁的主題顯示到瀏覽器的頂部其實很簡單，只要在,標(biāo)記對之間加入您要顯示的文本即可。,注意：,標(biāo)記對只能放在,標(biāo)記對之間。,4,、文本的,HTML,標(biāo)記應(yīng)用,每個,HTML,標(biāo)記都由標(biāo)記符對（或單標(biāo)記符）和屬性組成，其一般格式為：,受影響的內(nèi)容,或,有些標(biāo)記沒有屬性或?qū)傩钥梢允÷浴?1,）常用字體風(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)的文字另起一段顯示。段與段之間有一個空 行。,