湖南省商業(yè)技術學院

學期授課進度計劃

（二年級第一學期）

課程名稱網(wǎng)頁制作與設計

適用班級16高21、22

制定教師易會芝____________

審批簽字

教研室主任年月日

教務科長年月日

教務院長年月日

2017-2018學年第一學期制岸

課時分配

授課授課其中

周課時

周數(shù)總課時講課實驗復習考試機動

23

期末完成情況

計劃完成超出或缺少課時

課時課時超出缺少彌補

教學截至

章節(jié)內容

備注：用藍黑或碳素墨水鋼筆填寫

教學計劃

學本門課程《網(wǎng)頁設計與制作》的教學班級為14級計算機班，計算機班對網(wǎng)絡知識

情

有一定的了解，基礎知識較好，同時根據(jù)實際情況，特擬定本計劃。

分

析

通過本學期《網(wǎng)頁設計與制作》的學習，主要要求同學們掌握網(wǎng)頁制作的一些

基本功能和操作，為以后的一些學習和工作打下較好的基礎。通過學習要求同學達

大到以下要求：

綱1、了解DreamweaverCS6的詳細功能及操作方法。

2、熟練掌握網(wǎng)頁制作技巧。

要3、掌握網(wǎng)頁規(guī)范以及網(wǎng)頁優(yōu)化和網(wǎng)站推廣的知識。

求4、明確網(wǎng)站建設的流程和站點建設成后需要做的優(yōu)化推廣工作。

教1、超級鏈接

學2、表格表單應用

重3、框架使用

點4、CSS樣式

教1、超級鏈接

學2、用表格和框架布局頁面

難3、創(chuàng)建數(shù)據(jù)庫

點

講授法、演示法、項目教學法、合作學習、對話、任務驅動法、頭腦風暴、小組討

教論法等教學方法。

學

方

法

學期授課進度計劃表

周次授課內容課時備注

1、2周新生軍訓

31.1網(wǎng)站基礎知識2

1.2網(wǎng)站建設概述2

實訓新建一個網(wǎng)頁2上機

42.1添加和編輯文本2

實訓網(wǎng)站素材處理2上機

實訓制作簡單網(wǎng)頁2上機

5

6

7國慶放假6機動補周一課

82.2添加和編輯圖像6

2.3創(chuàng)建超級鏈接2

實訓圖像處理和創(chuàng)建超級鏈接2上機

9實訓跳轉菜單2上機

2.4使用表格布局頁面2

實訓表格布局實例分析2上機

102.5使用框架布局頁面2

運動會充周三到周五

運動會

11實訓框架布局實例分析2上機

3.3添加動畫2

添加音頻和視頻2

12實訓DIV與表格的轉換2上機

4.3晃動的圖片2

實訓交換圖像2上機

13實訓拼圖游戲2上機

4.4修改屬性特效及動態(tài)菜單制作2

實訓效果行為應用2上機

14實訓圖片展播實例2上機

5.1認識和編輯CSS2

實訓美化頁面2上機

15實訓應用CSS到網(wǎng)頁中2上機

5.2類型、背景和區(qū)塊樣式2

實訓方框、邊框和導航欄2上機

16實訓超鏈接樣式及設置技巧2上機

學期授課進度計劃表

6.1DIV布局頁面2

6.2認識Spry2

17實訓調整樣式2上機

6.3選擇服務器和使用虛擬機2

6.4申請域名2

18實訓網(wǎng)站發(fā)布2上機

7.1個人主頁制作2

7.2策劃構思及設計流程2

19實訓頁面布局2上機

7.3制作頁面頭部2

7.4制作中間表格內容2

20元旦放假2機動

2充周一課

2

212

2

2

22復習考試6

教研組

意見

課題1.1網(wǎng)頁制作基礎知識教學課時2課時

知識目標能了解網(wǎng)頁制作軟件的特點

教學目標能力目標能掌握網(wǎng)頁制作的基本概念

