1、2.1 数据库概念结构设计 2.2 数据库逻辑结构设计 （8）2.3 ACCESS 数据库 （8）第三章、 具体网站的分析 （8）3.1需求分析 （8）3.2系统运行环境分析 （9）3.3系统设计流程图 （10）第四章、 开发工具的选用及介绍 （10）4.1 Asp 脚本语言介绍 （10）4.2 Dreamweaver简介 （11）4.3 SQL Server 数据库简介 （11）4.4 网站图片制作工具Photoshop简介 （12）第五章、网站前台界面的设计与实现 （12）5.1 网站前台首页 （12）5.2 站内搜索功能的实现 （13）5.3 网站前台界面的设计与实现分析 （13）第六章
2、、人机界面设计 （14）6.1后台登录界面设计 （14）6.1用户管理界面设计 （14）6.3后台检索界面设计 （14）6.4后台管理界面设计 （14）附录 （15）参考文献 （17）致 谢 （18）摘 要本论文将对网页的设计和制作进行研究和探讨。作品的主要技术指标包括：1、制作出一个具有静态和动态技术的网页；2、在制作的过程中，加强和深化以前所学的关于网页设计的方法，同时更好的理解参考资料上的方法和理论；3、最后是追求后台操作的稳定性。本设计的主要内容包括：1、网页的设计思想，整体规划及相关基础知识；2、所设计网页的前台设计，包括汇编HTML语言程序及效果图；3、网页后台设计（通过后台操作实
3、现对网页内容的修改）；4、网页的调试。网页规划包含的内容很多，如网页的结构、栏目的设置、网页的风格、颜色搭配、版面布局、文字图片的运用等，也只有如此制作出来的网页才能有个性、有特色，具有吸引力。网页主题就是所要包含的主要内容，一个网页必须要有一个明确的主题。特别是对于个人网页，不可能像综合网站那样做得内容大而全，包罗万象。所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给人留下深刻的印象。关键词：基本原则 制作步骤网页主题AbstractThis will be web page design and production of research and discuss
4、ion. Works of the main technical indicators include: To produce a static and dynamic technology company pages; In the process of strengthening and deepening of previously learned about web design methods, while a better understanding of Reference Information on the methods and theories; Finally, the
5、 pursuit of stability of the background operation.The design of the main contents include:company web page design ideas, the overall planning and relevant basic knowledge; company web pages front design, including the compilation of HTML language program and effect diagram; Personal web pages backgr
6、ound design （back-office operations through the implementation of the web content changes）; Personal web pages debugging.Page plan includes a great many things, such as the page structure, and column settings, web style, color combinations, layout, text, images and other use of, and only this websit
7、e in order to have produced personality characteristics, attractive.Web theme is to be included in the main contents of a web page must have a clear theme. Especially for personal web pages, it is impossible to do, as an integrated Web site content as large and comprehensive, all-inclusive. Must be
8、necessary to identify one most interested in their own content, so deep, be thorough, to do its own characteristics, so as to give the left a deep impression.Key words: Ground Rules Process Web Theme前言随着网络技术的不断发展，如今的公司越来越倾向于在网络上进行宣传产品，网页设计成了企业展示自身形象、发布产品信息、联系网上客户的新平台、新天地，进而可以通过电子商务开拓新的市场，以极少的投入获得极大的
9、收益和利润。网页设计是通过网站管理员管理整个网站的内容，使之公司的信息不断得到更新.因此我设计开发了一个网页设计。该网站实现了树立公司形象，扩大业务宣传，收集客户反馈，加强客户服务，网上市场调查，开展网络营销，建立信息数据库，实施电子商务，直接实现网络销售以及网站的后台管理。 网页艺术设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技
10、能，更是艺术与技术的高度统一。我所做的网页设计，主要分为五大板块：公司首页、公司人员、推荐产品、发送邮件、联系我们。这些都分别实现了达到宣传公司的目的和加强公司管理的功能，同时在很大程度上也扩大了知名度和提高了销售效益。本网站的设计采用的是ASP技术，数据库采用的是SqL数据库，网站的布局使用的是Dreamweaver。同时在设计过程中用到了Flash 动画设计和Photo shop图形图像处理技术。这也给本设计增色不少，让我的设计更加生动，更加让人赏心悦目。下面我将就我设计的过程所采用的技术、思路等方面详细的介绍我所设计开发司宣传的网页设计。第一章 概 述1.1 网页制作背景 在当前这个网络
11、时代，电子政务是各国政府倡导和推动网络化的5个重要应用领域中的首要。美国早在克林顿政府时期就开始积极倡导和推动电子政务和电子政府的建设。英国于2005年将所有的政府服务实现上网。新加坡更是从1981年就开始发展电子政务，目前其电子政务的发达程度已备受世人瞩目。在我国，政府信息门户网站作为展示政府整体形象的窗口和联系群众、服务群众的桥梁正日益得到各级政府的重视。如今，全国各地的电子政务建设已进入实质阶段，全国257个地市级城市中已经有90%的城市建立了自己的政府网站。在应用上，电子政务建设已经从网络基础建设向功能应用层面和社会服务层面转变。随着我国信息化进程的深入推进，将极大地调动整个社会活力，
12、推动中国社会的飞速发展，并对中国未来的发展产生巨大的影响。1.2 网页制作的意义首先，政府网站关系到政府的服务形象，关系到百姓的切身利益。政府部门通过制作网页建立网站，是电子政务的最佳切入点和重要内容，政府网页的发展水平是衡量一个地区电子政务进程的标志。在政府网页上，政务信息公开程度，有关为民服务栏目健全情况，信息反馈情况，在线办公与网上受理情况等关系到政府的服务形象，关系到百姓的切身利益。其次，政府网页制作有利于政府各类信息的充分共享，有利于政府决策水平的不断提高。通过网页的各类平台迅速直接地获取公众的反馈信息，准确掌握外部环境，大幅提高了正确决策与快速反应的能力。随着政府各类信息的公开化，
13、政民互动不断加强，政府将在公众面前展现出高效、透明的良好形象，这有利于高社会凝聚力，对于维护社会稳定、促进社会发展具有重要意义。第二章、数据库设计数据库在一个网页系统中占有非常重要的地位，数据库的结构好坏将直接影响到应用系统的实现效果和数据操作效率以及能否保证数据的一致性、完整性和安全性。2.1 数据库概念结构设计数据库概念设计的任务是根据用户需求设计数据的概念数据模型，简称概念模型。概念模型是按用户的观点对数据和信息进行建模，是从用户的角度看到的数据库，它可以用E-R模型来表示。构成E-R图的基本要素是实体型、属性和关系，其表示方法为：实体型：用矩形表示，矩形框内写明实体名；属性：用椭圆形表
14、示，并用无向边将其与相应的实体连接起来；关系：用菱形表示，菱形框内写明关系名，并用无向边分别将有关实体连接起来，同时在无向边旁标上联系的类型。根据前面的需求分析，可以得到本网页数据库系统的E-R图，如图4-1所示。上述E-R图的关系说明如下：管理员可以对所有网上调查、新闻信息、投诉留言、论坛发贴等实体进行增删编辑，它们都是1：n的关系。一个管理员可以对论坛所有注册用户进行监管，一个超级管理员可以对多个后台管理普通用户进行监管,它们的关系也都是1：n。2.2 数据库逻辑结构设计通过分析系统涉及的相关实体以及要收集、存储和操纵的数据信息，本网页数据库共设置了新闻信息表（News）等6个表，分述如下
15、。 新闻信息表:用于存储新闻及政务信息。投诉留言表:用于存储群众来信、投诉、咨询及回复。论坛注册用户表:用于存储三农论坛注册用户信息。后台管理员表:用于存储管理员姓名、密码、权限。网上调查表:用于存储网站调查项及投票。2.3 ACCESS 数据库Access是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS），是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成
16、大部分数据管理的任务。由于Access数据库的ODBC驱动程序支持的SQL指令全，执行效率高，所以Access后台数据库 ASP服务器端程序 客户端IE浏览器，是一个精练、实用、高效的组合模式。第三章、具体网站的分析3.1 需求分析目前，Internet技术与公司宣传网页网上营销相结合的趋势已经具有一定规模，开发一个高效、可靠、通用的资源管理系统已经迫在眉睫。我考虑到公司网站多样性的需要，同时也考虑到公司宣传网页实现电子商务的重要性，所以，在该资源管理系统中特意加入会员登录以及在线留言的功能，使其功能更全面。该资源管理系统主要功能模块介绍如下：（1）.板块 如图3-1-1所示：3-1-1 会员
17、登录板块图会员登录功能板块更好的服务于本公司网站的会员，使其更方便地了解公司动态，有效方便节时。（2）.板块 如图3-1-2所示：3-1-2 在线留言板块图在线留言，此功能增强了公司与客户会员的沟通情况，互动比较容易，交流过程中能让公司获得宝贵的建议，更好的集思广益，当我们多听听客户和会员的心声时，对公司的发展是绝对有利的。当公司有一个庞大的会员群和客户群时，公司的发展前景可想而知。本网站是网上很很常见的浏览性网站，本网站的实现主要是以ASP与SQL Server数据库相结合的技术来实现。作为一个用于用户学习、进行知识查询的浏览性网站，应该从使用方便角度出发，因此本网站必须具备一下特点： 网站
18、安全可靠 功能齐全 操作方便，界面友好且简单易懂，运行迅速 易于维护和扩充3.2 系统运行环境分析 系统软硬件平台：系统需要一台PC机，标准采用Pentium及以上级别CPU，至少300MB硬盘，主频90MHz,支持VGA或分辨率更高的显示器。操作系统：Windows98/2000/XP/Me，也可使用WindowsNT操作系统数据库服务平台：Access数据库 ，适合开发中小型系统。3.3 系统设计流程图 如图3-3-1所示3-3-1 系统设计流程图第四章、网站开发工具的选用及介绍4.1 Asp 脚本语言介绍Active Server Pages：“动态服务器网页”，一般简称为“ASP”，A
19、SP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或 JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Client）在浏览器中可以显示程序执行的结果，可是，客户端（Client）若使用Netscape浏览器就无法显示VBScript的执行结果。 ASP的特点：任何开发工具皆可发展ASP只要使用一般的文书编辑程序，如Wi
20、ndows记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPage Express、 rontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写ASP，可能会发生一些意想不到的离奇状态。通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。语言相容性高：ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java Script、Active X服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（Third Party）所提
21、供的语言。隐密安全性高：如果我们在浏览器中直接查看网页的原始代码，就只能看到文件，原始的程序代码是看不到的！这是因杰程序先于网站服务（eb Server）端执行后，将结果转换成标准文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的程序并不会轻易地被看见进而被盗用。易于操控数据库：ASP可以轻易地通过DBC（Open Database Connectivity）驱动程序连接各种不同的数据库，例如：Acess、Foxpro、dBase、Oracle等等，另外，ASP亦可将“文本文件”或是”Excel” 文件当成数据库用。面向对象学习容易：ASP具备有面向对象（bject-Ori
22、ented）功能，学习容易，ASP提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用ASP内建的“Application”对象或”Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。ASP的六大内部对象：对象名称 功能描述Request Response Server Session Application Object Context 从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Applicati
23、on中让不同的客户端共享信息可以用来配合Microsoft Transaction 服务器进行分布式事务处理。4.2 Dreamweaver简介Dreamweaver是由Macromedia公司推出的，用于网页开发和网站管理的专业化设计工具。它采用了多种新技术，具有设计和开发网站过程中需要的网站管理、网站设计、页面制作、多媒体制作和动画制作等丰富实用的功能；它具有友好的操作界面，在文档窗口中可以打开各种浮动面板，同时还可以使用系统内置的多种对象进行操作。Dreamweaver启动后，会出现一个新的文档操作窗口,该窗口包含如下的几个部分：标题栏、菜单栏、工作区、浮动面板和状态栏。标题栏中主要显示
24、该文档的标题信息、文件名及该文件所在的文件夹等；菜单栏中包含了各种操作命令、应用特性和访问浮动面板的简单方法；Dreamweaver启动后，工作区是白色的空白区域，可以在工作区中输入文字、插入图象、添加背景以及其它页面元素；浮动面板提供了访问程序特性的简单方法，可以对浮动面板进行选择、拖放、重新定位、移动等操作，当我们不需要使用某个移动面板时，还可以用鼠标单击该面板右上角的关闭按钮将其关闭，需要时再打开；状态栏位于窗口的最下端，用于显示文档的HTML标记、文档窗口大小、下载速度等信息。4.3 SQL Server 数据库简介SQL Server 2000 是创建大型商业应用的最佳的核心引擎数据
25、库之一。2003 年发布的 64 位的 SQL Server 企业版运行在惠普安腾服务器上，达到每分钟单机 TPC-C 基准测试记录每分钟 658,277 笔事务交易，是当前世界上最快的交易处理平台。这一 TPC-C 测试结果已经由独立的 TPC 组织的审计人员认可（TPC-C 基准测试是行业中公认的权威的和最为复杂的在线事务处理基准测试）。SQL Server 2000 是一个具备完全 Web 支持的数据库产品，提供了对可扩展标记语言 （XML） 的核心支持以及在 Internet 上和防火墙外进行查询的能力。4.4 网站图片制作工具Photoshop简介 Photoshop是平面图像处理业
26、界霸主Adobe公司推出的跨越PC和MAC两界首屈一指的大型图像处理软件。它功能强大，操作界面友好，得到了广大第三方开发厂家的支持，从而也赢得了众多的用户的青睐。ADOBE PHOTOSHOP最初的程序是由Mchigan大学的研究生Thomas创建，后经Knoll兄弟以及ADOBE公司程序员的努力ADOBE PHOTOSHOP产生巨大的转变，一举成为优秀的平面设计编辑软件。它的诞生可以说掀起了图象出版业的革命，目前ADOBE PHOTOSHOP最新版本为6.0，它的每一个版本都增添新的功能这使它获得越来越多的支持者也使它在这诸多的图形图象处理软件中立于不败之地。Photoshop支持众多的图像
27、格式，对图像的常见操作和变换做到了非常精细的程度，使得任何一款同类软件都无法望其颈背；它拥有异常丰富的插件（在Photoshop中叫滤镜），熟练后您自然能体会到只有想不到，没有做不到的境界。第五章、网站前台界面的设计与实现5.1 网站前台首页公司网站前台首页和很多网站一样，网站的首页一般都是公司简介、公告栏、产品浏览等界面，具体界面如图5-1-1所示：5-1-1 首页界面图网站在前台设计主要是在Dreamweaver里面设计的，里面应用了数据库的链接和asp语言的编程。5.2 站内搜索功能的实现 方便浏览者查看网站内容，本网站特意设置了站内搜索功能，具体实现的效果如图5-2-1所示：5-2-1
28、 公告栏内容搜索链接板块图5.3 网站前台界面的设计与实现分析本网站利用B/S结构，利用Dreamweaver进行开发，同时结合SQL Server数据库，其功能目标是要实现前台信息在线浏览的功能，后台管理员对信息管理的功能。本网站主要实现的具体功能如下：（1）.实现信息管理，对于信息类管理特别的系统。（2）.与修改功能，采用ewebeditor再线编辑器，支持图文动画等功能及各种上传，支持远程图片自动保存，支持是否在标题前显示“图文”标志，支持自定义首页动画调用图片文章等。（3）.用于个人或客户进行资料收集整理十分的方便,功能也异常强大.当然也可以用作新闻管理或各种站点。本系统建成后，我们就
29、已经对各模块进行了反复的测试，经过修改和调试通过以后，再进行运行测试。测试结果表明各项功能已经达到设计要求。目前该资源管理系统已经与计算机网络课程集成在一起，并在测试服务器上发布。本资源管理系统开发技术先进、功能模块齐全、可靠性高、投资成本低、按照信息资源建设规范构成，并且具有较好的通用性，稍作修改即可应用于其他的网页宣传。在这个网页设计的开发中，我主要负责的是网站功能的分析与前台网站的设计，通过这个设计使我对网站设计的工具和技术有了更深刻的认识，本站的前台网站的主页上包括：公司首页、公司人员、推荐产品、发送邮件、联系方式等站内搜索功能，方便用户浏览时减少不必要的操作。本网站的设计采用的ASP
30、技术，数据库采用的是SqL数据库，网站的布局使用的是Dreamweaver.前台网站设计我主要根据大多用户浏览习惯而想象以及它的外观要简捷、大方。做这个网站让我学到了很多实际应用的东西、当中遇到不少的问题、发现自己操作起来并不是像自己想象出来的那么简单。让我对设计网站工具有了更深刻的认识。第六章6.1 后台登陆界面设计设计思想：登录页面主要实现用户的登录。通过用户名、密码、随机密码、IP、SessionID的组合验证实现未登陆用户的正常登陆和已登陆用户中同一用户名允许在同一IP上重复登陆，拒绝同一用户名在不同IP上重复登陆。6.2 用户管理页面设计 设计思想：登录页面主要实现用户的登录，用户有超级管理员、普通管理员。超级管理员可以对其进行任何的操作，包括对普通管理员的增删、密码修改。一般用户只可以做权限之内的操作和只能对自身的信息作修改。6.3 信息检索页面设计根据输入的关键字实现单字段或多字段组合查询。图5-5 信息检索流程图6.4后台管理面设计网站后台管理系统提供了添加新闻内容、管理全部新闻、领导信箱管理、在线咨询管理、公众留言管理、网上投诉管理
