网站设计开题报告范文精选6篇

世赟分享 2022-04-08 18:05:27

开题报告是指开题者对科研课题的一种文字说明材料。这是一种新的应用写作文体，这种文字体裁是随着现代科学研究活动计划性的增强和科研选题程序化管理的需要而产生的。开题报告要怎么写呢?小编精选了一些网站设计开题报告，一起来看看吧。

网站设计开题报告范文精选6篇

↓↓↓点击获取更多"开题报告"相关内容↓↓↓

网站设计开题报告1

一、本课题的目的和意义：

随着互联网技术的迅速发展网络已逐渐深入人心，更是成为继报刊、电视、广播等传统媒体之后而迅速兴起的一新的传媒介质，网络宣传已成为众多宣传手段的重中之重，各种各样的网站也就应运而生。为宣传企业而制作的公司网站、可进行网上购物的电子商务网站、能及时了解到天下事的新闻网站、方便学习的教育网站，充斥着我们的视野，满足着我们的需要。网站的规划与建设，已悄然被许多人摆到了首要的位置上。

当今的人们，如果依然依靠传统的方式展示自己已经不能满足现在人们的需要，所以做一个网站就成为人们一件十分有意义并有兴趣去做的事情。利用企业网站我们可以让全国，甚至全世界的人们有机会知道自己的公司。

二、本课题研究的难点

规划并建设好一个企业网站，并不是一件容易的事。首先，规划好这个网站就不容易。因为是企业网站，所以要求要比其它类型的网站更加独具匠心，有独特的眼光。这就规划者有了更高的要求。首先，要根据自己的要求网站的风格布局、色彩搭配和大体轮廓，并确立网站的栏目、内容。其次，网站制作者将要根据前一点安排整个页面文字图片的布局，这就要求设计者对网页制作具有相当的水平，美工、排版能力要强。再者，企业网站需要实现的动态及时更新等功能要求网站制作程序员有良好的编程基础，在网络编程语言ASP、PHP、JSP或ASP.NET等中选择来进行网站管理后台的编写并与前台挂钩并通过更新数据库来实现网站的更新。当然，选择的编程语言也要与网站服务器平台所支持的技术相符合。这就要求在配置服务器或是购买虚拟主机时根据需要来进行配置或选择。ZUI后，网站安全性也是一个重中之重，在如今黑客当行、病毒当道的互联时空，网站的安全犹为重要。

三、本课题研究要解决的问题

规划并建设好一个令人耳目一新的企业网站，并不是一件容易的事。首先，规划好这个网站就不容易。这要求网站规划者熟悉企业的情况，并确立网站的栏目、内容。其次，网站制作者将要根据网站的规划书来确定网站的风格、布局、色彩搭配等，这就要求设计者对网页制作具有相当的水平，美工、排版能力要强。再者，企业网站需要实现的动态及时更新等功能要求网站制作程序员有良好的编程基础，在网络编程语言ASP、PHP、JSP或ASP.NET等中选择来进行网站管理后台的编写并与前台挂钩并通过更新数据库来实现网站的更新。当然，选择的编程语言也要与网站服务器平台所支持的技术相符合。这就要求在配置服务器或是购买虚拟主机时根据需要来进行配置或选择。ZUI后，网站安全性也是一个重中之重，在如今黑客当行、病毒当道的互联时空，网站的安全犹为重要，否则，功亏一篑! 这就要求配置服务器或选择虚拟主机时的谨慎以及编写网站管理后台的注意。

四、本课题研究的目标及内容

1、本课题研究的目标是：建立一个具有特色的企业网站。

课题的内容是：

在这个课题中，主要是用于公司相关信息的介绍，以及相关的产品内容的介绍。方便他人的了解。它的内容主要包括对网站前台的设计及制作，包括企业网站的 logo设计，布局的设计，网站页面的制作、片头动画及页面动画的设计制作、注册登陆系统以及各链接和相关技术的开发等。在这里，我将以制作某企业网站为例，具体阐述个人网站的制作过程。

制作网站过程：

1、网页美工

用photoshop CS 制作页面效果图片，搭配好颜色，设计好版式，这样做的目的是为了让网站的页面更具有整体性和美观性，色调搭配及版面的设计都可以通过photoshop CS这个强大的图片处理软件来完成，这样设计出来的网页不论是从美工还是从版式上都是一流的。

2、导航条和文字图片的布局

用DreamweaverMX和FlashMX设计制作导航条，同时对文字图片进行调整。具体的就是文字的大小、字体以及图片的格式、大小进行调整。

3、超链接其动态设计

用用DreamveaverMX建立超链接使整个网站能够自由地相互关联，使浏览者能够方便地到达所需要的网页。另外，本网站还可以进行注册，利用ASP与Access相连使网站变为动态网站。

五、课题研究进展计划

第一周到四周完成毕业设计开题报告

第五周调研，准备各种参考资料、充实所需知识

第六周查阅相关书籍资料，提出可行性的设计方案

第七到十六周具体设计与制作工作

