个人设计作业网页，宠物网

设计方案 一、前言 Pets Supplies有限公司是获得由上海市公安局审发的《犬类销售养殖许可证》、由上海市畜牧办审发的《动物诊疗许可证》、由上海市兽医卫生监督检验所审发的《动物防疫合格证》。集养殖、销售、医疗、美容、寄养及用品销售于一体的超大型综合性的宠物公司。 公司主要经营内容包括：猫类、狗类和鸟类等宠物及相关产品的销售。 二、需求分析 1. Pets Supplies的公司性质及销售与服务于一体，因此，必须在网站中建立完善的产品展示系统和（ 15. 完善的服务信息展示 ）系统。 2. 为了满足用户对信息的检索需求，必须建立信息搜索系统。 3. 为了满足（ 17. 信息互动 ）的需求，还必须建立用户BBS系统。 4. 作为整个网站规划设计的（ 18. 条件和前提 ），同时根据网站类型——商业服务网站，必须树立诚信服务的企业形象。 三、系统分析 1. 确定功能模块及其作用： (1) 根据用户使用习惯，首先需要（ 1. Home ）模块：综合体现网站主要信息。 (2) （ 2. Map ）模块：介绍网站的使用方法，及各模块的功能。 (3) （ 3. Login ）模块：基于网站设计中（ 17. 信息互动 ）的需求而设计的功能模块，实现登录网站BBS系统的功能。 (4) “Cat”模块：介绍猫类宠物的信息，并且在其下设置（ 4. 猫猫用品 ）模块，介绍相关产品信息；“养猫手册”模块，介绍养猫常识。 (5) “Dog”模块：介绍犬类宠物的信息，并且在其下设置“狗狗用品”模块，介绍相关产品信息；“养狗手册”模块，介绍养狗常识。 (6) “Bird”模块：介绍鸟类宠物的信息，并且在其下设置“小鸟用品”模块，介绍相关产品信息；“养鸟手册”模块，介绍养鸟常识。 (7) “Reptile”模块：介绍爬虫类宠物的信息，并且在其下设置“爬虫用品”模块，介绍相关产品信息；（5. 养虫手册 ）模块，介绍养虫常识。 2. 根据功能模块的设计，规划网站层次结构图 3. 详细设计分析 (1) 在为“完善的产品展示系统”和（ 15. 完善的服务展示 ）系统而设计的各功能模块中，依据信息形式、信息容量采用（ 26. 图文混排 ）形式实现基本信息浏览功能。 (2) 在BBS系统与（ 40信息检索 ）系统中，使用Dreamweaver与数据库相结合的技术，实现（ 7. 注册 ）功能和信息搜索功能。 四、风格设计 1. 为了在最大程度上满足用户对网页的浏览需求，采用（ 10. 800像素×600像素 ）的显示器分辨率最为默认显示器，在此基础上进行页面效果图及网页的设计制作。 2. 根据客户需求分析、（ 28. 网页信息量 ），选择（ 31. 复合结构 ）形式的网页架构，利用（ 34. 导航系统 ）来分割页面。 3. 根据公司类型——宠物销售和服务，应选择具有（ 42. 活泼 ）气息的配色方案。 4. 语言选择：简体中文。 五、动态效果设计 1. 为了缓和网站（ 26 . 图文混排）样式的信息浏览量过大而造成用户视觉疲劳的问题，可以使用Flash制作网页元素的技巧在页面中达到动静平衡的作用。 2. 在（ 17. 信息互动 ）系统，可充分使用Dreamweaver中CSS技术及Javascript脚本增加网页动态效果。 3. 在各页面间进行链接时，为了缓解页面加载时的等待时间，可以在Flash动画中使用代码实现加载提示的功能。 六、网站建设步骤 1. 根据风格设计，制作2～3套（ 45. 页面效果图 ）。 2. 使用Dreamweaver制作（ 47. 网页 ） 3. 项目预计使用时间为20天。 6. 网站运营前，由（ 49. 制作团队 ）进行调试完善 7. 网站运营期间，由（ 50. 公司 ）实现网站维护，删除那些不符合（ 35. 互联网信息安全 ）的内容。 选项 Home Map login 猫猫用品 养虫手册 登录 注册 Help 778像素×439像素 800像素×600像素 1002像素×623像素 1024像素×768像素 完善的产品展示 完善的客户展示 完善的服务信息展示 信息反馈 信息互动 条件和前提 重点和要求 目标和核心 用户需求 用户使用习惯 用户消费习惯 列表 文本 图文混排 网页访问量 网页信息量 单一结构 混合结构 复合结构 LOGO 横幅广告 导航系统 互联网信息安全 互联网信息浏览 文字 法律法规 道德规范 信息检索 运动 活泼 自然 喜庆 页面效果图 模板 网页 页面草图 制作团