1网页设计教案内容双面打印.docx

1网页设计教案内容双面打印.docx

《1网页设计教案内容双面打印.docx》由会员分享，可在线阅读，更多相关《1网页设计教案内容双面打印.docx（25页珍藏版）》请在冰点文库上搜索。

1网页设计教案内容双面打印

教案（首页）

课程

名称

网页设计

课程编号

130520045

总计：

64学时

讲课：

64学时

实验：

学时

上机：

学时

学分

2

类别

必修课（）选修课（）理论课（）实验课（）

任课

教师

涂冠萍

职称

讲师

授课

对象

级专业班本科

基本

教材

和主

要参

考资

料

教材：

《DreamweaverCS3+HTML超炫网页设计与制作》胡菘编著.中国青年出版社

实验指导书：

《网页设计与制作案例教程》池同柱主编，机械工业出版社

参考书：

《网页设计创意与编程》魏善沛编著，清华大学出版社。

《网页制作教程》郭振欣等编著，高等教育出版社。

《HTML4.0从入门到精通》（美）DeborahS.RayEricJ.Ray，电子工业出版社。

《HTML编程起步》，（美）WendyWillard，人民邮电出版社。

教学

目的

要求

本门课程以Fireworks和Dreamweaver为平台，在讲解网页配色和风格创意设计的基础上，以丰富的实例引导学生全面地掌握网页元素设计与网页布局美化，教会学生怎样完美组合这两个软件进行网页美工设计，在以后的工作中胜任“网站前端设计”这一岗位，完成网站的前台设计，与网站后台工作者共同完成网站设计工作。

教学

重点

难点

重点：

通过对创意思维及创意手法的讲解，辅以对优秀网页作品的分析，启发学生全面的创新思维，进而从多角度的思维中独树一帜，培养学生的个性化意识。

难点：

启发学生全面的创新思维，培养学生的个性化意识。

如何掌握不同性质网页的创意设计技巧。

网页设计课程教案

授课时间

第周星期第节

课次

1

授课方式

（请打√）

理论课讨论课□实验课□习题课□其他□

课时

安排

4课时

授课题目（教学章、节或主题）：

第1章网页设计基本理论

第2章网页创意设计

教学目的、要求（分掌握、熟悉、了解三个层次）：

掌握：

熟悉Photoshop的操作界面

熟悉：

熟悉图像基础操作。

了解：

各种创建选区工具的熟练应用。

教学重点及难点：

重点：

网页设计的构成要素；网页设计的定位方法。

难点：

网页设计的定位方法。

教学基本内容

方法及手段

第一章网页设计基本理论授课学时：

2

1-1网页设计概述

1-2网页设计的构成要素及特性

1-3网页设计的定位

1-4网页美工与设计流程

第二章网页创意设计授课学时：

2

2-1网页设计创意思维

2-2网页设计创意方法

主要以图例、视频讲解为主，

举例讲解以及板书讲解,示范

提问法

演示法

小结：

课程安排合理。

注意知识点的着重讲解。

课程进度的把握。

操作演示要慢。

作业和思考题：

1、根据课堂内容进行练习，

2、熟悉基本工具的应用。

教学后记：

填表说明：

1.每项页面大小可自行添减；

2.课次为授课次序，填1～n等；

3.授课形式填理论课、实验课、讲评课、习题课等。

网页设计课程教案

授课时间

第周星期第节

课次

2

授课方式

（请打√）

理论课讨论课□实验课□习题课□其他□

课时

安排

4课时

授课题目（教学章、节或主题）：

第3章网页视觉构成要素的设计

教学目的、要求（分掌握、熟悉、了解三个层次）：

掌握：

网页版式设计。

熟悉：

网页色彩的设计。

了解：

网页图形图像设计。

教学重点及难点：

重点：

网页布局规划原则及其步骤。

难点：

网页规划和合理布局。

教学基本内容

方法及手段

第三章网页视觉构成要素的设计授课学时：

2

3-1网页版式设计

3-2网页色彩的设计

3-3网页图形图像设计

3-4网页文字编排设计

3-5网页动画设计

主要以图例、视频讲解为主，

举例讲解以及板书讲解,示范

提问法

演示法

小结：

课程安排合理。

注意知识点的着重讲解。

课程进度的把握。

作业和思考题：

1、根据课堂内容进行练习，

2、熟悉基本工具的应用。

教学后记：

填表说明：

1.每项页面大小可自行添减；

2.课次为授课次序，填1～n等；

