平面设计标准教程范文

导语：如何才能写好一篇平面设计标准教程，这就需要搜集整理更多的资料和文献，欢迎阅读由公务员之家整理的十篇范文，供你借鉴。

篇1

关键词：自学问题　专业整合　计算机课程　电脑

一、建筑专业整合的自学问题

随着城市楼宇经济的发展，房地产行业异军突起，带动了印刷、广告等行业，大街小巷散发的楼房销售宣传单比比皆是，不断深入人们的生活，成为方便快捷的消费时代的一种产物。大学生们只要多注意观察、动脑筋，努力去思考、查资料，就知道楼房宣传单是如何做出来的。如图1：

这张楼房宣传单的制作过程便是先根据《建筑工程制图》知识利用AutoCAD（二维、三维绘图软件，通常用二维）画出图1中楼房的二维视图，接着把AutoCAD二维视图导入3d MAX（三维、动画制作应用软件）中进行楼房建模，再把3d MAX中的楼房建模效果图导入到Photoshop（图像处理应用软件）中去处理（填加配景等），最后再把Photoshop效果图导入到CorelDRAW（排版应用软件）中去排版，就完成了楼房销售宣传单的制作。

从楼房售销宣传单的制作过程带给我们很多启示。对于“建筑专业”的学生而言，基本上能够做出来，因为AutoCAD、3d MAX、Photoshop三门课都已开设了，业余时间再把CorelDRAW学习一下，就能制作出来并小有成就感。对于计算机专业的学生而言，AutoCAD、3d MAX、Photoshop、CorelDRAW四门课程都开设了，只要把《建筑工程制图》弄懂了，也能通过这一制作过程将专业课程贯穿起来。

二、与服装设计专业整合的自学问题

人们对美的追求没有止境，作为服装行业，本身就是人们视觉生活的重要组成部分。随着生活水平的提高，不管是服装效果图还是室内装饰品（书画、照片等）大都需要通过电脑进行修饰和处理，使其完美。如图2、图3：

图2是时装画，传统的做法是先用手绘制，涂色，晒干后装裱好。如果把晒干后的时装画用扫描仪扫描到电脑中，就可以用Photoshop处理，处理完后可以通过互联网发送给客户、朋友等，方便快捷，也可以保存在电脑中。

图3是素描画，传统的做法是一人作为模特（坐着或站着等），另一人将其形象如实描绘在纸上。如果用相机拍照后传输到电脑中，再用Photoshop处理，也能达到素描的效果，效率会高很多。

当然，手画和电脑处理是两码事，但作为有美术基础的服装专业学生而言，在业余时间学一下Photoshop（图像处理软件），处理起工作来将是如虎添冀。而且服装设计学院（或系）一般每年会举行“时装表演秀”，有部分同学拍了些照片，发到网上或QQ群里面，如果先用Photoshop处理每一张照片，然后再用视音频处理软件（绘声绘影、Premiere等）编辑成电子相册，发送到网上，一则是一种宣传，二则是一种锻炼和积累。学习Photoshop、视音频处理软件（绘声绘影、Premiere等），也会给大学生们的业余生活增添很多色彩。

三、汽配汽修专业整合的自学问题

随着改革开放的加快，中国的机械制造业飞速发展，涌现出机床、专用设备、交通运输工具、机械设备、电子通讯设备等行业。拿汽配汽修专业来说，如图4 发动机简图：

图4是一个发动机运动简图，通过运动简图展示发动机中曲轴、连杆、活塞的运动关系（曲轴转动带动连杆转动，连杆转动带动活塞上下运动）。汽车专业的学生在三维绘图软件CATIA、Pro/E、UG、SolidWorks、CAXA实体设计等学习的基础上，利用业余时间学习一些动画制作软件Flash、3d MAX、Maya（三维、动画制作应用软件）等，不仅能把发动机的三维模型图画出来，而且能够把它的工作过程或工作原理以动画的方式展示出来，一目了然。当然，CATIA、Pro/E、UG、SolidWorks、CAXA实体设计等三维软件也可以作动画，但功能不如Flash、3d MAX、Maya强大。很多高职学院每年举办大学生作品展，倘若同学们设计出一个运动机构，以动画的方式展示出来，无疑是一个创新，为以后找到合适的工作增加了不菲的筹码。

四、机械专业整合的自学问题

