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

第十课 成竹在胸，井井有条———站点规划与网页设计 学习目标： 学会网站规划文件的存放结构 了解主页版面设计构想 认识网页设计工具———Frontpage2000 了解网站设计中需要注意的问题 创设情景 讲：确定了网站主题，准备好制作网站的素材后，有没有一种冲动的想法，尽快着手制作属于我们自己的网站？ 可是一个优秀的网站内容是非常丰富多彩的，网站内容很多如何管理这些内容呢？ 板书：成竹在胸，井井有条———站点规划与网页设计 讲：我们制作的网站，是由一系列的文件构成的，为方便对这些文件的使用和管理，我们对文件进行分类，文件分类的方法很多，可以根据类型分类，也可以根据功能分类，针对不同的情况我们可以采用不同的分类方法。 板书：1.规划文件的存放结构 在网站设计中，文件多数是“按功能分类”的方法进行存放的，一个功能模块的内容存放到一个文件夹中。我们可以做成如下表格进行管理： 文件夹名称 存放的主要内容 （学生任务一：请同学们自己完成网站文件存放表设计，并加入自己设计的网站内容：） 讲：规划网站文件存放后，我们开始对主页版面进行设计构想。 板书：2. 主页版面进行设计构想 讲：主页是网站的“门面”，因而主页的设计应该考虑美观而有特色给访问者留下深刻的印象，比如可以添加动态的GIF图片，使主页增添一些动感和生气。 （学生任务二：首先请同学推选一名有较好绘画基础的同学把网站的主页画出来，然后再一起讨论，选择一个最佳的方案。） 接下来，主页构想好后，我们可以开始制作网站了，那么用什么软件进行网站设计呢？ 板书：3.认识网页制作工具———Frontpage2000 讲：该软件是office2000的组成部分，跟word非常接近，同学们已经尝过word，那么很容易学习与掌握Frontpage2000。 现在我们了解一下这个软件，打开后Frontpage2000界面跟word着不多。 讲：我们先练习一下“新建站点”。 板书：4.新建站点 操作步骤如下： （1）单击“文件”菜单下的“新建”，打开“新建”任务窗格中选择“只有一个网页的站点”。 （2）操作好后即自动建立的相应的文件或文件夹，如主页文件（index.htm)和图片文件夹（image)。 （3）对站点进行管理，以避免出现网页或图片链接错误的问题。如图片存放在站点下的（image)文件夹中。 （学生任务三：了解知识体：网页设计中其他几个要注意的问题。） ⑴网站、网页要有自己的风格； ⑵版面的安排要主次分明； ⑶合理的色彩搭配； ⑷遵守国家法律，不侵犯版权。 总结： 本节课的内容： 本节课主要讲了网站制作过程中，如何规划网站文件的结构，我们又学习了主页版面设计构想，主页是网站的“门面”要有自己的特色，接下来我们认识了网站制作工具Frontpage2000，还学习了如何新建站点，以及在网页设计过程中要注意的几个问题。 练一练 ... ...