3.授课形式填理论课、实验课、讲评课、习题课等。

网页设计课程教案

授课时间

第周星期第节

课次

3

授课方式

（请打√）

理论课讨论课□实验课□习题课□其他□

课时

安排

4课时

授课题目（教学章、节或主题）：

第4章使用Fireworks制作网页效果图

教学目的、要求（分掌握、熟悉、了解三个层次）：

掌握：

HTML语言

熟悉：

CSS层叠样式表。

了解：

使用Dreamweaver制作静态网页快速蒙版、图层蒙版、矢量蒙版、剪贴蒙版的创建方法。

教学重点及难点：

重点：

Fireworks中图像优化、切片工具的使用和切片后的导出格式设定。

难点：

Fireworks软件的操作和运用

教学基本内容

方法及手段

第四章使用Fireworks制作网页效果图授课学时：

2（共4课时）

4-1Fireworks软件介绍

4-2软件的基本操作和运用

主要以图例、视频讲解为主，

举例讲解以及板书讲解,示范

提问法

演示法

小结：

课程安排合理。

注意知识点的着重讲解。

课程进度的把握。

作业和思考题：

1、根据课堂内容进行练习，

2、熟悉基本工具的应用。

教学后记：

填表说明：

1.每项页面大小可自行添减；

2.课次为授课次序，填1～n等；

3.授课形式填理论课、实验课、讲评课、习题课等。

网页设计课程教案

授课时间

第周星期第节

课次

4

授课方式

（请打√）

理论课讨论课□实验课□习题课□其他□

课时

安排

4课时

授课题目（教学章、节或主题）：

第四章使用Fireworks制作网页效果图

教学目的、要求（分掌握、熟悉、了解三个层次）：

掌握：

HTML语言

熟悉：

CSS层叠样式表。

了解：

使用Dreamweaver制作静态网页快速蒙版、图层蒙版、矢量蒙版、剪贴蒙版的创建方法。

教学重点及难点：

重点：

Fireworks中图像优化、切片工具的使用和切片后的导出格式设定。

难点：

Fireworks软件的操作和运用

教学基本内容

方法及手段

第四章使用Fireworks制作网页效果图授课学时：

2（共4课时）

4-3图形优化方法

4-4切片工具的使用

主要以图例、视频讲解为主，

举例讲解以及板书讲解,示范

提问法

演示法

小结：

课程安排合理。

注意知识点的着重讲解。

课程进度的把握。

作业和思考题：

1、根据课堂内容进行练习，

2、熟悉基本工具的应用。

教学后记：

填表说明：

1.每项页面大小可自行添减；

2.课次为授课次序，填1～n等；

3.授课形式填理论课、实验课、讲评课、习题课等。

网页设计课程教案

授课时间

第周星期第节

课次

5

授课方式

（请打√）

理论课讨论课□实验课□习题课□其他□

课时

安排

4课时

授课题目（教学章、节或主题）：

第五章使用Dreamweaver制作网页

教学目的、要求（分掌握、熟悉、了解三个层次）：

掌握：

HTML语言

熟悉：

CSS层叠样式表。

了解：

使用Dreamweaver制作静态网页快速蒙版、图层蒙版、矢量蒙版、剪贴蒙版的创建方法。

教学重点及难点：

重点：

掌握HTML语言、CSS语法、Dreamweaver基本操作；

难点：

HTML语言中7类常见的标记的作用与应用；CSS样式表的功能、CSS样式表中的样式规则与选择器。

教学基本内容

方法及手段

第五章使用Dreamweaver制作网页授课学时：

4（共40课时）

5-1HTML语言

5-2CSS层叠样式表

5-3使用Dreamweaver制作静态网页

重点：

掌握HTML语言、CSS语法、Dreamweaver基本操作；

难点：

HTML语言中7类常见的标记的作用与应用；CSS样式表的功能、CSS样式表中的样式规则与选择器。

主要以图例、视频讲解为主，

举例讲解以及板书讲解,示范

提问法

演示法

小结：

课程安排合理。

注意知识点的着重讲解。

课程进度的把握。

作业和思考题：

1、根据课堂内容进行练习，

2、熟悉基本工具的应用。

教学后记：

填表说明：

1.每项页面大小可自行添减；

2.课次为授课次序，填1～n等；

3.授课形式填理论课、实验课、讲评课、习题课等。

网页设计课程教案

授课时间

第周星期第节

课次

6

授课方式

（请打√）

理论课讨论课□实验课□习题课□其他□