第十七周文档的生成与整理，指导教师修改

第十八周毕业设计论文的相关资料的搜集

第十九周完成毕业论文撰写

六、参考文献

书名编著出版社出版日期

《网页设计典型技巧》 Time创作室人民邮电出版社 2003年10月

《ASP动态网站开发毕刘瑞斯机械工业出版社 2005年3月

《ASP+Access 组建动态网站实例精讲》龙马工作室人民邮电出版社 2005年6月

网站设计开题报告2

一、网站整体规划，要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。

1.讨论网站的主题。

网站整体规划是做网页的第一步也是制作网页ZUI关键的一步它决定了你要表答的信息，因此我选择了我选择我ZUI喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心，无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。

2.定位网站的ci形象。 “易菲”植根中国文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息的特色品牌。“易”即是容，是包容，是宽容，是五千年中华民族的文化精髓，是厚德载物，是对人性宽度的一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度的一种挖掘。“生活如花，自在快乐”是yifini易菲的设计理念，倡导一种与自然和谐相处，如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的ci形象。

3.确定栏目和板块。

于时间的关系在本次我准备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。

4.网站的整体风格和创意。

整个网站的创意就在于颜色的搭配，与各种图片的搭配，它们相互辉映，相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上，yieini易菲推崇“自然美”，将带表女性气质的花卉和自然元素融入设计之中，充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围，力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。

二、网页制作的前期策划与准备，在本阶级主要有两方面的工作。

1.资料的搜集。

在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料，我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容，同时也搜集了一些对我有用的资料。在搜索资料ZUI困难的便是动态图片的搜集，动态图片其gif格式的还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功，不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处，ZUI关键就是平时对知识的掌握不够，连ZUI基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好，争取不范类似错误。

2.熟悉制作软件。

做网页主要用的工具便是dremweaver、photoshop、flash软件。在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。

三、网页制作，这便进入我该次的主题了具体制作流程如下。

1.构建站点框架。

在我打开dremweaver后第一步便是新建站点，我把我的站点建立在f\仪下面。并将我搜集的全部资料都保存在其文件夹中，以便网页制作时可以方便的使用。

2.设计主页及二级页面。

在主页我设首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，美容美体，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的;连贯，页面之间关系连贯，统成一体;每版内容都自成一体，颜色各异，便于浏览;整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气;颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：

简洁实用: 这是非常重要的，网络特殊环境下，尽量以效率的方式将用户所要想得到的信息传送给他就是的，所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美;页面用色协调，布局符合形式美的要求: 布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

交互式强: 发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏，便于浏览和跳转。3个二级网页制作时，使用的是表格，每一个页面都用表格为它布局好，然后在插入图片文字及其他，这样有一定的规划性，体现了连贯统一性，不同的内容根据各自的特色建立了不同的表格，突出各自的主题，增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。

3.实现网页间的链接。

我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮ZUI后选择自己要链接的网页单击确定便可以了。

4.向静太网页插入动态效果。

在这一阶段我遇到了许多的问题，主要是我在主页插入我的flash的时候，开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。ZUI后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。

四、网页的调试

在做完网站才发现，怎么所有的图片素材并不是在一个文件夹中，而有许多的子文件夹，从网上下载的网页全都是一个网页对应一个文件夹。制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用。而对于动态flash的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的时候在向老师提问。

这只是在制作过程中出现一些问题，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的静态的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。从我做的网页来看可以反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习，让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。

网站设计开题报告3

1.我国目前网页设计还处于初级的认知阶段，国内的网站绝大多数采用的还是非常传统的横向区块布局，信息密度高，版式缺乏节奏和韵律，尤其是北京、上海、广州三地，基本上代表了目前我国网页设计的制作水平，但是网页设计的发展正在呈不断上升的发展趋势，找到具有本民族特色的网页设计语言,对我国的网页艺术走向世界具有重大意义。

国外的网站更加人性化,设计更加紧密,服务也更加周到,个性也比国内的网站突出,让人更容易记住，国外的大容量信息网站的趋势是降低首页的信息密度，把内容分摊到二级频道;版式上更具引导性、更适于阅读，浏览方式像读报一样更流畅随意。

随着世界各国对于文化多样性的着力维护与普遍关注,网页本土化受到越来越多的网站建设者们所注重随着互连网技术的发展，各种企业和机构在网络上的竞争也日趋激烈，为了吸引眼球，企业和机构都在想方设法在网站的形象上来包装自己，以使自己在同行业的竞争中脱颖而出，而且这种趋势愈演愈烈，网站设计的需求量呈爆发性增长。网络是我国新兴文化，作为现代人的大多数人，都是通过网络了解信息，尤其现在青年一代更是热衷于网络。网站是企业向用户和网民提供信息 (包括产品和服务)的一种方式，是企业开展电子商务的基础设施和信息平台，离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为 “网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。

2. 本人对课题任务书提出的任务要求及实现预期目标的可行性分析

任务要求：

