1、第二章 創(chuàng)建網(wǎng)頁(yè)的基本對(duì)象 學(xué)習(xí)內(nèi)容一、網(wǎng)頁(yè)的創(chuàng)建與存儲(chǔ)二、網(wǎng)頁(yè)主要的組成部分三、文本操作一、網(wǎng)頁(yè)的創(chuàng)建與存儲(chǔ)1.創(chuàng)建網(wǎng)頁(yè)a) 第一次啟動(dòng)Dreamweaver CS5的時(shí)候，會(huì)讓你選擇“編碼區(qū)”和“設(shè)計(jì)區(qū)”，這里我們選擇“設(shè)計(jì)區(qū)”。b) 啟動(dòng)界面有四個(gè)功能：1.打開最近的項(xiàng)目2.新建3.主要功能4.快速入門c) 勾起“不再顯示”，那么下次打開，就不再顯示啟動(dòng)界面了。(如果要顯示，在首選項(xiàng)里有顯示歡迎畫面)首選項(xiàng)快捷鍵：Ctrl+U新建網(wǎng)頁(yè)：新建-HTML文件新建Ctrl+N一、網(wǎng)頁(yè)的創(chuàng)建與存儲(chǔ)HTML： 超文本標(biāo)記語(yǔ)言，是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用。 “超文本”就是指頁(yè)面內(nèi)可以包含圖片、鏈

2、接，甚至音樂、程序等非文字元素。ColdFusion：是一個(gè)動(dòng)態(tài)Web服務(wù)器，(ColdFusion Markup Language)是一種程序語(yǔ)言。PHP：（超文本預(yù)處理器”）是一種通用開源腳本語(yǔ)言。ASP VBScript：ASP語(yǔ)言的visual basic 腳本語(yǔ)言。XSLT(整頁(yè))：XSLT是翻譯XML的語(yǔ)言。CSS：級(jí)聯(lián)樣式表（Cascading Style Sheet）簡(jiǎn)稱“CSS”，通常又稱為“風(fēng)格樣式表（Style Sheet）”， 它是用來(lái)進(jìn)行網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)的。JavaScript：是一種廣泛用于客戶端Web開發(fā)的腳本語(yǔ)言，常用來(lái)給HTML網(wǎng)頁(yè)添加動(dòng)態(tài)功能。XML：可擴(kuò)展標(biāo)記

3、語(yǔ)言 (Extensible Markup Language, XML) ，用于標(biāo)記電子文件使其具有結(jié)構(gòu)性的標(biāo)記語(yǔ)言，可以用來(lái)標(biāo)記數(shù)據(jù)、定義數(shù)據(jù)類型，是一種允許用戶對(duì)自己的標(biāo)記語(yǔ)言進(jìn)行定義的源語(yǔ)言。 Dreamweaver站點(diǎn)：在 Dreamweaver 中，術(shù)語(yǔ)“站點(diǎn)”指屬于某個(gè) Web 站點(diǎn)的文檔的本地或遠(yuǎn)程存儲(chǔ)位置。Dreamweaver 站點(diǎn)提供了一種方法，使您可以組織和管理您所有的 Web 文檔，將您的站點(diǎn)上傳到 Web 服務(wù)器，跟蹤和維護(hù)您的鏈接以及管理和共享文件。應(yīng)定義一個(gè)站點(diǎn)以充分利用 Dreamweaver 的功能。注： 若要定義 Dreamweaver 站點(diǎn)，只需設(shè)置一個(gè)本

4、地文件夾。若要向 Web 服務(wù)器傳輸文件或開發(fā) Web 應(yīng)用程序，還必須添加遠(yuǎn)程站點(diǎn)和測(cè)試服務(wù)器信息。 一、網(wǎng)頁(yè)的創(chuàng)建與存儲(chǔ)HTML全名是Hyper Text Markup Language，即超文本標(biāo)記語(yǔ)言，是用來(lái)描述Internet服務(wù)器上超文本文件的語(yǔ)言。HTML不是一種編程語(yǔ)言，而是一種頁(yè)面描述性標(biāo)記語(yǔ)言。它通過各種標(biāo)記描述不同的內(nèi)容，說明段落、標(biāo)題、圖像、字體等在瀏覽器中的顯示效果。瀏覽器打開HTML文件時(shí)，將根據(jù)HTML標(biāo)記來(lái)顯示內(nèi)容。HTML標(biāo)記的一般使用格式為內(nèi)容一、網(wǎng)頁(yè)的創(chuàng)建與存儲(chǔ)2.保存頁(yè)面編輯好的網(wǎng)頁(yè)需要保存，我們可以執(zhí)行“文件-保存”?；蛘甙聪翪trl+S 組合鍵，打開

