第一篇：用FrontPage制作網站(反思)

“用FrontPage制作網站”的教學設計

信息技術是一門知識性、技能性和創新性相結合的學科，現階段中學信息技術課程的任務已從單純的信息技能訓練上升為全面地培養學生的信息素養，具體包括快速獲取信息的能力，正確地評價信息，有效地利用信息和準確地表達信息。因此，信息技術課也應以信息處理為主線來展開。以“制作網站”為例，整個制作過程對學生獲取、評價、表達和利用信息的各項能力都是一種培養和鍛煉。以下是筆者對這一單元的教學設計。

一、教材分析

我校目前使用的教材是貴州省中小學信息技術教材編寫組編寫的《初中信息技術》。網頁制作是第五冊第八章的教學內容。學生在前面已經學習相關的一些知識，如初步掌握了網絡通信的基礎知識，因特網的信息服務，網絡信息的搜索、瀏覽和下載，以及電子郵件的使用等內容。因此，學生已經具備了獲取信息的能力，網頁制作單元就可側重培養信息表達的能力，這對于加強學生的信息意識，提高信息處理的能力有著重要的作用；網頁的設計也給學生提供了展示個性、自主創新的機會，促使他們主動地學、創造性地學；注重對學生了解內容編排的原則、頁面布局的種類等知識的掌握，并且注重讓學生采用適當的設計，體現自己的風格、個性、以及色彩搭配的合理性，以提高他們的藝術修養和審美情趣。

教材中采用的網頁制作軟件是FrontPage2000。由于FrontPage2000采用了與Word等其他Office軟件相類似的圖形操作界面，可以自動生成Html代碼，輕松實現網頁發布。在前面，學生已經學過了Word字處理軟件。因此，對FrontPage2000的啟動、關閉、文件操作、文字編輯和圖片處理都會有一種似曾相識的感覺，這種知識遷移對后續的學習非常有利。

二、學生分析

本章教學對象為九年級學生，有一定的計算機運用能力，但是基于初中生的知識水平和課時上較少的原因，教師要有組織地安排實際操作，在講解操作過程中，使學生了解任務并緊緊圍繞任務這一主線，激發學生學習興趣及培養學生的探索、鉆研、設計的能力，逐步深入，以達到設計完成整個網站的目的。

三、學習目標

本單元的認知、情感和動作技能三種目標分述如下： ? 認知目標

1、能簡要陳述FrontPage2000主要功能，熟悉其操作界面

2、能用自己的話解釋下列術語：HTML，URL，網頁，主頁，超鏈接

3、能主動獲取、收集有關信息，并加以分類和整理

4、能客觀評價網頁的內容和風格，具備一定的審美能力 ? 情感目標

1、具有集體榮譽感，愿意為班級的網頁建設出謀劃策

2、能夠較全面地體現個人能力，展示自我個性

3、具有樂于助人、團結協作的精神，共同合作完成任務

4、能尊重他人的勞動成果，有保護知識產權的意識 ? 動作技能目標

1、能熟練地建立、打開、保存、瀏覽網頁文件

2、能在網頁中熟練地插入文字、圖片、動畫、水平線

3、能使用簡單的表格編排網頁內容，使網頁的結構清晰，內容整齊

4、能選擇合適的網頁背景圖案和背景音樂

5、能根據實際需要使用不同的超鏈接，合理地組織網頁

6、能在網頁中插入懸停按鈕、滾動字幕和橫幅廣告管理器，使網頁具有動感

四、教學方法

1、采用任務驅動的方法

本單元的學習通過完成班級或個人網頁作品來實現。班級網頁的信息來自學生生活的班集體，每個熱愛班級、關心班級的同學都能產生一種急切地完成任務的動機，個人網頁的信息更能實現每個學生展示自我的目的，因此完成這些任務又能給他們帶來成就感和滿足感。這種心理上的內在動力驅使學生自覺地把計算機作為一種信息處理的工具來使用，由“要我學”變成“我要學”。在教學中，教師通過創設情境，激發學生的創作欲望，把總任務劃分到每節課，按照學生的制作進度來布置子任務，使學生在教師的引導下逐步達成教學目標。

2、采用小組協作的方法

制作班級網頁是個大任務，具有一定的開放性和綜合性。因此采取小組協作學習的方式是非常必要的。小組成員的知識程度、學習能力和思維方式都有差異，可以通過討論、交流與合作，取長補短、拓展思路。每個學習小組由6-8人組成，每人負責制作1-2個頁面，組合成一份班級網頁。

制作個人網頁也需要搜集個人的多方面資料，并且體現自我特性，展示自我風采的一個平臺，資料的準備必須充分，當然這種個人網頁的制作針對信息技術基礎知識運用較好的學生而言。這部分同學也可以邀請其他同學協助完成任務。

3、教師提供資源庫的方法

要培養學生的信息能力，就必須為他們提供大量處理信息的機會。教師的任務就是收集、設計和管理學習資源，引導和幫助學生接觸到豐富的學習資源，為學生的知識構建提供支撐。學生設計網站的各種資源可以通過各種渠道為學生在網絡教室中提供，以方便學生使用。

五、教學過程

本單元的教學共需8課時，每節課教師都要求學生完成子任務。教學安排如下表： 課時 學習子任務 教師活動 學生活動 1

1、訪問推薦網頁

2、明確任務、評價網頁

3、形成小組、明確分工

1、推薦優秀網站

2、組織學生討論網頁內容和風格。

3、提出學習任務(網頁制作)和原則(小組協作)

4、提供網頁欄目劃分建議

1、瀏覽網頁

2、了解評價網頁的標準

3、明確任務，選擇小組

4、課后收集整理信息

1、使用Web站點模板建立網站

2、熟悉F rontpage2000的操作界面，掌握網頁文件的創建、打開、保存和關閉操作

3、網頁中文本的編輯排版

1、進行集體講解和演示

2、指導個別小組的網頁制作，回答學生提出的問題。

1、創建站點

2、創建網頁文件，輸入網頁文字信息并保存

3、設置文本字體字號顏色，調整段落對齊方式和縮進格式

4、完成主頁的保存

3-4

1、學會插入圖片、動畫、水平線

2、設置背景和音樂

3、學習插入表格，并用表格實現頁面布局

1、介紹素材庫中各類素材

2、提醒學生網頁上的圖片和動畫應少而精，以免影響瀏覽速度

3、介紹表格的嵌套

4、分析學生網頁，用表格演示頁面布局

1、選擇合適的素材插入網頁合適位置，2、設置圖片和動畫的大小、對齊方式和邊框

3、設置網頁背景和音樂

4、在需要插入表格的網頁中，設置表格、行、列及單元格的屬性并進行編輯

5、用表格規劃頁面內容 5--6

1、小組合作，建立并充實主頁內容。

2、建立頁間鏈接，并學會通過預覽功能測試鏈接

3、學會創建書簽鏈接、郵件鏈接和圖片鏈接

4、建立URL鏈接

5、初步學會創建圖象的熱區鏈接

6、對每個鏈接進行測試

1、分析學生操作錯誤原因，頁間鏈接應使用相對路徑

2、演示超級鏈接的建立、使用預覽功能測試鏈接

