第十课 成竹在胸,井井有条——站点规划与网页设计 教案

第10课 成竹在胸,井井有条
网站的规划与设计
一、教学目标
知识目标：1、学会规划设计网站结构和文件的存放结构
2、了解主页版面设计构想
3、认识网页制作工具—FrontPage 2000
4、了解网站设计中需要的问题
技能目标：1．启动FrontPage，熟悉FrontPage软件环境；
2．建立网站文件夹和建立网站站点并保存主页；
情感目标：教学中以简易地操作技能帮助学生树立成功建站的信心。
二、重点难点
教学重点：本课教学重点是启动FrontPage，在熟悉FrontPage软件环境的基础上建立网站空站点并新建保存主页。
教学难点：本课的教学难点站点文件夹的理解。学生在理解上有一定的困难，他们一般不太理解为什么要用上文件夹来存放网页，这里教师需要作解释。
三、学情分析：网站制作是一个学生十分感兴趣的内容，学生十分盼望自己也能拥有一个漂亮的网站，因此学习的积极性也非常高，教师应该抓住学生的这种热情逐步引导学生成功地制作自己的网站。考虑到学生的基础有所差异，在网站制作教学中可以采用分层次教学法、对于学习程度好的同学要求能单独制作出自己的网站，而基础较差的同学可以简单模仿教师完成书中示例的月亮传说网站的制作，让他们也能体会制作网站的乐趣。
教学方法：采用教师讲述、演示法和学生练习法。
四、教学准备：
1．教学环境：多媒体网络教室要求能上因特网，Frontpage2000中文版。
2．教学素材：准备示例网站以及首页相关的文字图片素材。
五、教学过程
㈠、学习引入：前面几课我们确定了网站的主题，并且找到了许多与网站相关的资料，今天我们学习一下如何规划设计网站。首先提问学生“造一幢高楼首先需要做什么？”学生回答。教师总结做网站如同造房子，没有设计图纸，盲目建造的结果是往往是倒塌，强调一下网站规划的重要性。
一个成功的网站首先要有一个良好的规划和设计，由于第八课已经要求学生确定自己网站的主题，本课就是要求学生根据自己选取的主题规划设计有几个版块，每个版块具体有什么内容，并且要求每个版块的内容建立文件夹存放，最后要求学生根据自己的规划构想出自己网站的主页的排版并根据自己的构想制作出自己的主页。学生往往将忽视规划而急于制作网站，结果内容杂乱、重复、缺少的现象都可能发生，向学生强调规划的重要性，培养学生合理规划的习惯是一个必要的环节。
㈡、讲授新课
1、规划网站结构
示例教学：以月亮传说网站主题为例，在前两课已经确定了分为月球探密、登上月球、月亮传说、自我介绍、来信留言五个版块，并且搜集了大量的文档资料和图片资料。确定网站具体内容为以下几个方面：
⑴月球探秘：月球概况、月球起源、内部结构、运动轨道、月食图片、月球地形；
⑵登上月球：月球探测器、登上月球、月球公约、开发月球计划、科学质疑；
⑶月亮传说：中秋起源、嫦娥奔月、吴刚伐桂、诗词、散文、佳对。
任务1：我们自己的网站每个版块又有什么具体内容呢，请同学们根据自己的资料规划版块的内容并填写下表。
标题 主要内容
2、规划文件的存放结构
师问：同学们做的网站文件是不是只有一个呀？生答：否
师问：如果网站文件有许多，应该怎样安排呀？可提示硬盘上的文件是怎样规划的。生答：略。
归纳学生的回答情况，提出为方便对网站文件的使用和管理，应该对这些文件进行分类，分别存放到不同的文件夹中。一般采用按功能分类的方法，我们可以将一个版块建立一个文件夹来存放文件，可特别说明单独建立一个文件夹来保存图片。
示例教学：课本中月亮传说网站可以建成以下文件夹来保存该网站文件。
任务2：试试将我们自己网站文件存放表填写完整
文件夹名称 存放的主要内容
3、主页版面设计构想
教师演示：将一些排版具有代表性的，设计优美的网页打开进行演示，让学生观察比较并加以参考。
主页是网站的门面，主页的设计应该考虑美观而有特色，主页设计时还应该注意色彩搭配、布局合理，适当增加一些装饰性的图片，但不可太多。请同学们讨论网站主页的色调、构图，有条件的同学可以利用以前学过的画图工具、WORD或POWOWPOINT进行简单的设计，画出大概的构想。选择一个好的方案。
示例网站月亮传说的构想图见书中第56页。
4、认识Frontpage2000
制作网页的工具很多，可略加介绍。我们以前学习了Microsoft公司的Word2000，而Frontpage2000与它的界面非常接近，下面学习一下利用这个工具进行网站主页的制作。
具体步骤演示：
⑴打开开始——程序——MicrosoftFrontpage，观察Frontpage2000的界面，比较与Word2000界面的异同。
⑵单击文件菜单下的新建站点对话框，选择只有一个页面的站点，并要求在“指定新站点的位置”中设置站点的文件夹位置，点确定
对“站点文件夹”概念的解释，教师可以例举学生平时浏览的网站来作介绍。也就是说明我们平时访问的网页只是某个网站中的一页，制作时需要把网页归入于网站中，这时就需要建站点文件夹来容纳网页形成网站。学生对“站点文件夹”的概念理解以及在Frontpage如何建站点文件夹，需要在反复练习中得以巩固。
⑶Frontpage2000自动建立相应的文件和文件夹，其中images文件夹为专门保存图片的文件夹，强调一下index.htm为网站的主页文件。右击月亮传说站点文件夹，点新建文件夹，建立前面规划好的文件夹以便将来保存文件。
⑷双击index.htm文件，打开编辑网站的主页，可以在主页上简单的添加一些标题和图片试做一下，感受一下与Word操作的异同。操作完毕保存。
任务3：打开Frontpage2000软件，建立网站的站点文件夹和网站分类的各个文件夹，同时适当编辑主页。
学生编辑主页时，可让学生对比Word学习中的输入文字和插入图片的方法来实现对网站主页的充实内容。当然这里讲的充实内容仅是针对文字和图片而已。不强调涉及表格排版主页。
㈢学习小结
请部分学生回答本课学习的内容，并展示自己填写的表格内容和演示网站站点的建立情况。
六、板书设计
七、教学建议