网页设计报告

网页设计报告 课程名称:网页设计与制作? 题 目:青年志愿者协会 专 业 计算机网络 班 级 网络09301 学 号 200930160201 姓 名 刘鑫 成 绩 _______________ 指导教师 宋彩利 2011年3月1日至2011年5月12日 1 《网页设计与制作》 设计任务书 题 目 动态网站制作 专业班学生姓名 学号 级 1(设计目的: 1)掌握网站设计环境的建立方法; 2)掌握dreamweaver开发网站的过程和方法; 3)掌握B/S模式下前台界面与后台数据库的关系，能利用数据控件操 作后台数据库。 4)掌握网站发布与验证方法。 2(设计内容及基本要求: 设计个人或单位网站，功能要求如下: 1)具有用户注册与登录功能; 2)有数据编辑功能，包括数据库中数据 表 关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf 的增、删、改; 3)具有数据查询与显示功能，查询条件选择灵活; 4)具有数据统计与显示功能，统计条件选择灵活; 5)网站布局合理，信息显示清晰。 3(撰写课程设计报告。报告内容要求如下: 1)设计题目、目的、内容; 设 2)网站设计思想、典型技术和设计过程; 计 3)建立的数据库和数据表结构; 内 4)网站结构图及网页相互关系说明; 容 5)典型程序的程序 流程 快递问题件怎么处理流程河南自建厂房流程下载关于规范招聘需求审批流程制作流程表下载邮件下载流程设计 图; 与 6)程序 清单 安全隐患排查清单下载最新工程量清单计量规则下载程序清单下载家私清单下载送货清单下载 ; 要 7)设计时遇到的问题及解决方法; 求 8)课程设计总结。 9)提交设计程序和程序使用说明书。 2 目 录 ?1设计目的……………………………………………… 4 ?2设计内容……………………………………………… 4 ?3典型技术……………………………………………… 4 ?4设计过程……………………………………………… 4,5 ?5 数据库及数据表结构…………………………………5 5.1前台页面…………………………………………. 5,6 ?6 网站结构图…………………………………………… 6,7 ?7 典型程序的程序流程图……………………………… 7,8,9,10 ?8 设计时遇到的问题及解决方法……………………… 11 ?9 使用说明书…………………………………………… 12 ?10 总结………………………………………………….. 12 3 1 设计目的 中国的青年志愿者行列在不断地扩大，其深厚的影响力在世界范围内越来越明显。从五?一二汶川大地震到2008年北京奥运会，再从2008年奥运会到2011年西安世园会，中国志愿者团结，奉献，互助，进步的形象已渐渐的深入到每一个国人和国际友人的心目当中。本文开发的一个简单的青年志愿者网站旨在为我校青年志愿者协会提供一个关注国内志愿者工作，为校内志愿者提供一个交流及互相了解的平台。本文开发的青年志愿者网站运用了ASP技术，ACCESS数据库技术，PHOTOSHOP图像处理技术等。 本文论述了开发一个简单的志愿者网站所用到的关键技术和方法。其中运用了ASP技术、ACCESS数据库等等,实现了一个简单的志愿者网站的设计与开发,并详细讨论了该网站的实现过程及其结构. ?2 设计内容 本文根据青年志愿者的主要性质和主要工作，结合我校青年志愿者协会的实际情况，特设计了几个主要内容:协会简介，新闻资讯，志愿者风采，世园专题，品牌项目，会员交流等。 ?3 典型技术 利用ASP技术，进行动态网站的制作。 利用FLASH技术，将某些新闻资讯以动画形式展现，提供给用户一个视觉上的感受。 利用ACCESS数据库技术，提供后台数据交互服务，让有利的数据保存在数据库中，方便用户和管理员浏览和查询相关数据信息。 利用PHOTOSHOP图像处理技术，制作相关网页需要的标题图像。 ?4 设计过程 (1) 协会简介:针对我校青年志愿者协会的组织结构及各个部门的工作性质， 对其进行详细的介绍。 4 (2) 新闻资讯:针对当下国内的青年志愿者的工作，为用户提供最新的国内志 愿者信息。 (3) 世园专题:宣传西安世界园艺博览会，传播西安世园会基础知识。 (4) 志愿者风采:展现国内志愿者，尤其是我校青年志愿者的风貌。 (5) 品牌项目:使用户了解我校青年志愿者的主要工作和服务对象，加强我校 青年志愿者协会的对外影响。 (6) 会员交流:为校内青年志愿者协会会员提供一个相互交流了解的平台，同 时，方便了解会员的最新动态。 ?5 数据库及数据表结构 本网站所使用的数据库服务器为ACCESS 2010 需求 分析 定性数据统计分析pdf销售业绩分析模板建筑结构震害分析销售进度分析表京东商城竞争战略分析 ，需要建立两张数据表。 表一:数据库dl表图 表二:数据库lyb表图 5.1前台页面 登录页面: 5 留言页面: 当用户点击登录后，则界面转到登录成功或登录失败界面，显示“恭喜您～登录成功”或“很遗憾～登录失败～” 当用户提交留言后，留言数据自动存入后台数据表中。 ?6 网站结构图 青年志愿者协会 6 志协新世品会愿会闻园牌员者 简资专项交风介讯题目流 采 协规组职雷团体世世直 西爱四会章织务锋队育园园通活 部心个 动 简制机设活训文纵概世计支小介 度 构 置 动 练 化 览 况 园 划 教 孩 组协外秘实 织调联宣践 部 部 部 部 部 ?7 典型程序的程序流程图 7