为了弘扬京剧文化，提高京剧的知名度;使京剧信息传播更为迅速有效;京剧做为我国的国粹，有着悠久而漫长的历史。作为现代人的大多数人，已经不懂的如何去欣赏京剧，更不懂得京剧文化。通过系列网页设计让更多的人了解它、喜欢它、欣赏它。给社会大众留下强烈的印象与影响力。

1)通过网页设计来体现京剧形象;

2)通过结合京剧的特点，将各“生.旦.净.末.丑”五个角色有机、自然地结合起来，以求得完美统一的设计形象。

3)通过运用巧妙的网页设计，为京剧的传播提供更大的发展前景。

可行性分析：通过学习《网页三剑客》、《精通css+div网页样式和布局》、《版式设计》、《色彩设计》等专业课;熟练运用photoshop、 flash、Dreamweaver等设计软件;在老师的指导下，通过自己的努力相信一定能够达到毕业设计的预期目标、任务。

3.本课题需要重点研究的、关键的问题及解决的思路

本课题需要重点研究的是：

京剧耐人寻味，韵味醇厚。京剧在形成之初，便进入了宫廷，使它的发育成长不同于地方剧种，对它的技艺的全面性、完整性也要求得更严，对它形象的美学要求也更高，其表演艺术更趋于虚实结合的表现手法，达到“以形传神，形神兼备”的艺术境界。在网页设计中要做到对京剧这个传统艺术内涵的发掘、创新、和表现。京剧中的五大角色的特征，对于相互独立又相互联系的角色如何在网页设计中把握它们的共性和个性。在网页设计、色彩设计、表现手法上尽多的融入现代设计元素，既符合年轻人的审美又要能深刻反映京剧文化的内涵。

关键问题在于如何把抽象的精神内涵变为可视的视觉形象。吸引更多的大众去人了解它、喜欢它、欣赏它。然后解决浏览器的兼容问题

4.完成本课题所必须的工作条件(如工具书、实验设备或实验环境条件、某类市场调研、计算机辅助设计条件等等)及解决的办法 2)完成本课题的基本工具：有关网页设计方面的书籍

1.《网页配色实用手册》温鑫茶工作室科学出版社 2011年9月

2.《Dreamweaver CS4网页设计与制作指南》杨纪梅清华大学出版社 2010 年1月

3.《Flash CS3 网站商业设计从入门到精通》张大川科学出版社 2008年03月

4.《精通css+div网页样式和布局》前沿科技人民邮电出版社 2007年

3)相关的尺寸：原始数据和资料(以实际考察提供的为依据)

4)相关的市场调研，了解网页设计的实际情形等。

5.完成本课题的工作方案及进度计划

1)、15-18周通过现场调研、网络、图书馆搜集相关资料、了解当前设计公司设计的一些前沿，初步确定栏目推广设计的大体方向。

2)、19-20周初步方案设计(在此期间确定方案，根据实际情况，进行具体情形前期设计，2011-2012第二学期

3)、1-5周方案细化设计。

4)、6-7周协调整理，为毕业设计展览与答辩作相关准备

5) 8-10周检查并校订本的设计稿和实物撰写毕业论文，打印、装订，提交整套设计资料。制做答辩汇报提纲。次毕业设计的所有实物和文挡

6)、11-12周布置毕业设计展览

网站设计开题报告4

1 引言

在 Internet 快速发展的今天，互联网已成为了人们快速获取、发布和传递信息的重要渠道，它在人们工作和生活中发挥着重要的作用。因此网站建设在 Internet 应用上的地位是显而易见的，它已成为政府、企事业单位信息化建设中的重要组成部分，倍受人们重视。该设计正是互联网与社会生活之间紧密关系的体现。万峻软件开发有限公司成立十多年以来，网站不够完善，至今未开发招聘信息发布、客户留言管理这两大块功能。该设计完善了公司原有的网站功能，可展示公司简介、公司业务、新闻动态、解决方案、成功案例、招聘信息、客户留言、管理员工作等系列内容的介绍。其它公司可以通过公司简介、公司业务、新闻动态、解决方案、成功案例等了解公司的实力，寻求合信意向和合作机会;应聘者可以通过招聘信息及时了解公司对人才的需求，结合自身情况进行工作的选择;用户可以利用客户留言经济而又快捷地与其它用户及公司负责人交流、沟通，了解各自的意向和需求以及为公司积极地提供合理化建议。

2 系统分析

2.1 用户需求分析

要建设一个公司网站，不仅仅是实现它的功能，更重要的是满足公司意向和各类用户的需求，通过悉心的听取公司领导的建议以及对公司全体员工、各企业和找工作的群体等的调查，将这些意见和建议归结为以下分析：首先，考虑到这个网站的建立是为了方便大多数用户，要求网站的内容

尽量全面，所以设计本网站首页时尽量就将公司的亮点体现出来;其次，考虑到面对的用户是大多数企业和应聘者，就要求网站要做的新颖，能吸他们的目光;ZUI后，本网站要接受用户的提问、交留及意见，所以设计过程中特意设计了“客户留言”这一栏，达到公司和用户的互动，体现网站的整体效果。