情感目標提高學生團結合作精神，提高學生競爭意識

教學重點網(wǎng)頁的組成

教學難點網(wǎng)頁的分類，網(wǎng)址與域名的區(qū)分

1.教學場所：多媒體教室

教學資源2.教學設備：安裝有Dreamweavercs5軟件的計算機

3.教學資料：輔助課件.多媒體教學軟件

教法講解法、任務驅動教學法學法小組討論法

教學過程課前準備導入新課講授新課動手實踐課堂小結作業(yè)布置

時間分配510501555

教學過程

過程安排教學內容教師活動學生活動設計意圖

1、教師自我介紹；1自.我介紹1.班長統(tǒng)計座次使師生盡快互

2、點名；2按.照花名冊點名表相認識，并促

課前準備3、課程介紹3課.程介紹2學.生自我介紹使學生答題了

4、課堂要求4統(tǒng).計學情3反.應學情解我們的課

5提.出期望與要求4推.薦課代表。程。

本次課是本學期第一次上課，簡單以提問的方式了解學生之間相互討提問跟就業(yè)和

介紹本課程：學生對網(wǎng)頁設計的論，加深對網(wǎng)頁薪資有關的問

導入新課1、網(wǎng)頁設計相關級別及其薪資待遇認知設計的認識題，抓住學生

2、網(wǎng)頁設計的就業(yè)方向及其公司類注意力。

型

一、網(wǎng)頁設計介紹簡單介紹網(wǎng)頁知識吸收新知識并思講述基礎知

提問：網(wǎng)頁設計要考生活中常見網(wǎng)識，為后面學

1、網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信點并將學生分組進頁設計知識習打下基礎

息（包括產(chǎn)品和服務）的一種方式，行討論分組討論，并派加強學生之間

講述網(wǎng)站設計級出代表來總結交流溝通能

是企業(yè)開展電子商務的基礎設施和別，引導學生對這思考自己的定位力，加深學生

信息平臺，離開網(wǎng)站去談電子商務個行業(yè)向往，并鼓了解本行業(yè)的現(xiàn)對網(wǎng)頁設計要

勵學生向大師階段狀點理解

任務一是不可能的。努力認識軟件基本組引導學生了解

講授新課2、企業(yè)的網(wǎng)站被稱為“網(wǎng)絡商標”，簡單介紹學生將來成這個行業(yè)

從事本行業(yè)的范圍做筆記，識記教引導學生了解

也是企業(yè)無形資產(chǎn)的組成部分，而介紹網(wǎng)頁制作需要師講述的知識本行業(yè)從事范

網(wǎng)站是Internet上宣傳和反映企業(yè)形的軟件圍

給學生灌輸網(wǎng)頁設提前引導學生

象和文化的重要窗口。計的基本知識認識

二、網(wǎng)頁設計的要點dreamweaver

cs5為后面軟

1、明確建站目標和需求。件學習打下基

2、網(wǎng)站主題鮮明。礎

這些知識都是

3、網(wǎng)站版式設計。學網(wǎng)頁設計最

4、色彩在網(wǎng)站設計中的作用?；镜幕A知

識，學生基礎

5、網(wǎng)站設計形式與內容統(tǒng)一。知識薄弱，必

三、網(wǎng)站設計級別須了解這些才

能學習后面的

1、新手入行內容

2、跳槽階段

3、穩(wěn)定階段

4、大師階段

四、網(wǎng)頁設計公司類型

1、門戶游戲類

2、企業(yè)部門類

3、網(wǎng)站建設類

4、互動設計類

五、網(wǎng)頁三劍客

1、Dreamweaver：

可視化頁面設計、網(wǎng)站管理

2、Fireworks

頁面圖象設計工具

3、Flash

動畫制作

六、網(wǎng)頁基礎知識

1、網(wǎng)頁與網(wǎng)站的區(qū)別

(1)網(wǎng)頁是WWW系統(tǒng)中信息的基

