《网站开发与应用》课程设计开发说明书.docVIP

前 言 微景观在我们生活中并不少见，无论是自己搭配着种植的一小盆植物，还是在一个小盒子里布置的一个小世界都属于微景观的范畴。现在比较热门的有苔藓微景观和多肉植物，本网站也是为了使人们更加了解这个可爱的世界。网上有许多介绍植物的网站但并没有特别详细的具体介绍微景观，而且我所设计的这个网站并不仅仅是用于介绍多肉植物，更多的是偏重于能使访客浏览之后了解如何搭配属于自己的微景观，侧重制作微景观的乐趣。更不是很清楚的人一个认识的平台，给想要深入的人一个如何进入微景观的奇妙世界的一个途径。给已经钟情于微景观的人一个交流的空间。 因为针对的人群比较年轻化，大概是十几岁到三十几岁，主要侧重于女性。网站设计比较清新，主要由浅绿和纯白搭配，风格简单清爽。由于许多年轻人普遍不喜欢阅读大量文字缺乏耐心，所以我会搭配较多的图片，文字就尽量的精简，设计也不会太繁琐。 首先，首页为两栏式，内容有导航，Flash菜单，最新动态和友情链接。微植物主要是介绍苔藓微景观和多肉植物。然后下一级目录为苔藓，多肉。分别介绍苔藓微景观，多肉植物。 微世界主要是微型室内景观和建筑物这类手工制作的成品展示，和之类的周边趣事。下一级目录为微世界的迷你小屋，玻璃小球。 微心情主要是留言墙，网友可以在这里留下自己和微景观之间的点滴日常，或者在制作微景观时的心得，来与网友们分享。下级目录为教程和材料包。 图赏为微景观相册。 目 录 第1章 网站概述 1 1.1 网站名称 1 1.2 开发网站的背景 1 1.3 网站设计的原则 1 1.4 开发所涉及的技术 1 1.5 开发团队 1 1.6 定义 1 第2章 网站需求描述 4 2.1 网站用户概述 4 2.2 网站功能需求 5 2.3 网站性能需求 5 2.4 网站信息需求 5 第3章 网站概要设计 6 3.1 网站主题 6 3.2 网站定位 6 3.3 网站配色方案及风格 6 3.4 网站主要页面布局结构 7 3.4.1首页布局结构 7 3.4.2 二级页面布局结构 8 3.4.3 其他需要说明的特殊布局结构 9 3.5 网站布局方式及技术 10 3.6 网站样式定义 10 3.7 网站拟采用的目录结构 10 3.9 网站拟完成的链接结构 10 3.10 特效使用 10 3.11 素材使用 10 第4章 网站详细设计 11 4.1 网站LOGO设计 11 4.2 网站页头设计 11 4.3 网站页脚设计 12 4.4 网页标题设计 12 4.5 按钮及图标设计 13 4.6 模板设计 13 4.7 首页设计 13 4.8 其它页面设计 14 第5章 网站测试 18 第6章 运行与维护 19 第7章 总结 20 参考资料 20 网站概述 1.1 网站名称 网站名称：微hana 含义：微是取自于微景观的微，表示由我们自己自主创作的微小的世界。Hana的意思是花，一方面表示像花一般美好的事物，一方面暗指用来创造微景观的植物。 1.2 开发网站的背景 当下生活越来越紧凑，多一种兴趣可以丰富生活放松一下紧绷的神经。我所设计的这个网站介绍多肉植物，使访客浏览之后了解如何搭配属于自己的微景观，侧重制作微景观的乐趣。更不是很清楚的人一个认识的平台，给想要深入的人一个如何进入微景观的奇妙世界的一个途径。给已经钟情于微景观的人一个交流的空间。 1.3 网站设计的原则 优先考虑访问者的想法和感受。 从页面的色彩和链接尽量使访问者感到满足。舍弃不必要的内容，页面清爽简洁。 着手规划、确定特色、锁定目标 不管做什么事，一定要进行规划，建设网站更是如此。规划时必须确定自己网站的性质、 提供内容、目标观众，然后根据本身的软硬件条件来设置范围。网络的特色是及时、新鲜、丰富、热闹， 这是吸引大家上网的条件，如果本身条件强大，可以根据上述原则使自己网站成为一个全方位的信息提供者，如果不足，就成为单方面的提供者；此外， 还可以在特殊议题或主题上加以突出，进一步锁定目标观众。 第一页很重要 第一页是最重要的东西，因为它是别人认识这个网站的第一印象。第一页就有很清楚的类别选项，而且尽量符合人性化，让参观者可以很快找到需要的主题。在设计上，最好秉持干净而清爽的原则。第一、若无需要，尽量不要放置大型图片文件或加上不当的程序，因为它会增加下载时间，导致观赏者失去耐心； 第二、画面不要设置得太过杂乱无序，因为观赏者会找不到东西。 栏目的归类 方法最好尽量保持一致，若要混用多种分类方法也要掌握不让使用者搞混的原则。 为了日后维护方便，撰写HTML时最好架构完整 在〈Title〉指令中加上可供搜寻的关键字串。增加与使用者的互动。 避免孤页，否则不好维护。 1.4 开发所涉及的技术 HTML 使用HTML标签语言完成基本的页面显示、实现表单的编写。 JavaScript