对于机械专业的学生而言，《机械制图》、AutoCAD、三维软件（UG、SolidWorks、CAXA实体设计等其中一门）是必修的专业基础课，在此基础上，利用业余时间学习Photoshop，把自己设计好的机械图样（二维或三维）用Photoshop处理一下，再用CorelDRAW排排版（加上一些产品的使用说明等），可以做成产品宣传单或公司网站的样品图片（见图5）。

五、计算机专业整合的自学问题

即便是计算机专业的学生，利用自身的专业特长，业余时间再学一点影视专业课程（视频处理、音频制作等）知识，就能够做一个推销自己的求职视频。如图六是马文求职视频的截图，前段时间互联网上非常流行的求职视频，通过互联网利用求职视频把自己推销出去，同时也展示了自己的专业或特长。通过这一实例更充分说明，进行专业整合的自学，不仅能提高自身综合素质，而且提供了展示自我的机会。

面对大学生就业难、就业工作与所学专业不对口等问题，同学们，在就业之前该如何从自身入手，寻求突围之道？以上便是提供给同学们充分利用课余时间进行自学的一种模式，也就是专业整合的自学模式。

参考文献

1、李建宏 雷波 Photoshop CS3平面设计标准教程.机械工业出版社，2007，6。

2、杨品 罗伟翔 Photoshop数码相片处理技巧大全.中国电力出版社，2008，6。

3、达达视觉 3d MAX 高级建模实例精讲.科学出版社，2010，3。

4、文东 3d MAX 动画制作基础与项目实训.科学出版社，2010，5。

5、杜秋磊 郭莉 Flash CS5完全自学一本通.电子工业出版社，2010，10。

6、李波 杨红 中文版CorelDRAW X4平面设计半月通.清华大学出版社，2008，9。

7、王琦 Autodesk Maya 2010标准培训教材.人民邮电出版社，2010，1。

篇2

政府部门门户网站建设是根据国家对政府信息公开的相关政策要求，实现部门政务信息公开的优先手段和必然选择。论文详细描述了一个基于ASP技术和ACCESS数据库系统网页的实现过程。网页设计及制作主要围绕政务公开、在线办事和网上交流三大功能进行，前台信息共设置领导讲话、政务公开、工作动态、政策法规等十大功能模块。后台管理采用Client/Server和Browser/Server相结合的技术方式，将超文本标记语言（HTML）和简单的JScript语言相融合开发，使用Session对象进行Web页之间的数据传递，并跟踪用户登陆，实现了不同权限用户对新闻信息的计算机网络管理和Web查询功能。网页新闻访问采用主页+标题面+子页面三级模式，主页面提供了本网页的一个宏观样式，并让各模块与之配合联系，构成一个完整的网页系统。

【关键词】

政府网站

网页制作

ASP 技术

ACCESS 数据库

【英文对照】

ABSTRACT

The portal website of government departments is the best candidate and inevitable choice for government affairs opening. Its construction is based on the related policies and regulations on government affairs opening which are enforced by the state. This paper presents the construction of one portal webpage based on ASP and ACCESS database. The design and implementation of webpage mainly consists of three parts: government affair opening， online government office， and online communication. The front-end consists of ten major modules， including leader's speech， government affair opening， government dynamics， policies and regulations etc. The backend is a hybrid of C/S and B/S technologies， HTML and JScript are combined together and session object is used for inter-page data communication and traced the status of user logon， web based lookup and remote administration of webpage are implemented and access control to user of different privileges is achieved. The access to webpage news adapts a three-tier scheme which includes main page， title page and sub-page， the main page provides the overall look-and-feel and orchestrate all the modules so to form a complete webpage.

【KeyWord】

Government website

Webpage Making

ASP

ACCESS database

【目

录】

前言 2

正文 3

第 一 章 概 述 3

1.1 网页制作背景 3

1.2 网页制作的意义 3

1.3 开发工具简介 4

第 二 章 可行性分析 5

2.1 B/S结构介绍 5

2.2 ACCESS 数据库 5

2.3 ASP 技术 5

第 三 章 网页需求分析 7

3.1 总体功能需求分析 7

3.1.1. 基本功能需求 7

3.1.2. 功能结构图 7

3.2 网页具体功能模块需求分析 8

3.2.1. 政务公开功能 8

3.2.2. 网站办事功能 8

3.2.3. 网上交流功能 8

