1、,一、學(xué)習(xí)目標(biāo),二、學(xué)習(xí)內(nèi)容,三、課后作業(yè),四、思維延伸,創(chuàng)建圖文并茂的網(wǎng)頁(yè),一、學(xué)習(xí)目標(biāo),通過(guò)本節(jié)的學(xué)習(xí)，同學(xué)們應(yīng)該掌握如何用frontpage構(gòu)件網(wǎng)頁(yè)的框架并往里面填充內(nèi)容，學(xué)會(huì)對(duì)網(wǎng)頁(yè)進(jìn)行修飾，我希望同學(xué)們學(xué)過(guò)之后能做出自己有特色的個(gè)人網(wǎng)頁(yè)。,網(wǎng)站就是在互聯(lián)網(wǎng)上一塊固定的面向全世界發(fā)布消息的地方。它由域名（也就是網(wǎng)站地址）和網(wǎng)站空間構(gòu)成。 網(wǎng)站是由一個(gè)個(gè)網(wǎng)頁(yè)組成的。,二、學(xué)習(xí)內(nèi)容,引言,1、HTML的概念,在網(wǎng)上所看到的網(wǎng)頁(yè)都是用超文本標(biāo)記語(yǔ)言（Hyper Text Markup Language，簡(jiǎn)稱(chēng)HTML）編寫(xiě)，熟悉HTML的人可以直接使用文字編輯軟機(jī)如記事本進(jìn)行網(wǎng)頁(yè)制作，這就需要記

2、住許多HTML的標(biāo)識(shí)符才行，現(xiàn)在，有一些專(zhuān)用的軟件，稱(chēng)為HTML編輯器，可以很方便地編寫(xiě)網(wǎng)頁(yè)。, 標(biāo)題部分 內(nèi)容部分 ,（1）常見(jiàn)的網(wǎng)頁(yè)編輯工具,網(wǎng)頁(yè)制作的編程語(yǔ)言與編輯工具： Note記事本： FrontPage: Dreamweaver 4.0: Fireworks 4.02簡(jiǎn)體版: Flash 5.0簡(jiǎn)體版:,下面我們就以frontpage為編輯工具來(lái)講解如何制作網(wǎng)頁(yè),2、 FrontPage2000 應(yīng)用,FrontPage2000 建站欣賞,（1）FrontPage2000的界面,3、frontpage的基本操作,（1）新建站點(diǎn) （2）新建網(wǎng)頁(yè),（1）新建站點(diǎn),站點(diǎn)概念,單擊“文件”

3、菜單，指向“新建”子菜單，單擊“站點(diǎn)”，打開(kāi)“新建”對(duì)話(huà)框，在“指定新站點(diǎn)的位置”輸入新站點(diǎn)的路徑。一般情況下，可以雙擊“只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)”圖標(biāo)，將建立只有一個(gè)空白主頁(yè)的站點(diǎn)。,使用菜單“文件”“新建”，在右側(cè)選擇“網(wǎng)頁(yè)模板”。,（2）新建網(wǎng)頁(yè),（3 ）網(wǎng)站視圖,網(wǎng)頁(yè)視圖是FRONTPAGE 最常用的視圖，網(wǎng)頁(yè)的創(chuàng)建、編輯、預(yù)覽等都在該視圖中進(jìn)行。,文件夾視圖下，站點(diǎn)顯示為一組文件和文件夾，可在此視圖中創(chuàng)建、移動(dòng)和刪除文件或文件夾。,報(bào)表視圖可以方便的了解當(dāng)前站點(diǎn)的文件內(nèi)容、更新鏈接情況、組件錯(cuò)誤，所有文件列表及變化情況。,導(dǎo)航視圖可以方便地觀(guān)察站點(diǎn)的鏈接結(jié)構(gòu)，以層狀組織結(jié)構(gòu)圖得形式顯示。,

4、超鏈接視圖將當(dāng)前站點(diǎn)顯示為鏈接文件的一個(gè)網(wǎng)絡(luò)，它就象一張地圖，表明站點(diǎn)中的超級(jí)鏈接,任務(wù)視圖主要用來(lái)創(chuàng)建和管理任務(wù)，列出了當(dāng)前站點(diǎn)尚未完成的任務(wù)。,（4）建立網(wǎng)站結(jié)構(gòu),操作步驟： 1、切換到“導(dǎo)航”視圖，在右面的”主頁(yè)“的圖標(biāo)上打開(kāi)快捷菜單，選擇”重命名“，將名字改為”我的個(gè)人網(wǎng)站“ 2、切換到“導(dǎo)航”視圖，選中“我的個(gè)人網(wǎng)站” 3、單擊“文件”菜單，選“新建”項(xiàng)，再單擊“網(wǎng)頁(yè)”命令。 4、將上面的步驟再執(zhí)行3次，這樣“我的個(gè)人網(wǎng)站”下面新建了4個(gè)網(wǎng)頁(yè)，并且連線(xiàn)將其連接起來(lái)，表明網(wǎng)頁(yè)間的關(guān)系 5、將新建頁(yè)面的標(biāo)題改成個(gè)人主頁(yè)的欄目名稱(chēng)。 6、接下去可以繼續(xù)新建各個(gè)子頁(yè)面，或者需要的時(shí)候隨時(shí)建立

