2019-2020年冀教版信息技术第四册《网络世界快乐行》2课时教学设计

网络世界快乐行

教学目标：1．欣赏各种精美网页的制作

2．初识Frontpage，能够打开软件，认识各个部分组成。

3．通过对网页的欣赏进而对网页的制作产生浓厚的兴趣。

教学重、难点：欣赏网页，了解网页的大体制作步骤

教学内容：观看各种网页，了解网页的制作过程

教学过程：

2019-2020年冀教版信息技术第四册《网络世界快乐行》2课时教学设计

一、激趣导入：

网络的大潮波涛汹涌，仿佛眨眼之间就扑到了人们的眼前，不断地改变着人们的生活。越来越多的人开始参与“编网织梦”，Frontpage、Macromedia网页三剑客等成了网页爱好者们茶余饭后的热门话题。在享受网络带给我们的周到服务的同时，那些设计精美的网页还给我们以美的享受。

二、欣赏课本上提到的网页

1.这个网页的布局方式很有创意，地面上的画架、树枝上的一串木牌以及飘带，看似随意但却营造出一种浓浓的生活情趣。这不仅是在布局一个网页，也是在布局自己的生活方式。

2.这是一个卡通网站的首页，虽然栏目很多，但精心的设计使得各个栏目醒目而不凌乱；图片均使用圆角，统一但并不呆板。

3.这个网页的特点主要是空白的使用，它给人以空灵和舒服的空间感。

4.网页使用曲线与直线的结合；色彩运用巧妙：蓝绿主色调使得画面清新而淡雅；通过色块对页面进行分割，简单明了。

三、欣赏学生作品“梅园诗画”

这是一个以梅花为主题的网页，制作者按照“问梅”、“赏梅”、“咏梅”、“画梅”等不同专题对梅花文化进行分类展示。

在网页设计中，借鉴了我国传统绘画中的写意手法，体现出典雅而不失灵动、简约而又极富韵味的整体风格，将古典与现代元素巧妙地结合起来。

四、了解网站的组成

网站通常有一个首页页面和一些分栏目的页面，分栏目的页面中一般还有很多个分页面。这就像一本书，需要有封面、封底和内容。

下面就是网站“梅园诗画”的层次结构以及内容描述：

首页页面：梅园诗画

二级页面：问梅、赏梅、咏梅、画梅

内容描述：梅花小知识、梅花摄影作品欣赏、咏梅诗词、梅花绘画作品

五、课堂小结

今天我们欣赏了各种网站，并简单了解了网站的制作层次

六、课外作业

阅读课本86页《网页设计的风格》

第二课时

一、激趣导入：

上节课我们欣赏了各种漂亮的网站，今天我们就来简单了解一下他们的制作过程

二、简介Frontpage

1、启动FrontPage 2000

单击任务栏上的“开始”按钮,从“程序” 菜单中选择“Microsoft FrontPage”单击。

2、FrontPage 2000的界面说明

FrontPage 2000的界面可以分成菜单栏、工具栏、视图栏和主编辑窗口4大部分。

①、菜单栏包括【文件】、【编辑】、【查看】、【插入】、【格式】、【工具】、【表格】、【框架】、【窗口】、【帮助】等10个菜单。

工具栏单击【查看】菜单，选择【工具栏】，在出现的下拉菜单中列出了几种不同的②、工具栏，如果菜单项前面有一个对钧号“√”，表明在界在上已显示此菜单项。如果再单击一下，将取消这一项的显示。

③、视图栏中摆列着各种管理器的图标，这些管理器包括网页管理器、文件夹管理器、报表管理器、导航管理器、超链接管理器和任务管理器等。单击管理器图标以切换到相应的管理器。

④、主编辑窗口在编辑网页时，有3种显示方式，即普通、HTML和预览。

普通显示方式是最常用的显示方式，一般是在此方式下工作。

HTML显示方式在需要直接编辑或查看网页文件的HTML代码时使用，一般是为了实现某种特殊效果（如在网页中动态显示时间）而经常使用。

预览显示方式在需要预先观察网页的显示效果时使用。当使用管理功能时，主编辑窗口相应地会显示各种任务下的文件或站点信息。

什么是站点？

站点一般简写为“Web”，实际上就是把一些信息通过Web网页的方式相互链接起来，存放在一台被称为“服务器”的计算机中，别人可以通过Web浏览器查看网页信息。站点一般以国际通用的Internet地址来表示，例如： 或或等，进入某个站点所见到的第一页一般称为“HomePage”，中文的意思是“主页”。

什么是主页？

主页的英文名称为“HomePage”，一般认为某个站点的第一个网页叫做主页，文件名通常是“index.htm”（index.html）或“default.htm”（default.html），也就是在Web浏览器“地址”栏内输入一个网址后，用户浏览到的第一个网页。用户再通过该主页的链接可以浏览到其他网页信息。

三、网页制作程序

网页的制作工具软件虽然各不相同，但基本制作程序大体相似，通常是：

1.确定主题，为网站命名

2.网站整体风格创意设计

3.布局规划

4.收集加工素材

5.选择网页制作工具进行制作

6.发布并管理网页

四、课堂小结

这节课我们简单了解了一下网页的制作，接下来的课程我们就要学习如何制作网页了。

五、课外作业

完成拓展空间和成长日记