《第3章 在網(wǎng)頁中使用文本》由會員分享,可在線閱讀,更多相關(guān)《第3章 在網(wǎng)頁中使用文本(15頁珍藏版)》請在裝配圖網(wǎng)上搜索。
1、第第3 3章章 在網(wǎng)頁中使用文本在網(wǎng)頁中使用文本一、案例實現(xiàn)一、案例實現(xiàn)1.創(chuàng)建一個新網(wǎng)頁,將其保存為index.htm2.在新建的網(wǎng)頁的設(shè)計視圖的工作區(qū)域空白處輸入文字“歡迎光臨我的個人網(wǎng)頁”,選中文字,在Dreamweaver下方的屬性面板上設(shè)置其段落屬性為“標題1”,對其方式為“”,修改其顏色為“紅色”.3.光標定位在“歡迎光臨我的個人網(wǎng)頁”后面,按【Enter】鍵,點擊常用插入欄,選擇HTML選項,單擊其中的“”按鈕,在“歡迎光臨我的個人網(wǎng)頁”下面插入一條水平線示。4.選中水平線,設(shè)置水平線屬性,“對齊”中包含了左、右、中三種對齊方式。5.在水平線后面按【Enter】鍵,輸入文字“一、
2、自我介紹”,選中該文本,設(shè)置其屬性。這里對文字的字體也可以進行設(shè)置。選中需設(shè)置字體的文本,單擊“文本”菜單/“字體”命令,在彈出的子菜單中選擇所需要的字體,或者打開屬性檢查器,單擊“字體”下拉列表,在彈出的列表中選擇所需字體。6.重復(fù)步驟2插入水平線,設(shè)置水平線屬性。7.在水平線后面按【Enter】鍵。輸入“姓名”、“性別”、“出生年月”、“畢業(yè)院?!?、“所學(xué)專業(yè)”等四行文字,每行的結(jié)尾按【Enter】鍵換行。8.選中這四行文字,切換“常用工具欄”為“文本選項”,點擊其上的“”按鈕,完成項目列表的制作。9.重復(fù)步驟(3)-(7),完成聯(lián)系方式部分文字設(shè)置。10.選中聯(lián)系方式的四行文字切換“常用
3、工具欄”為“文本選項”,點擊其上的編號列表“”按鈕。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è)計視圖中,用戶將光標定位于要插入文本的位置處,選擇合適的輸入法輸入相應(yīng)的文本即可。輸入文本時,按下Enter鍵可以創(chuàng)建一個新的段落,如果僅想換行而不分段,可以ShiftEnter。另外,HTML只允許字符之間包含一個空格,如果要在文檔中
4、添加多個空格,需要將輸入法切換到中文全角狀態(tài),就可以插入多個空格了。2)拷貝文本。用戶可以從其他的應(yīng)用程序中復(fù)制文本,然后切換到Dreamweaver中,將插入點定位要要插入文本的位置處,然后選擇“編輯”|“粘貼”命令,或者使用CtrlV的粘貼快捷鍵,就可以將文本粘貼到窗口中了。Dreamweaver在粘貼文本時將忽略原文本的格式,僅僅以純文本的方式粘貼。3)從其他文檔導(dǎo)入文本。能夠合并到Web頁的文本內(nèi)容的常見文檔類型有ASCII文本文件、RTF文件和MS Office文檔。Dreamweaver可以從這些文檔類型中取出文本,然后將其并入Web頁中。(2)編碼設(shè)置編碼指定文檔中字符所用的編碼
5、,文檔編碼在文檔頭中的meta標簽內(nèi)指定,它告訴瀏覽器和Dreamweaver應(yīng)如何對文檔進行解碼以及使用那些字體來顯示解碼的文本。例如:要指定日語編碼為“shift_JIS”,則插入此meta標簽:。瀏覽器使用用戶為日語編碼指定的字體來顯示文檔。使用漢語編碼“簡體中文(GB2312)”,則meta標簽為:。這個可以在“設(shè)計”視圖里進行設(shè)置。具體步驟如下:1)選擇“頁面屬性”命令按鈕,彈出“頁面屬性”對話框。2)在頁面屬性對話框窗口左側(cè)選擇“分類”列表中“標題/編碼”命令,在右側(cè)“編碼”下拉列表框中選擇“簡體中文(GB2312)”選項即可。設(shè)置對話框技巧:設(shè)置對話框技巧:一旦進行了編碼設(shè)置,可
6、以查看一下“編輯”菜單下面的“首選參數(shù)”命令,在“分類”列表框的“字體”類別里的“字體設(shè)置”命令也會發(fā)生相應(yīng)的變化。在查看“代碼”視圖時,感覺字體、大小不合適,也可以在“分類”列表框的“字體”類別里設(shè)置字體、字體大小。(3)插入特殊文本某些特殊字符在HTML中以名稱或數(shù)字的形式表示,它們稱為實體。HTML包含版權(quán)符號(©)、注冊商標符號(®)等字符的實體名稱。每個實體都有一個名稱(如—)和一個數(shù)字等效值(如)。具體操作方法如下:1)在“設(shè)計”窗口中,將插入點放在要插入特殊字符的位置。執(zhí)行下列操作之一:n從“插入”/“HTML”/“特殊字符”子菜單中選擇
7、字符名稱。n在“插入”欄中的“文本”類別中,單擊“字符”按鈕選擇需要的字符。2)在字符之間添加空格。HTML只允許字符之間包含一個空格,若要在文檔中添加其它空格,須插入連續(xù)空格??梢栽O(shè)置一個在文檔中自動添加不換行空格的首選參數(shù)。若要插入不換行空格,執(zhí)行下列操作之一:l從“插入”/“HTML”/“特殊字符”子菜單中選擇“不換行空格”。l在“插入”欄中的“文本”類別中,單擊“字符”按鈕選擇“插入不換行空格”。2 2、文本的其它操作、文本的其它操作(1)文字的復(fù)制與移動、拼寫檢查1)文字的復(fù)制與移動:在網(wǎng)頁文檔的“設(shè)計”視圖和”代碼”視圖狀態(tài)的文檔窗口內(nèi),可以進行文字的復(fù)制和移動操作,其方法與wor
8、d中的方法基本一樣。2)文字的拼寫檢查:單擊“文本”菜單/“檢查拼寫”命令,Dreamweaver會檢查網(wǎng)頁內(nèi)所有英文單詞的拼寫是否正常,如果全部正常,則調(diào)出檢查完畢的提示框;如果有不正確的英文單詞,則將調(diào)出“檢查拼寫”對話框。該對話框中會列出錯誤的英文單詞并推薦更改的英文單詞,供用戶修改錯誤的單詞。(2)文字的查找與替換1)單擊“編輯”/“查找和替換”命令,可以調(diào)出“查找和替換”對話框。該對話框內(nèi)各選項的作用如下所述。n文字的查找和替換查找范圍下拉列表用來選擇查找的范圍。n搜索下拉列表用來選擇查找內(nèi)容的類型。n查找列表用來輸入要查找的內(nèi)容。n替換列表可輸入要替換的字符或選擇要替換的字符。3
9、3、HTMLHTML概述與基本結(jié)構(gòu)概述與基本結(jié)構(gòu)HTML是“超文本標記語言”,用它編寫的文件(文檔)的擴展名是.html或.htm,它們是可供瀏覽器解釋瀏覽的文件格式??梢允褂糜浭卤尽懽职寤?Dreamweaver等編輯工具來編寫Html文件。Html語言使用標記對的方法編寫文件,既簡單又方便,它通常使用來表示標記的開始和結(jié)束(例如標記對)。一個完整的HTML文件包括標題、段落、列表、表格以及各種嵌入對象,這些對象統(tǒng)稱為HTML元素。在HTML中,使用標記或標簽(tag)來分割并描述這些元素。因此,HTML文件就是由各種HTML標記和元素組成的。一個HTML文件的基本結(jié)構(gòu)如下:頭部信息文檔主
10、體部分HTML文檔的基本結(jié)構(gòu)是以開頭、結(jié)尾,中間分兩部分,即以開始、結(jié)束的開頭部分和以開始、結(jié)束的主體部分。一般來說,HTML標記都是成對出現(xiàn)的,以開始,以結(jié)束。但也有一些例外,這些我們以后都要學(xué)到。HTML標記是不區(qū)分大小寫的,也就是說大寫和小寫都可以。1)標記用于Html文檔的最前邊,用來標識Html文檔的開始。而標記恰恰相反,它放在Html文檔的最后邊,用來標識Html文檔的結(jié)束,兩個標記必須一塊使用。2)和構(gòu)成Html文檔的開頭部分,在此標記之間可以使用等標記對,這些標記對都是描述Html文檔相關(guān)信息的標記對,標記對之間的內(nèi)容是不會在瀏覽器的框內(nèi)顯示出來的。兩個標記必須一塊使用。3)是
11、Html文檔的主體部分,在此標記對之間可包含、等等眾多的標記,它們所定義的文本、圖像等將會在瀏覽器的框內(nèi)顯示出來。兩個標記必須一塊使用。4)使用過瀏覽器的人可能都會注意到瀏覽器窗口最上邊藍色部分顯示的文本信息,那些信息一般是網(wǎng)頁的“標題”,要將您的網(wǎng)頁的主題顯示到瀏覽器的頂部其實很簡單,只要在標記對之間加入您要顯示的文本即可。注意:標記對只能放在標記對之間。4 4、文本的、文本的HTMLHTML標記應(yīng)用標記應(yīng)用 每個HTML標記都由標記符對(或單標記符)和屬性組成,其一般格式為:受影響的內(nèi)容 或有些標記沒有屬性或?qū)傩钥梢允÷浴?)常用字體風(fēng)格標記 字體風(fēng)格分為物理風(fēng)格和邏輯風(fēng)格。字體的物理風(fēng)格直接指定字體,物理風(fēng)格的字體標記見表。字體邏輯風(fēng)格用來指定文本的作用,有強調(diào)、鍵盤輸入、變量等。例如要給字體添加粗體風(fēng)格。其語法格式為:文字內(nèi)容。其它風(fēng)格標記類似方法使用。2)字體標記 語法格式:文字內(nèi)容3.段落標記 作用:將其內(nèi)的文字另起一段顯示。段與段之間有一個空 行。