本單位，簡單來說，就是后綴名為

htm的文件。

(2)網(wǎng)站是指存放在網(wǎng)絡服務器上

的完整信息的集合體。

2、網(wǎng)頁的組成

(1)文字：最直接、通用、容易的

溝通方式

（2）圖片：網(wǎng)頁的一大特點——圖

文并茂

（3）動畫：1995年，Sun公司開發(fā)了

Java語言，用戶可以創(chuàng)建能調用圖

片和聲音的多媒體應用小程序（4）

超鏈接：要通過一種方式把各獨立

的網(wǎng)頁整和在一起，使之構成一有

機整體，而這種鏈接頁面的功能叫

超鏈接。

（5）特殊組件：圖片與動畫可算是

最常見的特殊組件。

3、主頁Homepage

引導訪問者瀏覽網(wǎng)站。

index、main、default

4、網(wǎng)頁空間

在Internet上申請的一個存儲空間，

用以存放網(wǎng)頁。

5、網(wǎng)址和域名

網(wǎng)址：IP地址

域名：與IP地址相對應，唯一性，

善于識別

最右邊：國家（中國cn）

其次：機構（商業(yè)機構——com）

再次：子網(wǎng)名稱

最左邊：服務器類別（web服務器

WWW）

6、網(wǎng)頁的分類

靜態(tài)頁面與動態(tài)頁面

7、認識網(wǎng)站

門戶網(wǎng)站：sina

個人網(wǎng)站：明星

專業(yè)網(wǎng)站：醫(yī)療

職能網(wǎng)站：政府

根據(jù)網(wǎng)頁設計要點，以小組為單位巡回指導，給予學小組討論，相互加深學生對網(wǎng)

生幫助溝通頁設計要點學

任務二

確定一個網(wǎng)站主題，小組討論需要習

動手實踐

的步驟以及素材

1、按照課堂分組課后進行討論

課后作業(yè)2、每組確定一個網(wǎng)站主題方向。

3、每組設計一個網(wǎng)站調查問卷。

一、網(wǎng)頁設計師就業(yè)方向

課堂小結二、網(wǎng)站設計流程

三、常見網(wǎng)站

本次課是網(wǎng)頁設計第一次上課，主要講述一些網(wǎng)頁基礎知識，學生基礎知識薄弱，需要加

教學反思強，整體來說計算機班基礎知識要好于電子商務班

一、網(wǎng)頁設計介紹

二、網(wǎng)頁設計的要點

三、網(wǎng)站設計級別

板書

四、網(wǎng)頁設計公司類型

五、網(wǎng)頁三劍客

六、網(wǎng)頁基礎知識

課題1.2網(wǎng)站建設概述教學課時2課時

知識目標了解做網(wǎng)站的準備工作，掌握站點的建立。

1.能了解網(wǎng)站開發(fā)的基本流程。

教學目標能力目標2.能掌握網(wǎng)站開發(fā)的基本原則。

3.能學會站點的建立與管理。

情感目標提高學生團結合作精神，增強小組合作能力

教學重點站點的建立

教學難點如何規(guī)劃好一個網(wǎng)站

1.教學場所：多媒體教室

教學資源2.教學設備：安裝有Dreamweavercs5軟件的計算機

3.教學資料：輔助課件、多媒體教學軟件

教法講解法、任務驅動教學法學法小組討論法

教學過程

過程安排教學內容教師活動學生活動設計意圖

1、搜集了解網(wǎng)站開發(fā)的基本流程。配合學生搜索資料網(wǎng)上搜索教師培養(yǎng)學生自主

2、網(wǎng)站設計、制作過程中的一些原及解答疑問提出問題，了學習能力

課前準備

則、注意事項。解網(wǎng)站設計事

項

網(wǎng)站設計大致流程是哪些？每組派聽取學生的觀點并闡述觀點，組員鍛煉學生的語

導入新課

出一個代表闡述本組課前搜集的資給予一定的知道之間相互討論言表達能力和

