Web网页设计设计报告.docx

1、Web网页设计设计报告Web网页设计课程设计题 目: 班 级: 姓 名: 指导教师: 2011年12月22日课程设计任务书一、 设计任务及要求： 采用Dreamweaver+ASP+Access综合进行课程设计，开发一个动态的网站系统，要求能够根据设计题目的要求，划分功能模块，根据功能模块的划分，进行相应的数据库设计，画出程序流程图，列出组成网页的文件清单；完成程序代码，对各模块进行整合，并进行调试，编写课程设计报告。1、设计任务要求 （1）进一步巩固和加深“Web网页设计”课程的基本知识，了解ASP动态网页设计知识在实际中的应用。(2) 综合运用“ASP动态网页设计”课程和先修课程的理论及生

2、产实际知识去分析和解决问题，进行的相关训练。(3) 学习ASP动态网页设计的一般方法，了解和掌握通用数据库的连接、数据的相关操作或网站的设计过程和进行方式，培养正确的设计思想和分析问题、解决问题的能力，特别是网站功能规划的能力和实现相关功能的能力。(4) 通过能系统的分析、系统设计、数据库设计和功能的实现等，培养ASP动态网页设计的基本技能2、设计内容要求1）、站点主题自拟、站点风格自行设计、布局简洁美观，站点内容健康详实，站点图片与网页内容贴近主题。 2）、所有页面必须有头部导航栏和尾部版权信息。3）、文档结构清晰，不得出现中文的文件夹名字以及中文的网页名字。4）、所有网页必须给标题命名。5

3、）、整个站点必须有良好的导航系统。 6）、考虑页面与屏幕的分辨率问题。3、设计报告要求1）、设计报告要有封面、有页码；2）、设计报告必须在2011年12月23日提交；3）、设计报告必须交打印文档。 指导教师签名 年 月 日二、 指导教师评语： 指导教师签名 年 月 日三、 成绩评定 指导教师签名 年 月 日一、课题名称：二、设计时间：2011年12月12日2011年12月23日时间安排：12月12日12月22日设计、编码12月23日：书写设计报告、提交三、设计环境硬件：多媒体机房 软件：Dreamweaver8.0 +AspWebServer +Access2003+Flash+PS四、设计目

4、的：1、进一步巩固和加深“Web网页设计”课程的基本知识，了解ASP动态网页设计知识在实际中的应用。2、综合运用“Web网页设计”课程和先修课程的理论及生产实际知识去分析和解决问题，进行的相关训练。3、学习ASP动态网页设计的一般方法，了解和掌握通用数据库的连接、数据的相关操作或网站的设计过程和进行方式，培养正确的设计思想和分析问题、解决问题的能力，特别是网站功能规划的能力和实现相关功能的能力。 1）、数据库、表的设计 2） 增加模块、修改模块、删除模块的代码编写4、通过能系统的分析、系统设计、数据库设计和功能的实现等，培养ASP动态网页设计的基本技能。五、设计要求1、独立完成课程设计。2、要

5、求熟练掌握Dreamweaver的操作使用，AspWebServer的安装与配置3、熟练掌握Access数据库的设计基本方法。4、站点主题自拟（体育、军事、茶叶、个人站点等）站点风格自行设计、布局简洁美观，站点内容健康详实，站点图片与网页内容贴近主题。5、文档结构清晰，不得出现中文的文件夹名字以及中文的网页名字6、所有网页必须给标题命名，整个站点必须有良好的导航系统六、设计内容与步骤1、 网站的规划与设计1） 网站定位（面向人群，涉及范围）随着信息化全面普及，为处理大量数据、发布及时信息，所以建立一个系部网站。希望该网站能够让师生之间进行良好的沟通。网站通过asp架构可以对学生的基本信息及其大

6、量的学习成绩尽心处理2） 网站简介信息工程管理系统网是面向信息工程系的信息、管理系统。信息工程管理系统旨在为广大师生提供一个交流的平台，强调师生互动的特色，而非仅仅是自上而下发布消息的场所。网站基于ASP+Access的架构，通过后台管理，能够实现即时更新。通过学院服务器进行组建服务管理。网站涵盖了了系部的动态信息的发布，各个班级子网的建设。此网站能让同学知道更多关于系部的消息及外部人员更好的了解本系动态。为实现更好的网站建设，由各个班级自己实施管理，可以根据实际需要发布班级动态，自主查找自己需要的信息，可以更好的促进个人与集体的沟通交流。3） 网站的栏目规划（总体结构设计） 4） 网站的数据

7、设计与规划一个专业的网站建立在合理的网站规划前提之下，网站规划既有战略性的内 容，也包含战术性的内容，网站规划应站在网络营销战略的高度来考虑，战术是为战略服务的。网站规划是网站建设的基础和指导纲领，决定了一个网站的发展方 向，同时对网站推广也具有指导意义。网络营销计划侧重于网站发布之后的推广，网站规划侧重于网站建设阶段的问题，但网站建设的目的是为了开展网络营销的需 要，因此应该用全局的观点来看待网站规划，在网站规划阶段就将计划采用的营销手段融合进来，而不是等待网站建成之后才考虑怎么去做营销。网站规划的内容对 网络营销计划同样具有重要意义，具有与网络营销计划同等重要的价值，二者不可互相替代。网站

8、规划的主要意义就在于树立网络营销的全局观念，将每一个环节都 与网络营销目标结合起来，增强针对性，避免盲目性。5） 网站的文档结构图 2、 网站主要页面及核心代码首页系部风采系部动态10网络10多媒体10冶控校长寄语a target=_blank href=http:/www.H 邮箱登录请选择邮箱信息工程系动态 document.all.Layer8.style.display=none; document.all.Layer8.style.visibility=hidden; 10网络 信息工程系动态 document.all.Layer8.style.display=none; docum

