猫猫的园地

        半个月之前已经基本完成的网站，今天终于投入使用了，有点兴奋。若要围观，请到这里：http://www.jiuweitang.com。

        由于之前有着丰富的建站经验，客户一旦提出正式投入使用，从域名选取到虚拟空间搭建不到一个小时就搞定了，可谓轻车熟路。

        前两天，有做了一些小改动，遂成今日的样子，纪念一下。总体来说，这个网站，我还是比较满意的，也是我第一个从头到尾自己做下来的网站。同时这个网站也作为了我的数据库课程设计的作业。也算是一举两得了。但是，如果单单作为一个课程设计，我是很难坚持自己做下来的。现在有了“真正的需求”，也就有了创造的动力，而不是简单的完成作业了，更不会复制粘贴而草率敷衍了。

        虽然，网站看起来很简单，但是，我在很多方面都花了心思。

        首先，网站设计尽可能贴近用户的主题。从一开始，我就了解到客户要为自己的书画室搭建一个宣传网站。为此，我上网搜索了大量关于书画方面的素材（见下图），现在留下来的足足有100M。我构想过很多主题，最初比较倾心的是卷轴式的网页，模仿张艺谋奥运开幕式。但转轴一直没有找到好看的。后来我被水墨风格吸引了，于是上网狂搜索相关素材，最后使用了墨荷和一道长长的墨迹作为背景。墨迹把导航栏串联起来，墨荷居于下方，好似整个网站都在河面之上。为此，我反复做了Photoshop处理。

        同时，要不断和客户沟通。由于距离远，我主要通过QQ和客户进行交流，通过几次询问之后。我发现，客户对网站的使用不是很明白，但是，他很清楚的表明了自己是书画店，要进行推广。最初，客户还提出了电子商务的要求，但是，经过分析，他对电子商务的应用并不清楚，而且结合他们书画店的自身特点，建立一个电子商务网站并不合适。因为，在他眼里，还是要客户来到书画店进行交易。另外，客户特别提出了“简单性”，同时结合客户的知识背景，分析得出：复杂而又功能强大的CMS系统并不合适。最后我的总结大体如下：

需求初步整理
一、 店面概况：
有实体店，已经经营三年，以装裱服务为主 兼有字画销售。
二、 您对网站基本要求：
1. 尽量简单一些。主要目的在于推广作品和当地字画文化。
2. 网站可以展示作品和装裱服务。同时附上服务简介、价格和联系方式等，发掘潜在用户。
3. 管理员可以自己上传作品，设置相关信息。
4. 网站期望有在线交易，但只是目前只限于周边的生意，暂时只限于线下交易，因此并没有设置在线交易平台。
三、 我建议应该包含的主要功能
1. 店面介绍（对店面的总体介绍，使访客对您的店面有清晰的认识）
2. 新闻（发布店面的最新动态，如新近字画、特价产品，也可以发布一些书画界的新闻）
3. 产品展示（包含了字画的名称、规格、作者、价格等）
4. 字画知识（发表一些字画方面的常识，可以丰富网站的内容，推广书画文化）
5. 留言本（网友留言，交流）
6. 后台管理（您将通过这里更新整个网站的内容）。
 

        下面就是数据库和程序设计了。这方面，我自感有很多不足之处，实际上，数据库设计是一项非常重要而又艰苦的工作，对于一个没有经验，而对需求不甚了解的设计者来说，是非常困难的。说实话数据库设计费了我好长时间。关于这方面的内容，之前介绍过。我深感，有时候不是不会做什么，而是不知道该做什么，面对一个需求，如何实现，如何满足？有时候，我们也知道很多事情要做，但会感到无从下手。

        细节考虑。虽说看起来很粗糙，但是我还是尽量考虑了很多细节，下面列出了两点介绍一下。

1. 图片缩略及其尺寸问题。这个有很多情况：a.大尺寸图片问题；b.图片列表；c.图片缩放问题。
   首先，对于大图片，我们不会让它无限制的膨胀，否则网页将会被挤得变形。大家可以看一看这两个页面：http://sh.mm-share.cn/Work/Work.aspx?ID=30，http://sh.mm-share.cn/Work/Work.aspx?ID=29，两张图片一个很长，一个很宽。但由于约束了最大长宽，他们被缩放了，但可以点击图片查看全尺寸。
   第二个问题是图片列表，大家肯定看到过一些网站的图片列表，通常会出现两种问题：加载特别慢，图片严重变形。加载慢是因为列表中直接使用原图，如果上传的图片很大，每张500k，10张图的列表就要5M。一方面，用户会感觉这个网站很慢，另一方面也严重消耗你服务器资源，所以缩略图是必要的。大家可以看看这个页面：http://sh.mm-share.cn/Work/WorkCate.aspx?ID=1，每张图片被缩放到不到10k的大小。
   第三个问题就是图片的缩放，图片被扭曲后的感觉很不爽，用户之间感觉就是：这个网站太粗糙了。为此，我特地做了图片的等比缩放。因此不管上传何种尺寸的图片，它都不会变形。
2. 高亮处理。由于条目过多，分页可以很大程度上解决问题。但是，有时候看多了，就容易眼花，所以当鼠标滑过每一行时，所在行都会变色，是不是看起来好多了。