(5min)

料分析能力

任務一一、網(wǎng)站設計流程

講授新課

(35min)架構內容信息

搜集整理資料

網(wǎng)站上傳

網(wǎng)站推廣

二、網(wǎng)1、確定網(wǎng)站主題小組討論，相互加深學生對網(wǎng)

更新維護的建議溝通頁設計要點學

1、確7匕土磔2、給網(wǎng)站取名習

討論：網(wǎng)站是靠什么贏利的？3、提示決定網(wǎng)站

J站點結4的性質

2、規(guī)龍

V

(1)經(jīng)號構設計

(2)E錄結構設計

任務二(3)開謨設計

分組討論

(40min)(4)3項設計

(5)第E他頁面設計

(6)6:業(yè)站點設計

(7)>J站點設計目標對象

訪問率

三、網(wǎng)頁版面布局設計

1、版通i布局的原則

(1)主次分明、中心突出

(2)大小搭配、相互呼應

(3)圖文并茂、相得益彰

(4)動靜適度、平衡對稱

2、頁面布局的類型

(1)“國”字型

(2)框架型

(3)標題正文型

(4)封面型

(5)綜合型

四、規(guī)劃站點

1、建立站點目錄

2、站點規(guī)劃

規(guī)劃站點結構是利用不同的文件

夾將不同的網(wǎng)頁內容分門別類的保

存。

3、創(chuàng)建導航草圖

五、搜集素材

1、搜集并制作素材

無論是文字素材還是圖片、動畫素

材，都應注意其來源是否注明版權

所有。

網(wǎng)站素材要為網(wǎng)站主題服務。

2、整理素材

原始素材、編輯處理好的素材

3、命名規(guī)范

六、創(chuàng)建站點

1、不使用服務器技術

2、本地編輯

3、不連接到遠程服務器

七、管理站點

(1)編輯現(xiàn)有站點

(2)刪除已有站點

課后作業(yè)根據(jù)這次課的內容、注意事項，構思一個明確的網(wǎng)站主題，并將站點結構的規(guī)劃用文件夾表

(5min)示出來

一、網(wǎng)站設計確定主題

課堂小結二、網(wǎng)站設計流程

(5min)

三、站點管理

本次主要講述站點的建立和管理，課程較簡單，學生掌握較好

教學反思

一、網(wǎng)站設計流程

二、網(wǎng)站開發(fā)原則

三、網(wǎng)頁版面布局設計

板書四、規(guī)劃站點

五、搜集素材

六、創(chuàng)建站點

七、管理站點

實訓課題新建一個網(wǎng)頁實訓課時2課時

1>熟悉Dreamweavercs4界面

實訓目標

2、制作簡單網(wǎng)頁

1、學會在網(wǎng)頁中輸入文字、插入圖片等

實訓重點

2、掌握簡單代碼的編寫

實訓難點代碼的編寫

實訓方法上機實訓

實訓準備教案、素材、案例、教材、計算機機房

1.對照實習報告的要求，完成上機任務；

實訓要求2.任務完成后及時要求教師考評；

3.完善實習報告，填寫實訓總結；

遵守實訓紀律，不游戲，不睡覺，不高聲談論。

實訓過程

內容操作要求及步驟

1、雙擊打開軟件一一新建HTML網(wǎng)頁一一網(wǎng)頁名字為nesOl——輸入以下文字然后保存

任務一

2、文字要求：標題宋體二號藍色正文：五號宋體加粗

新建網(wǎng)頁1

制作如下網(wǎng)頁素材見文件夾網(wǎng)頁命名文字為index保存在文件夾中上交給老師

?^光臨我的足球網(wǎng)

■■

愎了解刖足訃的的法霖擊下面的情懵叫

戊谿

任務二

新建網(wǎng)頁2

L-',—，F(xiàn)C?五；

操作步驟：新建HTML網(wǎng)頁一一輸入文字一一將標題設置為36號，藍色，宋體一一插入