9、ent.all.Layer8.style.visibility=hidden;mtDropDown.isSupported = function() if (typeof mtDropDown.isSupported.r = boolean) return mtDropDown.isSupported.r;var ua = navigator.userAgent.toLowerCase();var an = navigator.appName;var r = false;if (ua.indexOf(gecko) -1) r = true; else if (an = Microsoft In

10、ternet Explorer) if (document.getElementById) r = true; mtDropDown.isSupported.r = r;return r; mtDropDown.initialize = function() for (var i = 0, menu = null; menu = this.registryi; i+) menu.initialize(); mtDropDown.renderAll = function() var aMenuHtml = ;for (var i = 0, menu = null; menu = this.reg

11、istryi; i+) aMenuHtmli = menu.toString();document.write(aMenuHtml.join(); function mtDropDown(oActuator, iDirection, iLeft, iTop, iReferencePoint, parentMenuSet) this.addItem = addItem;this.addMenu = addMenu;this.toString = toString;this.initialize = initialize;this.isOpen = false;this.show = show;t

12、his.hide = hide;this.items = ; this.onactivate = new Function(); this.ondeactivate = new Function(); this.onmouseover = new Function(); this.onqueue = new Function(); this.index = mtDropDown.registry.length;mtDropDown.registrythis.index = this;var id = mtDropDown + this.index;var contentHeight = nul

13、l;var contentWidth = null;var childMenuSet = null;var animating = false;var childMenus = ;var slideAccel = -1;var elmCache = null;var ready = false;var _this = this;var a = null;var pos = iDirection = mtDropDown.direction.down ? top : left;var dim = null; function addItem(sText, sUrl) var item = new

14、 mtDropDownItem(sText, sUrl, this);item._index = this.items.length;this.itemsitem._index = item;function addMenu(oMenuItem) if (!oMenuItem.parentMenu = this) throw new Error(Cannot add a menu here);if (childMenuSet = null) childMenuSet = new mtDropDownSet(mtDropDown.direction.right, -5, 2, mtDropDow

15、n.reference.topRight);var m = childMenuSet.addMenu(oMenuItem);childMenusoMenuItem._index = m;m.onmouseover = child_mouseover;m.ondeactivate = child_deactivate;m.onqueue = child_queue;return m;function initialize() initCache();initEvents();initSize();ready = true;function show() if (ready) _this.isOp

16、en = true;animating = true;setContainerPos();elmCacheclip.style.visibility = visible;elmCacheclip.style.zIndex = mtDropDown._maxZ+; slideStart();_this.onactivate();function hide() if (ready) _this.isOpen = false;animating = true;for (var i = 0, item = null; item = elmCache.itemi; i+) dehighlight(ite

17、m);if (childMenuSet) childMenuSet.hide();slideStart();_this.ondeactivate();function setContainerPos() var sub = oActuator.constructor = mtDropDownItem; var act = sub ? oActuator.parentMenu.elmCacheitemoActuator._index : oActuator; var el = act;var x = 0;var y = 0;var minX = 0;var maxX = (window.inne

18、rWidth ? window.innerWidth : document.body.clientWidth) - parseInt(elmCacheclip.style.width);var minY = 0;var maxY = (window.innerHeight ? window.innerHeight : document.body.clientHeight) - parseInt(elmCacheclip.style.height); while (sub ? el.parentNode.className.indexOf(mtDropdownMenu) = -1 : el.of

19、fsetParent) x += el.offsetLeft;y += el.offsetTop;if (el.scrollLeft) x -= el.scrollLeft;if (el.scrollTop) y -= el.scrollTop;el = el.offsetParent;if (oActuator.constructor = mtDropDownItem) x += parseInt(el.parentNode.style.left);y += parseInt(el.parentNode.style.top);switch (iReferencePoint) case mtD

20、ropDown.reference.topLeft:break;case mtDropDown.reference.topRight:x += act.offsetWidth;break;case mtDropDown.reference.bottomLeft:y += act.offsetHeight;break;case mtDropDown.reference.bottomRight:x += act.offsetWidth;y += act.offsetHeight;break;x += iLeft;y += iTop;x = Math.max(Math.min(x, maxX), m

21、inX);y = Math.max(Math.min(y, maxY), minY);elmCacheclip.style.left = x + px;elmCacheclip.style.top = y + px;function slideStart() var x0 = parseInt(elmCachecontent.stylepos);var x1 = _this.isOpen ? 0 : -dim;if (a != null) a.stop();a = new Accelimation(x0, x1, mtDropDown.slideTime, slideAccel);a.onfr

22、ame = slideFrame;a.onend = slideEnd;a.start();function slideFrame(x) elmCachecontent.stylepos = x + px;function slideEnd() if (!_this.isOpen) elmCacheclip.style.visibility = hidden;animating = false;function initSize() var ow = elmCacheitems.offsetWidth;var oh = elmCacheitems.offsetHeight;var ua = n

23、avigator.userAgent.toLowerCase(); elmCacheclip.style.width = ow + mtDropDown.shadowSize + 2 + px;elmCacheclip.style.height = oh + mtDropDown.shadowSize + 2 + px; elmCachecontent.style.width = ow + mtDropDown.shadowSize + px;elmCachecontent.style.height = oh + mtDropDown.shadowSize + px;contentHeight = oh + mtDropDown.shadowSize;contentWidth = ow + mtDropDown.shadowSize;dim = iDirection = mtDropDown.direction.down ? contentHeight : contentWidth; elmCachecontent.style