3.3 网页结构图 9

3.4 网页版面规划 10

3.5 网站CI形象设计 10

3.6 网页布局技术 11

第 四 章 数据库设计 12

4.1 数据库概念结构设计 12

4.2 数据库逻辑结构设计 14

第 五 章 人机界面设计 17

5.1 后台登录界面设计 17

5.2 用户管理页面设计 18

5.3 信息检索页面设计 18

5.4 后台管理页面设计 19

第 六 章 系统程序设计 20

6.1 程序设计语言 20

6.2 部份源程序实现及文件 20

第 七 章 网页测试 30

7.1 测试网站的建立 30

7.1.1. 测试网站环境 30

7.1.2. Web服务器IIS5.1简介 30

7.1.3. 网页测试 30

7.2 网页及网站维护 31

第 八 章 结论 32

参考文献 33

致 谢 34

【前言】

在我国，继党的十六大提出推行电子政务、提高行政效率之后，十六届三中全会进一步强调要发展电子政务，提高政府的服务和管理水平。政府网站作为电子政务建设的龙头是完善政府公共服务接入渠道的主要手段，它实现了按照用户对象进行信息资源的整合，提供覆盖用户全生命周期的各种信息和服务。同时，网页信息传播的即时性和全面性确保了政府大量重要信息的广泛共享，优化了社会资源配置，让政务信息更便捷、更低成本地进行传递。通过访问政府网页，企业和社会公众可以24小时不间断地，不受任何空间界限影响地与政府进行信息交互，在促进政务公开，改进公共服务，提高行政效能，确保公众知情权、参与权和监督权等方面有着显著成效。

政府网站建设的含义就是利用Internet/Intranet等计算机通信技术，在Internet上建立正式站点，通过网络实现政府在政治、经济、社会、生活等诸多领域中的管理和服务职能，推动政府办公自动化与网上便民服务，是政府和社会互动的重要窗口。论文就巴中市网页的设计和制作作了详细描述，网页主要功能模块设置紧紧围绕部门职能职责，密切结合公众需求，实现了预期设计目标，网页经本地局域网测试运行正常。

【正文】

网页制作

第 一 章 概 述

1.1 网页制作背景

在当前这个网络时代，电子政务是各国政府倡导和推动网络化的5个重要应用领域中的首要。美国早在克林顿政府时期就开始积极倡导和推动电子政务和电子政府的建设。英国于2005年将所有的政府服务实现上网。新加坡更是从1981年就开始发展电子政务，目前其电子政务的发达程度已备受世人瞩目。在我国，政府信息门户网站作为展示政府整体形象的窗口和联系群众、服务群众的桥梁正日益得到各级政府的重视。如今，全国各地的电子政务建设已进入实质阶段，全国257个地市级城市中已经有90%的城市建立了自己的政府网站。在应用上，电子政务建设已经从网络基础建设向功能应用层面和社会服务层面转变。随着我国信息化进程的深入推进，将极大地调动整个社会活力，推动中国社会的飞速发展，并对中国未来的发展产生巨大的影响。

1.2 网页制作的意义

首先，政府网站关系到政府的服务形象，关系到百姓的切身利益。政府部门通过制作网页建立网站，是电子政务的最佳切入点和重要内容，政府网页的发展水平是衡量一个地区电子政务进程的标志。在政府网页上，政务信息公开程度，有关为民服务栏目健全情况，信息反馈情况，在线办公与网上受理情况等关系到政府的服务形象，关系到百姓的切身利益。其次，政府网页制作有利于政府各类信息的充分共享，有利于政府决策水平的不断提高。通过网页的各类平台迅速直接地获取公众的反馈信息，准确掌握外部环境，大幅提高了正确决策与快速反应的能力。随着政府各类信息的公开化，政民互动不断加强，政府将在公众面前展现出高效、透明的良好形象，这有利于提高社会凝聚力，对于维护社会稳定、促进社会发展具有重要意义。

1.3 开发工具简介

在众多的网页设计与制作工具软件中，我根据实际需求及对软件的熟悉程度，主要选取了Photoshop CS3、Fireworks 8.0、Flash MX 2004、Macromedia Dreamweaver8进行网页的开发和制作，这些软件的主要特点分述如下。

 网页图像设计工具——Photoshop CS3、Fireworks 8.0