课时

安排

4课时

授课题目（教学章、节或主题）：

第5章使用Dreamweaver制作网页

教学目的、要求（分掌握、熟悉、了解三个层次）：

掌握：

HTML语言

熟悉：

CSS层叠样式表。

了解：

使用Dreamweaver制作静态网页快速蒙版、图层蒙版、矢量蒙版、剪贴蒙版的创建方法。

教学重点及难点：

重点：

掌握HTML语言、CSS语法、Dreamweaver基本操作；

难点：

HTML语言中7类常见的标记的作用与应用；CSS样式表的功能、CSS样式表中的样式规则与选择器。

教学基本内容

方法及手段

第五章使用Dreamweaver制作网页授课学时：

4（共40课时）

5-1HTML语言

5-2CSS层叠样式表

5-3使用Dreamweaver制作静态网页

重点：

掌握HTML语言、CSS语法、Dreamweaver基本操作；

难点：

HTML语言中7类常见的标记的作用与应用；CSS样式表的功能、CSS样式表中的样式规则与选择器。

主要以图例、视频讲解为主，

举例讲解以及板书讲解,示范

提问法

演示法

小结：

课程安排合理。

注意知识点的着重讲解。

课程进度的把握。

作业和思考题：

1、根据课堂内容进行练习，

2、熟悉基本工具的应用。

教学后记：

填表说明：

1.每项页面大小可自行添减；

2.课次为授课次序，填1～n等；

3.授课形式填理论课、实验课、讲评课、习题课等。

网页设计课程教案

授课时间

第周星期第节

课次

7

授课方式

（请打√）

理论课讨论课□实验课□习题课□其他□

课时

安排

4课时

授课题目（教学章、节或主题）：

第五章使用Dreamweaver制作网页

教学目的、要求（分掌握、熟悉、了解三个层次）：

掌握：

HTML语言

熟悉：

CSS层叠样式表。

了解：

使用Dreamweaver制作静态网页快速蒙版、图层蒙版、矢量蒙版、剪贴蒙版的创建方法。

教学重点及难点：

重点：

掌握HTML语言、CSS语法、Dreamweaver基本操作；

难点：

HTML语言中7类常见的标记的作用与应用；CSS样式表的功能、CSS样式表中的样式规则与选择器。

教学基本内容

方法及手段

第五章使用Dreamweaver制作网页授课学时：

4（共40课时）

5-1HTML语言

5-2CSS层叠样式表

5-3使用Dreamweaver制作静态网页

重点：

掌握HTML语言、CSS语法、Dreamweaver基本操作；

难点：

HTML语言中7类常见的标记的作用与应用；CSS样式表的功能、CSS样式表中的样式规则与选择器。

主要以图例、视频讲解为主，

举例讲解以及板书讲解,示范

提问法

演示法

小结：

课程安排合理。

注意知识点的着重讲解。

课程进度的把握。

作业和思考题：

1、根据课堂内容进行练习，

2、熟悉基本工具的应用。

教学后记：

填表说明：

1.每项页面大小可自行添减；

2.课次为授课次序，填1～n等；

3.授课形式填理论课、实验课、讲评课、习题课等。

网页设计课程教案

授课时间

第周星期第节

课次

8

授课方式

（请打√）

理论课讨论课□实验课□习题课□其他□

课时

安排

4课时

授课题目（教学章、节或主题）：

第五章使用Dreamweaver制作网页

教学目的、要求（分掌握、熟悉、了解三个层次）：

掌握：

HTML语言

熟悉：

CSS层叠样式表。

了解：

使用Dreamweaver制作静态网页快速蒙版、图层蒙版、矢量蒙版、剪贴蒙版的创建方法。

教学重点及难点：

重点：

掌握HTML语言、CSS语法、Dreamweaver基本操作；

难点：

HTML语言中7类常见的标记的作用与应用；CSS样式表的功能、CSS样式表中的样式规则与选择器。

教学基本内容

方法及手段

第五章使用Dreamweaver制作网页授课学时：

4（共40课时）

5-1HTML语言

5-2CSS层叠样式表

5-3使用Dreamweaver制作静态网页

重点：

掌握HTML语言、CSS语法、Dreamweaver基本操作；

难点：

HTML语言中7类常见的标记的作用与应用；CSS样式表的功能、CSS样式表中的样式规则与选择器。

主要以图例、视频讲解为主，

举例讲解以及板书讲解,示范

提问法

演示法

小结：

课程安排合理。

注意知识点的着重讲解。