5、。,4、 制作網(wǎng)頁(yè),1設(shè)置網(wǎng)頁(yè)主題 2. 文本編輯 3在網(wǎng)頁(yè)中插入特殊的對(duì)象 4圖形處理,（1）設(shè)置網(wǎng)頁(yè)主題,主題是一組可應(yīng)用在網(wǎng)頁(yè)上的設(shè)計(jì)元素和顏色方案，主題賦予網(wǎng)頁(yè)一致和引人注目的外觀(guān)。使用主題是快速容易地加入精采的網(wǎng)頁(yè)內(nèi)容和賦予網(wǎng)頁(yè)專(zhuān)業(yè)外觀(guān)的方法。 (1)FrontPage 的某些特性只有在使用主題時(shí)才可用。 (2)主題以統(tǒng)一的方式管理網(wǎng)頁(yè)外觀(guān)。 (3)可以更改和自定義主題。,主題要小而精，即定位要小、要準(zhǔn)、要精當(dāng)。 題材不要太俗，目標(biāo)不要太高 網(wǎng)頁(yè)的名稱(chēng)要體現(xiàn)主題。,小貼士,（2）網(wǎng)頁(yè)的文本編輯,文本錄入 文字顏色 字體屬性 段落設(shè)置,（3）在網(wǎng)頁(yè)中插入特殊的對(duì)象,添加網(wǎng)頁(yè)橫幅。 在網(wǎng)

6、頁(yè)中添加日期。 在網(wǎng)頁(yè)中添加水平線(xiàn)。,在編寫(xiě)網(wǎng)頁(yè)的時(shí)候，經(jīng)常在網(wǎng)頁(yè)的末尾加上最后一次編輯本頁(yè)的時(shí)間，便于瀏覽者了解網(wǎng)頁(yè)內(nèi)容的新舊程度,操作步驟： 1、在主頁(yè)底端“版權(quán)所有”后面加上“最后更新：”幾個(gè)字 2、單擊“插入”菜單中“日期和時(shí)間”命令，出現(xiàn)“日期時(shí)間屬性“對(duì)話(huà)框 3、選擇希望使用的日期和時(shí)間格式后，單擊”確定“返回。 編輯窗口中的”最后更新：“出現(xiàn)了日期，以后每次瀏覽網(wǎng)頁(yè)時(shí)會(huì)自動(dòng)顯示上一次主頁(yè)編輯的日期。,（4） FrontPage插入圖片,Web使用的圖片: GIF圖片：文件短小，并有動(dòng)畫(huà)，256色 JPEG圖片：色彩豐富，可用16位 BMP圖片：色彩最好，但文件過(guò)大，一般不用 圖片

7、格式轉(zhuǎn)換：可用Photoshop 6.0進(jìn)行,3圖形處理,（1）從文件添加圖片。 （2）圖形屬性的設(shè)置。 （3）將圖片設(shè)置為網(wǎng)頁(yè)背景。,如何插入音樂(lè)背景呢？,平時(shí)我們進(jìn)網(wǎng)頁(yè)都會(huì)很聽(tīng)到動(dòng)聽(tīng)的音樂(lè)陪伴，那么這樣是如何來(lái)做到呢，現(xiàn)在播放一段下載的視頻，讓同學(xué)們更直觀(guān)的來(lái)學(xué)習(xí)。,在FrontPage2000中預(yù)覽網(wǎng)頁(yè),在瀏覽器中預(yù)覽網(wǎng)頁(yè),瀏覽網(wǎng)頁(yè),計(jì)算機(jī)的屏幕是由一個(gè)個(gè)的小亮點(diǎn)組成的，每一個(gè)亮點(diǎn)稱(chēng)為一個(gè)像素，像素越多，顯示的圖象就越清晰。經(jīng)?？吹接械木W(wǎng)頁(yè)上注明“請(qǐng)使用800 x600分辨率”，意思就是建議將屏幕的寬設(shè)為800像素，高設(shè)為600像素，這樣網(wǎng)頁(yè)的顯示效果最好，另一個(gè)經(jīng)常使用的顯示分辨率是640 x480。,小知識(shí),小組討論確定網(wǎng)站的主題內(nèi)容，以小組為單位制作一個(gè)網(wǎng)頁(yè),參考主題,愛(ài)好：籃球、網(wǎng)球、乒乓球等 學(xué)習(xí)：學(xué)?！拔覀兊陌?/p>