2.2 2.2 本系统的功能需求分析

本系统应有以下几个重要的功能需求公司简介：介绍公司的成立时间、规模、机构设置等。公司业务：介绍公司目前所做的业务以及发展中的业务。新闻动态：发布ZUI近新闻，主要是公司的业务拓展方面、公司ZUI近取得的成就，公司整体的发展方向等。解决方案：对各行业，各类问题做出先进的解决方案。成功案例：对外展示公司做过的成功项目，从而展示公司的先进技术和实力。招聘信息：介绍公司目前缺乏的人才，空缺的岗位。客户留言：客户可以在上面发表自己的想法和需求，客户与客户之间，客户和公司管理员之间进行互相交流。管理员工作：招聘信息的发布;公司业务、新闻动态、解决方案、成功案例，这几部分的发布、修改、删除;留言及回复里部分内容的删除，对这些内容进行管理。

2.3 2.3 可行性分析

(1) 技术性可行性就目前的数据库开发与管理来看，对于中、小型数据库系统，ASP.NET 与 SQL SERVER 2000 的结合使用更有利于数据库将来的扩展。它们为用户提供了操作方便、简单的友好用户界面和强大的数据库操作功能和简洁明了的数据库接口，适合于目前普遍的微机上使用。 SQL Server 2000 是一个用来进行数据管理与数据设计实现的工具。在 SQL Server 2000 中，用户可以根据自己实际的需要，创建一个包含有各种数据信息的数据库，并且在该数据库中保存各种所需的数据。 ASP.NET 是统一的 Web 应用程序平台，它提供了为建立和部署企业级 Web 应用程序所必需的服务，完全基于模块与组件，具有更好的可扩展性与可定制性，提供给 web 开发人员更好的灵活性，有效缩短了 web 应用程序的开发周期，为能够面向任何浏览器或设备的更安全的、更强的可升级性和更稳定的应用程序提供了新的编程模型和基础结构。

Visual Studio 2008 作为前台开发工具，引入了 250 多个新特性，整合了对象、关系型数据、XML 的访问方式语言更加简洁，其中设计器中可以实时反映变更,XAML 中智能感知功能可以提高开发效率。同时 Visual Studio 2008 支持项目模板、调试器和部署程序。它可以高效开发 Web 应用，集成了 ASP.NET AJAX 1.0，包含 ASP.NET AJAX 项目模板，它还可以高效开发 Office 应用和 Mobile 应用。

(2) 操作可行性本系统采用了人机交互界面，操作简便，易于使用。快速开发、调试和数据转换。 SQL Server 2000 带有交互式调节和调试查询、从任何数据源快速移动和转化数据、以及按 Transact-SQL 方式定义和使用函数等功能。可以从任意 Visual Studio 工具以可视化方式设计和编写数据库应用程序。

使用 SQL Server 2000，可以很容易地在企业资源旁边集中管理数据库。可以在保持联机的同时轻松地在计算机间或实例间移动和复制数据库

3 系统设计

3.1 网站总体设计

根据需求分析，该网站设计了以下几个主要的功能模块： ◇权限的设置该网站的后台数据库的维护只有管理员有访问权限。管理员可以登录到后台实现对数据库中数据的修改。 ◇客户留言管理该部分作为一个信息交流及反馈的平台，用户可以将自己的想法、需求写在这部分里面，其它用户及管理员可以通过回复留言达到用户与用户、用户与管理员之间的交流。同时，管理员可以根据需要查看和删除某些留言及回复。 ◇信息的更新由于这个网站主要是方便用户浏览ZUI新的信息动态，所以在每个页面的设置中，将ZUI新信息设置到首条，主要体现在新闻动态、公司业务、解决方案、成功案例里。 ◇信息的编辑这部分主要体现在招聘信息里，是通过后台实现的，主要是对数据库里面记录的添加、删除、修改，从后台直接将ZUI新的数据添加到招聘信息栏的数据库里，在前台的招聘信息里就会得到更新，显示ZUI新内容。

3.2 网站总体功能模块图 3.2 网站总体功能模块图

根据网站总体设计，本网站的设计主要由前台和后台两大部分构成。前台设计主要功能是提供给用户一个直观、明了的信息浏览页面，后台主要实现信息的管理。总体功能模块图如图 1 所示：山西万峻计算机软件开发有限公司网站

前台

后台

公首页司简介

公司业务

新闻动态

解决方案

成功案例

招聘信息

客户留言

用户登录

信息查询

信息添加

信息修改

信息删除

网站整体功能模块图

3.3 数据库分析 3.3 数据库分析本网站主要涉及到的 3.3.1 本网站主要涉及到的若干个实体在这里建了 5 张表，具体如下：

