下面是摘抄网小编帮大家整理的网站设计开题报告范文5篇，供大家参考借鉴，希望可以帮助到有需要的朋友。
一、本课题的目的和意义：
随着互联网技术的迅速发展网络已逐渐深入人心，更是成为继报刊、电视、广播等传统媒体之后而迅速兴起的一新的传媒介质，网络宣传已成为众多宣传手段的重中之重，各种各样的网站也就应运而生。为宣传企业而制作的公司网站、可进行网上购物的电子商务网站、能及时了解到天下事的新闻网站、方便学习的网站，充斥着我们的视野，满足着我们的需要。网站的规划与建设，已悄然被许多人摆到了首要的位置上。
当今的人们，如果依然依靠传统的方式展示自己已经不能满足现在人们的需要，所以做一个网站就成为人们一件十分有意义并有兴趣去做的事情。利用企业网站我们可以让全国，甚至全世界的人们有机会知道自己的公司。
二、本课题研究的难点
规划并建设好一个企业网站，并不是一件容易的事。首先，规划好这个网站就不容易。因为是企业网站，所以要求要比类型的网站更加独具匠心，有独特的眼光。这就规划者有了更高的要求。首先，要根据自己的要求网站的风格布局、色彩搭配和大体轮廓，并确立网站的栏目、内容。其次，网站制作者将要根据前一点安排整个页面文字图片的布局，这就要求设计者对网页制作具有相当的水平，美工、排版能力要强。再者，企业网站需要实现的动态及时更新等功能要求网站制作程序员有良好的编程基础，在网络编程语言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月
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 所示：
图
后台管理系统窗口界面
在这里，我有针对性的设置了一个查询控件，用于公司业务、新闻动态、解决方案和成功案例 里。在数据多的情况下，快速的找到所需要的数据，以方便管理员做出增加、修改、删除等操作。 (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].北京:电子工业出版社,
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#
一、网站整体规划，要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。
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的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的时候在向老师提问。
这只是在制作过程中出现一些问题，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的静态的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。从我做的网页来看可以反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习，让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。
选题依据
一、选题来源、目的和意义
软件教研室提供指导教师供选课题电子商务网站设计，在此基础上本人确定设计具体的体育用品商城网站。
设计一个能实际运行的电子商务网站，为自己增加就业能力和真正实现体育用品商城的电子商务应用，及提高自己的创新能力。通过该项毕业设计提高自己的专业设计能力和创业水平，为毕业后走向社会奠定基础，同时对毕业留下完美的句号。
二、检索文献资料目录
网上搜索相应网站的资料做为参考
淘宝商城网站、京东商城、阿里巴巴等网站
设计内容、思路与流程
一、设计内容及要解决的主要问题
在电子商务网站上实现体育用品的展示、销售、后台编辑、客户交流等
二、设计思路
1、进行体育用品电子商务网站需求分析
2、进行总体设计和详细设计，对细节进行修改
3、进行网站界面设计和数据库设计
4、进行网站代码设计和网站的测试
三、工作方法或工作流程
在网站设计中采用原型法设计思想，先选择或设计一个较小的原型，参照一些比较成功的电子商务网站，然后根据设计需求不断修改完善补充，包括对网页界面的设计、后台数据库的修改、网页图片的整理等，最后达到功能比较完整的能够在服务器空间运行的电子商务网站设计工作
进度安排
时 间 工作内容
__年11月-__年12月市场调研、需求分析、设计网站的原型
__年12月-__年1月数据库设计、图片收集与编排、详细设计
__年1月-__年2月网站界面设计、网站功能优化设计、代码设计
__年2月-__年3月进行网站最后的完整设计、对外观进行完善、进行网站的运行和测试
一、 选题的依据及意义
在互联网的“大统一”时代，各类信息爆炸式增长,许多信息造成了人类的比起文字信息的繁杂，冗长，图片正在成为互联网和移动互联网上越来越重要的内容和应用。然而传统对于上传图片功能技术不够完善。在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框架，运行在基于GoogleV8引擎的Node.js平台上，整体采用MVC架构，是数据与代码分离，便与开发和维护。
五、 研究目标、主要特色及工作进度
本课题的目标完成为使用JavaScript编程语言实现坡卜留布局的用户界面、用户注册、登录、安全性设置以及图片上传、收集、更新、点赞。
主要包含用户系统、图片系统量大组件，具体功能表现为：用户登录、注册、安全性设置和图片上传、收集、更新、点赞。
主要特点是：为众多摄影、绘画爱好者以及艺术设计师提供一个灵感激发、心得交流的平台，通过精美的界面设计以及详实的内容不断吸引更多优秀的爱好者加入，共同建设。
六、工作进度
1.毕业设计选题。20__.12.01-20__.12.
2.资料收集与整理。20__.12.02-20__.12.
3.系统可行性分析，填写需求分析。20__.12.07-20__.12.
4.毕业设计开题。20__.12.15-20__.12.__
5.具体设计，前台页面设计，模块设计，图片加工修正，后台数据库设计，前段与后台数据库连接。代码编写和单元测试，系统综合测试。20__.12.__-20__.12.
6.技术报告和使用功能手册编写，准备答辩材料。20__.1.02-20__.1.
7.进行毕业设计答辩。20__.5.2-20__.5.
七、参考文献
[1]刘颖.由Pinterest引发的对图片门户网站的思考--《电子测试》2013年18期.
[2]基于MySQL数据库的优化--《电子科技》2013年09期
[3]基于JavaScript的瀑布流式网页布局的设计与实现.萍乡学院学报本2015年3月
[4] 温晓南.基于兴趣的分享式社交网络开发.《吉林大学》
[5] 罗婷婷，余先荣.MYSQL数据库在科研管理系统中的应用--《消费电子》, 2013, 第2期
[6] 钟强. Node.js平台下Web前端架构的研究. 华中科技大学,
[7] 蔡柳青.基于MongoDB的云监控设计与应用[D].北京交通大学.
[8] 曹刘阳 WebAp和HTML5给Web前端带来的变化《程序员》,
[9] 孙朝云，孙向科，沙爱民 基于MVC架构网络教学管理系统的设计与开发《计算机工程与设计》,
[10] 应金航 基于MVC架构的公安部门网站内容管理系统的设计与实现《电子科技大学》,
[11] 张孝祥 JavaScrip 网页开发清华大学出版社,
今天上面这些是摘抄网小编精心为大家整理了网站设计开题报告范文精选5篇，方便大家阅读。