3、分析一個主頁，讓學生找出不同的超級鏈接

4、討論各種鏈接的應用場合，如頁面內容較多則使用什么鏈接？酷站鏈接和站長信箱分別使用什么鏈接？學生回答

5、錯誤原因分析，URL鏈接使用絕對路徑

1、創建主頁與其他頁面間的超級鏈接，并用預覽功能測試鏈接是否正確

2、學會使用相對路徑

3、選擇內容較多的頁面建立書簽鏈接

4、在圖片上練習圖片鏈接和熱區鏈接

5、為酷站鏈接和站長信箱建立正確的鏈接

6、加深URL地址的認識

7、對每個鏈接進行測試 7

1、學會插入滾動字幕

2、學會使用懸停按鈕

3、學會插入站點計數器和橫幅廣告管理器

4、小組網頁初步組合

1、逐個檢查各小組網頁的制作進展，并給出評估意見

2、參與網上討論、答疑

3、講解小組網頁的組合方式，每個欄目一個文件夾，圖片放一個文件夾，提示學生使用文件夾視圖管理文件

1、在主頁上插入滾動字幕，并設置其方向、速度、表現和對齊方式

2、在主頁上插入計數器和橫幅廣告管理器

3、選擇一個頁面插入懸停按鈕，并設置其顏色、效果和鏈接對象

4、設置網頁的動態效果

1、各組網頁演示、互評

2、網上投票推選優秀網頁和網頁制作高手

3、每位同學自評

1、組織小組網頁互評

2、為每個學生的作品打分

1、積極參加小組互評

2、投票推選優秀網頁和網頁制作高手

3、認真小結本人學習情況，并如實打分自評

六、教后體會

a)以任務驅動的方式編排教學內容，使學生圍繞信息處理提出任務、自主探索并完成任務。b)網頁制作單元的開始部分應首先介紹網頁整體布局。通過瀏覽典型網頁，分析頁面的框架結構、內容安排、色彩搭配等關鍵問題，讓學生了解評價一個網頁的大致標準。學生設計網頁時，就會自然地考慮到這些關鍵因素，有了較高的起點，作品自然不會差。反之，不利于激發學生學習和創作的欲望。

第二篇：用FrontPage制作網頁課件教程

用FrontPage制作網頁教程

【教學目標】了解用FrontPage制作課件的優勢與不足，學會用FrontPage制作網頁型課件。【重點難點】重點是如何在FrontPage插入多媒體素材，難點是課件交互性的實現和網頁源代碼的應用。

【教學策略】教師實例演示，學生上機操作，教師輔導和點評。

【媒體選擇】主要采用FrontPage示范課件和實際操作講解相結合，并輔以文字教材、網上學習資源和教學光盤。【教學內容】

一、FrontPage 基本操作

1.啟動 FrontPage ： 雙擊桌面上的 FrontPage 快捷方式圖標； 開始→程序→ Microsoft FrontPage ；右擊一個擴展名為 htm 或 html 網頁文件，選“編輯”。2.打開或隱藏視圖欄、文件夾列表和網頁文檔

a.點“視圖 → 視圖欄”打開或隱藏視圖欄。點“視圖 → 文件夾列表”打開或隱藏文件夾列表。

b.右擊 擴展名為 htm 或 html 網頁文件（如 index.htm），選“編輯”，系統默認用 FrontPage 打開網頁。

c.點“文件 →打開”或點 常用工具欄中的“打開”按鈕，從本地磁盤或網絡驅動器中打開網頁文檔，從任意 Web 網站打開網頁，打開最近打開過的網頁文檔。3.在 FrontPage 編輯器中預覽網頁

a.點普通視圖按鈕，觀察剛才打開的 index.htm 網頁。b.點 HTML 視圖按鈕，觀察 index.htm 網頁。c.點預覽視圖按鈕，觀察 index.htm 網頁。

4.FrontPage 視圖方式： 網頁視圖，文件夾視圖，報表視圖，導航視圖，超級鏈接接視圖，任務視圖。

5.保存網頁： 點“文件 →保存（另存為）”或點 常用工具欄中的“保存”按鈕，將新建的網頁或從萬維網上打開的網頁保存到本地磁盤，把自己喜歡的網頁作為模板保存。6.關閉網頁： 點“文件 →關閉”或文檔窗口 中的“ X ”按鈕，關閉當前網頁。

二、網頁課件制作實例 1.創建站點

（1）在本地硬盤（如 D 盤）建一個文件夾 , 用英文或漢語拼音命名 , 如 myweb, 打開它。

（2）啟動 Microsoft FrontPage。

（3）點“文件 → 新建 → 站點” , 選擇“空站點”圖標，再在“指定新站點的位置”欄中輸入新建的站點文件夾（D:myweb），或通過單擊“瀏覽”按鈕來指定。點“確定”后片刻，編輯區出現一個空站點。2.建立框架網頁

（1）點“文件 → 新建網頁”，選框架網頁”選項卡 , 雙擊“橫幅和目錄”。編輯區被劃分為上框架、左 框架和 右 框架 3 個區域。

（2）點上框架區中的“新建網頁”按鈕 , 切換到上框架網頁編輯狀態 , 點“插入 → 組件 → 字幕” , 在“字幕文字”欄中輸入網頁課件的標題 , 選“交替”表現方式和“連續”選項 , 確定。根據需要插入圖片、gif 動畫或 Flash 動畫。

（3）點左框架區中的“新建網頁”按鈕 , 切換到左框架網頁編輯狀態 , 輸入表示課件目錄的文本，如“情境導入”、“新課”、“課堂練習”、“知識擴展”、“課堂小結”、“網上學習資源”、“課外探究”等（或插入相應的圖片）。（4）點右框架區中的“新建網頁”按鈕 , 切換到右框架網頁編輯狀態 , 輸入前言文本，插入與課件主題相關的圖片或動畫。該頁相當于課件的封面、前言或首頁。

（5）點常用工具欄上的“保存”按鈕，將彈出保存框架網頁的對話框（共 4 個）。注意框架網頁的命

名要與框架一一對應起來，即 top.htm 對應上 框架 網頁，left_frame.htm 對應左 框架 網頁，right_frame.htm 對應右 框架網頁，index.htm 對應整個 框架。3.建立內容網頁

右擊“文件夾”窗格空白處 , 選“新建網頁” , 命名為“ daoru.htm ”。雙擊它，在右邊的編輯區制作完成“導入”網頁。點 常用工具欄上的 “保存”按鈕。用同樣的方法創建“新課”網頁 xinke.htm、“課堂練習”網頁 ktlx.htm、“知識擴展”網頁 zskz.htm、“課堂小結”網頁 ktxj.htm、“網上學習資源”網頁 wsxxzy.htm、“課外探究”網頁 kwtj.htm。4.制作超鏈接

雙擊“文件夾”窗格中的 index.htm（主頁）, 在 左 框架網頁目錄區選中表示 “情境導入”的文本或圖片，右擊它，選“超鏈接”，在彈出的“插入超鏈接”對話框中選中 daoru.htm, 確認目標框架的默認值為 main，點“確定”。用同樣的方法將“新課”與 xinke.htm、“課堂練習”與 ktlx.htm、“知識擴展”與 zskz.htm、“課堂小結”與 ktxj.htm、“網上學習資源”與 wsxxzy.htm、“課外探究”與 kwtj.htm 建立超鏈接關系。