管理员信息列表(WJ_User 表) ：{用户编号，用户名，密码，昵称，联系电话} 用于记录管理员用户信息，其中用户编号为主键，作为标识。新闻列表(WJ_Article 表) ：{文章编号，标题，创建日期索引列查询块，作者，来源，内容，栏目分类 ID} 用于记录公司业务、新闻动态、解决方案、成功案例里的内容，因为这四页都是动态的，模式相同，所以可以放在一张表中。其中文章编号为主键，作为标识。用 AType(栏目分类 ID)区别放入的是哪一类内容。AType1 对应公司业务，AType2 对应动态新闻，AType3 对应解决方案， AType4 对应成功案例。留言信息表(WJ_Mess 表) ：{留言人编号，留言人姓名，标题，时间，内容} 用于记录留言人及留言内容等信息，其中留言人编号为主键，作为标识。单篇固定文章表(WJ_News 表) ：{单篇文章编号，标题，内容} 用于记录公司简介、招聘信息、页面底部里的内容，因为这三项是静态的，直接在编辑框里对内容进行修改、删除，模式相同，所以可以放在一张表里。其中单篇文章编号为主键，作为标识。留言回复表(WJ_Mess2 表) ：{回复人编号，回复人姓名，日期，内容，留言外键(确定回复是属于哪条留言的) } 其中回复人编号为主键，作为标识。之所以不可以和留言表合在一块，是因为一条留言可以有多条回复，不能放在一张表中。在留言回复表中用留言外键(Mid)对应着留言信息表留言人编号(Mid) ，这样，可以记录一条回复是为哪一条留言所回复的。

3.3.2 各实体的物理结构

(1) 管理员信息表如表 1 所示：表 1 管理员信息表(WJ_User 表) 列名 UId UserName Passwd NickName Tele 数据类型(精度范围) int(4) varchar(20) varchar(20) Nvarchar(10) varchar(20) 空/非空非空非空非空允许空允许空主键用户编号用户名密码昵称联系电话约束条件备注

(2) 新闻列表如表 2 所示： (3) 留言信息表如表 3 所示： (4) 单篇固定文章表如表 4 所示： (5) 留言回复表如表 5 所示：

表 2 新闻列表(WJ_Article 表) 列名 AId ATitle AData AAuth ASource ABody AType 数据类型(精度范围) int(4) nvarchar(50) nvarchar(30) nvarchar(20) nvarchar(50) Ntext(16) int(4) 空/非空非空非空非空允许空允许空非空非空主键文章编号标题创建日期索引列查询块作者来源内容栏目分类 ID 约束条件备注

表 3 留言信息表(WJ_Mess 表) 列名 MId UserName MTitle MData MBody 数据类型(精度范围) int(4) varchar(20) nvarchar (50) varchar (30) Ntext(16) 空/非空非空非空允许空非空非空主键留言人编号留言人姓名标题时间内容约束条件备注

表 4 单篇固定文章表(WJ_News 表) 列名 NId NTitle NBody 数据类型(精度范围) int(4) Nvarchar(50) Ntext(16) 空/非空非空允许空允许空主键单篇文章编号标题内容约束条件备注

表 5 留言回复表(WJ_Mess2 表) 列名 MId2 UserName MData2 MBody2 MId 数据类型(精度范围) int(4) varchar(20) varchar(30) Ntext(16) Int(4) 空/非空非空非空非空非空非空主键回复人编号回复人姓名日期内容留言外键约束条件备注

4 系统实施

4.1 4.1 运行要求的硬件配置

◆ 内存：512MB 以上。 ◆ 硬盘：20G 以上硬盘空间。 ◆ 系统的运行分辨率为 1024×768。

4.2 4.2 运行要求的软件配置

◆ 操作系统：Windows 2000 以上 ◆ 服务器：IIS 5.0 以上 ◆ 数据库系统： Microsoft ◆ 浏览器：IE 6.0 以上 SQL Server 2000 以上

4.3 4.3 主要功能实现前台主要功能模块介绍 4.3.1 前台主要功能模块介绍

(1)主界面，如图 2 所示：用户直接点开网站就可以进入到主界面，即网站首页。在页面上方有公司简介、公司业务、新闻动态、解决方案、成功案例、招聘信息、客户留言这几大块，分别点击各个按钮可进入相应的分页。在左下方为解决方案和成功案例。解决方案是为同行业的疑难问题提出合理的方案，成功案例是公司有突破性成就的案例，这两部分做为公司的核心，所以放在首页。右下方为新闻动态和公司业务，方便用户及时了解公司动态和ZUI近新增的业务。

图 2 网站首页 (2)公司简介页面，如图 3 所示：点击公司简介按钮即进入公司简介页面，该页面主要介绍公司的成立时间、规模、注册资金、机构设置等内容，帮助用户了解公司。

图 3 公司简介页面图 (3)公司业务页面，如图 4 所示：点击公司业务按钮即进入公司业务页面，该页面主要介绍公司目前所做的业务以及发展中的业务。其中所列出的所有业务按时间降序排列，前面的为ZUI近新增的业务，方便用户浏览。在该页面点击解决方案按钮即进入解决方案页面，是对各行业，各类疑难问题作出合理性的解答。在该页面点击成功案例按钮即进入成功案例页面，对外展示公司做过的成功项目，从而展示公司的先进技术和实力。