在网页制作过程中，首先要使用Photoshop或Fireworks 设计网页和整体效果图、处理网页中的图像、背景图及网页的图标、按钮等。Photoshop是平面图像处理业界霸主Adobe公司推出的跨越PC和MAC两界首屈一指的大型图像处理软件.它功能强大，操作界面友好，得到了广大第三方开发厂家的支持，从而也赢得了众多的用户的青睐。Fireworks是Adobe公司推出的著名平面图像设计和图像处理软件，它具有强大的图像处理功能和操作易用性，受到广大平面图形设计人员及专业广告设计师的青睐。它涉及图像合成、色彩校正、图层调板、通道使用、动作调板、路径工具、滤镜等图像处理功能。可制作如按钮制作、文字特效、材质纹理、三维物体、影像特效及广告创意设计等多种用途。

 动画制作工具——Flash MX 2004

Flash MX 2004是Macromedia公司的一个的网页交互动画制作工具。用flash制作出来的动化是矢量的，不管怎样放大、缩小，它还是清晰可见。 用flash制作的文件很小，这样便于在互联网上传输，它还采用了数据流技术，只要下载一部分，就能欣赏动画，而且能一边播放一边传输数据。 交互性更是flash动画的迷人之处，可以通过点击按钮、选择菜单来控制动画的播放，这些优点使flash日益成为网络多媒体的主流。

 网页排版工具—— Macromedia Dreamweaver 8

Macromedia Dreamweaver 8是由Macromedia公司推出的，用于网页开发和网站管理的专业化设计工具。它采用了多种新技术，具有设计和开发网站过程中需要的网站管理、网站设计、页面制作、多媒体制作和动画制作等丰富实用的功能；它具有友好的操作界面，在文档窗口中可以打开各种浮动面板，同时还可以使用系统内置的多种对象进行操作。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序，从而使用户能连接到数据库、Web 服务。

第 二 章 可行性分析

2.1 B/S结构介绍

B/S（Browser/Server，简称B/S）结构，即浏览器/服务器模式，它是WEB兴起后的一种网络结构模式，从传统的二层C/S结构发展而来，通常采用三层结构：浏览器-Web服务器-数据库服务器，WEB浏览器是客户端最主要的应用软件，浏览器通过Web Server 同数据库进行数据交互。

在B／S体系结构系统中，用户通过浏览器向分布在网络上的许多服务器发出请求，服务器对浏览器的请求进行处理，将用户所需信息返回到浏览器。而其余如数据请求、加工、结果返回以及动态网页生成、对数据库的访问和应用程序的执行等工作全部由Web Server完成，这样大大简化了客户端，减轻了系统维护与升级的成本和工作量，降低了用户的总体拥有成本（TCO）。

该结构的缺点是存在数据安全性问题、对服务器要求过高、数据传输速度慢、软件的个性化特点明显降低，难以实现传统模式下的特殊功能要求。

2.2 ACCESS 数据库

Access是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS），是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。由于Access数据库的ODBC驱动程序支持的SQL指令全，执行效率高，所以Access后台数据库+ASP服务器端程序+客户端IE浏览器，是一个精练、实用、高效的组合模式。

2.3 ASP 技术

ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。与HTML相比，ASP网页具有实现动态网页技术；包含在HTML代码所组成的文件中，易于修改和测试；可以使用服务器端ActiveX组件来执行各种各样的任务；方便连接ACCESS与SQL数据库等多种优点，其主要缺点是开发人员要有丰富的经验，否则会留出漏洞，让黑客利用进行注入攻击。安装ASP时，系统提供了两种脚本语言：VBScript和JScript，而VBScript则被作为系统默认的脚本语言。

第 三 章 网页需求分析

3.1 总体功能需求分析

网页功能分析就是以系统的观点，对已选定的对象与开发范围进行有目的、有步骤的实际调查和科学分析。分析的目的就是要弄清楚网页要做什么，最终为后面的设计工作打下基础。

该网页作为电子政务的一种服务平台，政务公开、在线办事、网上交流是其基本的三大功能。

3.1.1. 基本功能需求

 政务公开功能

根据2008年5月1日起施行的政府信息公开条例规定，行政机关应当将主动公开的政府信息，通过政府公报、政府网站、新闻会以及报刊、广播、电视等便于公众知晓的方式公开，确保公众享有充分的知情权、监督权。

 网站办事功能

