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

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

学习目标：
学会网站规划文件的存放结构
了解主页版面设计构想
认识网页设计工具——Frontpage2000
了解网站设计中需要注意的问题

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