初中八年級信息技術課件-網(wǎng)頁制作

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

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

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

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

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

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

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

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

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

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

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

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