网页设计（第1课）

1、​ 教学内容：

教育科学出版社出版的《网络技术应用》第四章内容。

2、​ 教学思路：

由喜爱的网站出发点，将网站、网页、主页的概念展现出来，顺着将主题、设计工具引出，熟悉设计软件，掌握基本操作，围绕主题，得到思想精华，达到教育学生努力奋斗的目的。

3、​ 教学目标：

1、​ 知识与技能

理解网站、网页、主页的概念，掌握frontpage的基本操作

2、​ 过程与方法

通过讲授掌握基本概念，通过自学学习基本操作，通过分组合作进一步巩固操作。

3、​ 情感价值与态度观

观察和比较对比中提高学生的理性思维能力。自主学习中提高学生自主学习能力。分组合作锻炼学生合作能力，展示作品中培养学生审美能力，围绕主题培养学生努力奋斗的性格。

4、​ 教学重点：

Frontpage基本操作

5、​ 教学难点：

网页布局

6、​ 教学方法：

讲授法、自主学习、合作学习等。

7、​ 教学过程：

1、​ 导入

我们上网时，喜欢浏览什么网站？将自己喜爱的网站打开。

学生回答。

那么对于我们喜爱的网站，我们有有没有这么一个疑问，这些网站是怎么做出来的呢？

2、​ 新课

对于这个问题，我们来看看网站是由什么组成的？以百度为例，（或者以学生喜爱的网站）导出网站是由一个个网页组成的，那么第一个网页称为首页。

3、​ 主题与设计工具

我们知道网站是由一个个网页组成的，那么网页是怎么设计的呢？不要着急，在制作网页之前，我们需要确定一个主题。

同学们，喜欢听歌吗？最近湖南台有一个比较火热的节目《我是歌手》，第三期是韩红得了歌王，首位第一位女歌王。那么今天我们就以“歌手”这个主题来进行网页制作。

好，主题我们确定下来了，我们使用什么工具来进行设计呢？请出我们今天的主角frontpage（网页制作软件）。

4、熟悉frontpage

打开，新建，三个模式。

5、网页元素

好，网页中有哪些元素呢？文字和图片是基本，那么如何插入文字或者图片，请使用导学单熟悉。试着动手。

学生做时指导，图片大小设置说一下。选择自己喜爱的歌手。

6、展示学生作品

感觉布局不好，如何能使页面看起来清爽，有层次些呢？利用表格进行布局。

7、学生操作修正

合理布局

8、展示作品 思考如何去掉表格线？

9、如果时间多，网页背景音乐讲解。丰富网页内容。

八、总结

今天我们就自己喜爱的歌手初步做了一个普通的网页，从制作网页过程中，我们了解歌手的个人经历，其实歌手背后都有不为人知的辛苦和努力，每位成功人士背后其实充满着奋斗，我们在座的每位同学都要有自己的目标，向着目标不断努力奋进。最后用一句我是歌手的广告共勉：逆流而上，生生不息，歌唱不止。