兩根紅色的水平線一一插入時間一一插入商標一一插入背景圖片一一保存

完善報告填寫實訓總結，并上交實習報告。

自主練習剩余時間，可進行自主練習，內容不限，但不可違反上機紀律

實訓總結本次課是學生第一次上機，制作一個較簡單的網(wǎng)頁，學生存在對DW界面不熟，操作不熟練

等缺點，需加強操作

課題2.1編輯和添加文本教學課時2課時

1、掌握輸入和編輯文本

知識目標

2、學會插入文本，掌握設置文本格式的方法

教學目標能力目標掌握網(wǎng)頁中三種常見列表的創(chuàng)建，及其各自的特點

情感目標提高學生自主學習和團隊競爭意識

教學重點插入和編輯文本

教學難點創(chuàng)建列表

1.教學場所：多媒體教室

教學資源2.教學設備：安裝有Dreamweavercs5軟件的計算機

3.教學資料：輔助課件.多媒體教學軟件

教法講解法、任務驅動教學法學法小組討論法

教學過程

過程安排教學內容教師活動學生活動設計意圖

提問：在DW中輸入文本和在Word中將學生分組，并提討論并思考以討論的形式

導入新課輸入文本有何區(qū)別？出問題，引導學生提高學生之間

(5min)小組之間討論并總的交流溝通

結

一、插入文本演示并強調重點認真聽講并記下文本插入是基

1、插入普通文本重點礎知識，為下

2、插入不換行空格面任務二打下

任務一3、插入水平線基礎

插入文本4、插入日期和特殊字符

(20min)二、編輯文本

1、基本樣式設置

2、設置段落格式

3、創(chuàng)建列表

完成以下網(wǎng)頁實例：1、引導學生討論小組討論本實例即是對

該網(wǎng)頁由哪幾任務一的鞏

任務二部分組成固，也為下一

(55min)2、引導學生小組次課打下基礎

組內分工，完

成小模塊

作業(yè)布置1、找一篇文章輸入至頁面中，然后利用所學知識，對其進行格式編排

(5min)

一、插入文本

課堂小結

(5min)二、編輯文本

一、插入文本

5、插入普通文本

6、插入不換行空格

7、插入水平線

板書

8、插入日期和特殊字符

二、編輯文本

1、基本樣式設置

2、設置段落格式

3、創(chuàng)建列表

三、實例操作

本次課是一個基礎知識內容，文本是一個網(wǎng)頁必不可少的內容，對網(wǎng)頁設計至關重要，學生

教學反思

必須牢牢掌握文本的各個要點。目前來說學習興趣較好。

實訓課題網(wǎng)站素材處理實訓課時2課時

1、掌握創(chuàng)建本地站點和遠程站點

實訓目標

2、學會修改站點和多站點的管理

實訓重點站點的管理

實訓難點站點的管理

實訓方法上機實訓

實訓準備教案、素材、案例、教材、計算機機房

1、對照實習報告的要求，完成上機任務；

實訓要求2、任務完成后及時要求教師考評；

3、完善實習報告，填寫實訓總結；

4、遵守實訓紀律，不游戲，不睡覺，不高聲談論。

實訓過程

內容操作要求及步驟

1、熟悉DW界面

任務一

2、在D盤根目錄創(chuàng)建一個站點名稱為《我的足球網(wǎng)》，本地站點文件夾為jcwww,如下圖所

創(chuàng)建站點

示

任務二

利用教師所給素材，制作簡單網(wǎng)頁《我的偶像》，素材見文件夾

設置默認圖像

文件夾

完善報告填寫實訓總結，并上交實習報告。

自主練習剩余時間，可進行自主練習，內容不限，但不可違反上機紀律

實訓總結本次上機主要是讓學生掌握站點的建立及輸入文本和編輯文本等，學生操作較好，大部分能

完成任務。

實訓課題制作簡單網(wǎng)頁實訓課時2課時

