初中八年級(jí)信息技術(shù)課件-網(wǎng)頁(yè)制作

網(wǎng)頁(yè)制作0103任務(wù)三：讓網(wǎng)頁(yè)更具活力02任務(wù)二：運(yùn)用表格制作網(wǎng)頁(yè)CONTENTS任務(wù)一：制作網(wǎng)站首頁(yè)01任務(wù)一：制作網(wǎng)站首頁(yè)

熟悉FrontPaɡe2003網(wǎng)頁(yè)制作工具，掌握創(chuàng)建網(wǎng)站的方法，能制作簡(jiǎn)單的圖文并茂的網(wǎng)頁(yè)，學(xué)會(huì)網(wǎng)頁(yè)、水平線等對(duì)象屬性的設(shè)置方法。學(xué)習(xí)目標(biāo)建立站點(diǎn)在網(wǎng)頁(yè)設(shè)計(jì)軟件中，一般都有建立站點(diǎn)的命令。下面以小迪同學(xué)規(guī)劃的網(wǎng)站主題為例進(jìn)行網(wǎng)頁(yè)制作，他的站點(diǎn)名為“dilited”。

在網(wǎng)站中，一般將第一頁(yè)的頁(yè)面稱(chēng)為首頁(yè)，其他頁(yè)稱(chēng)為網(wǎng)頁(yè)。首頁(yè)文件名常用“index.htm”或“default.htm”命名。

制作網(wǎng)站的首要任務(wù)是創(chuàng)建一個(gè)站點(diǎn)。站點(diǎn)是一個(gè)特殊的文件夾，它由多個(gè)與網(wǎng)站相關(guān)的網(wǎng)頁(yè)文件組成，其中還包括文字、圖片、聲音等多媒體素材。制作首頁(yè)（1）網(wǎng)站的標(biāo)題為“地理知識(shí)天地”，標(biāo)題與網(wǎng)頁(yè)正文之間有一條水平線隔開(kāi)。（2）標(biāo)題左邊有一個(gè)網(wǎng)站標(biāo)志圖。（3）展示了一段關(guān)于網(wǎng)站主題的文字介紹。（4）網(wǎng)頁(yè)設(shè)置了適當(dāng)?shù)谋尘皥D片和背景音樂(lè)。（5）網(wǎng)頁(yè)中有鏈接按鈕圖片。（6）網(wǎng)頁(yè)的文件名為“index.htm”。

首頁(yè)是網(wǎng)站的門(mén)戶(hù)，需要有好的創(chuàng)意，使瀏覽者感到既新穎、獨(dú)特，又整齊、美觀。網(wǎng)站首頁(yè)一般有鮮明的標(biāo)題、網(wǎng)站標(biāo)志、網(wǎng)站宗旨等內(nèi)容。書(shū)上圖2-6是小迪制作的“地理知識(shí)天地”網(wǎng)站的首頁(yè)，展示的內(nèi)容有如下幾方面。設(shè)置網(wǎng)頁(yè)屬性在網(wǎng)頁(yè)中，圖片、文字包括網(wǎng)頁(yè)本身都是對(duì)象。在網(wǎng)頁(yè)制作過(guò)程中，常常通過(guò)修改對(duì)象的屬性，如網(wǎng)頁(yè)名、網(wǎng)頁(yè)背景顏色、圖片大小、文字顏色等，使網(wǎng)頁(yè)更美觀。思考

在首頁(yè)制作過(guò)程中，你所插入的圖片是如何定位的？在瀏覽網(wǎng)頁(yè)時(shí)，是否發(fā)生過(guò)圖片位移動(dòng)的現(xiàn)象？你是如何解決的？02任務(wù)二：運(yùn)用表格制作網(wǎng)頁(yè)制作表格在制作表格時(shí)應(yīng)多用表格嵌套形式，這樣可以保持單元格的相對(duì)穩(wěn)定，不會(huì)出現(xiàn)單元格調(diào)整時(shí)的相互牽連。思考

掌握表格、表格嵌套制作方法，能夠設(shè)置表格及單元格屬性，排列表格中的文字、圖片等內(nèi)容。

小迪運(yùn)用表格制作本網(wǎng)站的第二頁(yè)（biaoge.htm），網(wǎng)頁(yè)標(biāo)題為“地理環(huán)境與人類(lèi)生存”，反映地理環(huán)境對(duì)人類(lèi)生存的影響，呼吁人們保護(hù)地球、保護(hù)自然資源。規(guī)劃如下：（1）用表格布局版面。（2）標(biāo)題新穎、突出。（3）網(wǎng)頁(yè)中有導(dǎo)讀欄，以便鏈接到相應(yīng)頁(yè)面。（4）網(wǎng)頁(yè)導(dǎo)讀欄為主要知識(shí)欄目及其鏈接。（5）網(wǎng)頁(yè)內(nèi)容介紹地理環(huán)境對(duì)人類(lèi)生存的影響，要求圖文并茂。填充表格內(nèi)文字與圖片

完成網(wǎng)頁(yè)的結(jié)構(gòu)布局任務(wù)后，需要在單元格內(nèi)填充圍繞主題的內(nèi)容。在填充內(nèi)容時(shí)，注意資料要精心篩選，使頁(yè)面的內(nèi)容豐富、新穎另外，還需要對(duì)頁(yè)面的標(biāo)題、圖片、背景等對(duì)象元素進(jìn)行美化，使頁(yè)而整齊、亮麗，更吸引瀏覽者。我們經(jīng)?？吹椒比A的街道上懸掛著醒目的橫幅宣傳標(biāo)語(yǔ)和橫幅廣告給人們以視覺(jué)沖擊，吸引人們的注意力。同樣，給網(wǎng)頁(yè)添加的橫幅也能夠吸引瀏覽者，提高點(diǎn)擊率。03任務(wù)三：讓網(wǎng)頁(yè)更具活力學(xué)習(xí)目標(biāo)

掌握網(wǎng)頁(yè)中滾動(dòng)字幕、交互式按鈕的制作方法及屬性設(shè)置，學(xué)會(huì)在網(wǎng)頁(yè)中插入多媒體信息的方法。添加滾動(dòng)字幕滾動(dòng)字幕是指在瀏覽器中能夠看到的滾動(dòng)的文字，它可用于發(fā)布站點(diǎn)的通知和提示信息。由于字幕具有動(dòng)態(tài)特點(diǎn)，容易吸引訪問(wèn)者的注意。制作交互式按鈕

網(wǎng)頁(yè)制作過(guò)程中，為了方便用戶(hù)瀏覽或提交信息，網(wǎng)頁(yè)中常常提供了具有交互功能的按鈕、交互的圖片、交互的文字……下面以“biaoge.htm”網(wǎng)頁(yè)的導(dǎo)航欄為例，探究制作具有交互式功能按鈕的方法。插入動(dòng)畫(huà)交互式按鈕、滾動(dòng)字幕給網(wǎng)頁(yè)增加了動(dòng)感效果，如果再插入一些Flash動(dòng)畫(huà)或視頻，網(wǎng)頁(yè)的動(dòng)感效果會(huì)更加生動(dòng)。

在網(wǎng)頁(yè)中如果需要插入電影、錄像、播放器等控件，則執(zhí)行“插入”“Web組件”“高級(jí)控件”命令，選擇“插件”按鈕，彈出“插件屬性”對(duì)話框，在“數(shù)據(jù)源”文本框內(nèi)輸入文件名，根據(jù)