《网页设计说明书》由会员分享，可在线阅读，更多相关《网页设计说明书（24页珍藏版）》请在金锄头文库上搜索。
1、设计说明书需求分析目标定位a、制作这个网站的目的是为了方便我们学院的新生与老生能快速浏览的我们学校的基本 情况，了解我们学校所有好玩，有趣的事情。b、本网站的主要职能是实时为新生提供部分新的资讯。c、本网站所面向的用户是所有进入我校的同学以及想要了解我们学校的用户。用户分析a、使用本网站的用户主要是想要了解我们学校的所有信息，并且能够为他们提供所需的生 活所需的信息。b、他们最想本网站为他们提供校内外的所有资讯，包扌舌饮食，住宿，景点旅游等。c、本网站制作内容架构清晰，避免过多的文字介绍造成用户过多阅读的麻烦。d、用户口I以每天浏览我们为其提供的实时热点以及校内外最新的资讯，比如：校园通知、
2、饭堂价格等。市场前景a. 本网站的市场需求在于为本校师生以及想要了解我校的用户提供最便捷，最新的信息。b、基于前面的分析，决定了本网站的设计风格要简明、清晰：主题I制绕着学生所需而开展。网站规划内容策划a. 本往网站主要经营的内容是：校园文化、校园资讯、美食住宿、周边景点等主题。b、基于以上主题，其中重点制作的是校园文化和美食住宿；而辅助的是校园资讯等主题。 对于网页如此划分的目的是，使用本网站的用户都是想要了解我们学校于他们息息相关的事 情，无论是新生、老生还是其他用户，都想知道我们学校有哪些特色的文化和美仓。文化可 以增进他们知道我们学校的最近的文化活动生活。而美食，则能吸引更多的学生来了
3、解我们 学校的吃货，这对于新进校园的新生有着极强引导作用。界面设计a、对于每个版块的设计都有着其不同的元素，首页，主要突出网页围绕的主题设计导航， 并且使用简单明了的文字对学院做出说明；而二级页面，则分为六个版块，每个版块都 有着不同的设计元素来突出其主题；对于三级页面，由于其划分表达内容上得较为详细, 所以社体元素较为单调以图文介绍为主。b、全版设计所使用的元素极为简单，主要以框架、线条、设计，在此基础之上配合色彩、 阴影、重叠、浮动、定位等的元素来协调画面风格。c、对于次级页面的导航栏设计，是浮动置于页面的底部，这样设计的效果是让用户浏览简 洁方便，而且导航栏不会占据页面的内容。网站设计页
4、面设计图主页面水院生活指南(index.html)二级页水院文化(sywenhua.html)机构设置(syjigou.html)首页：机构设置动图(左右滑动)：师资力量，学生作品水院资讯(syzixun.html)首页：水院资讯文字滚动栏招生就业f、水院要闻招生就业水院要闻口J加折叠显Z5水院单位生活指南(syshenghuo.html)轮播：生活主题图片首页：生活指南购物、美味与住宿街口中心1第九菜系1欣荣商圈1学生宿舍1周 边景点(syzhoubian.html)首页：周边景点文本：介绍周I韦I景点2厂带图标：溪头村y带图标：石门带图标：玫瑰园/带图标：流溪河_Z交通路线(syluxia
5、n.html)首页：交通路线到校自驾车到校公车游玩路线水院单位三级页社 团活动(syshetuan.html)首页首页：水院文化社团活动学习环境(syhuanjingehtml)校园风光(syfengguang.html)宣传视频(syshipin.html)首页：水院文化宣传视频视频窗11视频窗11水院单位街 口中心(jiekouzhongxin.html)首页：生后指南街11中心简介街11购物中心图片短文字简介:短文字简介欣荣商(xinrongshangquan.html)首页：生后指南欣荣商圈:简介欣荣宏广场图片短文字简介I短文字简介第九菜系(xueyuanshitang.html)首页
6、：生后指南第九菜系轮播：特色菜G届学生评价饭堂趣爭短文字简介学生宿舍(xueshengsusheehtml)首页：生后指南学生宿舍宿舍彩漫动图高清、特写（乱搭）丿部分板块设计图周边景点折叠块设计图首页：周边景点玫瑰园详细介绍景点人图基本信息景点兄点温馨提示上卞折叠模块（表格）学习环境详细设计图（主要参考八音盒）首页氛 围（设计）首页：水院文化学习环境（设 计）图片图片!简洁文字说明静 谧（设计）相册图片底部导航条程序设计模板代码水院生活指南严 * 公 共样式 * */* margm: Opx ;paddmg: Opx;ul li list-style -type: none;#page a t
7、ext-decoration: none;coloi:#000;text-shadow:none; pji2text-shadow:none;color:#000;body #pagebackgiound-iniage:uii(Himg.;bj.jpgH);font text-shadow:none;/*body margm-bottom:60px !important; /*页面上升*7严页眉*/.head widtli: 100%;height:40px;backgrouiid :#ddd;严内容打.navwidth:90%;height:60px;border-bottom:lpx #000 solid;margm:20px auto;严页脚*/ foot ptext-align:center;color:#000;*导 El盂軽我 * */首页v/a!内容当前位置：首页/a水院资讯 V-页脚一J 东水利电力职业技术学院©； 13 信管 梁展图测试发布测试这个阶段主要对网站做兼容性测试，使其在匹配主流浏览器的基础之上，匹配更多的浏览器。发布前期主要在校内推广给学生使用，在用户量增长的同时，尝试向即将进入我校的新生推广本 网站。维护每天都要更新当天的资讯，并且对出现的问题进行维护。
