第10章 主题网站设计

第2节 制作网站——创建网站制作首页

一、教学目标： 1．知识与技能：

（1）认识FrontPage软件窗口结构，并与Word窗口进行比较。

（2）了解站点与主页的概念，理解站点的意义，学会建立、删除站点。

（3）掌握新建简单网页的方法，能够在网页中插入文字并进行排版，掌握图片、

水平线的插入方法及属性的设置方法，能够灵活应用“网页属性”对话框来设置网页属性，如背景图、背景音乐等。

（4）掌握保存网页的方法，了解网页保存与普遍文档保存的不同点。

2．过程与方法：

（1）通过对比，使学生掌握软件的使用方法，达到举一反三的功效。

（2）通过学生动手设计网站的实践活动，使学生掌握对象属性的设置方法，为

学生今后学习其他软件奠定基础。

3．情感态度与价值观：

（1）通过对比，使学生了解软件学习的一般方法及规律，提高学生学习信息技术的信心。

（2）通过创建网站和设计首页，掌握对象属性的设置方法，初步体验成功的快乐。

（3）通过创建“动物——人类的朋友”网站，使学生树立人与动物和谐相处，

真爱、善待和保护动物的观念。

二、教学重点难点： 1．教学重点：

（1）认识FrontPage窗口结构及主要菜单的功能。 （2）掌握建立、删除网站的基本方法。

（3）掌握简单网页设计的基本方法，如文字、图片以及水平线的插入与编辑等。 （4）掌握设置网页属性的一般方法。

2．教学难点：

（1）站点的作用和存储路径。 （2）网页的保存。

三、教学过程：

1．创设情境、导入新课

（1）教师将配套光盘上“动物”网站展示给学生看，并分析网站的基本结构和

主题。 （2）师生共同讨论对比FrontPage与Word的异同，进入教学主题——创建网站

站点与制作首页设计。

设计意图：通过讨论对比，自然过渡，激发兴趣，活跃气氛。

2．任务驱动、自主学习

（1）教师启动FrontPage，介绍各窗口组成，并与office中的其他软件作比较，

分析有什么异同。学生打开软件，并结合教材仔细观察。

（2）由于我们的网站需要多个网页文件以及相关图片、声音文件等，所以网站

建设初期就要做好管理准备，我们以站点的形式来管理网站内容的文件。出示任务一：建立一个站点。

（3）教师指导学生对照书本进行学习，学生明确教师要求后，阅读教材，进行

自主学习。学生操作期间教师巡视课堂，做个别辅导。针对学生普遍存在的问题，教师做详细讲解。

（4）进一步提问：在文件夹列表中看到了什么？引导学生分析一般首页的组成

情况，提出制作要求。出示任务二；设计首页。学生可脱离教材中各对象的具体摆放要求，构思自己网站首页中各对象的布局，但必要的元素不得缺少。

（5）出示任务三：编辑主页。教师提出编辑要求，引导学生设置相关对象的属

性。学生示范，讲解如何设置文字、图片、水平线以及网页属性等。教师强调必须切换到普通模式窗口下编辑。

（6）出示任务四：保存网页。教师边示范边讲解。学生认真听讲，按要求保存自己的网页。

设计意图：在完成基本任务的前提下，鼓励学生创新，培养学生自主学习合作学习能力。

3．课堂小结、师生评价

（1）教师引导学生进行总结，针对本节课的重点知识进行提问，了解学生对相

关知识的掌握。

（2）学生相互欣赏作品，推荐优秀作品在全班进行展示，师生共同评价，教师

对完成情况好的学生和帮助他人的学生给与表扬。 设计意图：引导学生对所学的知识进行梳理，并及时了解学生对教学内容的掌握情况，鼓励学生互帮互助。

四、教学反思：

1．学生可以自定主题，根据主题确定网站内容。在教学中，教师可以要求学生设计的网页内容不同，但网页设计的基本要求要与教师的教学要求一致，保证教学内容落实到位。

2．由于课堂时间有限，若用大量时间让学生收集资料，则无法完成任务。为了使学生能有更多时间学习网页设计，教师可以事先多准备一些各种类型的素材，以方便学生查找和使用。