网上办公办事是网页功能服务中非常重要的组成部分，是电子政务建设努力的方向。通过提供一些行政审批等项目的在线办理极大地方便了群众，减少了不必要的人为环节，节省了社会资源。

 网上交流功能

通过搭建政民交流平台，让公众不但能够将自己的建议与意见直接反映给部门领导，实现普通群众参政、议政的夙愿，而且使领导能够通过这一平台，倾听民声、关注民情、体察民意，进而为群众办理更多的实事、好事、贴心事。

3.1.2. 功能结构图

3.2 网页具体功能模块需求分析

根据总体功能需求分析，该部门网页确定政务公开、工作动态、领导讲话等功能模块，具体组成分别如下。

3.2.1. 政务公开功能

 领导讲话模块

功能：即时领导关于三农工作的各种会议、现场讲话。

作用：传达精神，贯彻意图。

 政务公开模块

政务公开模块包含七个子模块：机构职能、领导介绍、内设科室、农口系统、人事信息、规划计划、财政信息。模块根据国家信息公开条例等法规政策要求，针对该政府部门必须公开的七个方面进行设置。

 工作动态模块

工作动态模块，包含六个子模块：综合信息、新村建设、农业产业化、劳务开发、农田建设、移民工作。功能根据该政府部门各科室（办）所承担的职能职责进行设计，实现了各责任条块当前工作信息的即时公开。

 政策法规模块

模块设置农业法规、政策文件两个子模块，提供近年来国家关于三农工作各种重要法规、政策的浏览和下载，同时对本区、部门关于三农工作制定的各种政策文件进行了公开，使法规政策透明化，接受公众监督。

 专题专栏模块

模块包含科学发展观、调研文章、企业推介、农业前沿四个子模块。科学发展观子模块紧扣时代所需，调研文章子模块是在互联网上开辟的一个崭新的调研舞台，企业推介子模块为本地龙头企业的宣传、推广提供了一个新平台。农业前沿子模块放眼全球，宣传、推介农业领域的最新技术、最新品种。

3.2.2. 网站办事功能

 网上办事模块

模块设置便民服务、服务流程、资料下载、统计报表四个子模块，将该部门能够进行网上办理的相关行政审批事项予以了公开，方便了群众，提高了办事效率，提升了部门形象。

3.2.3. 网上交流功能

 在线交流模块

模块设置三农论坛、领导信箱、咨询留言、网上投诉、网上调查五个子模块。三农论坛子模块为公众之间相互交流提供了平台。领导信箱、在线咨询等四个子模块，为政府部门决策即时提供了群众的意见及建议。

 联系我们模块

该模块主要功能：收集网站的反馈信息。

3.3 网页结构图

3.4 网页版面规划

全部网页采用1024×768分辨率制成，网页访问采用首页、导航页和新闻页三级页面形式。

 首页

首页使用的是国字型结构布局。 国字型结构布局是一些大型网站所喜欢的类型，即最上面是网站的标题+主菜单，下半部分分为3个区域，左右分列一些两小条内容，中间是主题内容，与左右一起罗列到底，最下面是网站的一些基本信息，联系方式，版权声明等。这种布局的优点是能够充分利用版面，信息量大;缺点是页面拥挤，不够灵活。

 导航页

采用拐角型布局，优点是页面结构清晰，主次分明，缺点是规矩呆板，容易让人“看之无味。

 新闻页

使用标题正文型：这种类型即最上面是标题或类似的一些东西，下面是正文；本站子页大部分是这个结构。

 页头

本站页头以900×150的农村风景图为底，左置“巴中市”六字及名称英文“”Office of rural affairs，Bazhou District，Bazhong City，右边放置宣传语（FLASH动画）一起构成。

 页脚

本站页脚如下：

3.5 网站CI形象设计

 主色调与色彩

网站采用代表了春天、希望、田野的“绿色”为主色调，与部门的农业、农村、农民三农工作性质相吻合。

 字体

导航栏字体为“黑体”，14px；网站主栏目字体为“宋体”，14 px；正文字体为“宋体”，9 px；

 交互方式

网站设置了专门的在线交流模块，提供了论坛、网上投诉、咨询留言、网上调查等多种交互方式。

3.6 网页布局技术

