网页设计说明书.doc

上传人：丰****

文档编号：3871698

上传时间：2024-07-23

格式：DOC

页数：23

大小：80.54KB

《网页设计说明书.doc》由会员分享，可在线阅读，更多相关《网页设计说明书.doc（23页珍藏版）》请在咨信网上搜索。

设计说明书需求分析目标定位 a、制作这个网站的目的是为了方便我们学院的新生与老生能快速浏览的我们学校的基本情况，了解我们学校所有好玩，有趣的事情。 b、本网站的主要职能是实时为新生提供部分新的资讯。 c、本网站所面向的用户是所有进入我校的同学以及想要了解我们学校的用户. 用户分析 a、使用本网站的用户主要是想要了解我们学校的所有信息，并且能够为他们提供所需的生活所需的信息。 b、他们最想本网站为他们提供校内外的所有资讯，包括饮食，住宿，景点旅游等。 c、本网站制作内容架构清晰,避免过多的文字介绍造成用户过多阅读的麻烦。 d、用户可以每天浏览我们为其提供的实时热点以及校内外最新的资讯，比如：校园通知、饭堂价格等. 市场前景 a、本网站的市场需求在于为本校师生以及想要了解我校的用户提供最便捷，最新的信息。 b、基于前面的分析，决定了本网站的设计风格要简明、清晰；主题围绕着学生所需而开展。网站规划内容策划 a、本往网站主要经营的内容是：校园文化、校园资讯、美食住宿、周边景点等主题。 b、基于以上主题，其中重点制作的是校园文化和美食住宿;而辅助的是校园资讯等主题。对于网页如此划分的目的是，使用本网站的用户都是想要了解我们学校于他们息息相关的事情，无论是新生、老生还是其他用户，都想知道我们学校有哪些特色的文化和美食。文化可以增进他们知道我们学校的最近的文化活动生活。而美食，则能吸引更多的学生来了解我们学校的吃货，这对于新进校园的新生有着极强引导作用。界面设计 a、对于每个版块的设计都有着其不同的元素,首页，主要突出网页围绕的主题设计导航，并且使用简单明了的文字对学院做出说明；而二级页面，则分为六个版块，每个版块都有着不同的设计元素来突出其主题；对于三级页面，由于其划分表达内容上得较为详细，所以社体元素较为单调以图文介绍为主。 b、全版设计所使用的元素极为简单,主要以框架、线条、设计，在此基础之上配合色彩、阴影、重叠、浮动、定位等的元素来协调画面风格。 c、对于次级页面的导航栏设计,是浮动置于页面的底部，这样设计的效果是让用户浏览简洁方便，而且导航栏不会占据页面的内容。网站设计网站架构图 **细模块** **折叠快** 水院生活指南网机构设置水院文化生活指南周边景点水院资讯交通路线社团活动学习环境校园风光吃遍水院住宿环境宣传视频购物娱乐流溪滩涂森林公园招生就业水院要闻石门公园流溪公园校园内部街口广百欣荣商城页面设计图主页面水院生活指南（index.html) 首页轮播：学院各主题图文本：简介水院 ©水院单位生活指南周边景点交通路线水院文化机构设置水院资讯二级页面水院文化(sywenhua。html) 首页 ©水院单位首页：水院文化文本：文化生活简洁社团活动校园风光宣传视频学习环境拖动形状至中心，跳转到下一页面拖动后，形状复位机构设置（syjigou.html）首页 ©水院单位首页：机构设置教学系部党群组织行政单位教辅单位主体部门动图（左右滑动）：师资力量，学生作品水院资讯（syzixun。html）首页 ©水院单位首页：水院资讯招生就业水院要闻招生就业水院要闻文字滚动栏可加折叠显示生活指南(syshenghuo。html) 首页 ©水院单位轮播：生活主题图片首页：生活指南吃货图片住宿图片购物、美味与住宿街口中心欣荣商圈第九菜系学生宿舍周边景点（syzhoubian。html）首页 ©水院单位首页：周边景点文本：介绍周围景点带图标：石门带图标：玫瑰园带图标：流溪河带图标：溪头村交通路线（syluxian.html) 首页 ©水院单位首页：交通路线到校自驾车到校公车游玩路线三级页面社团活动(syshetuan.html）—-—----—---- 首页 ©水院单位首页：水院文化>社团活动大屏显示（未点击时，出现社团主体图点击时，轮换到每个社团的介绍内容）学习环境（syhuanjing.html）首页 ©水院单位首页：水院文化>学习环境长边幅网页，上下拖动，参考“八音盒” 学习（设计）图片简洁文字说明以下类推（具体见详细图）顶部校园风光(syfengguang。html）首页 ©水院单位首页：水院文化>校园风光长边幅网页，上下拖动，参考“八音盒” 环境（设计）图片简洁文字说明以下类推（具体见详细图）顶部宣传视频（syshipin。html）首页 ©水院单位首页：水院文化>宣传视频视频窗口视频窗口街口中心(jiekouzhongxin.html) 首页 ©水院单位首页：生后指南>街口中心简介街口购物中心图片短文字简介短文字简介欣荣商圈(xinrongshangquan.html) 首页 ©水院单位首页：生后指南>欣荣商圈简介欣荣宏广场图片短文字简介短文字简介第九菜系（xueyuanshitang.html）首页 ©水院单位首页：生后指南>第九菜系短文字简介轮播：特色菜历届学生评价饭堂趣事学生宿舍(xueshengsushe.html) 首页 ©水院单位首页：生后指南>学生宿舍宿舍彩漫动图高清、特写（乱搭）部分板块设计图周边景点———-—---折叠块设计图景点大图基本信息景点亮点温馨提示上下折叠模块（表格）首页：周边景点>玫瑰园>详细介绍 ©水院单位学习环境详细设计图（主要参考八音盒）首页 ©水院单位首页：水院文化>学习环境环境（设计）图片简洁文字说明静谧（设计）图片氛围（设计）图片相册底部导航条首页水院文化机构设置水院资讯交通路线周边景点生活指南程序设计模板代码〈！doctype html〉 <html lang="en”> <head〉〈meta charset=”UTF—8”〉〈meta name=”Generator” content="EditPlus®”〉 <meta name="Author" content="”〉 <meta name=”Keywords" content=""> <meta name=”Description” content="”> <meta name=”viewport" content=”width=device-width,initial—scale=1"/> <title>水院生活指南</title> 〈link rel=”stylesheet" href=”css/jquery.mobile-1。4。5.min.css”/〉 <script type=”text/javascript” src="js/jquery。js”></script〉〈script type=”text/javascript" src=”js/jquery。mobile-1。4.5.js”>〈/script〉 <script src=”js/jquery.min。js” type=”text/javascript">〈/script〉 <style type="text/css"〉 /*＊＊＊**＊*＊＊*＊＊＊******公共样式＊*****＊*＊***＊******＊***＊＊＊*＊＊＊/ ＊{margin:0px;padding：0px;｝ ul li｛list-style-type：none;｝ #page a｛text—decoration： none；color:＃000；text-shadow：none；} p,h2｛text-shadow：none;color：#000；｝ body ＃page｛background—image：url（”img/bj。jpg")；｝ font{text—shadow:none;｝ /＊body ｛ margin-bottom：60px ！important； }/＊页面上升＊/ /***＊**＊＊*＊*＊*＊＊＊＊*＊＊内容样式＊＊*＊*＊＊**＊*＊*＊＊＊*＊＊*＊＊*＊＊**＊*＊/ /＊页眉＊/ 。head｛width:100%;height：40px;background:#ddd;｝ /＊内容*/ 。nav｛width：90%;height:60px；border—bottom：1px ＃000 solid;margin:20px auto;} /＊页脚＊/ .foot p{text-align：center；color:＃000;｝ /＊*＊*＊*＊*＊*＊＊＊＊*＊＊*＊*导航样式＊*＊＊***＊*＊****＊*＊***＊＊＊*******/ </style> 〈/head〉〈body〉〈div data-role=”page" id="page"> <div data—role="header" class="head"> <a href=”＃home" data—role=”button” data-icon=”home"〉首页〈/a> </div> 〈!--内容--〉 <div class=”nav”〉 <p style=”text-indent：2em；">当前位置：<a href=""〉首页〈/a〉〉<a href=””>水院资讯〈/a>〈/p> 〈/div> 〈！——页脚-—〉 <div data—role="footer" class="foot"〉<p>广东水利电力职业技术学院＆copy;13信管梁展图〈/p〉〈/div> </div〉 <!-—底部导航-—> </body> 〈/html〉测试发布测试这个阶段主要对网站做兼容性测试，使其在匹配主流浏览器的基础之上，匹配更多的浏览器. 发布前期主要在校内推广给学生使用,在用户量增长的同时，尝试向即将进入我校的新生推广本网站. 维护每天都要更新当天的资讯，并且对出现的问题进行维护。

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档保存到电脑，查找使用更方便

10 金币

申诉本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请申请举报、认领或删除 立即下载

配套讲稿：: 如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
特殊限制：: 部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
关键词：: 网页设计说明书

咨信网温馨提示：
1、咨信平台为文档C2C交易模式，即用户上传的文档直接被用户下载，收益归上传人（含作者）所有；本站仅是提供信息存储空间和展示预览，仅对用户上传内容的表现方式做保护处理，对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿，我们不确定上传用户享有完全著作权，根据《信息网络传播权保护条例》，如果侵犯了您的版权、权益或隐私，请联系我们，核实后会尽快下架及时删除，并可随时和客服了解处理情况，尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确)，网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据，个别因单元格分列造成显示页码不一将协商解决，平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺，下载前须认真查看，确认无误后再购买，务必慎重购买；若有违法违纪将进行移交司法处理，若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传，付费前请自行鉴别，如您付费，意味着您已接受本站规则且自行承担风险，本站不进行额外附加服务，虚拟产品一经售出概不退款（未进行购买下载可退充值款），文档一经付费（服务费）、不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印，是因预览和防盗链等技术需要对页面进行转换压缩成图而已，我们并不对上传的文档进行任何编辑或修改，文档下载后都不会有水印标识（原文档上传前个别存留的除外），下载后原文更清晰；试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓；PPT和DOC文档可被视为“模板”，允许上传人保留章节、目录结构的情况下删减部份的内容；PDF文档不管是原文档转换或图片扫描而得，本站不作要求视为允许，下载前自行私信或留言给上传者【丰****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用；网站提供的党政主题相关内容(国旗、国徽、党徽－－等)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
6、文档遇到问题，请及时私信或留言给本站上传会员【丰****】，需本站解决可联系【微信客服】、【 QQ客服】，若有其他问题请点击或扫码反馈【服务填表】；文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“【版权申诉】”（推荐），意见反馈和侵权处理邮箱：1219186828@qq.com；也可以拔打客服电话：4008-655-100；投诉/维权电话：4009-655-100。

关于本文

本文标题：网页设计说明书.doc
链接地址：https://www.zixin.com.cn/doc/3871698.html

丰****

内容提供者

实名认证

查看上传人更多文档

部分上传会员的收益排行 01、路***（￥15400+），
02、曲****（￥15300+），
03、wei****016（￥13200+）,
04、大***流（￥12600+），
05、Fis****915（￥4200+），
06、h****i（￥4100+），
07、Q**（￥3400+），
08、自******点（￥2400+），
09、h*****x（￥1400+），
10、c****e（￥1100+）,
11、be*****ha（￥800+），
12、13********8（￥800+）。

相似文档

自信AI助手