點“預覽”按鈕，點左框架網頁目錄區的超鏈接，看它所對應的網頁是否在右框架區正確地顯示。．完善課堂練習網頁

雙擊“文件夾”列表中的 ktlx.htm，在右 框架區 輸入練習題（例如一道有 A、B、C、D 四個選項的多項選擇題）。

右擊“文件夾”窗格空白處 , 選“新建網頁” , 命名為“ right.htm ”，該評價網頁存放回答正確的反饋信息。雙擊它，點“插入 → 圖片 → 來自文件” , 點“從計算機上選擇一個圖片文件”按鈕 , 選中合適的 gif 動畫文件 , 確定。彈出“保存嵌入式圖片”對話框，點“改變文件夾” , 選“ images ”文件夾(默認存放站點圖片的文件夾)，點“確定”。在插入的 gif 動畫右側輸入表示鼓勵、贊賞的文本（如“您真行！”、“您真聰明！”）。點“保存”按鈕。用同樣的方法制作“ wrong.htm ”，該評價網頁存放回答錯誤的反饋信息。回到課堂練習網頁 , 依次將 A、B、C、D 四個選項鏈接到評價網頁 , 目標框架設“新建窗口”，即在新窗口中打開評價網頁。保存后預覽。

第三篇：用FrontPage制作網頁課件教程匯總

用FrontPage制作網頁課件

【教學目標】了解用FrontPage制作課件的優勢與不足，學會用FrontPage制作網頁型課件。

【重點難點】重點是如何在FrontPage插入多媒體素材，難點是課件交互性的實現和網頁源代碼的應用。

【教學策略】教師實例演示，學生上機操作，教師輔導和點評。

【媒體選擇】主要采用FrontPage示范課件和實際操作講解相結合，并輔以文字教材、網上學習資源和教學光盤。

【教學內容】

現在越來越多的課件是用網頁制作工具來制作，并結合數據庫、ASP 等技術來加強課件的交互性。網頁形式的課件可以集成豐富的多媒體信息，具有交互性強、制作簡易、體積小、便于在網絡上發布、傳播和更新等優點，適合于個別化學習、課堂教學和網絡教學。網頁課件的開發工具軟件有很多，包括：

? 語言編程如 HTML、D HTML、ASP、JSP、PHP、JAVA、JavaScript、VBScritp、VRML 等。

? 所見即所得的可視化編輯工具，如 FrontPage、Dreamweaver、Flash、Authorware、PowerPoint、CourseBuilder 等。

對于一般都有繁重教學任務在身的學科教師來說，沒有太多的精力去學習復雜的編程語言。可視化網頁編輯工具由于源代碼自動生成，使教師可以有更多的精力關注內容的表達和教學設計。

用 FrontPage 編制的網頁課件有較易操作的界面（與上網瀏覽網頁完全相同），一門課程或一堂課的脈絡結構（知識結構）可以在主頁上用菜單（樹形菜單或彈出菜單）或導航條的形式清楚地表明，可以列出教學目的、內容、重點難點、引言、概念性質、例題、練習、小結、作業等等，甚至操作注意事項。FrontPage 被公認為最好的入門級的網頁編輯工具。

一、FrontPage 基本操作

1.啟動 FrontPage ： 雙擊桌面上的 FrontPage 快捷方式圖標； 開始→程序→ Microsoft FrontPage ；右擊一個擴展名為 htm 或 html 網頁文件，選“編輯”。

2.打開或隱藏視圖欄、文件夾列表和網頁文檔

a.點“視圖 → 視圖欄”打開或隱藏視圖欄。點“視圖 → 文件夾列表”打開或隱藏文件夾列表。

b.右擊 擴展名為 htm 或 html 網頁文件（如 index.htm），選“編輯”，系統默認用 FrontPage 打開網頁。

c.點“文件 →打開”或點 常用工具欄中的“打開”按鈕，從本地磁盤或網絡驅動器中打開網頁文檔，從任意 Web 網站打開網頁，打開最近打開過的網頁文檔。

3.在 FrontPage 編輯器中預覽網頁

a.點普通視圖按鈕，觀察剛才打開的 index.htm 網頁。

b.點 HTML 視圖按鈕，觀察 index.htm 網頁。

c.點預覽視圖按鈕，觀察 index.htm 網頁。

4.FrontPage 視圖方式： 網頁視圖，文件夾視圖，報表視圖，導航視圖，超級鏈接接視圖，任務視圖。

5.保存網頁： 點“文件 →保存（另存為）”或點 常用工具欄中的“保存”按鈕，將新建的網頁或從萬維網上打開的網頁保存到本地磁盤，把自己喜歡的網頁作為模板保存。

6.關閉網頁： 點“文件 →關閉”或文檔窗口 中的“ X ”按鈕，關閉當前網頁。

二、設計網頁課件的框架結構

三、在網頁中插入表格、圖像、背景、剪貼畫、聲音、視頻 和動畫等多媒體對象

1.插入表格

插入 到網頁上的文本、圖片、音頻、視頻、動畫等元素，往往看起來顯得不夠整齊，為了使網頁更美觀，我們利用表格來控制復雜的網頁布局，即 用 表格來定位 網頁元素。

(1)點“表格 → 插入 → 表格”，輸入行數、列數（如 3 列 5 行），插入一個規則表格，設置表格的屬性。

(2)用“表格”工具欄上的 按鈕或“表格”菜單上的“插入行或列”命令來增加 表格的 行或列。

(3)用“表格”工具欄上的按鈕刪除一個單元或多個單元，刪除一行、多行或一列、多列，刪除整個表格，表格刪除后立即按“常用工具欄”中的“撤消”按鈕或按“ Ctrl+Z ”恢復表格；選擇單元格或單元格中的內容用鼠標把選擇的內容拖到新位置進行移動；按住 CTRL 鍵，再用鼠標把選擇的內容拖到新位置進行復制。

(4)選中需要拆分的單元，單擊“表格”工具欄上的按鈕或使用“表格”工具欄上的“筆”拆分單元格；選中需要合并的單元，單擊“表格”工具欄上的按鈕或單擊“表格”工具欄上的(擦除)按鈕合并單元格。經過處理，3 列 5 行的表格 變成 1 列 4 行。

2.插入圖像和背景圖象 將鼠標定位到要插入圖片的位置（如某個單元格內），單擊“常用工具欄”上的“插入圖片”按鈕，從已建站點的圖片文件夾中 選擇 合適 的圖片，點擊“確定”。也可以 在“圖片”對話框中點擊“插入一個計算機中的圖片”按鈕，FrontPage 編輯器將打開“選擇文件”對話框，從本地磁盤中指定一個圖像文件。

右擊網頁空白處，選“ 網頁屬性 ”快捷命令，單擊“ 網頁屬性 ”對話框的“背景”選項卡，先選中“背景圖片”復選框，選擇合適的圖像作為背景圖插入網頁，點擊“確定”按鈕。

3.插入剪貼畫