网页使用表格方式布局，同时用CSS进行样式控制。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。表格布局的缺点是，当我们用了过多表格时，页面下载速度受到影响。CSS层叠样式表是W3C组织新近批准的一个辅助HTML设计的新特性，它使整个HTML保持统一的外观。过去在设置文本时，为了保持整个段落都使用相同的外观，不得不为每一段设置属性，很麻烦。采用CSS可以在设置文本之前，就指定整个文本的属性，比如颜色、字体大小等等，获得统一的文本外观。

第 四 章 数据库设计

数据库在一个网页系统中占有非常重要的地位，数据库的结构好坏将直接影响到应用系统的实现效果和数据操作效率以及能否保证数据的一致性、完整性和安全性。

4.1 数据库概念结构设计

数据库概念设计的任务是根据用户需求设计数据的概念数据模型，简称概念模型。概念模型是按用户的观点对数据和信息进行建模，是从用户的角度看到的数据库，它可以用E-R模型来表示。构成E-R图的基本要素是实体型、属性和关系，其表示方法为：实体型：用矩形表示，矩形框内写明实体名；属性：用椭圆形表示，并用无向边将其与相应的实体连接起来；关系：用菱形表示，菱形框内写明关系名，并用无向边分别将有关实体连接起来，同时在无向边旁标上联系的类型。

根据前面的需求分析，可以得到本网页数据库系统的E-R图，如图4-1所示。

上述E-R图的关系说明如下：管理员可以对所有网上调查、新闻信息、投诉留言、论坛发贴等实体进行增删编辑，它们都是1：n的关系。一个管理员可以对论坛所有注册用户进行监管，一个超级管理员可以对多个后台管理普通用户进行监管，它们的关系也都是1：n。

各实体属性的E-R图如下：

4.2 数据库逻辑结构设计

通过分析系统涉及的相关实体以及要收集、存储和操纵的数据信息，本网页数据库共设置了新闻信息表（News）等6个表，分述如下。

 新闻信息表:用于存储新闻及政务信息。

表4-1 新闻信息表(News)



三农论坛表:用于存储论坛发帖。

表4-2 三农论坛表(BBS)



投诉留言表:用于存储群众来信、投诉、咨询及回复。

表4-3 投诉留言表(Message)

 论坛注册用户表:用于存储三农论坛注册用户信息。

表4-4 论坛注册用户表(User)

 后台管理员表:用于存储管理员姓名、密码、权限。

表4-5 后台管理员表(ManageUser)



网上调查表:用于存储网站调查项及投票。

表4-6 网上调查表(OnlineSurvey)

第 五 章 人机界面设计

5.1 后台登录界面设计

设计思想：登录页面主要实现用户的登录。通过用户名、密码、随机密码、IP、SessionID的组合验证实现未登陆用户的正常登陆和已登陆用户中同一用户名允许在同一IP上重复登陆，拒绝同一用户名在不同IP上重复登陆。

图5-1 登录流程图

图5-2 管理员登录界面

5.2 用户管理页面设计

设计思想：登录页面主要实现用户的登录，用户有超级管理员、普通管理员。超级管理员可以对其进行任何的操作，包括对普通管理员的增删、密码修改。一般用户只可以做权限之内的操作和只能对自身的信息作修改。

图5-3 用户管理流程图

图5-4 用户管理界面

5.3 信息检索页面设计

设计思想：根据输入的关键字实现单字段或多字段组合查询。

图5-5 信息检索流程图

5.4 后台管理页面设计

网站后台管理系统提供了添加新闻内容、管理全部新闻、领导信箱管理、在线咨询管理、公众留言管理、网上投诉管理、网上调查管理、信息中心管理、超级管理选项、文件上传十个功能选择项，可以完成新闻信息的在线编辑、咨询留言的在线回复、网上调查项的增减等管理任务。

图5-7 后台功能结构图

第 六 章 系统程序设计

前面着重讨论了系统功能模块的设计，详细分析了每一个模块的功能，本章将就系统中模块功能的具体实现，选取部分源程序进行讨论。

6.1 程序设计语言

网站主要采用ASP作为程序设计代码的开发工具。使用ASP作为开发工具可以方便地建立动态的、高性能的、安全的、跨平台的先进动态网站，其突出特点有以下几个：

 ASP可以将内容的生成和显示进行分离