图 4 公司业务页面图

(4)新闻动态页面，如图 5 所示：点击新闻动态按钮即进入新闻动态页面，在本页面发布ZUI近新闻，主要是公司的业务拓展方面、公司ZUI近取得的成就，公司整体的发展方向等。其中所列出的所有新闻按时间降序排列，前面的为ZUI近的新闻。

图 5 新闻动态页面图

(5)招聘信息页面，如图6所示：点击招聘信息按钮即进入招聘信息页面，该页面主要介绍公司目前缺乏的人才、空缺的岗位、每个岗位需要的人数、对应聘者的要求、公司人事部的联系方式、联系人、应聘的具体流程等。

图 6 招聘信息页面图 (6)客户留言页面，如图7所示：点击客户留言按钮即进入客户留言页面，客户可以在上面发表自己的想法和需求，客户与客户之

间，客户和公司管理员之间进行互相交流。如果用户想要留言可以分别在图7中留言人、标题、内容后面的框中写入内容，然后点击留言按钮进行留言。而管理员对留言板的管理可以通过后台管理系统里的客户留言管理，从而实现对留言的管理。

图7 客户留言页面图

后台管理功能介绍 4.3.2 后台管理功能介绍

后台界面的设计主要利用了一个框架页，在设计好框架页后，其它页面只要修改每个里面的内容即可。框架页是一个主页面承载若干个子页面，页面间相对独立，而且互相之间也可以操作，比如父页面刷新子页面等等，它可以实现单独页面刷新，我们看起来就是整个页面的部分刷新，这样就减轻了服务器的计算量，降低了服务器负担。其具体设计如下： (1)管理员登录页面，如图 8 所示：这个界面主要是用于管理员登录到后台的主要界面，它的权限仅仅局限于管理员，此模块主要运用 ASP.NET 技术和 C#语言实现，并且利用 Microsoft SQL Server 2000 作为数据库，管理员只需在主页输入用户名和密码就可以登录到后台系统。管理员的“用户名”和“密码”存放在 Microsoft SQL Server 2000 数据库当中，当管理员在登录窗口(如图 8 所示)中正确的输入“用户名”和“密码”时就会进入后台管理系统窗口界面

图8 管理员登录页面

(2)后台管理系统窗口界面，如图 9 所示：

图9

后台管理系统窗口界面

在这里，我有针对性的设置了一个查询控件，用于公司业务、新闻动态、解决方案和成功案例里。在数据多的情况下，快速的找到所需要的数据，以方便管理员做出增加、修改、删除等操作。 (3)在后台管理系统窗口界面中点击公司简介按钮即进入公司简介管理页面，如图 10 所示：描述后面的框是对公司简介的编辑，单击保存，在前台的公司简介中就可以看到相应的内容。在此面页中点击招聘信息按钮就进入招聘信息管理页面，在描述后面的框中对招聘信息进行添加、修改、删除等操作，在前台的招聘信息里就得到即时的更新。

图 10 公司简介页面 (4)在后台管理系统窗口界面中点击页面底部按钮即进入页面底部管理页面，如图 11 所示：

图 11 页面底部页面在描述后面的框里就可以直接对页面底部内容进行增加、修改、删除等操作，从而在前台的每个页面的底部都得到相应的更新。 (5)在后台管理系统窗口界面中点击公司业务按钮即进入公司业务管理页面，如图 12 所示：

图 12 公司业务页面在查找前面的方框中输入标题里的部分内容，点击查找，就可以快快速找出相应的那一条;点击添加按钮，就可以添加一条新的记录;选中要删除的记录，点击删除，则删除了相应的记录;在每一条记录后面点击编辑按钮，可以对已有记录进行修改。在此页面中点击新闻动态、解决方案、成功案例分别进入相应的管理页面，同理进行以上的操作。 (6)在后台管理系统窗口界面中点击客户留言按钮即进入客户留言管理页面，如图 13 所示：

图 13 客户留言管理页面在此页面里，选中某条留言，点击删除，可以对这条留言信息进行删除;点击某条留言后面的查看回复，可以看到这条留言的回复内容，并且可以对回复信息进行删除。 (7)在后台管理系统窗口界面中点击用户管理按钮即进入用户管理页面，如图 14 所示：在此页面里，可以对后台的管理员用户进行管理，添加和新的管理员用户和删除已有的管理员用户。

图 14 用户管理页面 (8)在后台管理系统窗口界面中点击修改密码按钮即进入修改密码页面，如图 15 所示：

图 15 修改密码页面在此页面里，每个管理员用户可以输入原密码、新密码，点击修改来修改自己的密码。

4.4 系统测试

这个阶段的关键任务是通过各种类型的测试及相应的调试，使软件达到预定的要求。

4.4.1 测试环境

操作系统：Windows 2000 以上; 数据库系统：Microsoft Sql Server 2000 以上。服务器：IIS 5.0 以上。

4.4.2 模块测试