點“插入”→“圖片”→“剪貼畫”命令，選擇一幅剪貼畫，單擊“插入”按鈕，或直接雙擊剪貼畫。

4.插入聲音或視頻剪輯

選擇“插入”→“高級”→“插件”命令，打開“插件屬性”對話框，單擊“瀏覽”按鈕，打開“選擇插件數據源”對話框，從站點文件夾或本地計算機上指定要播放的聲音或視頻文件。調整網頁中插件圖標到合適的尺寸。

5.修改圖像屬性

右擊網頁中的圖像，選“圖片屬性”命令，在“常規”選項方式下指定圖像的格式（例如 jpg 和質量 75）；在“文本”框內簡單地描述圖像；單擊“外觀”選項卡，指定圖像無邊框即邊框線寬度為 0，指定圖像與相鄰的文字或圖像之間的水平間隔和縱向間隔，要改變圖像的大小，首先選中“大小”框內的“指定大小”復選框，然后分別指定圖像的寬度和高度。熟悉“圖片”工具欄：創建自動縮略圖；調整圖像的黑白對比度和亮度；給圖像加上斜面邊界；把彩色圖像變成黑白圖像；把圖像翻轉；修正圖像；裁剪圖像；淡化圖像；把圖像恢復原樣；在 GIF 格式的圖像上寫文字；使 GIF 圖像透明等。

6.插入水平線美化網頁

網頁水平線用于把網頁分隔成幾個部分。新建或打開網頁文檔，把插入點移到要插入水平線的地方，單擊“插入”菜單上的“水平線”命令。要把水平線插入在下一行，就把插入點定在行尾。在水平線上單擊鼠標右鍵，在彈出的菜單中選擇“水平線屬性”命令，也可直接雙擊該水平線，設置水平線的寬度、水平線的對齊方式和水平線的顏色。

四、在課件網頁中使用書簽和超級鏈接接

1.書簽的作用

書簽用于在長網頁內部快速跳轉和定位。

2.創建書簽 網頁

從 Web 網頁上復制一篇比較長的文本，粘貼（選擇性粘貼：無格式文本）到新建網頁中。選擇要標記的位置，單擊“插入”菜單中的“書簽”命令。FrontPage 編輯器將顯示“書簽”對話框。在“書簽”框中鍵入書簽名稱（最好用西文命名），書簽名稱應具有較好的描述性，然后單擊“添加”按鈕。可看到標簽小旗出現在期望定位的位置上。用同樣的方法創建其它書簽。

在網頁頂端創建系列提綱（目錄）文本，選中其中一個，右擊文本，選“超鏈接”，在“鏈接到”欄中點“本文檔中的位置”，在書簽列表中選中合適的書簽，確定。用同樣的方法給其它的提綱（目錄）文本建立超鏈接。保存網頁，在 IE 中預覽。

3.超級鏈接

使用超級鏈接，不僅可使站內的網頁成為一個有機整體，還可使不同的站點之間建立聯系。例如，在制作“網上學習資源”網頁時，需要給所列出的大量的網上學習資源的標題文字設置超鏈接，以便訪問者通過點擊網頁上的標題文字打開相對應的學習資源。首先選中標題目文字，然后單擊標準工具欄上的“超級鏈接”按鈕，在彈出的“創建超鏈接”對話框中指定超級鏈接所對應的網頁，或在 URL 文本框中填入網頁的地址即可。

4．創建圖像熱點作為超級鏈接接

新建或打開包含有復雜圖片（如地圖或大型儀器圖片）的網頁。練習創建圖像熱點作為超級鏈接接。例如，在世界地圖片上的“國家地區”區域處創建一個熱點，指定它跳轉到“按國家地區查詢”的主頁上。方法是：首先單擊圖像，編輯器將顯示“圖片”工具欄，選擇“圖片”工具欄上的“圖片”按鈕，把光標移到圖像上，光標將變成筆狀，按住鼠標左鍵在圖像上畫出熱點。釋放鼠標后，FrontPage 編輯器自動打開“創建超級鏈接”對話框，在此指定該熱點要跳轉的目標網頁或網址。制作好后在 IE 瀏覽器中預覽。

5.改變超級鏈接的外觀

選擇某文字超級鏈接，單擊“格式”菜單上的“背景”命令，打開“網頁屬性”對話框的“背景”選項。把該超級鏈接的顏色改為另一種更醒目的顏色，預覽一下，看超級鏈接文字是否發生變化。試著用不同的顏色表示未訪問過的超級鏈接(Hyperlink)、訪問過的超級鏈接(Visited Hyperlink)和將要訪問的超級鏈接(Active Hyperlink)。看看改變超級鏈接的外觀的效果。

6.編輯超級鏈接屬性

右擊超級鏈接，選“超級鏈接屬性”，FrontPage編輯器將打開，在URL框內鍵入新的網頁文件名或網址。觀察改變后的效果。

7.取消超級鏈接

右擊超級鏈接，選“取消超級鏈接”命令。

五、插入活動元素-讓課件網頁活起來

1.制作懸停按鈕 定位插入點，單擊“插入” / “組件” / “懸停按鈕”，打開“懸停按鈕”對話框。把動態按鈕默認標簽“按鈕文本”，改成所需的按鈕文字，單擊“字體”按鈕，在打開的“字體”（字體）對話框里設置您所需標簽的字體。要為動態按鈕創建超級鏈接，可直接在“鏈接到”框內鍵入要跳轉的 URL，也可單擊“瀏覽”按鈕，從當前打開的網站、WWW、本地磁盤中指定跳轉目標。可重新指定按鈕的前景顏色，不過如果按鈕顯示的是圖像，前景顏色無效。當用戶把鼠標移到動態按鈕上時，按鈕的顏色將自動發生變化，這是動態按鈕最大的特色，至于顏色是怎樣變化的，可通過“效果”和“效果顏色”框設定。還可改變按鈕的寬度和高度（以像素為單位）。動態按鈕還有一些高級用法，單擊“自定義”按鈕，在“自定義”對話框可設置播放聲音或音樂和在動態按鈕上顯示圖像等。

2.制作橫幅廣告

定位插入點后，單擊“插入” / “組件” / “橫幅廣告管理器”命令，打開“橫幅廣告管理器”對話框。單擊“添加”按鈕從圖片目錄下分別獲取圖片序列（例如 01.gif ~ 04.gif），設置寬度、高度、漸變效果、顯示每幅圖片時間。要為橫幅廣告創建一個超級鏈接，只需在“鏈接”框內鍵入跳轉目標的 URL，或者單擊“瀏覽”按鈕定位跳轉目標。

3.制作字幕

定位插入點后，單擊“插入” / “組件” / “字幕”命令，打開“字幕屬性”對話框。在“文本”框內鍵入要顯示的字幕內容，設定文字游動“方向”、“速度”、“表現方式”、“文本對齊方式”等選項。在“表現方式”框內，可指定字幕游動的方式，默認是“滾動條”，如果選“幻燈片”，表示當第一個字符而不是最后一個字符觸及左邊界時就停止游動，如果選“交替”，表示像鐘擺那樣在左右邊界內擺來擺去。可任意設置字幕的寬度和高度，字幕的寬度和高度既可以按像素的絕對值給出，也可以按 Web 瀏覽器窗口的百分比給出。默認情況下，字幕周而復始，不停地游動，周而復始。您可讓字幕只游動若干次，方法是，不選中“連續”復選框，然后在“次數”框內選擇要游動的次數。此外，還可給整個字幕加上“背景顏色”。、插入 Flash 動畫

