爱好音乐网站设计规划分析

卢振元 徐一楠

引言：本文运用Dreamweaver软件和ASP（Active Server Pages）技术和相应的网站开发软件，阐述了网站前台设计，并对其功能进行了论述，实现了整个网站功能的使用。通过对整个网站的设计，说明了在制作过程中遇到常见问题的解决方法。

一、网页需求分析

爱好音乐网是一个供音乐爱好者学习交流的网站，此网站从视觉角度讲，颜色单一，风格没有新意，LOGO与Banner让人有偷工减料的感觉，字体颜色单调，网页中的图像制作也过于简陋；从技术角度讲，网站的LOGO和Banner只是单纯的图片，没有运用Flash制作动画效果；从功能角度讲，网站只支持会员注册和留言板功能，大大降低了网站的浏览率；从模块设计角度讲，网站板块只有首页、日志、招生信息等几个专题，在网页里模块位置杂乱无章，不凸显主题，也看不出网站的着重点在哪里。

针对爱好音乐网的多出缺陷，发现了这样一个事实，一个用户在访问一个网站时一般来讲只对该网站的部分内容感性趣，而且这种兴趣会持续一段时间。这是一个很好的切入点，如果能根据用户的喜好着重显示该用户感兴趣的内容，将为用户节约大量的检索时间，而且这样的网页显然是更具有吸引力的。一些站点已经在这方面作出了一定的尝试，通常采用的方法是，在用户登陆时为其提供一系列的选项，使用户能够对站点进行一些自主的设置。网站首页可以说是网站的门面，大家浏览你的网站首先看到的就是網站首页，所以首页不仅要做得美观，引人浏览，还要有丰富的内容。

二、市场定位分析

随着经济的不断发展，人们越来越注重高品质生活，不仅仅是要活着，还要活得有质量，有品味。家长在充实孩子文化知识的同时，也全面培养孩子的艺术天分；青年人为了追求生活情调，都会学一件或几件乐器，陶冶情操；老年人为了让老年生活更加丰富，也会走进艺术的世界，弹弹琴唱唱曲，增加生活乐趣。

目前，学习电子琴的风潮已经非常普遍，电子琴属于电子产品，音色节奏繁多，专业人士很喜欢用电子琴伴奏及演奏，而业余人士便希望自己能够用电子琴演绎几首自己喜欢的歌曲，从学习和演奏中享受电子琴带给自己的乐趣。

本次的网站设计便是面对更广的消费群体做更好的宣传，让人们从知道到了解并决定深入学习电子琴。

三、规划策略

（一）基本构建

（1）网站名称及主题

本网站的名称为爱好音乐网，域名：www.gqzj.net。爱好音乐网以网络视频教学和二手钢琴销售为主，向网民提供与音乐、乐器相关的新闻和文章，对内部学员提供歌曲曲谱。

（2）网站风格

背景为花纹深蓝色，前景运用灰色与白色相结合，显现出简约大方、深沉稳重的感觉。

（3）网站的Logo与Banner

Logo采用文字图片组合形式，而Banner是运用Flash制作的动画，运用鲜明的颜色，和文字渐变效果，突出主题。

（4）网站特色

爱好音乐网颜色丰富，功能完善，网页采用复合框架，上框架为导航和Banner，左框架是会员注册和客服中心，而右框架体现网站的基本模块，最下方是版权信息及友情链接。 （二）网站实现功能

本网站给客户提供一个了解音乐的平台，客户可以与企业及时地交换意见，产生互动，企业也可以及时对网站进行更新维护。

1 前台客户系统功能：

（1） 网站可以实现会员注册。

（2） 用户可以浏览关于网站的一些基本的信息。

（3） 用户可以浏览关于音乐的新闻及教学日志。

（4） 用户可以在线欣赏教学视频及学员视频。

（5） 用户可以下载乐谱。

（6） 用户可以浏览留言板的帖子并发表自己的言论。

2 后台管理系统功能：

（1） 增加、删除视频及乐谱

（2） 增加、修改、删除网站的新闻及教学日志。

（3） 修改、删除留言板帖子。

（4） 浏览、删除二手钢琴的产品信息。

（5） 增加、删除、管理注册会员。

（6） 修改网页的前台效果。

网页结构图构想

四、网页测试

（一）IIS配置

当IIS被成功安装后，将在计算机C：＼Inetpub＼wwwroot下新建一个默认网站，通过修改默认网站配置可以建立自己的站点。如自己的网页放在D：＼Wy目录下，首页文件名为Index.asp，其具体步骤如下：

第一步：在“默认Web站点”上单击右键，选“属性”，以进入名为“默认Web站点属性”设置界面。

第二步：转到“主目录”窗口，再在“本地路径”输入（或用“浏览”按钮选择）好自己网页所在的“D：＼Wy”目录。

第三步：转到“文档”窗口，再按“添加”按钮，根据提示在“默认文档名”后输入自己网页的首页文件名“Index.asp”。

第四步：在“默认Web站点”上单击右键，选“新建→虚拟目录”，依次在“别名”处输入“test”，在“目录”处输入“D：＼Wy”后再按提示操作。

（二）数据源（ODBC）配置

第一步：选择控制面板中的管理工具打开数据源（ODBC）。

第二步：在选项卡系统DNS中添加Microsoft Access Driver（*.mdb）驱动并指定数据源为网站的数据库文件。

参考文献

[1]薛凯，康亚雄.Dreamweaver CS3 入门提高精通.机械工业出版社，2011 33-36.

[2]甘登岱.网页设计三合一.清华大学出版社，2012 22-27.

[3]王龙，黄峰.ASP管理信息系统项目开发实践.科学出版社，2013 55-62.

（作者单位：齐齐哈尔工程学院电子商务专业）

指导教师 徐一楠