测试本系统中各个模块的子功能，把每个模块作为一个独立的实体来测试。保证每个模块作为一个单独的单元能正确运行。在测试中发现编码和详细设计的错误，并及时改正。如在测试客户留言管理时，没有输入留言人姓名，就会留言不成功，出现请输入留言人姓名这样的信息。

4.4.3 子系统测试

子系统测试是把经过模块测试的模块放在一起形成以一个子系统来测试。模块相互间的协调和通性是这个测试过程中的主要问题，以此，这个步骤着重测试模块的接口。

4.4.4 4.4.4 系统测试实施

系统测试是把经过测试的子系统装配成一个完整的系统来测试。在这个过程中不仅能发现设计和编码的错误，还能验证系统是否能提供需求分析中指定的功能。在这个步骤中发现设计中的错误和需求分析中的错误。对输入错误的，能进行排错，如在管理员登录页面中输入的用户名和密码错误，则在下方出现 “您输入的用户名和密码错误”的提示。数据库中的的已有数据可以进行修改、删除，数据具有可维护性。

5 结语

通过几个月的设计，我才明白怎样将学校学习的东西运用到实践中，怎样在一个真正的客户面前展示自己的理论知识，更让我感受至深的是不论作什么都需要合作和别人的帮忙，一个人的力量是微不足道的。在整个设计过程中，我遇到很多问题，查阅了很多书籍，并且有很多疑难问题是在指导老师的帮助下完成的。另外，通过这次设计，我才明白，如何真正将学校学到的东西运用到实践中是一个大学生迈入社会ZUI重要的一部。尽管这次设计已经初步完成了客户的需求，但是不论从界面还是整体功能的实现上都存在很多问题，需要进一步的修改和完善，这也将是我后期的工作的重点。

感谢

感谢这么多天马联辉、靳燕老师的精心辅导和悉心批改，无论是设计的功能实现还是论文的内容格式，辅导老师都认真检查，真心的感谢他们和各位系领导对我的关心，在以后的工作道路上我将继续努力，将我在学校学到的理论知识充分应用到实践中。

参考文献

[1] 江广顺.ASP.NET2.0+SQL SERVER 网络应用开发详解[M]. 北京：人民邮电出版社,2007 [2] 郑阿奇.SQL Server 教程[M]. 北京：清华大学出版社，2005 [3] 陈冠军.ASP.NET2.0 企业级项目开发[M].北京：人民邮电出版社,2007 [4] 陆锡聪.基于 Web 的学位论文管理系统的设计与实现[J].电脑知识与技术，2005，10(2) [5] 叶安胜.基于.NET 架构的 WEB 数据库访问技术研究与应用[D].电子科技大学，2004 [6] 张立科，ASP.NET 信息管理系统开发实例导航[M].北京：人民邮电出版社，2005 [7] 殷晓波.基于.NET 技术的数据库技术与应用[D].安徽理工大学，2005 [8] 戴婉荣,熊前兴.SQL Server 数据同步机制的研究与应用[J].电脑知识与技术，2009,5(19) [9] 龙马工作室.ASP.NET+SQL SERVER 网络开发实例精讲[M]. 北京：人民邮电出版社,2007 [10] 刘晓华.SQL Server 2000 数据库应用开发[M].北京:电子工业出版社,2001

Design Development of the Wan Jun Software Development Company’s Web Site

Abstract The Internet has developed very rapidly has become the rapid access to publish

disseminate infmation. It is an imptant channels f people to wk life plays an imptant role. Therefe, the web site’s construction in the Internet application's position is clearly evident, it has become the government, enterprises institutions infmation construction, are an imptant part of the value. This web site is developed based on sql server 2005 database by using Asp.net 2.0,c# language.The infmation publish platfm is developed using Asp.net.The infmation is sted in database can be refreshed by inputing new infmation in background infmation management module. The web site’s interface design is very simple, users can operate it very easily.The whole web site is devided into the feground background infmation management module.User can browse web contents, other users f infmation exchange,using the background management module can classify, add,modify delete the infmation. Keywds infmation publish visits’book management ASP.NET C#

网站设计开题报告5

一、选题的依据及意义

在互联网的“大统一”时代，各类信息爆炸式增长,许多信息造成了人类的比起文字信息的繁杂，冗长，图片正在成为互联网和移动互联网上越来越重要的内容和应用。然而传统对于上传图片功能技术不够完善。在2011年，新创立的Pinterest网站依托“视觉+兴趣+瀑布流”的独特社交途径大受欢迎，网站用户增长赶上了五年前的Facebook。在此基础上，更好借鉴Pinterest模式，催生属于中国基于兴趣的图片收集社交网站也应该不断发展起来，为更多需要图片的用户创造平台是很有必要的。

1.传统图片收藏功能不够完善，不便于用户查找。传统浏览模式，往往会使用户在PC的图片收藏夹里存储了大量图片,找图时却要慢慢搜寻,用U盘拷贝图片,同时嗨哟忍受图片上传的漫长时间.而如今，社交网络的兴起,让我们的文字和言论的分享更加自由,在图片收藏分享这个细分领域,我们需要更加细分，在图片格式上，国内如花瓣网等图片收集网站以带原始网页链接的方式，需要时，可以通过图片链接回到原来的网页，这使得图片的收集和存储更方便，浏览体验快速、顺畅，并且巧妙的避免了版权问题。