Web页面开发者可以用HTML或XML 标识进行对最终页面的设计，同时使用ASP Tag 或Java Script 来生成页面上的动态内容，因为所有的脚本都在服务器端运行， 所以， 如果核心逻辑部分被封装在标识中， 那么Web管理人员或页面设计者将只能编辑ASP页面的显示方式， 而不会影响其内容的实质。

 对不同浏览器的兼容

由于ASP技术采用了将ASP Tag 和Java Script 在服务器端解释并执行而只将结果以HTML或XML的形式送回到客户端的方法， 从而保证了对其它基于HTML的Web浏览器的完全兼容。

6.2 部份源程序实现及文件

 数据库访问技术

网页在采用微软IIS/PWS的网络平台，通过服务器端运行的ASP程序来访问后台Access数据库。数据库访问采用匿名身份验证方式，使用户无需输入用户名或密码便可以对数据库进行访问。匿名身份验证是指由 IIS创建IUSR、计算机名称、帐户（计算机名称是正在运行IIS 的服务器名称），当匿名用户请求数据库内容时IIS 会将该连接分配给 IUSER_ComputerName 帐户，其中ComputerName。默认情况下，IUSER_ComputerName 帐户为 Guests 组的成员。此组具有 NTFS 文件系统权限所规定的安全限制，这些限制指定访问级别以及可提供给公共用户的内容的类型。建立Access数据库连接的步骤及参数意义如下：

第一行程序：建立一个ADO对象集中的Connection对象，也即连接对象。这是建立数据库连接的初始步骤。执行这行程序后，Conn成为一个连接对象。

第二行程序：建立一个ADO对象集中的Recordset对象，以便利用Recordset对象操作数据库（当然，这只是对数据库操作的多种方式之一）。执行这行后，rs就成为一个Recordset对象。

第三行程序：利用连接对象Conn的Open方法打开一个指定的数据库。首先利用Server对象的MapPath函数，取得要打开数据库的完整的文件路径，并存储在变量DBQ中。其次，因为我们要打开的是Access数据库，所以要指定ODBC驱动程序参数，表示要透过Access的ODBC驱动程序来访问数据库。到这里，就已经打开了数据库名指定的数据库。

第四行程序： Sql指令串。

第五行程序：利用rs对象的Open方法打开数据库中的数据表。这其中有四个参数，其意义如下：

数据表名或SQL指令串：在这个参数里指定要打开的数据库内的数据表名称，或者是用SQL的Select指令串确定的数据表的指定范围数据

Connection对象：指定已经打开的数据库的Connection对象。

Recordset类型：表示打开数据表的方式，有四种选择。数字0表示只读方式，且当前记录只能下移；数字1表示可读写方式，当前记录可自由上下移动，但不能及时看到别的用户建立的新记录，除非重新启动；数字2表示可读写方式，当前记录可自由移动，而且可以及时看到别的用户增加的新记录；数字3表示只读方式，但当前记录可以自由移动。

锁定类型：这个参数指定数据库的锁定功能。因为网络上的数据库都是多用户的，很可能同时有多个用户在操作数据库。为了避免错误，让同一时间只可能有一个用户修改数据，就要用锁定功能。有四种选择：数字1表示只读方式锁定，用户不能更改数据；数字2表示悲观锁定，当一个用户用rs对象开始修改数据时就锁定数据库，直到用户用rs.Update更新记录后，才解除锁定；数字3表示乐观锁定，只有在数据写入数据库中的时候才锁定。数字4表示批次乐观锁定，只有在使用rs.UpdateBatch成批更新数据时候才锁定数据记录。

 身份验证

本网站身份验证采用服务器端验证代码方式，密码算法采用流行的MD5算法，同时附加客户端随机密码验证。MD5全称Message-Digest Algorithm 5（信息-摘要算法），是由MIT Laboratory for Computer Science和RSA Data Security Inc的Ronald L. Rivest在90年代初向IEFT提交的一种不可逆运算加密算法，经MD2、MD3和MD4发展而来，面向32位的电脑。登陆验证按一个IP可以有多个用户登陆，一个用户只能登陆一个IP的原则进行设计，具体代码及解释如下：

 网上调查功能实现

图6-1 网上调查投票界面

图6-2 网上调查结果界面

网上调查实现代码

第 七 章 网页测试

7.1 测试网站的建立

7.1.1. 测试网站环境

网页测试使用本单位局域网进行，配置如下：

服务器端：操作系统—Windows xp

