网页设计说明书_第1页
网页设计说明书_第2页
网页设计说明书_第3页
网页设计说明书_第4页
网页设计说明书_第5页
已阅读5页，还剩23页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、设计说明书需求分析目标定位a、 制作这个网站的目的是为了方便我们学院的新生与老生能快速浏览的我们学校的基本情况，了解我们学校所有好玩，有趣的事情。b、 本网站的主要职能是实时为新生提供部分新的资讯。c、本网站所面向的用户是所有进入我校的同学以及想要了解我们学校的用户。用户分析a、 使用本网站的用户主要是想要了解我们学校的所有信息，并且能够为他们提供所需的生活所需的信息。b、 他们最想本网站为他们提供校内外的所有资讯，包括饮食，住宿，景点旅游等。c、本网站制作内容架构清晰，避免过多的文字介绍造成用户过多阅读的麻烦。d、用户可以每天浏览我们为其提供的实时热点以及校内外最新的资讯，比如：校园通知、饭

2、堂价格等。市场前景a、 本网站的市场需求在于为本校师生以及想要了解我校的用户提供最便捷，最新的信息。b、 基于前面的分析，决定了本网站的设计风格要简明、清晰；主题围绕着学生所需而开展。网站规划内容策划a、 本往网站主要经营的内容是：校园文化、校园资讯、美食住宿、周边景点等主题。b、 基于以上主题，其中重点制作的是校园文化和美食住宿；而辅助的是校园资讯等主题。对于网页如此划分的目的是，使用本网站的用户都是想要了解我们学校于他们息息相关的事情，无论是新生、老生还是其他用户，都想知道我们学校有哪些特色的文化和美食。文化可以增进他们知道我们学校的最近的文化活动生活。而美食，则能吸引更多的学生来了解我们

3、学校的吃货，这对于新进校园的新生有着极强引导作用。界面设计a、 对于每个版块的设计都有着其不同的元素，首页，主要突出网页围绕的主题设计导航，并且使用简单明了的文字对学院做出说明；而二级页面，则分为六个版块，每个版块都有着不同的设计元素来突出其主题；对于三级页面，由于其划分表达内容上得较为详细，所以社体元素较为单调以图文介绍为主。b、 全版设计所使用的元素极为简单，主要以框架、线条、设计，在此基础之上配合色彩、阴影、重叠、浮动、定位等的元素来协调画面风格。c、对于次级页面的导航栏设计，是浮动置于页面的底部，这样设计的效果是让用户浏览简洁方便，而且导航栏不会占据页面的内容。网站设计网站架构图页面设

4、计图主页面水院生活指南（）二级页面水院文化（）机构设置（）首页k1c首页：机构设置J/广、f"9主体部门LJ教学系部党群组织行政单位教辅单位动图（左右滑动）：师资力量，学生作品?水院单位水院资讯（）生活指南（）1首页.轮播：生活主题图片首页：生活指南1吃货图片J:1住宿图片3*S.购物、美味与住宿XlJ街口中心X.欣荣商圈，XJK,Ky第九菜系学生宿舍?水院单位周边景点（）首页，首页周边景点"-j/文本：介绍周围景点、<>fJ，*"«n.>>»»-，“一"一-"11-、带图标：溪头村带图标：

5、石门J二L-带图标：玫瑰园k.J带图标：流溪河LJ?水院单位交通路线（）首页：交通路线、到校自驾车到校公车游玩路线?水院单位三级页面?水院单位社团活动学习环境（）校园风光宣传视频（）首页首页：水院文化宣传视频视频窗口视频窗口?水院单位首页街口中心()首页：生后指南街口中心简介街口购物中心?水院单位欣荣商圈首页：生后指南欣荣商圈简介欣荣宏广场第九菜系（）首页：生后指南第九菜系轮播：特色菜历届学生评价饭堂趣事短文字简介学生宿舍首页：生后指南学生宿舍宿舍彩漫动图高清、特写（乱搭）部分板块设计图周边景点折叠块设计图学习环境详细设计图（主要参考八音盒）【首页J首页：水院文化学习环境图片图片简洁文字说明图

6、片相册?水院单位底部导航条程序设计模板代码<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><metaname="Generator"content="EditPlus?"><metaname="Author"content=""><metaname="Keywords"content="">

7、<metaname="Description"content=""><metaname="viewport"content="width=device-width,initial-scale=1"/><title>水院生活指南</title><linkrel="stylesheet"href="css/1.4.5"/>scripttype="text/javascript"src="js

8、/"></script>scripttype="text/javascript"src="js/1.4.5"></script><scriptsrc="js/"type="text/javascript"></script><styletype="text/css">/*公共样式 */*margin:0px;padding:0px;ullilist-style-type:none;#pageatext-decora

9、tion:none;color:#000;text-shadow:none;p,h2text-shadow:none;color:#000;body#pagebackground-image:url("img/");fonttext-shadow:none;/*bodymargin-bottom:60px!important;/*页面上升*/*内容样式 */*页眉*/.headwidth:100%;height:40px;background:#ddd;/*内容*/.navwidth:90%;height:60px;border-bottom:1px#000solid;ma

10、rgin:20pxauto;/*页脚*/.footptext-align:center;color:#000;/*导航样式*/</style></head><body><divdata-role="page"id="page"><divdata-role="header"class="head">首页 </a><ahref="#home"data-role="button"data-icon=&qu

11、ot;home"></div><!-内容-><divclass="nav"><pstyle="text-indent:2em;">当前位置：<ahref="">首页</a>><ahref="">水院资讯</a></p></div><!-页脚-><divdata-role="footer"class="foot"><p>广东水利电力职业技术学院&copy;13信管梁展图</p></div

人人文库> 全部分类> 行业资料 > 管理策划

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论