方法一：“插入”→“ Web 組件?”→“高級控件”→“插件”

（1）將鼠標定位到要插入 Flash 動畫 的位置，單擊菜單命令“插入”→“ Web 組件?”，在“插入 Web 組件”對話框中“組件類型”列表框中選“高級控件”，再在右邊點選“插件”，單擊“完成”按鈕。

（2）單擊“插件屬性”對話框中的“瀏覽”按鈕，打開“選擇插件數據源”對話框，選擇要插入的 swf 課件，單擊“打開”按鈕。

（3）返回“插件屬性”對話框，設置合適的“高度”、“寬度”等項，單擊“確定”按鈕。雙擊插入到網頁中的插件，或右擊，選“插件屬性”，均可打開“插件屬性”對話框，進行修改。

方法二：“插入”→“ Web 組件?”→“高級控件”→“ ActiveX 控件”

（1）用插件的方法播放.swf 課件，操作簡單、實用，但如果要對.swf 課件進行更 多的控制，應在“插入 Web 組件”對話框中點選“ ActiveX 控件”，單擊“下一步”，打開“插入 ActiveX 控件”對話框，在控件列表框中查看是否有 “ Shockwave Flash Object ”，如果有，點選它，單擊“完成”按鈕。如果沒有，則點擊“自定義”按鈕，打開“自定義 ActiveX 控件列表”對話框，勾選“ Shockwave Flash Object ”控件，單擊“確定”按鈕，返回“插入 Web 組件”對話框，點選新增加的“ Shockwave Flash Object ”，單擊“完成”按鈕。

（2）這時網頁中會出現一塊白色矩形區域。用鼠標雙擊它，在彈出的“ ActiveX 控件屬性”窗口中有三個選項卡，選“ Flash 屬性”，設置好各選項。圖中各選項的含義是：

? 影片 URL ：輸入或粘貼要插入的 Flash 動畫的鏈接地址；

? 品質：默認為“ High ”（高質量播放），推薦選擇“ Best ”（最優播放）；

? 比例：推薦選擇“ Show All ”（完全顯示）；

? 播放：務必勾選；

? 循環：是否勾選該項取決于 Flash 動畫的內容，通常要勾選該項；

? 顯示菜單：通常勾選該項；

? 窗口模式：默認為 Window，通常無須更改；

? 其它選項如“嵌入影片”、“設計字體”、“排列”、“背景顏色”通常按默認設置即可。

六、在 課件中巧用框架 ．創建框架網頁

使用“文件”菜單上的“新建”，在“新建”對話框上單擊“ 框架 ”選項，選擇“橫幅和目錄”模板，單擊“確定”按鈕。．把制作好的三個獨立網頁，指定到左 框架、右 框架 和上 框架

單擊上面框架網頁的“設置初始網頁”按鈕，彈出“創建超級鏈接”對話框，在站點目錄中選中上網頁（top.htm），“確定”。按同法把左網頁（left_frame.htm）和右網頁（right_frame.htm）分別指定到左 框架 和右 框架上。． 框架的基本操作

單擊一個框架內的任意地方，該框架就被選中，成為當前活動的框架。該框架中的網頁也就成為當前活動的網頁。把光標移到框架與框架之間的分隔線上，等光標改變形狀后單擊，可以選擇所有的框架。．改變框架的尺寸 把光標移到框架的邊框上，等光標改變形狀后拖動邊框，直到框架拖拉成最適合各網頁框架大小。．修改框架的屬性

選擇某框架，在框架上單擊鼠標右鍵，在彈出的菜單中選擇“框架屬性”命令，在“選項”框內，選中“可在瀏覽器中調整大小”復選框，指定“顯示滾動條”為“從不顯示”。單擊“框架網頁?”按鈕，在“網頁屬性”對話框，選中“顯示邊框”復選框。單擊“確定”按鈕 2 次，完成設置。．保存框架網頁

點常用工具欄上的“保存”按鈕，將彈出保存框架網頁的對話框（共 4 個）。注意框架網頁的命名要與框架一一對應起來，即 top.htm 對應上 框架，左網頁 left_frame.htm 對應左 框架，右網頁 right_frame.htm 對應右 框架，index.htm 對應整個 框架。

七、網頁課件制作實例

1.創建站點

（1）在本地硬盤（如 D 盤）建一個文件夾 , 用英文或漢語拼音命名 , 如 myweb, 打開它。

（2）啟動 Microsoft FrontPage。

（3）點“文件 → 新建 → 站點” , 選擇“空站點”圖標，再在“指定新站點的位置”欄中輸入新建的站點文件夾（D:myweb），或通過單擊“瀏覽”按鈕來指定。點“確定”后片刻，編輯區出現一個空站點。

2.建立框架網頁

（1）點“文件 → 新建網頁”，選框架網頁”選項卡 , 雙擊“橫幅和目錄”。編輯區被劃分為上框架、左 框架和 右 框架 3 個區域。

（2）點上框架區中的“新建網頁”按鈕 , 切換到上框架網頁編輯狀態 , 點“插入 → 組件 → 字幕” , 在“字幕文字”欄中輸入網頁課件的標題 , 選“交替”表現方式和“連續”選項 , 確定。根據需要插入圖片、gif 動畫或 Flash 動畫。

（3）點左框架區中的“新建網頁”按鈕 , 切換到左框架網頁編輯狀態 , 輸入表示課件目錄的文本，如“情境導入”、“新課”、“課堂練習”、“知識擴展”、“課堂小結”、“網上學習資源”、“課外探究”等（或插入相應的圖片）。

（4）點右框架區中的“新建網頁”按鈕 , 切換到右框架網頁編輯狀態 , 輸入前言文本，插入與課件主題相關的圖片或動畫。該頁相當于課件的封面、前言或首頁。

（5）點常用工具欄上的“保存”按鈕，將彈出保存框架網頁的對話框（共 4 個）。注意 框架網頁的命

名要與框架一一對應起來，即 top.htm 對應上 框架 網頁，left_frame.htm 對應左 框架 網頁，right_frame.htm 對應右 框架網頁，index.htm 對應整個 框架。

3.建立內容網頁

右擊“文件夾”窗格空白處 , 選“新建網頁” , 命名為“ daoru.htm ”。雙擊它，在右邊的編輯區制作完成“導入”網頁。點 常用工具欄上的 “保存”按鈕。

用同樣的方法創建“新課”網頁 xinke.htm、“課堂練習”網頁 ktlx.htm、“知識擴展”網頁 zskz.htm、“課堂小結”網頁 ktxj.htm、“網上學習資源”網頁 wsxxzy.htm、“課外探究”網頁 kwtj.htm。

4.制作超鏈接