5、“另存為”對(duì)話框，在保存的時(shí)候選擇保存的位置。也可以直接在文檔工具上方選中需要保存的網(wǎng)頁(yè)文檔，然后單擊鼠標(biāo)右鍵，在彈出的快捷鍵菜單中選擇“保存”。一、網(wǎng)頁(yè)的創(chuàng)建與存儲(chǔ)3.打開打開：如果要打開電腦中存有的網(wǎng)頁(yè)文件，則執(zhí)行“文件-打開”命令，在彈出的 對(duì)話框中選擇需要打開的文件?；駽trl+O?；虼蜷_最近文件。一、網(wǎng)頁(yè)的創(chuàng)建與存儲(chǔ)4、關(guān)閉關(guān)閉當(dāng)前文檔：文檔圖標(biāo)在文檔標(biāo)題中右擊關(guān)閉。關(guān)閉全部。二、網(wǎng)頁(yè)主要的組成部分網(wǎng)頁(yè)主要由三部分組成：文本、圖象和超鏈接1 文本a) 文本就是網(wǎng)頁(yè)是的文字，一般文本占用的空間很?。ㄒ粋€(gè)中文字符只占2 字節(jié)）2 圖片GIF 是圖形交換格式，這種格式的特點(diǎn)就是小巧，更重要

6、的是，它可以做為小動(dòng)畫，在網(wǎng)絡(luò)上傳播。JPG 圖片格式是在網(wǎng)絡(luò)上被廣泛采用的圖片格式。PNG 是用Macromedia 公司推出的網(wǎng)頁(yè)圖片處理軟件生成的格式。3 超級(jí)鏈接a) 一個(gè)網(wǎng)站由很多的網(wǎng)頁(yè)組成，而這些網(wǎng)頁(yè)之間通常是通過超級(jí)鏈接的方式進(jìn)行連接的。三、文本操作文本操作包括文本的插入、特殊符號(hào)的插入、日期以及文本列表的插入等。三、文本操作1 插入文本a) 直接在文檔窗口中輸入文本，將光標(biāo)放置在文檔窗口中要插入文本的位置，然后直接輸入。如果需要跳段，可以按ENTER 鍵。如果是換行，則是Shift+Enter.b) 粘貼其他編輯器中生成的文本，首先要將光標(biāo)插入文本的位置，然后執(zhí)行“編輯-粘貼”

7、，就能完成文本的插入。也可以直接使用標(biāo)準(zhǔn)工具欄上的“粘貼”按鈕。通過記事本編輯網(wǎng)站中的文本，可以輕松實(shí)現(xiàn)文本樣式的過渡。三、文本操作2. 調(diào)整文本a) 如果要調(diào)整文本大小，則選定文本，在屬性面板的“大小”下拉列表框中選擇合適的大小。b) 如果需要改變文本字體，則先選定文本，在屬性面板上“字體”下拉列表中選擇字體樣式。c) 如果“字體”下拉列表中沒有需要的字體，則執(zhí)行“文本-字體-編輯字體列表”進(jìn)行操作。d) 可以將字體設(shè)置為標(biāo)題字體。網(wǎng)頁(yè)文字，默認(rèn)為宋體，如果瀏覽者電腦中不帶有你的文字類型，那么也會(huì)顯示為宋體。三、文本操作空格的輸入方法一：按Ctrl+Shift+Space方法二：將中文輸入法

8、切換到全角模式，按空格鍵。方法三：在對(duì)象工具欄 的字符面板中單擊“插入不換行空格”按鈕。三、文本操作2.改變文本顏色1)選取文本。 2)點(diǎn)擊屬性面板上的取色器，從瀏覽器安全色色板上選擇一種顏色。將文本恢復(fù)為默認(rèn)色： 1 在屬性面板中點(diǎn)擊顏色框，打開瀏覽器安全色色板。 2 點(diǎn)擊“默認(rèn)色”按鈕（右上角的帶有紅斜線的白色正方形按鈕。） 注：要定義默認(rèn)文本顏色，可以使用 修改頁(yè)面屬性命令，在外觀選項(xiàng)卡中設(shè)置文本顏色三、文本操作3. 特殊字符a) 在文檔窗口中，將光標(biāo)定位在需要插入特殊字符的位置。b) 執(zhí)行“插入-HTML-特殊字符”，在子菜單選擇合適的字符命令?；蛘咴诳旖輽谥羞x擇文本，特殊字符。c) 如果在下拉菜單中沒有找到需要的字符，那么可以選擇“其他字符”。三、文本操作4. 插入日期a) 將光標(biāo)放置到要插入日期的位置。b) 執(zhí)行“插入日期”，或者在插入面板上點(diǎn)日期按鈕，便可以。三、文本操作5插入文本列表a) 用鼠標(biāo)選定要插入的項(xiàng)目的文本內(nèi)容b) 切換城文本面板，然后單擊項(xiàng)目列表ul/ol創(chuàng)建一個(gè)標(biāo)題為：“我的第一個(gè)網(wǎng)頁(yè)”的頁(yè)面標(biāo)題：我的第一個(gè)網(wǎng)頁(yè)文本內(nèi)容1