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