主題四 編輯網站主頁,甘肅教育出版社 信息技術 八年級 上冊 第二單元,2014年9月25,白銀四中 魏 輝,主頁 通過網絡瀏覽器打開某個網站時，首先顯示的網頁就是網站的主頁（Home-Page），主頁的文件名一般為index.htm 或default.htm。 index.htm 或default.htm是因特網中約定站點的主頁文件名，當通過瀏覽器打開一個網站時，最自動打開網站中名為index.htm 或default.htm的網頁。,設計網頁布局,準備素材,圖片 文字 網站橫幅 視頻 聲音,確定網站主題,如何編輯網站主頁,選擇網頁編輯工具,本 節 課 目 標,網頁布局示意圖,每個網頁都有必備的基本元素，通常包括網站的名稱、導航欄和版權信息。網頁中的主要內容大多采用“縱橫分割式”的布局方法，（三列分割式布局方法）,素 材,網站主題：介紹甘肅旅游景點 網站名字：足跡 甘肅,標準：生動有趣、簡單易記。即突出主題又要簡介，4-6個為宜，在瞬間吸引眼球。,網頁編輯工具,一、菜鳥級網頁制作軟件 Microsoft FrontPage Netscape編輯器 Adobe Pagemill Claris Home Page 二、中級網頁制作軟件 DreamWeaver Fireworks Flash HotDog Professional HomeSite HotMetal Pro 三、高級網頁制作軟件 Microsoft Visual Studio Jbuilder 記事本,4大項介紹完畢了,動手做,請大家動起手來！,準備：打開“我的電腦”，在本地磁盤“D”新建文件夾，重命名“我的網站2014”,（一）在FrontPage 2003中創建 Web站點,1,步驟一：在FrontPage2003中，執行【文件】【打開網站】，打開D盤【我的網站2014】站點。如圖所示,D,步驟二：雙擊文件夾列表中主頁 文件名“index.htm”,(二）插入網頁橫幅。 步驟一：設置網頁背景。 在“設計”視圖標簽下，空白處單擊鼠標右鍵，選擇 【網頁屬性】【格式】標簽，設置背景圖片，如圖所示。,步驟二：插入表格。打開菜單，執行【表格】【插入】【表格】命令，打開表格對話框。設置6行3列。“布局”“對齊方式”中選擇“居中“，按要求合并單元格，如圖所示。,步驟三：將光標放在最上面的單元格中，執行【插入】【圖片】【來自文件】，彈出【圖片】對話框，選擇“足跡甘肅”圖片，單擊“確定”，調整表格寬度，結果 如圖所示。,（三）設計制作網站欄目 步驟一：為單元格插入背景圖片。 選擇第二行，點擊鼠標右鍵，彈出“單元格屬性”對話框，選擇:“背景2”圖片。調整單元大小到合適的位置。結果如圖所示。,步驟二：在此單元格中插入2行8列的表格，調整大小沾滿整個單元格。 步驟三：在插入的表格中輸入各欄目的名稱，并設置相應的字體、字號、完成后如圖所示。,個人自學、小組討論，練習完成以下3個小任務？ 1.第三行第一列 插入圖片“銅奔馬”（綠色區域） 2.第三行第三列 插入圖片 “莫高窟” （紫色區域） 3.第三行第二列 插入文字“甘肅簡介”（黃色區域）,(四)設計制作網頁正文內容,效果圖,步驟一：兩側插入“銅奔馬”，“莫高窟”圖片，。 步驟二：插入“甘肅簡介”的文字。如圖所示,分兩步走,（五）保存和預覽,步驟一：執行【文件】【保存】 步驟二：預覽效果。 （F12鍵在瀏覽器中預覽效果）,小結,小