2.传统浏览模式单一，不够新颖，时尚。如今“视觉+兴趣+瀑布流布局”的独特图片浏览社交途径大受欢迎，这种模式能够很好地吸引用户，视觉冲击力带来更为潮流化的刺激。

3.这是一种基于强兴趣的弱社交模式，通过注册网站用户，既可以上传发表自己的作品，通过点赞，私信功能达到一种比较弱的社交关系，却更专注于兴趣的相互交流。

我希望我也能设计一个网站为众多摄影、绘画爱好者以及艺术设计师提供一个灵感激发、心得交流的平台，通过精美的界面设计以及详实的内容不断吸引更多优秀的爱好者加入，共同建设。

二、国内外研究现状及发展趋势(含文献综述)

国外，以Pinterest为例，由Pinterest名称由Pin(图钉)+Interest(兴趣)组成，网站旨在用户不断发现和分享新图片。Pinterest最为便利的是在页面底端实现自动加载而无需翻页，为用户提供在线收藏和分享视觉艺术图片的服务。她是基于视觉分享和兴趣社交的网站，是个人猎酷实用工具，用户可以把自己感兴趣的图片在网络上用图钉钉在顶板上(PinBoard)上归类收藏并与朋友分享，真正全是每个图钉背后的独特“故事”。

Pinterest打破以往图片浏览模式，如列表或者田字格，而采取瀑布流展示形式使信息更加随意，它的模式用户可以随意的蜻蜓点水式的信息获取。更适合在大量信息中漫无目的的随意获取;相对来说用户获取信息会更轻松，只要觉得好看就可以停留下来(收集)。省去了传统图片网站进行来回浏览的麻烦。Pinterest以其高质量极其视觉冲击力的图片的精巧搭配，吸引着大批受众，女性是视觉动物，倾向于感性认知，所以，Pinterest图片留尤其能引起女性的情感共鸣。

以兴趣为基础，通过瀑布流展示图片的形式也让它在美工迅速穿红。成为继Twitter和Facebook之后第三大社交媒体。同时，在中国很多网站也相继崛起，步其后尘。如以蘑菇街，美丽说为首的采用瀑布流式电商网站占领一份女性市场。由于作为图片网站，中国有微博，空间，微信等关系社交网络同时也支持上传，编辑图片。

所以以兴趣图谱为社交网络在中国想要占领鳌头目前还是有局限性的。但像知美网，花瓣网则相当于完全承袭了Pinterest的网页布局以及图片收藏板功能。这类网站更多作为兴趣爱好者栖居地，并非纯商类网站，不仅如此，它的界面设计简直大方，唯美舒适，深受设计人员，摄影爱好者，动漫绘画等热爱艺术人们所喜爱。

三、本课题研究内容

本课题研究前端旨在通过JavaScript编程语言完成前端与后台开发，实现用户注册、登录、安全性设置以及图片的上传、在线收藏、分类、点赞等功能。完成网站总体功能模块设计，并完成对网站的`测试。

本网站的设计与开发是在如今如花瓣网，Pinterest等图片社交网站的基础上进行不针对本站功能删减增进，前端界面设计优化，后台加强图片收集，图片上传功能。

四、本课题研究方案

本网站前端与后端均使用JavaScript编程语言，遵循CommonJS模块化规范实现，配合MongoDB键值对数据库、Gulp.js等构件工具，完成用户系统以及对图片的更新、上传、收集、点赞等功能。前端采用破不留风格惊醒设计，后端采用Koa.js框架，运行在基于Google V8引擎的Node.js平台上，整体采用MVC架构，是数据与代码分离，便与开发和维护。

五、研究目标、主要特色及工作进度

本课题的目标完成为使用JavaScript编程语言实现坡卜留布局的用户界面、用户注册、登录、安全性设置以及图片上传、收集、更新、点赞。

主要包含用户系统、图片系统量大组件，具体功能表现为：用户登录、注册、安全性设置和图片上传、收集、更新、点赞。

主要特点是：为众多摄影、绘画爱好者以及艺术设计师提供一个灵感激发、心得交流的平台，通过精美的界面设计以及详实的内容不断吸引更多优秀的爱好者加入，共同建设。

六、工作进度

1.毕业设计选题。20__.12.01-20__.12.02

2.资料收集与整理。20__.12.02-20__.12.07

3.系统可行性分析，填写需求分析。20__.12.07-20__.12.15

4.毕业设计开题。20__.12.15-20__.12.__

5.具体设计，前台页面设计，模块设计，图片加工修正，后台数据库设计，前段与后台数据库连接。代码编写和单元测试，系统综合测试。20__.12.__-20__.12.30

6.技术报告和使用功能手册编写，准备答辩材料。20__.1.02-20__.1.15

7.进行毕业设计答辩。20__.5.2-20__.5.7