雙擊“文件夾”窗格中的 index.htm（主頁）, 在 左 框架網頁目錄區選中表示 “情境導入”的文本或圖片，右擊它，選“超鏈接”，在彈出的“插入超鏈接”對話框中選中 daoru.htm, 確認目標框架的默認值為 main，點“確定”。用同樣的方法將“新課”與 xinke.htm、“課堂練習”與 ktlx.htm、“知識擴展”與 zskz.htm、“課堂小結”與 ktxj.htm、“網上學習資源”與 wsxxzy.htm、“課外探究”與 kwtj.htm 建立超鏈接關系。

點“預覽”按鈕，點左框架網頁目錄區的超鏈接，看它所對應的網頁是否在右框架區正確地顯示。．完善課堂練習網頁

雙擊“文件夾”列表中的 ktlx.htm，在右 框架區 輸入練習題（例如一道有 A、B、C、D 四個選項的多項選擇題）。

右擊“文件夾”窗格空白處 , 選“新建網頁” , 命名為“ right.htm ”，該評價網頁存放回答正確的反饋信息。雙擊它，點“插入 → 圖片 → 來自文件” , 點“從計算機上選擇一個圖片文件”按鈕 , 選中合適的 gif 動畫文件 , 確定。彈出“保存嵌入式圖片”對話框，點“改變文件夾” , 選“ images ”文件夾(默認存放站點圖片的文件夾)，點“確定”。在插入的 gif 動畫右側輸入表示鼓勵、贊賞的文本（如“您真行！”、“您真聰明！”）。點“保存”按鈕。用同樣的方法制作“ wrong.htm ”，該評價網頁存放回答錯誤的反饋信息。

回到課堂練習網頁 , 依次將 A、B、C、D 四個選項鏈接到評價網頁 , 目標框架設為“新建窗口”，即在新窗口中打開評價網頁。保存后預覽。

第四篇：Frontpage網頁制作經驗總結

【摘要】Frontpage更以其功能強大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網頁，利用它可以輕松的組織、編輯網頁并將其發布到指定的站點上，而且在發布之后還能對更新情況進行監控以更新站點的。

【關鍵字】Frontpage創建站點、新建頁面、文字、超鏈接

現在流行的網頁制作軟件有很多，如Macromedia公司的Dreamweaver、微軟公司的Frontpage、還有Adobe Pagemill 3.0--制作多框架，表單和Image map 圖像的網頁工具、Netscape等等。其中Frontpage更以其功能強大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網頁，利用它可以輕松的組織、編輯網頁并將其發布到指定的站點上，而且在發布之后還能對更新情況進行監控以更新站點的內容。

工具準備好了，可根據你的個人喜好來選擇一些素材，如圖片、喜歡的文章等。現在就讓我們從第一步的建立站點來踏上建造網上家園之旅。

用FRONTPAGE創建站點是很容易的。首先，我們來看一下創建一個只包含一個網頁的站點。選擇“文件”菜單的“新建”選項，單擊“站點”命令，這時新建站點對話框就彈出來了，在“指定新站點位置”文本框中輸入新站點的位置，單擊“只有一個網頁的站點” 圖標，單擊“確定”按鈕。這就建立好站點了，我們現在來看一下新的站點里有什么，單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個網頁文件，名字叫做“index.htm”。我們知道，每一個站點都要有一個主頁，這個主頁也是一個網頁文件。瀏覽者訪問站點時首先進入的就是站點的主頁。主頁的名字在一般情況下就叫做“index.htm”。就是說我們新建只包含一個網頁的站點時，FRONTPAGE就自動為我們創建了站點的主頁了。這個新建的站點主頁時空的，我們可以向里面添加內容。

在文件列表里除了主頁之外，還有文件夾。新建站點時，FRONTPAGE都會在站點所在位置下新建兩個文件夾，一個是“images”另一個是“_private”。我們在編輯站點時可以在“image”文件夾里放置站點用到的圖片。“private”文件夾比較特殊，其中的文件對瀏覽者來說是隱含的，我們可以把一些不想讓瀏覽者看到的網頁文件放在這個文件夾里，比如：我們可以在這個文件夾里存放注冊用戶的個人信息。

盡管每一個站點都要有一個主頁，不過創建站點時我們仍然可以從一個空站點開始：選擇“文件”菜單的“新建”命令，單擊“站點”選項，在“新建站點”對話框里，我們可以選擇“空站點”圖標來創建一個空站點。“新建站點”對話框中還有許多其他圖標，這是FRONTPAGE提供的用來創建站點模板或向導。我們創建只有一個網頁的站點或者創建空站點，都是從頭開始來創建一個站點，這就好像蓋房子一樣，首先畫圖紙。然而，有許多的房子都具有相似的結構和用途，所以我們可以用一張圖紙蓋很多相似的房子，這樣就節省了許多工作。

同樣的，盡管站點的風格千差萬別但是有許多站點的功能和結構都是一樣的，如果我們從頭開始建立站點的話，就要做許多重復勞動，這時，我們就可以使用模板或向導來建立站點。模板和向導的作用就好像蓋房子的圖紙一樣，我們不必每次建立站點時都從頭開始。我們單擊“個人站點”圖標，用它可以迅速創建一個個人站點，輸入站點所在的位置，單擊“確定”按鈕，這樣我們剛就創建了個人站點。個人站點模板已經為我們規劃好了站點的目錄和建立了相關的頁面。現在我們點擊一下“文件夾”按鈕，雙擊index.htm圖標，看，這就是我們的個人站點的主頁。哎，好象有許多文字都不對，沒關系，這些文字都是可以改變的，現在寫的是文字的用途，比如“主題”文字就是用來寫網站標題的地方，我們只要把它改為自己喜歡的標題就可以了。返回到“文件夾”模式，雙擊photo.htm。也可以把風景圖片換成自己的照片，只要在新建站點的基礎上進一步修改就可以做出自己的個人站點了。這不僅節省了許多力氣，同時也給了初學者一個良好的出發點。

那么模板和向導有什么區別呢？我們安裝軟件時，一步步的用對話框提示我們完成安裝過程的程序就是一個向導。在FRONTPAGE里，向導也是一種模板，不過它是一種特殊的模板，它會以對話框的形式輔助你完成站點的創建過程。

現在我們選擇“文件”菜單的“新建”選項，單擊“站點”命令，你看，FRONTPAGE提供了兩個向導：公司展示向導、討論站點向導，使用起來都很方便，你有興趣也可以利用向導建立一個站點。

創建頁面最簡單的就是單擊FRONTPAGE“常用”工具欄的“新建”按鈕。它的右方有一個向下的小箭頭，它是用來選擇要新建什么，可以用“新建”按鈕新建網頁、站點、文件夾和任務。默認狀態下是新建網頁。

如果要新建網頁，可以不用向下箭頭鍵選擇，而直接單擊“新建”按鈕。不過使用文件菜單的“新建”命令來新建網頁能夠有更大的選擇。單擊文件菜單的“新建”命令，選擇“新建網頁”，在“新建”對話框里，可以看到FRONTPAGE提供的許多網頁模板，我們可以用這些模板來建立相應的網頁。在右下角的預覽框里可以看到選中模板的外觀。選擇“兩欄正文”網頁，這樣就創建了一個新的分為兩欄的網頁了。然后點確定。使用模板可以不用總是從空白網頁開始編輯，這樣就省力很多。

