資源簡介

(共18張PPT)
網頁制作
01
03
任務三：讓網頁更具活力
02
任務二：運用表格制作網頁
CONTENTS
任務一：制作網站首頁
01
任務一：制作網站首頁
熟悉FrontPaɡe2003網頁制作工具，掌握創建網站的方法，能制作簡單的圖文并茂的網頁，學會網頁、水平線等對象屬性的設置方法。
學習目標
建立站點
在網頁設計軟件中，一般都有建立站點的命令。下面以小迪同學規劃的網站主題為例進行網頁制作，他的站點名為“dilited”。
在網站中，一般將第一頁的頁面稱為首頁，其他頁稱為網頁。首頁文件名常用“index.htm”或“default.htm”命名。
制作網站的首要任務是創建一個站點。站點是一個特殊的文件夾，它由多個與網站相關的網頁文件組成，其中還包括文字、圖片、聲音等多媒體素材。
制作首頁
（1）網站的標題為“地理知識天地”，標題與網頁正文之間有一條水平線隔開。
（2）標題左邊有一個網站標志圖。
（3）展示了一段關于網站主題的文字介紹。
（4）網頁設置了適當的背景圖片和背景音樂。
（5）網頁中有鏈接按鈕圖片。
（6）網頁的文件名為“index.htm”。
首頁是網站的門戶，需要有好的創意，使瀏覽者感到既新穎、獨特，又整齊、美觀。網站首頁一般有鮮明的標題、網站標志、網站宗旨等內容。書上圖2-6是小迪制作的“地理知識天地”網站的首頁，展示的內容有如下幾方面。
設置網頁屬性
在網頁中，圖片、文字包括網頁本身都是對象。在網頁制作過程中，常常通過修改對象的屬性，如網頁名、網頁背景顏色、圖片大小、文字顏色等，使網頁更美觀。
思考
在首頁制作過程中，你所插入的圖片是如何定位的？在瀏覽網頁時，是否發生過圖片位移動的現象？你是如何解決的？
02
任務二：運用表格制作網頁
制作表格
在制作表格時應多用表格嵌套形式，這樣可以保持單元格的相對穩定，不會出現單元格調整時的相互牽連。
思考
掌握表格、表格嵌套制作方法，能夠設置表格及單元格屬性，排列表格中的文字、圖片等內容。
小迪運用表格制作本網站的第二頁（biaoge.htm），網頁標題為“地理環境與人類生存”，反映地理環境對人類生存的影響，呼吁人們保護地球、保護自然資源。規劃如下：
（1）用表格布局版面。
（2）標題新穎、突出。
（3）網頁中有導讀欄，以便鏈接到相應頁面。
（4）網頁導讀欄為主要知識欄目及其鏈接。
（5）網頁內容介紹地理環境對人類生存的影響，要求圖文并茂。
填充表格內文字與圖片
完成網頁的結構布局任務后，需要在單元格內填充圍繞主題的內容。在填充內容時，注意資料要精心篩選，使頁面的內容豐富、新穎另外，還需要對頁面的標題、圖片、背景等對象元素進行美化，使頁而整齊、亮麗，更吸引瀏覽者。我們經常看到繁華的街道上懸掛著醒目的橫幅宣傳標語和橫幅廣告給人們以視覺沖擊，吸引人們的注意力。同樣，給網頁添加的橫幅也能夠吸引瀏覽者，提高點擊率。
03
任務三：讓網頁更具活力
學習目標
掌握網頁中滾動字幕、交互式按鈕的制作方法及屬性設置，學會在網頁中插入多媒體信息的方法。
添加滾動字幕
滾動字幕是指在瀏覽器中能夠看到的滾動的文字，它可用于發布站點的通知和提示信息。由于字幕具有動態特點，容易吸引訪問者的注意。
制作交互式按鈕
網頁制作過程中，為了方便用戶瀏覽或提交信息，網頁中常常提供了具有交互功能的按鈕、交互的圖片、交互的文字……
下面以“biaoge.htm”網頁的導航欄為例，探究制作具有交互式功能按鈕的方法。
插入動畫
交互式按鈕、滾動字幕給網頁增加了動感效果，如果再插入一些Flash動畫或視頻，網頁的動感效果會更加生動。
在網頁中如果需要插入電影、錄像、播放器等控件，則執行“插入” “Web組件” “高級控件”命令，選擇“插件”按鈕，彈出“插件屬性”對話框，在“數據源”文本框內輸入文件名，根據對話框的提示，設置控件大小、對齊方式等屬性，單擊“確定”按鈕，就能夠完成多種形式的多媒體信息的插入。如書上圖2-39所示，插入“環境污染”錄像文件。
謝 謝

展開更多......

收起↑