1、掌握新建網(wǎng)頁、編輯文字、處理圖像

實訓目標2、新建站點

3、插入水平線、空格、自動更新時間

實訓重點制作簡單網(wǎng)頁流程

實訓難點綜合運用HTML工具

實訓方法上機實訓

實訓準備教案、素材、案例、教材、計算機機房

4、對照實習報告的要求，完成上機任務；

實訓要求5、任務完成后及時要求教師考評；

6、完善實習報告，填寫實訓總結；

4、遵守實訓紀律，不游戲，不睡覺，不高聲談論。

實訓過程

內容操作要求及步驟

1、熟悉DW菜單欄常用界面

任務一

2、完成以下簡單網(wǎng)站，素材見素材庫

足球偶像網(wǎng)頁

完善報告填寫實訓總結，并上交實習報告。

自主練習剩余時間，可進行自主練習，內容不限，但不可違反上機紀律

實訓總結本次上機內容較多，主要考察學生綜合性的練習，如圖片的插入，文字的編輯及水平線的插

入等，需要學生對前面的知識非常熟悉，13高12班整體班級學習氛圍較好，所有學生都能按

時上交作業(yè)，值得表揚

課題2.2添加和編輯圖像教學課時2課時

1、掌握圖像裁剪、重新取樣、亮度、銳化的設置

知識目標

2、掌握圖像屬性設置

教學目標能力目標掌握運用軟件對圖像處理的能力

情感目標提高學生團結合作精神，提高學生競爭意識

教學重點圖像的編輯

教學難點圖像的編輯

1.教學場所：多媒體教室

教學資源2.教學設備：安裝有Dreamweavercs5軟件的計算機

3.教學資料：輔助課件.多媒體教學軟件

教法講解法、任務驅動教學法學法小組討論法

教學過程

過程安排教學內容教師活動學生活動設計意圖

前面介紹網(wǎng)頁的時候有說過，在保演示cluo.jpeg這分組討論用什么提出問題引發(fā)

證畫質的情況下，圖片的數(shù)據(jù)量越張圖片，分析數(shù)據(jù)方法來更改數(shù)據(jù)學生思考，引

小越好。問題：如果一張圖片數(shù)據(jù)量為93k、畫質為量和規(guī)格出這次課的主

導入新課量很大，我們該如何編輯？1024*768規(guī)格的圖題

(5min)

片如何更改數(shù)據(jù)量

和規(guī)格？

給出cluo.jpeg和gg.jpeg兩張圖片對圖片寬、高、裁觀看教師演示，引導學生學習

進行對比，提出任務：如何從切、重新采樣、銳并思考理論的時候思

cluo.jpeg變化到gg.jpeg?化等設置進行演示cluo.jpeg變成考如何理論運

任務一具體操作步驟：打開DW軟件一一插cluo.jpeg的方用到實踐

編輯圖片入圖像cluo.jpeg,對圖片屬性設置法

(30min)如下目標值：

編輯完成后與原圖像進行對比，會

發(fā)現(xiàn)數(shù)據(jù)量、規(guī)格都發(fā)生變化，但

瀏覽網(wǎng)頁更友好

概念：在網(wǎng)頁瀏覽中，有時當鼠標1、鼓勵學生小組小組討論如何完

移到某個圖像上或者單擊時，圖像討論如何完成成該效果并進行

會變成另外一副圖像。翻轉圖像效嘗試

瀏覽時效果：果；

鼠標放上去時效果：2、給學生展示翻

轉圖像做出來

的效果，然后

講解如何

才能完成這個

任務二

效果

制作翻轉圖像

(50min)

一、如何編輯圖像

課堂小結

二、制作翻轉圖像效果

(5min)

一、編輯圖像

1、重新采樣

板書設計

2、裁剪、銳化

二、翻轉圖像制作效果

本次教學學生較感興趣，特別是鼠標經(jīng)過的圖像，學生完成得較好，值得鼓勵

教學反思

