北理工网院《网站设计与规划》大作业要求
《网站设计与规划》大作业要求自选主题，撰写开发某静态网站的“项目规划与设计文档”。
具体要求如下：
通用规则
1. 撰写认真: 文档应具有统一性（所有内容都指向同一个清晰的主题）、一致性（所有内容的组织清晰合理，符合逻辑）和支持性（有具体的细节或案例）。没有各种文字错误。
2. 正确的格式化: 使用标题、列表、留白等机制，让文档适宜阅读。
关于项目规划&设计
是否/如何回答了以下问题?
项目是什么?
项目的来源或背景?
项目的具体内容（是否有树状图或其他方式的示意图让我们清楚知道网站即将包括的内容）？
项目的技术细节，比如开发平台、运行平台等？
详细的任务分解?
详细的时间表?
是否有示例图帮助我们理解?
是否符合专业文档撰写规范？
是否包括了以下内容：
站点地图（Site map）：即信息架构图。
线框图（wireframe）：可手绘后照照片，也可以用软件绘制。如果是手绘图，应保证内容清晰可见。
设计规范（design specification）：至少包括颜色设计、字体设计、图像设计、布局设计等方案，需包含主要页面的详细设计图。
作业优良范例展示
网站项目规划与设计
目录
一、项目背景 1
1、选题的目的和意义 1
2、课题研究的主要简介 1
二、网站开发平台 1
三、网站建设日程表 2
四、站点地图 2
五、线框图 3
1、主页布局 3
2、子页布局 3
六、设计规范及网页UI设计 3
1、设计愿望 4
2、确定网站主题 5
3、确定网站形象 5
4、确定网站风格 5
5、确定网站内容 5
七、主要页面的详细设计图 6
八、网站测试 8
1、测试准备 8
2、用户界面测试 8
3、功能测试 8
4、兼容性测试 9
九、网站推广与维护 9
1.网站推广 9
2、网站维护 9
一、项目背景
1、选题的目的和意义
在互联网发展迅猛的今天，我们无时无刻不与网络接触，可以从中查找我们需要的信息，可以发布想让别人知道的信息，可以找到你不认识但真心的朋友，也可以第一时间看到国内外的重大事件。当我们无事可做的时候，便开始了娱乐方式的搜索，由此，很多音乐网站和视频网站应运而生，服务大家，为我们的生活增添了色彩。随着我国网民的增加，也促进了音乐网站的开发。
2、课题研究的主要简介
音乐网站网站是给用户一个方便的视听空间，登陆音乐网界面，根据自己的需求选择浏览，其功能有以下：
（1）用户可以通过浏览主页，了解音乐的简介以及音乐展示
（2）用户通过浏览子页，可以对音乐进行细致的了解
二、网站开发平台
功能模块 技术和软件平台
操作系统 Windows8
设计稿、图形处理 PhotoshopCS6
动画设计制作 FlashCS5
网页制作平台 Dreamweaver
网站开发语言 HTML,CSS,JavaScript，asp
网站测试平台 Chrome，Firefox
三、网站建设日程表
完成整个项目所需时间为三个月，其中各项规划任务如下表所示：
时间 任务内容
2018年7月9日-16日 拟定项目
2018年7月17日-23日 制定初步项目计划
2018年8月6日-19日 网站初步框架
2018年8月20日-9月1日 网站内容具体丰富
2018年9月2日-9月10日 总结反思，网站细节完善
2018年9月11日-24日 计划微调，网站用户体验感测试
2018年9月25日-10月7日 网站装饰再加工，CSS布局，JS语言,后台数据库设计
2018年10月8日-10月15日 最终测试
四、站点地图
五、线框图
1、主页布局
2、子页布局
六、设计规范及网页UI设计
音乐网网站这个网站是运用了HTML静态网页技术，和Dreamweaver软件相结合实现的。页面间通过网页链接，实现具体所要查找的食品，可以方便用户的需要做出选择，给人们带来了极大地方便。
1、设计愿望
当用户点击希望去的界面时，就会自动的链接到用户希望的那个网页。展现给用户相应的界面，在每个界面都会有这几个选项卡，用户可以在其中自由的切换。
2、确定网站主题
建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。
3、确定网站形象
网站形象的设计可以从网站的LOGO、网站的色彩、网站的字体宣传语等这些方面着手。
图6-1Logo设计
网站给人的第一印象就是首页，要让人愿意继续欣赏下去。我设计的首页力求简洁明了，色调属于暖色，给人明快、轻松的感觉。页面最醒目处是一朵正在开放的花，象征着祖国的未来生机勃勃。背景隐约可见的五条横线，代表着五线谱，表明了本网站音乐休闲的主题。首页包括音乐、视频、简介、紫兰图片、紫兰文化和链接六项。有我的E-mail以便用户和我联系。
网页的色彩选择和搭配是网页设计的重点之一。用什么色彩才能最好地表达出网站的内涵，吸引浏览者的视线，网页的色调、背景、文字、图标、边框、链接应该采用什么样的色彩，应该如何搭配，都是网页设计一开始就必须考虑的问题。网页的色彩搭配在网页的制作中起到非常重要的作用，因为它将决定浏览者对你的网页的第一印象，好的色彩搭配可以使你的网页独具魅力，相反则提不起浏览者的兴趣。所以一定要把握住色彩的搭配。
网站字体，和标准色彩一样，标准字体是指用于标题、主菜单的一些特有字体。为了体现网站所特有的风格，可以根据自已的网站所表达的内涵，选择更贴切的字体。我的音乐网站的标准字体是华文彩体。给人一种沉稳而不失俏皮的感觉。
表格布局的过程：设计出框架为800*1000的布局表格，再在表格中添加适当的单元格
链接设计制作的过程：主页与五个子页进行连接
图片处理的过程：单元格设定好，图片大小和单元格同等大小然后添加
导航按钮的设置等等
4、确定网站风格
风格是抽象的，指网站的整体形象给浏览者留下的综合感受。这个“整体形象”包括网站的LOGO、网站的色彩、网站的字体、网站的标语等许多因素。网站是可以平易近人的、生动活泼的，也可以是严肃专业的。但不管是在色彩、技术、文字、布局、还是交互方式上，只要能由此让浏览者明确的看出这是你的网站所独有的，这就形成了一种风格。
风格是有人性的，它通过网站的色彩、技术、文字、布局、交互方式等可以综合概括出一个网站的自己的个性；我的网站风格是以舒服为主，给人一种舒舒服服的感觉。
5、确定网站内容
本网站的内容表现形式主要以文本、图像为主。
用户注册：用户注册自己的空间
用户登录：用户登录空间查看音乐收藏
动态显示歌曲：根据类别不同，显示华人歌曲，日韩歌曲，影视歌曲，伤感歌曲，非主流歌曲等等。
动态时间：网页中显示动态的时间
音乐搜索：搜索数据库中包含的歌曲
留言：用户提交自己的留言
七、主要页面的详细设计图
1 网站主页
注：主页的右上角为动态时钟，上方为网站形象flash，并有设为首页和添加收藏功能，可通过上传作品和下载作品查看说明，中间网站分类导航条和音乐搜索，左下角为会员登录窗体，可通过链接进行注册，下方网站版权说明，关于我们和留言提交链接。
2 歌曲分类页面
注：歌曲分类页面均来自于模板，结构相似，只是数据集的绑定不同而已，故此不做重复介绍。
3 音乐搜索页面
注：在音乐搜索文本框中输入搜索文本，点击音乐搜索按钮后，会显示出搜索结果，同样也可以在有主页模板生成的其他页面进行搜索。
4 用户留言页面
输入反馈内容和联系方式后，单击确定提交按钮，即可将用户要反馈的内容提交给后台数据库。
5 音乐播放器页面
注：点击音乐名称链接或者点击试听后，网站会自动打开该网页播放器页面，播放你选中的音乐，而播放器的左边分类歌曲列表，供你选择喜欢的各种类型歌曲。
八、网站测试
1、测试准备
测试前对被测系统做好以下准备：系统的全面备份，包括应用程序备份、数据备份等；记录测试前系统状态；制定应急措施，确保在测试中发生问题时系统可恢复。测试员应在测试开始前了解网页的相关情况，对测试的预期结果应进行准备和预测。测试前要做好真实数据的准备工作，并进行系统的数据初始化。
2、用户界面测试
主要测试导航条、内容、颜色、背景、图像、返回等。
3、功能测试
主要测试站点中的链接等。
链接测试：目的是检查各个URL所联接的页面是否正确。
表单测试：目的是检查每个表单与程序是否正确联接，能够正确地发送用户请求。
4、兼容性测试
主要检验应用能否在不同的客户端使用。如苹果（iOS系统的）用户，经常使用chrome，Firefox等浏览器的用户是否都能正常使用。
九、网站推广与维护
1.网站推广
（1）微信公众平台、朋友圈、微博、QQ空间推广
（2）论坛推广
我们可以注册几十个论坛，每个论坛注册若干个帐号，把签名设为自己的网站及团队图标。发表热门内容，自己顶自己的帖子。目前我们应用的论坛包括校内的极速之星、外网的百度贴吧、天涯论坛、豆瓣等等网民较为聚集的地方。
（3）电子邮件推广
我们会像宜家一样让用户进行自愿注册会员，浏览者自愿留下他的邮箱地址，定期或不定期的发布一些电子刊物、会员通讯、专业服务商的电子邮件广告等。可以减少广告对用户的滋扰、增加潜在吸引人群定位的准确度、增强与客户的关系、提高品牌忠诚度等。
2、网站维护
网站建成后并不意味着网站建设的结束，网站内容需要不断更新，这样才会不断的吸引更多的浏览者访问，才能成为一个优秀的网站。通过FTP软件将更新过的网页上传到服务器或通过DreamweaverMX来远程管理站点，同时还要认真回复浏览者的电子邮件和留言，做到有问比答。平时多收集资料，多听听别人建议，定期更新版面，还有推广站点。
页:
[1]