網上幾乎所以的網頁都使用圖片加以點綴，在網頁中插入適當的圖片，能夠產生圖文并茂的效果。

如果有一個圖形，怎么把它放到網頁上呢？

首先要看你的圖形是什么格式的，也就是它擴展名是什么 只有擴展名為GIF和JPEG的圖形文件才能成為我們的頁面的一部分。因為這兩種圖形格式不僅廣泛，而且有利于節省存貯空間。如果圖形不是這種格式，使用了其它格式的圖形文件，在保存網頁時FRONTPAGE會提示做格式轉換，FRONTPAGE可以自動進行格式轉換。

現在可我們看看怎么插入圖形 選擇“插入”菜單的“圖片”命令，單擊“來自文件”按鈕。

在默認情況下，FRONTPAGE認為你要插入的圖片總是放在你建立的站點的目錄或它的子目錄下的。可以說,站點就是一個目錄。我們把編輯的許多網頁文件放在同一個目錄下，我們稱這個目錄為站點的主目錄。這些網頁引用的圖形一般也放在這個目錄下。當然，我們也可以在這個目錄下建立其他的子目錄，再把所有的圖形放在子目錄里。所以搜索下拉列表只允許在主目錄和主目錄下的子目錄進行選擇。

如果要插入的圖片不在主目錄下, 在“選擇文件”對話框中進行選擇。選擇好文件以后，單擊“確定”按鈕，回到“圖形”對話框。單擊“確定”按鈕，圖形就插入了。現在單擊“常用”工具欄的“保存”按鈕。在“另存為”對話框中輸入新的web頁文件的名字，單擊“保存”按鈕。出現了一個對話框, 因為我們剛才插入的文件不在站點內，現在FRONTPAGE要把它復制到站點內，可是使用什么名字，放在站點的哪個目錄下呢，就要在這設置了，單擊“改變文件夾”按鈕，另外這兒還在需要時對圖形的格式進行轉換。單擊“位置”按鈕，在默認情況下，圖形被保存在站點的主目錄下，現在我們選擇IMAGE目錄，單擊“確定”按鈕。回到“嵌入式文件”窗口，再單擊“確定”。這樣，圖形就保存在站點內了

我們還可以從INTERNET上插入一個圖形。選擇“插入”菜單的“圖片”命令，在URL欄內輸入圖片的地址，單擊“確定”按鈕。由于是插入網上的圖片，因此在插入圖形以后，應該保存一下網頁，使圖形存到站點內。

您可能說,我不會畫畫，插入圖片容易，可是編輯圖片就不容易了。沒關系，FRONTPAGE自己帶有許多剪貼畫，你可以把它們插入到自己的網頁。選擇“插入”菜單的“圖片”命令，選擇“剪貼畫”。你看，各種剪貼畫都分類放好了。你可以自由地選

擇。不過，插入后別忘了保存網頁，把剪貼畫復制到站點目錄下。

一般我們插入的圖形總是和文本在一起的，所以調整圖形和文本的對齊方式很重要。在默認情況下，圖形自動與文本的底部對齊。這一個網頁，由于默認的對齊效果，頁面出現了大量的空白。這時就要調整圖形的對齊屬性。在圖形上單擊鼠標右鍵，選擇“圖片屬性”，選擇“外觀”選項卡我們把對齊方式調整為“左對齊”。使用圖形可以使網頁更加豐富多彩，而且我們還可以用圖形來建立超鏈接，使網頁相互聯系起來。怎么用圖形來建立鏈接呢？ 其實圖形超鏈接只要在建立超鏈接時選擇圖形就可以了。首先選中超鏈接的圖形，單擊箭頭圖形，單擊“常用”工具欄“超鏈接”按鈕，選擇主頁文件“頁面

1.htm”，單擊“確定”按鈕.在普通模式中，按住CTRL鍵，單擊箭頭圖形，就跳到主頁頁面了。

如果我們要在圖片上加上文字，單擊圖形工具欄“文本”按鈕，現在圖形中就出現了一個文本框，輸入：“機軟件”按一下Esc鍵，取消文字編輯，就選中文字框了，調整文本框到合適的位置，單擊頁面其他區域，文字就添加成功了。

如果我要修改 單擊一下要修改的文字，這時文字作為一個整體被選中了，再點一下文字，這時文本框里有光標閃爍，你可以編輯文本了，重新輸入：“計算機硬件”，在頁面其他區域單擊。文字就修改完成了。

怎樣使文字更豐富、活潑呢？一個簡單的就是使用“格式”工具欄。

字體設置：選上文字，打開格式工具欄的“字體”下拉列表框，在里面選擇相應的字體就可以了。如果瀏覽網頁的人使用的計算機沒有設置的字體？瀏覽器會用系統默認的字體代替你設置的字體。不過，使用常用字體是一個好習慣。

字號設置：在“格式”工具欄“字號”下拉列表框中選擇相應字體就可以了

工具欄上的B、I、U圖標的作用是：

按下B按鈕，被選中的文字就會變為粗體

按下I按鈕，被選中的文字就會變為斜體

按下u按鈕，被選中的文字就會帶下畫線

字的顏色：單擊“格式”工具欄“字體顏色”按鈕旁的向下箭頭，選擇適當的顏色，字的顏色就改變了。

還可以對字體進行一些其他設置。選擇“格式”菜單的“字體”命令，在這里我們還可以作進一步的設置。這里除了“格式”工具欄可以做的設置以外，還可以設置許多效果。“字符間距”選項卡：它是用來設置文字的間距的。單擊“間距”下拉列表，可以選擇字符的間距是普通、擴充還是緊縮的。選擇擴充，這時預覽框的文字間距就變大了。也可以調整間距大小來改變間距，輸入10，文字的間距就更大了。

“定位”下拉列表：在FRONTPAGE中每一行都有一個底線，定位就是指文字相對于底線的距離。也就是把文字上下移動，現在選擇“上移”，文字就向上移動了。預覽框中的黑線就是行的底線。

設計好的頁面，應該檢查它在瀏覽器中是否顯示正常。

方法是，一般只要切換到預覽模式就可以了。單擊“預覽”選項卡，在這個預覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這并不意味著我們就不必用瀏覽器來檢查編輯的網頁了。因為即使是同一個頁面，可能在不同的瀏覽器中顯示會不太一樣。比如在INTERNET EXPLORER中是這樣顯示的，但是在NETSCAPE中又是那樣顯示的。所以，我們要在自己的機器上多裝幾個瀏覽器，用來檢查網頁的兼容性。

那么為什么不用不同的瀏覽器來檢查呢？選擇“文件”菜單的“在瀏覽器中預覽”選項，在瀏覽器列表框中選擇不同的瀏覽器。（以INTERNET EXPLORER 5.0為例）單擊“確定”

按鈕。就可以看到新建頁面在瀏覽器中的效果了。

怎樣才能自己做的網頁相互聯系起來呢?也就是說讓別人點頁面上的圖形或文本就跳轉到其他頁面呢？

在網頁里，我們把這種點擊后會進行頁面切換的網頁界面元素叫超鏈接。先來看一下用文字來建立鏈接。