Web服务器—IIS5.1

浏览器—IE6.0

客户端：Internet Explorer6.0

7.1.2. Web服务器IIS5.1简介

IIS是Internet Information Services的缩写，是目前使用最广泛的Web服务器，可以在UNIX和Windows平台上运行。它与Windows NT Server完全集成，允许使用Windows NT Server内置的安全性以及NTFS文件系统建立强大灵活的Internet／Intranet站点。IIS组件主要包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面。

7.1.3. 网页测试

 IIS配置

当IIS被成功安装后，将在计算机C:\Inetpub\wwwroot下新建一个默认网站，通过修改默认网站配置可以建立自己的站点。如自己的网页放在D:\Wy目录下，首页文件名为Index.asp，其具体步骤如下：

第一步：在“默认Web站点”上单击右键，选“属性”，以进入名为“默认Web站点属性”设置界面。

第二步：转到“主目录”窗口，再在“本地路径”输入（或用“浏览”按钮选择）好自己网页所在的“D:\Wy”目录。

第三步：转到“文档”窗口，再按“添加”按钮，根据提示在“默认文档名”后输入自己网页的首页文件名“Index.asp”。

第四步：在“默认Web站点”上单击右键，选“新建虚拟目录”，依次在“别名”处输入“test”，在“目录”处输入“D:\Wy”后再按提示操作。

 数据源（ODBC）配置

第一步：选择控制面板中的管理工具打开数据源（ODBC）。

第二步：在选项卡系统DNS中添加Microsoft Access Driver(*.mdb)驱动并指定数据源为网站的数据库文件。

 测试

打开浏览器，直接在地址栏中输入：localhost/test/index.asp或者127.0.0.1/test/index.asp即可。

7.2 网页及网站维护

在测试完成后，网页就可以到互联网上了，接下来要做的就是网站的日常维护了。网站维护就是对服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间，制定相关维护规定，将网站维护制度化、规范化，主要包括以下内容：

 即时更新新闻内容

 留言、投诉、咨询、信箱定期回复

 数据库内容定期备份、删减、分类

 更正数据库使用过程中发现的问题

 定期进行综合分析，不断优化数据库中数据结构，提高使用效率

 在系统运行过程中应定期对管理员用户名和密码进行更新，并对IIS和NT权限作相应设置

第 八 章 结论

本次利用毕业设计的机会，为自己工作的单位设计了网页。网页使用ASP技术开发，具有良好的交互性能，具备强大的后台管理功能。新闻、信息检索、互动交流等主要模块设计做到了与单位职能职责的紧密结合，达到了预期设计目标。网页经单位局域网多次测试，在WindowsXP操作系统，IIS5.1的服务器环境上正常运行。

此次网页制作，通过大量阅读书籍和求助互联网，使我初步掌握了网页设计制作的一般过程、ASP简单设计应用、CSS和表单布局常识、ACCESS数据库设计技能。特别是在ASP编程阶段，通过无数次解决测试过程中排查出的问题，我不仅回顾和应用了以前学习过的理念知识，还掌握了许多新的知识和技巧，获益良多。但由于时间仓促，受一些技术和设备所限，网页在美工、需求分析、网页安全等方面存在诸多不足之处，有待后期运行中进一步改进和完善。

参考文献

1. 《Dreamweaver CS3 入门 提高 精通》，薛凯，康亚雄编著，机械工业出版社 2008

2. 《Photoshop CS3 平面设计标准教程》，李建宏，雷波编著，机械工业出版社 2008

3. 《ASP网页数据库短训教程》，刘瑞新，汪远征编著，机械工业出版社 2005

4. 《Flash CS3动画制作》，华信卓越编著，电子工业出版社 2008

5. 《网页设计三合一》，甘登岱编著，清华大学出版社 2009

6. 《网页设计与网站建》，邱云飞，温国峰编著，清华大学出版社 2009

7. 《Access2007数据库应用与开发》，杨继萍，孙岩，梁文新编著，清华大学出版社 2008

8. 《网页制作从入门到精通》，谭贞军，刘斌编著，清华大学出版社 2008

9. nbagri.gov.cn/index.jsp（宁波农村经济综合信息网）

10. 68design.net/（网页设计师联盟）

11. wznb.gov.cn/（温州市委农办）

12. bjnw.gov.cn/（北京市农委）