資源簡介

(共28張PPT)
網站的創建
初中信息技術 / 河大版 / 第二冊/第一單元/第一節
傳
統
新課導入
看書做筆記
圖書館
互寫書信交流信息，
漫長等待。
通信
走訪
確定調查的對象、目的、內容。
交換名片
交換名片是“推銷”自己的一個做法.
獲取信息方式
網
絡
新課導入
秀才不出門，便知天下事
建立網站
合作學習、自主探究
制作網頁
合作學習、自主探究
Dreamweaver
FrontPage
制作網頁的工具軟件
01
制作網頁
在網頁上插人和編輯文字、圖片、動畫、表格、超鏈接等其他元素
02
建立網站
可以建立和管理網頁之間的鏈接關系
03
預設主題
為單一網頁、多個網頁或整個網站提供一致的外觀;
04
設置動態
可以為文字、圖片設置動態HTML效果，設置網頁的過渡效果
合作學習、自主探究
FrontPage功能
05
設置超鏈接
提供了超鏈接自動修復功能和HTML幫助
執行“開始”“所有程序”→“Microsof Ofice"“MierosoftOfice FrontPage 2003”命令，就可以啟動FrontPage2003。
合作學習、自主探究
FrontPage2003啟動
合作學習、自主探究
認識FrontPage2003的窗口界面
標題欄
菜單欄
常用工具欄
狀態欄
編輯窗口
工具面板
格式工具欄
預覽視圖
代碼視圖
拆分視圖
設計視圖
網站(WebSite)是由一個包含多個超鏈接連在一起的網頁集合。它包含的網頁可以是幾個，也可以是上千個。由于在因特網上網站是通過一個地址進行定位的，它就像網站信息中的個節點,所以有時稱它為“站點”
合作學習、自主探究
網站
文本
圖形
超鏈接
網頁(WebPage)是一個包含有文本、圖形、超鏈接以及其他信息元素的文件。不同的網頁對應一個不同的文件名。
合作學習、自主探究
網頁
其他信息元素
主頁(Homelage)是網站的起始頁，包含必要的內容和索引信息。大家通過因特網對某個網站進行信息查詢時，首先訪問到的起始信息頁通常是該網站的主頁。
合作學習、自主探究
主頁
必要的內容
索引信息
index.htm
index.html
主頁的文件名
由于網站包含多個網頁文件，所以，在建立網站之前，要確立主題，明確網站共有哪些網頁組成。
合作學習、自主探究
確立主題
01
03
02
05
04
明確網頁之間的關系
規劃網站的結構
繪制網站示意圖
再利用網站制作軟件創建網站及網頁
根據結構圖建立網頁之間的關系
大美河北
紅色之旅
自然之旅
創建一個以“河北地區研學旅行路線推薦”為主題的網站。本章范例網站的主題是“大美河北”。
合作學習、自主探究
學習任務
合作學習、自主探究
任務分析
以“大美河北”為主題，以紅色之旅為主，探尋革命圣地，走訪有特點的革命老區；以綠色環保為主，了解自然環境、人文地理；以歷史遺跡、遺存為主的考古研究等。
(1)確定網站主題及網站所包含的內容
(2)確定網頁的內容，包括文字、圖片、音樂等素材。
(3)規劃網站,建立網站的示意圖。
(4)創建網站,設計網頁并建立網頁之間的關系。
合作學習、自主探究
操作指南
1.規劃網站,建立網站示意圖
合作學習、自主探究
操作指南
2.創建網站
在D盤建立名為“dameihebei”的網站文件夾。
(1)啟動FrontPage軟件，執行“文件”→“新建”命令。
合作學習、自主探究
操作指南
(2)在右側“新建”工作面板中，選擇“由一個網頁組成的網站”，在“指定新站點的位置”文本框中輸入”d：\dameihebei”。
合作學習、自主探究
操作指南
然后單擊“確定”按鈕。這樣，就建立了只包含有一個名為“index”的網頁(此網頁為主頁)的網站。
合作學習、自主探究
操作指南
3.添入網頁
(1)在“新建”面板上單擊“其他網頁模板”命令。
彈出“網頁模板”對后框。
其他網頁模板
合作學習、自主探究
操作指南
(2)在“常規”選項卡中,有多種網頁的模板和向導,單擊一個模板,在“預覽”欄內會顯示此模板網頁的布局，根據需要選擇一個模板。
以“圖片庫”為例，選擇“圖片庫”,然后單擊“確定”按鈕。
除用“普通網頁”模板創建的網頁是空白的外,利用其他模板建立的網頁中都有一些提示文字和圖片。
合作學習、自主探究
操作指南
(3)保存網頁。
①執行“文件”→“保存”命令，彈出“另存為”對話框。
②輸入網頁標題。
網頁標題是對網頁內容的一個概括，在瀏覽器中,它出現在標題欄的左上角,一般用中文描述。單擊“更改”按鈕，修改網頁標題名為“大美河北”。
大美河北
合作學習、自主探究
操作指南
③輸入文件名。
每一個網頁都是一個獨立的文件，要以文件名命名。一般以字符描述。在“文件名”文本框中輸入“hongsezhilv”。
④單擊“保存”按鈕。
由于網頁模板中，有樣例圖片，會打開對話框,單擊“取消”按鈕。
重復步驟(1)~(3)的操作,創建其他網頁。建議：利用“普通網頁”模板，創建“紅色之旅”、“綠色之旅”、“美食之旅”、“考古之旅”、“科技之旅”網頁。網頁的標題分別為“紅色之旅”、“綠色之旅”、“美食之旅”、“考古之旅”、“科技之旅”，文件名分別為“hongse”、“lvse”、“meishi”、kaogu”、“keji”。
合作學習、自主探究
操作指南
4.建立網頁間的層次關系
(1)執行“視圖”→“導航”命令，進入“導航”視圖。此時?！皩Ш健币晥D編輯窗口中的主頁，表示當前網站的“index”網頁。
合作學習、自主探究
操作指南
(2)建立主頁之下的網頁關系。
鼠標指針指向“文件夾列表”中的網頁，拖動鼠標到右邊窗口。
根據網站示意圖，自頂向下，建立網頁的層次結構。
5.關閉網站
執行“文件”→“關閉網站”命令。
合作學習、自主探究
任務小結
建立網站時，要明確網站建立的位置。在打開“新建”網站對話框后，在“指定新站點的位置”文本框中，輸人網站建立的位置。如輸人“d:\dameihebei”，表示在D盤的“dameihebei”文件夾中建立當前網站。
網頁的文件名用于區別網站中不同網頁，網頁的標題顯示在IE瀏覽器標題欄的左上角。網頁的文件名和網頁的標題都是很重要的網頁屬性。
網站是由若干個網頁組成的，所以，在關閉網站時，只要對網站中的網頁加以保存就可以了
1.創建網站的方式
2.網站中自動生成的文件夾
4.從當前網站中刪除網頁
3.刪除當前正在編輯中的網站
選擇“文件夾列表”中的網站文件夾，單擊鼠標右鍵，選擇快捷菜單上的“劇除”,選擇“刪除整個網站”,單擊“確定”按鈕。
“_private”文件夾，用于存放私人文件；一個是“images”文件夾,用于存放圖片文件。
選擇“文件夾列表”中的某個網頁，然后按 Delete鍵。
拓展延伸、開闊視野
知識鏈接
網站的模板和網站的向導幫助建立網站
(1)“空白網站”
(2)“只有一個網頁的站點”
5.關于網頁文件名
當啟動FrontPage時，系統自動建立一個網頁，名為“new_page_1.htm”，如果在當前窗口中。再新建一個網頁，其名為“new_page_2.btm”，它們都是臨時文件名。保存網頁時，可以用這個默認的文件名，也可以更改。一般來說，文件名用字符表示，而網頁標題用漢字表示。
(1)以“這么近，那么美，周末到河北”為主題，設計、規劃、創建個人網站。
(2)查看“幫助”，了解網頁的編輯方法。
布置作業、鞏固學習
謝謝觀看

展開更多......

收起↑