首先創建一個指向站點內其他網頁的超鏈接。

選擇“插入”菜單的“超鏈接”命令，在文件列表框內選擇“頁面1.htm”文件，注意在URL文本框中顯示了該文件的地址。單擊“確定”按鈕.超鏈接就制作成功了。我們切換到預覽模式（單擊預覽按鈕），當我們把鼠標指向“主頁”兩字時鼠標變成手形，單擊它，我們就切換到主頁了。

那么為什么不在普通模式下試呢？：因為普通模式主要是用來編輯網頁的，當我們在普通模式把鼠標指向“主頁”兩字時鼠標沒有變成小手狀，因此不能進行頁面切換。不過如果按住CTRL鍵，鼠標就變成了小手狀。這時單擊就可以進行切換了。也就是說在普通模式中按住CTRL鍵才能激活超鏈接。

我們也可以將超鏈接指向其他站點的網頁。選中作為超鏈接的文本，單擊“常用”工具欄的“超鏈接”按鈕，這和選擇插入菜單的超鏈接命令是一樣的。在“創建超鏈接”對話框里，在URL地址欄直接輸入要連接的網頁或網站的地址。如果不清楚要作超鏈接的地址，只要單擊URL地址框后面的放大鏡就可以用瀏覽器在INTERNET上查找要鏈接的網頁，FRONTPAGE會自動記錄你找到的地址。單擊“確定”按鈕就可以了。我們還可以改變已經設置好的超鏈接。首先確認是普通模式，在要改變的超鏈接下單擊鼠標右鍵，選擇“超鏈接屬性”命令，輸入新的URL地址就可以了。要想取消超鏈接，刪除所有URL地址框里的就可以了。還有一種超鏈接，可以鏈接郵件。這樣可以使你的網上朋友通過Email及時與你聯系，這是一個網站站長和網友交流的重要手段。先選中要作為超鏈接的文本，一般文本就是你的郵箱地址，單擊“超鏈接”按鈕，單擊“信封”按鈕，輸入你的郵箱地址，單擊“確定”按鈕，退出對話框，選擇“確定”，這時超鏈接就建立好了。我們試一下，切換到預覽模式，單擊郵件鏈接。

這樣我們就差不多完成了網頁的制作步驟，最后可將它發布到Web服務器上。站點發布前還要對它進行檢查工作，包括超鏈接，頁面等。

【】

〈1〉喬春源，樊天岳等。信息技術。江蘇技術出版社，2001年7月。

〈2〉李振格。Office入門與提高。清華大學出版社，2001年2月。

〈3〉王超鋒。網頁制作。人民郵電出版社，2001年10月。

第五篇：frontpage網頁制作教案

Frontpage網頁制作導學案

青州一中

劉志韓

文件——新建——網頁 【學習目標】

1、包括網頁制作基礎知識

2、站點的規劃和創建

3、網頁文本和圖片的處理、表格和框架的應用 【學習重難點】

1、建立一個主題網站

2、建設一個網站的步驟

3、網頁的美化與特效的制作 【課前預習】

思考一下多媒體信息集成的方式有哪些？

【自主學習】

1、在www中，________是信息的主要組織和表現形式。

2、用________語言編寫的網頁實際上是一種文本文件，以.HTML或者.HTM為擴展名，可以使用任何文本處理軟件（如記事本、word等）創作或修改。

3、制作網頁常用的軟件有_________________和_________________。

4、網頁文件的擴展名有哪些？

5、網站開發的基本過程：

網站的規劃——（）——（）——網站的發布與管理——網站的評價 【合作探究與指導】

三、網站的制作

1、創建站點

文件——新建——站點（選擇或創建存儲站點的文件夾）

2、網頁的創建與編輯

3、插入對象 水平線 圖片 字幕 懸停按鈕

4、創建超級鏈接

在對象上右擊選擇超級鏈接——選擇鏈接的目標。

5、使用表格

表格——插入（在制作網頁的過程中用表格來布局網頁）

6、在站點中查看網頁的編輯及網頁之間的鏈接情況。

分步驟操作練習題：

1、新建一個站點，只有一個空白網頁的站點。

2、在首頁上插入“我最喜愛的明星”，然后進行修飾。

3、再新建一個空白網頁。重新命名為“周杰倫”。

4、插入圖片“周杰倫”，文本“周杰倫”，排版設置后保存網頁。

5、再建立一張空白的網頁，重新命名為“劉亦菲”。

6、插入圖片“劉亦菲”，文本“劉亦菲”，排版設置后保存網頁。

7、分別在首頁和“周杰倫”“劉亦菲”網頁建立超級鏈接。操作練習： 【拓展任務】

以環保為主題，利用文件夾“環保”中的素材，制作一個5頁的網站。

【當堂檢測】

1.在網頁制作中，我們經常用下列（）辦法進行頁面布局。

A.文字

B.表格

C.表單

D.圖片 2.使用瀏覽器訪問網站時，第一個被訪問的網頁稱為（）。

A.網頁

B.網站

C.HTML語言

D.主頁 3.網頁中可使我們進行選擇性瀏覽的稱為（）。

A.文字

B.圖片

C.聲音

D.超鏈接

4.在FrontPage2000中，要建立同一個網頁內的鏈接點，讓你點選某一鏈接后，迅速跳到同一網頁內的另一個特定位置，應采用（）鏈接。

A.單元格

B.表單

C.書簽

D.表格 5.FrontPage 2000中，下述關于圖片與鏈接的關系表述正確的是（）。

A.圖片不能建立鏈接

B.一張圖片只能建立一個鏈接

C.圖片要建立鏈接需經過處理

D.通過設置熱區，一張圖片可建立多個鏈接 6.在FrontPage 2000“網頁”視圖模式下，單擊“普通”標簽后，在出現的“普通”窗口中，可直接進行（）。

A.網頁編排

B.觀察網頁在瀏覽器中的效果

C.編輯HTML代碼

D.下載圖片 7.網頁制作的超文本標記語言稱為（）。

A.VB語言

B.HTML語言

C.BASIC語言

D.ASCII 8.在Frontpage2000網頁視圖方式下，單擊（）標簽可直接編輯HTML代碼？

A.普通

B.HTML

C.預覽

D.編輯 9.在FrontPage 2000中，我們想要文字左右交替移動的效果，是下列（）效果。

A.字體

B.DHTML效果

C.字幕

D.懸停按鈕 10.在FrontPage 2000表格單元格中，（）項目不能輸入。

A.表格

B.圖形

C.背景

D.聲音

作業：以我們寒假生活為主題，從互聯網上搜索的素材制作一個網站。

【閱讀材料】

網站設計

建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對于個人網站，必須要找準一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。

二、搜集材料

明確了網站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯網上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網頁的素材。

三、規劃網站

網站設計得成功與否，很大程度上決定于設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。

四、選擇合適的制作工具

網頁制作涉及的工具比較多，首先就是網頁制作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，五、制作網頁

材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。

六、上傳測試

網頁制作完畢，最后要發布到Web服務器上，才能夠讓全世界的朋友觀看，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放服務器上。網站上傳以后，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然后再上傳測試。

七、推廣宣傳

網頁做好之后，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新