课程进度的把握。

作业和思考题：

1、根据课堂内容进行练习，

2、熟悉基本工具的应用。

教学后记：

填表说明：

1.每项页面大小可自行添减；

2.课次为授课次序，填1～n等；

3.授课形式填理论课、实验课、讲评课、习题课等。

网页设计课程教案

授课时间

第周星期第节

课次

9

授课方式

（请打√）

理论课讨论课□实验课□习题课□其他□

课时

安排

4课时

授课题目（教学章、节或主题）：

第五章使用Dreamweaver制作网页

教学目的、要求（分掌握、熟悉、了解三个层次）：

掌握：

HTML语言

熟悉：

CSS层叠样式表。

了解：

使用Dreamweaver制作静态网页快速蒙版、图层蒙版、矢量蒙版、剪贴蒙版的创建方法。

教学重点及难点：

重点：

掌握HTML语言、CSS语法、Dreamweaver基本操作；

难点：

HTML语言中7类常见的标记的作用与应用；CSS样式表的功能、CSS样式表中的样式规则与选择器。

教学基本内容

方法及手段

第五章使用Dreamweaver制作网页授课学时：

4（共40课时）

5-1HTML语言

5-2CSS层叠样式表

5-3使用Dreamweaver制作静态网页

重点：

掌握HTML语言、CSS语法、Dreamweaver基本操作；

难点：

HTML语言中7类常见的标记的作用与应用；CSS样式表的功能、CSS样式表中的样式规则与选择器。

主要以图例、视频讲解为主，

举例讲解以及板书讲解,示范

提问法

演示法

小结：

课程安排合理。

注意知识点的着重讲解。

课程进度的把握。

作业和思考题：

1、根据课堂内容进行练习，

2、熟悉基本工具的应用。

教学后记：

填表说明：

1.每项页面大小可自行添减；

2.课次为授课次序，填1～n等；

3.授课形式填理论课、实验课、讲评课、习题课等。

网页设计课程教案

授课时间

第周星期第节

课次

10

授课方式

（请打√）

理论课讨论课□实验课□习题课□其他□

课时

安排

4课时

授课题目（教学章、节或主题）：

第五章使用Dreamweaver制作网页

教学目的、要求（分掌握、熟悉、了解三个层次）：

掌握：

HTML语言

熟悉：

CSS层叠样式表。

了解：

使用Dreamweaver制作静态网页快速蒙版、图层蒙版、矢量蒙版、剪贴蒙版的创建方法。

教学重点及难点：

重点：

掌握HTML语言、CSS语法、Dreamweaver基本操作；

难点：

HTML语言中7类常见的标记的作用与应用；CSS样式表的功能、CSS样式表中的样式规则与选择器。

教学基本内容

方法及手段

第五章使用Dreamweaver制作网页授课学时：

4（共40课时）

5-1HTML语言

5-2CSS层叠样式表

5-3使用Dreamweaver制作静态网页

重点：

掌握HTML语言、CSS语法、Dreamweaver基本操作；

难点：

HTML语言中7类常见的标记的作用与应用；CSS样式表的功能、CSS样式表中的样式规则与选择器。

主要以图例、视频讲解为主，

举例讲解以及板书讲解,示范

提问法

演示法

小结：

课程安排合理。

注意知识点的着重讲解。

课程进度的把握。

作业和思考题：

1、根据课堂内容进行练习，

2、熟悉基本工具的应用。

教学后记：

填表说明：

1.每项页面大小可自行添减；

2.课次为授课次序，填1～n等；

3.授课形式填理论课、实验课、讲评课、习题课等。

网页设计课程教案

授课时间

第周星期第节

课次

11

授课方式

（请打√）

理论课讨论课□实验课□习题课□其他□

课时

安排

4课时

授课题目（教学章、节或主题）：

第五章使用Dreamweaver制作网页

教学目的、要求（分掌握、熟悉、了解三个层次）：

掌握：

HTML语言

熟悉：

CSS层叠样式表。

了解：

使用Dreamweaver制作静态网页快速蒙版、图层蒙版、矢量蒙版、剪贴蒙版的创建方法。

教学重点及难点：

重点：

掌握HTML语言、CSS语法、Dreamweaver基本操作；

难点：

HTML语言中7类常见的标记的作用与应用；CSS样式表的功能、CSS样式表中的样式规则与选择器。

教学基本内容

方法及手段

第五章使用Dreamweaver制作网页授课学时：

4（共40课时）

