网站和网页制作教案.docVIP

《信息技术基础》教案 教学主题 6.1 网站和网页 适用年级 高一年级 教学课时 1课时 学习者分析 本节课以前，同学们就已经学习过如何从互联网上检索信息了，所以同学们对互联网已经有了一定的了解。本节课让学生能够通过观察打开的几个网页，理解网页的作用，找到构成网页的元素和构件并比较它们各自在表达信息时的优劣。从感观上对网页的审美能力得到一定的提升，为以后在设计网页过程中更加清楚地理解所操作对象的作用和地位打下基础。 学习目标 知识与技能：　　　1、了解万维网的基本架构。 2、知道常用的网页制作工具。 过程与方法：　　　1、通过观察打开的几个网页，理解网页的作用。 　　　　　　　　　2、通过实验，探究FrontPage2003的基本用法。 情感态度与价值观：通过对网页元素的讨论，使学生懂得各种不同的网页元素在网页上的作用，网页元素的合理使用可以使网页更吸引人，从而进一步提高学生的审美能力。 重点 掌握网页元素的使用。 难点 了解FrontPage2003的基本用法。 教学方法 讲解演示，情境教学，任务驱动。 教学支撑环境 计算机网络教室、所有计算机能够上因特网、多媒体网络教室软件、投影仪。 教学过程设计 一、新课引入： 首先打开《苹果树下的童话》网站的首页，引发同学们对这个网站讨论。然后提出“你喜欢这个网站吗？”“为什么？”“你想做出自己漂亮的网页吗？”等问题来引起学生的学习兴趣，从而导入新课。 ? 二、教学内容： 演示网站（《信息技术基础》配套光盘中的素材），理清基本概念，使学生对网页及网站有一个感性认识。 1、打开《心系奥运，放飞梦想》网站文件夹。提问：要打开该网站，应该选择哪个文件？（ihdex.htm） 2、该文件（index.htm）的类型是什么？用哪个软件去打开？（网站首页文件，扩展名为htm或html等。观察文件图标，确定用IE浏览器去打开index.htm。 一般来说，一个网站的首页文件一般会命名为index.htm或default.htm。 3、教师演示，双击index.htm，打开首页，点击各栏目。讲解哪些是可以操作的。 4、网页的组成元素有哪些？（文字、图形图像、超链接、动画、声音、表格、表单等。） 教师能过网络教室软件，下发刚才的网站《心系奥运，放飞梦想》到学生机，让学生自己打开浏览这个网站，或者可以在互联网上打开自己喜欢的网站，找出构成网页的元素有哪些。 教师总结：构成网页的基本元素有文字、图形图像和超链接。 所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。 5、网站文件的组织结构如何？ 接下来，让我们一起来研究一下，互联网上的网页，在服务器上是怎样存放的吧。 教师演示，学生观察《心系奥运，放飞梦想》网站文件夹中的组织，提醒学生把收集整理来的文件素材分门别类存放。 6、如何查看网页的源代码？ 用IE浏览器打开《心系奥运，放飞梦想》的首页，单击“查看”菜单下“源文件”。说明index.htm文件是一纯文本文件，所有的网页组成元素都是用HTML描述的。 问：记事本可以编辑网页文件吗？（当然，但必须学习） 演示：用记事本制作一个简单的网页。 html 你好！ html 7、制作网页的常用工具。 我们刚才都看到，用HTML(HTML： Hyper Text Markup Language)超文本标记语言。）来制作网页（用记事本编辑）是可行的，但是也许有同学认为，用记事本来制作网页比较难，所以在这里，我们学习使用另一种网页制作工具――FrontPage2003。 FrontPage简介 依次单击“开始”－“所有程序”－“Microsoft Office”－“Microsoft Office FrontPage 2003”打开FrontPage2003网页制作软件。 大家看到FrontPage2003的界面的时候，是不是觉得有种似曾相识的感觉啊？它就跟我们之前所学过的Word2003非常相似，同是Microsoft Office下的一个软件。所以这个软件我们操作起来会比较容易。 探究实验：用Fontpage2003制作一个简单的网页 ⑴在“我的电脑”－“D盘”根目录下新建一个文件夹，并命名为“我的网站”。在“我的网站”文件夹下新建一个名为“images”的文件夹 ⑵在网页上插入一幅图片。图片可以从互联网上下载，也可以使用电脑上的图片，把这张图片放到“images”文件夹下。 ⑶在FrontPage2003编辑状态下单