(接上期)
    三、首页先行，高效有型，素材整理，保质保量
1．首页制作
为了保证一个小组的网页整体风格统一，我们将网站的制作分为前后两个阶段。首先制作首页，在首页完成之后，子页面在首页的基础上修改主体部分的单元格布局，不改背景、色调、字体、顶部和底部。
和组长开会确定每组制作首页的学生人选时，我特别强调两点：一是电脑操作相对熟练，二是具有一定的美工基础。首页的地位相当于火车头，利用最短的时间完成成熟的首页面，能使下一阶段子页面的制作省时省力，同时还能帮助其他组员开展制作。
2．网页元素
文字与图片是构成一个网页最基本的元素。可以简单地理解为：文字，就是网页的内容；图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、视频等。文字和图片的下载相对简单，动画、音乐、视频的下载有一定技术难度，鉴于需要的数量不多，学生的网站主要使用最基本的两个元素。
3．图片的选择
（1）原图与缩略图尺寸不一样，下载时要注意区分。小图变大会模糊，大图变小效果不影响，根据实际需要进行选择。
（2）每页的图片数量无需太多，重在质量，控制在3～5张即可。
（3）网上关于某个主题的图片很多，选择时避免图片本身背景复杂多样、色彩丰富的，这样的图片色调太亮，既不易于搭配，又会影响网站色调。
（4）做背景的图片尽量选择浅色纹理型的小图，这样无论是单元格、表格还是网页，在填充背景时图片自动平铺，过渡比较自然。如果选用景物型的图片，图片本身色彩应偏淡，没有大幅风景或人物，否则会影响文字的阅读效果。
不要每页都采用不同的背景图片，以免每次转页都要花时间去下载，采用相同底色或背景的图片有助于增加网页的一致性，树立整体风格。
4．图片的编辑
使用无需安装、操作简单的Office Picture Manager软件。
尺寸：与网页布局好的单元格尺寸匹配。
局部：网上下载的图片有些自带拍照时间，利用裁剪功能剪掉该部分，让图片效果更好。有些图片只用其中的一部分，利用裁剪功能剪掉多余部分，留下的部分另存为图片。
旋转：对图片的角度进行任意调整，以达到最佳效果。
5．文字的网页格式
学生喜欢直接从网页上复制文字素材粘贴到自己的网页中，这样很多文字的格式也一并粘贴过来，特别是超级链接，如果遇到无效链接，打不开页面，势必对自己的网站造成不好的影响。解决的办法是使用“记事本”软件，“过滤”原有格式，方便快捷。
6．搭建框架布局页面
在软件Office FrontPage中，“表格”菜单用来搭建网页的框架。我们使用“绘制表格”工具，布局表格和单元格。表格的宽度在900～1000像素之间，高度最好不超过一屏，即768像素。整个页面分为顶部、中部和底部，顶部通常放置标题图片、LOGO、动画、导航栏；中部是主要内容区，可以是上中下结构，也可以是左中右结构，导航栏也可以放在中部的侧边；底部主要是版权信息，包括制作者信息。首页制作者按照这样的结构布局单元格，要做到一格一素材，尽量细致。
四、整理目录，布局子页，网站包装，各有特色
1．目录结构
网站的目录结构是一个容易被忽略的问题，初学者常常未经规划随意创建目录。目录结构的好坏，对浏览者来说并没有太大的感觉，但是对于网站本身的上传维护、内容的扩充和移植有着重要的影响。专家给我们的建议是：
（1）不要将所有文件都存放在根目录下，这样容易造成文件管理混乱，会搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，影响工作效率。
（2）按栏目内容建立子目录。子目录的建立，首先按主菜单栏目建立。例如企业站点可以按公司简介、产品介绍、价格、在线订单、反馈联系等建立相应目录。其他的次要栏目，例如友情链接、需要经常更新的栏目等可以建立独立的子目录。而一些相关性强、不需要经常更新的栏目，例如关于本站、关于站长、站点经历等可以合并放在一个统一目录下。所有小程序一般都存放在特定目录，例如，java程序放在java目录，便于维护管理。
制作单张网页时，所有需要下载的内容放在单独的目录下。比如文字性素材放入text文件夹中，图片素材放在image文件夹中，动画内容可以放在Flash文件夹，声音文件、视频文件也同样，文件夹名称可以分别为audio、video。单张的网页只需在根目录下就好了。这种方法非常符合我们学生的情况，由于小组网站都是静态网站，内容不多，更新较少，按照下载素材的类型建立目录即可，首页和子页面都放在根目录下也不会混乱。
（3）在每个子目录下建立独立的image目录。通常一个站点根目录下都有一个image目录。刚开始学习主页制作时，很多人习惯将所有图片都存放在这个目录里，可是后来发现很不方便。当我们需要将某个子栏目打包供网友下载，或者将某个栏目删除时，图片的管理相当麻烦。经过实践发现：为每个子栏目建立一个独立的image目录是最方便管理的。而根目录下的image目录只是用来放首页和一些次要栏目的图片。学生的小组网站只有一级页面，没有二级、三级甚至更多，因此建议学生参照第二条方法，将所有图片都放在image目录中。当然，每个主目录下建立一个image目录的方法是完全科学高效的，将来，学生能力提升了，制作更复杂一些的站点时一定会用到。
（4）目录的层次不要太深，建议不要超过3层。原因很简单，维护管理方便。
2．素材的整理归类
经过两到三节课的素材收集，学生们需要的文字图片素材基本到位了，对于素材文件的归类、命名、编辑等非常重要。根据之前的理论学习，实践必须注意的是：第一，不同类型的素材各自建文件夹；第二，命名有序有规律，不适宜用过长的文件名，尽管服务器支持长文件名，但是太长的目录容易出错且占用资源；第三，所有的文件名、文件夹名一律使用英文名。网络无国界，使用中文目录可能对网址的正确显示造成困难。
3．高效制作子页面
组员打开已经制作好的首页目录，里面至少包含一个图片文件夹、一个首页文件。第一步，将自己收集的图片素材拷贝到图片文件夹中待用，其他类型素材如果有可直接放在根目录下，酌情使用。第二步，对首页文件重命名，以子页面主题名称命名，易于辨认；第三步，进入软件Office FrontPage，打开页面，保持顶部标题、导航栏、底部版权、背景、字体等部分不变，删除主体部分单元格，重新布局。布局时，根据自己的素材数量使用单元格，原则还是一格一素材，尽量细致。这一步是保证网站整体统一的关键，布局靠首页框架的固定，风格靠色调、背景、字体的统一，这样，才不会一人一张页面，打乱整体性。首页制作者在组员制作时要走动帮助，保证方向不偏离，督促页面的制作。
4．设计色调
网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可以影响到访问者的情绪。“标准色彩”是指能体现网站形象和延伸内涵的色彩，要用于网站的标志、标题、主菜单和背景，给人以整体统一的感觉。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。一般暖色较冷色的记忆性强。色彩还具有联想与象征的物质，如红色象征血、太阳；蓝色象征大海、天空和水面等。假如设计出售冷食的电子商务类网站，使用淡雅而沉静的颜色，使人心理上感觉凉爽一些，网站的制作效果比较好。学生制作页面时，应注意按照以上原则恰当使用色彩。
（转下期）