課題2.3創(chuàng)建超級鏈接教學課時2課時

1、掌握創(chuàng)建超鏈接的方法

知識目標2、掌握相對鏈接和絕對鏈接的區(qū)別

3、創(chuàng)建錨點鏈接

教學目標

能力目標提高學生學習創(chuàng)作能力

情感目標提高學生團結合作精神，提高學生競爭意識

1、正確認識路徑

教學重點

2、理解相對鏈接和絕對鏈接的區(qū)別

教學難點添加超鏈接、相對路徑、絕對路徑

1.教學場所：多媒體教室

教學資源2.教學設備：安裝有Dreamweavercs5軟件的計算機

3.教學資料：輔助課件.多媒體教學軟件

教法講解法、任務驅動教學法學法小組討論法

教學過程

過程安排教學內容教師活動學生活動設計意圖

每次瀏覽網(wǎng)頁的時候點擊某個文字進入新浪網(wǎng)給學生觀看效果并討論以提問且學生

或者圖片，能自動跳轉到另一個頁演示超級鏈接的效如何才能實現(xiàn)該較熟悉的瀏覽

導入新課

面，提問：這樣的鏈接形式叫什果并進行提問效果網(wǎng)頁的方式吸

(5min)

么？如何實現(xiàn)？引學生的注意

一、新建站點jcww,并在站點內新給學生演示如何插觀看教師演示，讓學生熟悉DW

建默認圖像文件夾images,將網(wǎng)頁入鏈接；演示不同并思考-new、添加超級鏈接

Index.HTML里的“我與足球”鏈接目標新建窗口的區(qū)-blank>-self的界面

至Unews.HTML,目標為-blank；別幾個目標值窗口

任務一

“足球新聞”鏈接到“逢入京的區(qū)別

創(chuàng)建超級鏈接

使.HTML"，目標為-new；"足球

(20min)

明星”鏈接到“我與足球

網(wǎng).HTML”,目標為-self。

二、對比每個目標不同，網(wǎng)頁新建

窗口不同并進行總結

區(qū)別：演示教材P60實例思考并正確理解正確理解相對

相對鏈接是指鏈接的地址是本站點演示如何插入錨點相對鏈接和絕對鏈接和絕對鏈

任務二之內的對象；絕對鏈接是指鏈接的鏈接鏈接概念接，為下面的

相對鏈接和絕地址是遠程對象，用域名或IP作為觀看教師演示并學習打下基礎

對鏈接地址思考錨點鏈接的錨點鏈接應用

(20min)一、概念：在本頁進行鏈接的叫做應用比較廣泛，學

任務三錨點，一般在長篇的文章或技術文生需要掌握并

錨點鏈接檔中是使用，鏈接到某個特殊的段應用

(35min)落。

二、打開第4章/4-3/jieshao.html

網(wǎng)頁，演示錨點鏈接效果

一、頁面與頁面之間的超鏈接

課堂小結

二、相對鏈接和絕對鏈接

(5min)

三、錨點鏈接(本頁之間鏈接)

一、網(wǎng)上查找哪些頁面常用頁面與頁面鏈接，哪些是用錨點鏈接并總結

作業(yè)布置

二、利用教材第4章/4-3/jieshao.html的素材，自己動手創(chuàng)建錨點鏈接

(5min)

三、創(chuàng)建超級鏈接的方法與步驟

四、相對鏈接和絕對鏈接

板書

五、創(chuàng)建錨點鏈接

本次課主要介紹超鏈接的常用方法，超鏈接在學生上網(wǎng)中隨處可見，較易理解，學生之間的

教學反思討論也非常激烈，較好。

實訓課題圖像處理和創(chuàng)建超鏈接實訓課時2課時

3、學會利用DW處理圖像

實訓目標4、掌握創(chuàng)建超級鏈接的方法

5、理解相對鏈接和絕對鏈接概念

1、圖片處理

實訓重點

2、超級鏈接

實訓難點超級鏈接的使用