用户名

密码

         

8

                9

	姓名
	发表于
	Email
	留言内容

               
      10

?8 设计时遇到的问题以及解决方法 遇到的问题:(1)层的问题。在插入层时，将层拖动到目的位置后保存。然而在进行浏览时却发现层在页面上的显示位置并不是预期位置。在一定程度上会发生左右之间的大幅度便宜。 (2)动态登录的问题。登录时，无论输入数据库中已存在的信息，或者是输入数据库中不存在的信息。只要登录，都只转到登录失败的页面。 (3)留言板留言问题。在留言板中进行留言，用户将留言提交后。在后台的数据库中并不能找到留言内容。也就是说，留言内容没有导入到后台数据库。 (4)图像问题。在制作网页时，为了便于区分图像内容，将图像以中文命名。在网页制作完成后，将以中文命名的图像重命名为数字或者英文字母。然而，造成的结果是，在进行网页浏览时，原来可显示的图像变的不可显示。 (5)网页无法浏览问题。在自己的电脑上可显示的网页。在他人的电脑上不可用。 解决方法:(1)为了解决插入层浏览时不在目标位置的问题，我有两种解决 方案 气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载 。第一种:调节显示屏的分辨率。第二种:放弃使用层，改用表格，将要插入的内容嵌套在表格中。 (2)未解决。 (3)未解决。 4)最好的解决方法是在设计之初便将图像命名为数字或英文字母， ( 如果在设计完成后要改动图像名称，要将原有图像全部复制，再进行重命名，但要记住，不能删除原有图像。 (5)这是由于相对路径和绝对路径的原因所造成的。一般来说，我们都是在绝对路径下进行网页制作的。而我们在他人的计算机上浏览自己的网页时，往往会将自己的网页文件夹拷贝到一个硬盘。而这个硬盘并不是你在建立站点时所建立的位置，也就是说，你现在所处的路径并不是你当时所建立的绝对路径。路径发生错误，网页不被识别，故而无法正常浏览。 11 ?9 使用说明书 (1) 将网站文件夹复制到F盘中。 (2) 控制面板 管理工具 Internet信息服务(IIS) 网站 右击 新建虚拟目录 别名 浏览 完成。 (3)刷新站点 shouye文件夹 shouye.asp 右击“浏 览”。 (4)登录。在用户名中输入“留心”，密码输入“123456”。若成功，则转 到登录成功页面。若失败，则转到登录失败页面。(备注:由于某些原因， 网站不论登录成功或是失败，都只能转到登录失败页面。) (5)登录完成后，用户可自行浏览剩余页面。 ?10 总结 这次《网页制作与设计》考试的设计将我学习的知识进行了一次综合，我必须将以前所学融会贯通，且灵活运用并且更加深入地研究学习之后才能完成我的设计，这也正是学习的真谛，希望我能够成功地通过这次检验，成为一个优秀的毕业生。 12