5-1HTML语言

5-2CSS层叠样式表

5-3使用Dreamweaver制作静态网页

重点：

掌握HTML语言、CSS语法、Dreamweaver基本操作；

难点：

HTML语言中7类常见的标记的作用与应用；CSS样式表的功能、CSS样式表中的样式规则与选择器。

主要以图例、视频讲解为主，

举例讲解以及板书讲解,示范

提问法

演示法

小结：

课程安排合理。

注意知识点的着重讲解。

课程进度的把握。

作业和思考题：

1、根据课堂内容进行练习，

2、熟悉基本工具的应用。

教学后记：

填表说明：

1.每项页面大小可自行添减；

2.课次为授课次序，填1～n等；

3.授课形式填理论课、实验课、讲评课、习题课等。

网页设计课程教案

授课时间

第周星期第节

课次

12

授课方式

（请打√）

理论课讨论课□实验课□习题课□其他□

课时

安排

4课时

授课题目（教学章、节或主题）：

第五章使用Dreamweaver制作网页

教学目的、要求（分掌握、熟悉、了解三个层次）：

掌握：

HTML语言

熟悉：

CSS层叠样式表。

了解：

使用Dreamweaver制作静态网页快速蒙版、图层蒙版、矢量蒙版、剪贴蒙版的创建方法。

教学重点及难点：

重点：

掌握HTML语言、CSS语法、Dreamweaver基本操作；

难点：

HTML语言中7类常见的标记的作用与应用；CSS样式表的功能、CSS样式表中的样式规则与选择器。

教学基本内容

方法及手段

第五章使用Dreamweaver制作网页授课学时：

4（共40课时）

5-1HTML语言

5-2CSS层叠样式表

5-3使用Dreamweaver制作静态网页

重点：

掌握HTML语言、CSS语法、Dreamweaver基本操作；

难点：

HTML语言中7类常见的标记的作用与应用；CSS样式表的功能、CSS样式表中的样式规则与选择器。

主要以图例、视频讲解为主，

举例讲解以及板书讲解,示范

提问法

演示法

小结：

课程安排合理。

注意知识点的着重讲解。

课程进度的把握。

作业和思考题：

1、根据课堂内容进行练习，

2、熟悉基本工具的应用。

教学后记：

填表说明：

1.每项页面大小可自行添减；

2.课次为授课次序，填1～n等；

3.授课形式填理论课、实验课、讲评课、习题课等。

网页设计课程教案

授课时间

第周星期第节

课次

13

授课方式

（请打√）

理论课讨论课□实验课□习题课□其他□

课时

安排

4课时

授课题目（教学章、节或主题）：

第五章使用Dreamweaver制作网页

教学目的、要求（分掌握、熟悉、了解三个层次）：

掌握：

HTML语言

熟悉：

CSS层叠样式表。

了解：

使用Dreamweaver制作静态网页快速蒙版、图层蒙版、矢量蒙版、剪贴蒙版的创建方法。

教学重点及难点：

重点：

掌握HTML语言、CSS语法、Dreamweaver基本操作；

难点：

HTML语言中7类常见的标记的作用与应用；CSS样式表的功能、CSS样式表中的样式规则与选择器。

教学基本内容

方法及手段

第五章使用Dreamweaver制作网页授课学时：

4（共40课时）

5-1HTML语言

5-2CSS层叠样式表

5-3使用Dreamweaver制作静态网页

重点：

掌握HTML语言、CSS语法、Dreamweaver基本操作；

难点：

HTML语言中7类常见的标记的作用与应用；CSS样式表的功能、CSS样式表中的样式规则与选择器。

主要以图例、视频讲解为主，

举例讲解以及板书讲解,示范

提问法

演示法

小结：

课程安排合理。

注意知识点的着重讲解。

课程进度的把握。

作业和思考题：

1、根据课堂内容进行练习，

2、熟悉基本工具的应用。

教学后记：

填表说明：

1.每项页面大小可自行添减；

2.课次为授课次序，填1～n等；

3.授课形式填理论课、实验课、讲评课、习题课等。

网页设计课程教案

授课时间

第周星期第节

课次

14

授课方式

（请打√）

理论课讨论课□实验课□习题课□其他□

课时

安排

4课时

授课题目（教学章、节或主题）：

第五章使用Dreamweaver制作网页

教学目的、要求（分掌握、熟悉、了解三个层次）：

掌握：

HTML语言

熟悉：

CSS层叠样式表。

了解：

使用Dreamweaver制作静态