實訓方法上機實訓

實訓準備教案、素材、案例、教材、計算機機房

7、對照實習報告的要求，完成上機任務；

實訓要求8、任務完成后及時要求教師考評；

9、完善實習報告，填寫實訓總結；

4、遵守實訓紀律，不游戲，不睡覺，不高聲談論。

實訓過程

操作要求及步驟

1、將圖片6.jpeg修改為尺寸為240*160,數(shù)據(jù)量設置為8K左右（6-11k都可以）并進行裁剪

任務一

和銳化等設置，熟悉圖片處理幾個設置，設置完成后以網(wǎng)頁的形式保存，保存在文件夾

處理圖像

中，保存名稱為“xiugai.html”

2、將教師發(fā)送的Index.HTML網(wǎng)頁進行編輯，將“我與足球”四個字專連接到“我與足球

網(wǎng).html"，目標為-self；將“足球新聞”四個字鏈接到“逢入京使.html”,目標為

-blank；將“足球明星”四個字鏈接到“news.html"，目標為-newO

3、修改頁面屬性：在頁面屬性對話框中，設置鏈接選項中的大小為16像素，鏈接顏色為

“#6666cc"，變換圖像顏色為"#ff6600”，己訪問鏈接為**#6633（56”，活動鏈接為

“#99cc00"，下劃線樣式為“僅在變換圖像時顯示下劃線"o設置的對話框如下圖所

示：

任務二計受tdtt

曜享體1XT，印—缽）?B/

超級鏈接霸簿大小：12▼SfjfW

第#一心町儂出更他少SH特，11正“由）

已詢耳Z精⑼：旦33加東曰檢GI縣*53

不加日式加|僅在云梆皆打髭彳1帆?

「端"1◎啟應招⑴:［射勁

完善報告填寫實訓總結，并上交實習報告。

自主練習剩余時間，可進行自主練習，內容不限，但不可違反上機紀律

實訓總結本次實習內容較多，大部分學生能在規(guī)定時間內完成任務，較好。

實訓課題跳轉菜單實訓課時2課時

6、掌握圖像熱點鏈接的使用

實訓目標7、掌握腳本鏈接

8、掌握鏈接檢查器的使用

實訓重點路徑的正確使用

實訓難點鏈接的運用及鏈接檢查器的使用

實訓方法上機實訓

實訓準備教案、素材、案例、教材、計算機機房

10、對照實習報告的要求，完成上機任務；

實訓要求11、任務完成后及時要求教師考評；

12、完善實習報告，填寫實訓總結；

4、遵守實訓紀律，不游戲，不睡覺，不高聲談論。

實訓過程

操作要求及步驟

任務一在地圖中創(chuàng)建熱點鏈接

創(chuàng)建圖像熱點

鏈接

打開news.HTML網(wǎng)頁，在如下圖所示的位置插入圖片，圖片為“鼠標經(jīng)過的圖片”，鏈接到

本頁的“冠軍杯新聞”處（提示：利用錨點鏈接）

打開"jieshao.htmlM網(wǎng)頁，在下載資源文本中將教師提供的“qq.rar”放入站點，做成的效果

是點擊“下載資源”就能下載“qq.rar”，同理在“聯(lián)系我們”中設置郵件下載

任務二

制作跳轉菜單

完善報告填寫實訓總結，并上交實習報告。

自主練習剩余時間，可進行自主練習，內容不限，但不可違反上機紀律

實訓總結本次實習內容較多，大部分學生能在規(guī)定時間內完成任務，較好。

課題2.4使用表格布局頁面教學課時2課時

1、了解表格在網(wǎng)頁設計中的《三用。

2、掌握網(wǎng)頁中表格的制作方石去、表格屬性的設置方法以及單元格屬性的設置

知識目標方法，能夠在單元格中正確插入文字和圖片。

3、能夠根據(jù)網(wǎng)頁設計內容，IE確布局表格的結構，掌握表格嵌套的設計方

法。