毕业设计指导网站.doc

上传人：laozhun

文档编号：4027241

上传时间：2023-04-01

格式：DOC

页数：26

大小：561KB

《毕业设计指导网站.doc》由会员分享，可在线阅读，更多相关《毕业设计指导网站.doc（26页珍藏版）》请在三一办公上搜索。

1、前言二十世纪进入信息发展高速路，数码化革命给所有领域带来新的改变。随着电脑办公自动化的普及，电子商务应运而生，一切都归功于internet的巨大贡献，互联网的世界里蕴藏无限生机，这里只有想不到的、没有做不到的。由于国际互联网是一个不受时空限制的信息交换系统，所以它是目前最直接、最丰富和最快捷的联系方式，信息沟通的高效率为企业带来了最大的方便。所以在现今社会对于一个企业来说，网站已经是不可缺少的一部分了。现今，知识产权越来越被人们关注，随着就业压力的加重，越来越多的年轻人选择自己创业开公司，大学生也占了一定的比例，由于专业的限定，有些大学生在校基本上接触不到知识产权的知识，当然在社会上的人群也

2、不一定都了解知识产权。同时随着互联网的快速发展和不断普及，网站成了传播信息最有效的平台。所以我制作了一个专门针对知识产权行业的企业网站，给这些人群提供了一个了解和学习知识产权的平台，当然对于一个针对知识产权的服务性企业本身而言，这个网站将会对其自身带来不可估量的效用。当前，随着计算机技术与通信技术的发展，网络的规模也逐渐增大。网络的元素也随之而不断增加。有的利用其进行通信，有的利用其作为商业用途，在网络上进行出售、收购、宣传等用途。从而使得网络越来越成为现今社会上必不可少的元素，而网站就是这个网络里的一个很大的元素。所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用

3、HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。目录前言1第一章31.1技术可行性分析31.2经济可行性分析31.3操作可行性分析3第二章网站需求分析42.1网站需求设计概述42.2 开发工具的选用及介绍42.2.1 Dreamweaver8.042.2.2 Photoshop CS52.2.3 ASP动态网站脚本语言62.3 关系型数据库的选择72.3.1 Micr

4、osoft Office Access简介7第三章网站概要分析83.1系统构思83.2项目需求分析91学生9第四章项目详细设计104.1 网站栏目简介104.2.1 logo的制作过程114.2.2 banner的制作过程124.2.3 主页制作过程(详见图4-3)134.3 数据库的设计14第五章项目编码15第六章项目测试236、1登陆页面23第七章项目管理25第六章总结26第一章1.1技术可行性分析在制作网站的过程中需要考虑到技术可行性的问题，对制作人员一般都要求掌握计算机技术，具有一定的数据库基础，至少熟悉运用一个网页制作的软件（如：Dreamweaver），并对多媒体软件具

5、有一定的熟悉（如：Photoshop、Flash等等）。用户营运过程中信息的系统化管理，权威的数据统计，为企业的经营决策提供了大量的、权威的科学依据（数据）；强大的毕业指导功能，简化了学生的日常学习，提高了写作效率，避免了人工管理过程中数据易错所带来的一系列的连锁反映，提高用户的毕业论文能力1.2经济可行性分析本作品制作全程都是由本小组自发研制，因此无需太多的人力和物力，管理方便，所以无需庞大的费用，甚至可以所是零费用。同时本作品是一个动态网页，每次浏览都需要一个Web服务器支持，为了方便用户浏览本网站在网上申请了一个域名，并利用这个提供域名的商家的Web服务器作为本网站的Web服务器。所以

6、从经济上完全是可行的。实际情况下，在高系统配置、高网络带宽服务，各个级别管理员很容易通过网站对其操作范围内的系统内容信息进行操作管理，完全满足日常查询、管理的要求。1.3操作可行性分析本作品操作简单、界面简洁清晰, 对于那些有一般的计算机知识的人员就可以轻松上手。并兼容与所有网页浏览的软件(如: Internet Explorer) 由此可见，该网站的操作是可行的，有必要开发本网站。综合以上方面，本网站具有很高的开发可行性，无论是从技术上，经济上或者社会因素方面还是操作上都是可行的。第二章网站需求分析2.1网站需求设计概述网站首页可以说是网站的门面，大家浏览你的网站首先看到的就是网站首页，

7、所以首页不仅要做得美观，引人浏览，还要有丰富的内容。所以我们在首页就首页聚集了大量的信息，除了最基本的法律法规、法界动态、法律服务这些栏目外，我还将公司的公告用滚动文字的形式展现出来，这样静中有“动”的效果可以抓住人的眼球，吸引人去点击。每页左下方都有我们的联系方式，这样就不用转到联系我们这张页面都能获取到公司的联系方式了，当然若想更深入的了解就可以转到联系我们页面。子页面的框架基本上是符合整个网站的整体风格的，banner，导航等都是和首页一样的，不一样的只是正文的内容，这个可以通过模板来实现。出于排除对模板可编辑区域排版的复杂性起见，我这里没有运用模板，而是用另存为的方式实现网页风格“统一

8、化”的。在网站的各页面制作好后，我在Dreamweaver中与Access数据库建立连接，通过在Dreamweaver的一系列操作实现注册登录的功能，而留言板功能我是通过一张空白的写有后台代码的页面转接过去的，名为handle.asp，用户可以通过“在线留言”在网站上发表自己的见解或疑问，达到互动的效果。2.2 开发工具的选用及介绍2.2.1 Dreamweaver8.0Dreamweaver是创建和管理网页的专业化可视编辑器，在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站

9、点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。1、灵活的编写方式Dreamweaver具有灵活编写网页的特点，不但将世界一流水平的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作需要定制自己的用户界面。2、可视化编辑界面Dreamweaver是一种所见即所得的HTML编辑器，可实现页面元素的插入和生成。或视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面，Dreamw

10、eaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。3、功能更多的CSS支持CSS可视化设计、CSS检查工具4、动态跨浏览器验证当保存时系统自动检查当前文档的跨浏览器有效性，可以指定何种浏览器为测试用浏览器，同时系统自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构。动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主浏览器。5、强大的WEB站点管理功能6、内建的图形编辑引擎7、Dreamweaver的集成特性Dreamweaver 8继承了Fireworks、Flash和Shockwave的集成特性，可以在这些Web创作工具之间自由地切换，轻松地

11、创建美观实用的网页。8、丰富的媒体支持能力可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒体。Dreamweaver具有强大的多媒体处理功能，在设计DHTML和CSS方面表现得极为出色，它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作。Dreamweaver还提供行为和时间线两种控件来产生交互式响应和进行动画处理。9、超强的扩展能力Dreamweaver还支持第三方插件，任何人都可以根据自己的需要扩展Dreamweaver的功能，并且可以发布这些插件。2.2.2 Photoshop CSPhotoshop CS是一款图形、图像编辑

12、软件，在网页设计领域被广泛得应用。以下是其10大最新功能：1、改进的文件浏览器使用功能强大文件浏览器的可以快速预览、标注和排序图片；搜索或编辑图像的数据元或关键词；并且可以自动批量共享文件。2、匹配颜色命令可以迅速从一张图片的颜色校正另外一张图像的颜色。3、直方图调色板随时根据对图像的调整更新直方图调色板(Histogram Palette)。4、阴影/加亮区修正使用“阴影/加亮区修正(hadow/Highlight correction)”可以快速调整照片中曝光过渡或欠缺的区域。5、沿路径放置文本可以像在Illustrator中一样把文本沿着路径放置，并且你还可以在Illustrator直接

13、编辑文本。6、支持数码相机的raw模式支持多款数码相机得raw模式，让用户可以得到更真实的图像输入。7、全面支持16位图像可以在主要功能、层、比刷、文字、图形等中精确的编辑、润饰16位的图像。8、Layer Comps可以在一个文件中保存不同层的合并效果，以便对各种效果进行快速察看。9、输入Flash文件使用ImageReady可以创建flash矢量文件。10、自定义快捷键用户可以按照自己的习惯定义Photoshop的快捷键。2.2.3 ASP动态网站脚本语言ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与

14、数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。ASP采用脚本语言VBScript（Java script）作为自己的开发语言。ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。使用 ASP 可以组合 HTML页、VBScript脚本命令和JavaScript脚本命令等，以创建交互的 Web 页和基于 Web 的功能强大的应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程

15、序。ASP的文件后缀名为.asp，以区别于同样可以包含Script的HTML 文件。一个.asp文件是一个文本文件，可以包括下列元素的任意组合：文本（text）、HTML标志（tags）、Script命令由于脚本程序是在服务器上而不是在客户端运行，传送到浏览器上的 Web 页是在 Web 服务器上生成的。所以不必担心浏览器能否处理脚本：Web 服务器已经完成了所有脚本的处理，并将标准的 HTML 页面传输到浏览器。由于只有脚本的结果返回到浏览器，所以服务器端脚本不易被别人复制。用户看不到创建他们正在浏览的页的脚本命令。2.3 关系型数据库的选择2.3.1 Microsoft Office A

16、ccess简介Microsoft Office Access是由微软发布的关联式数据库管理系统,是集成在microsoft公司开发的产品更新换代office系统中的集成软件。它之所以被集成到Office中而不是Visual Studio中，是因为它与其它的数据库管理系统（如Visual FoxPro）相比更加简单易学，一个普通的计算机用户即可掌握并使用它。而且最重要的一点是Access的功能足够强大，足以应付一般的数据管理及处理需要。Assess能够存取 Access/Jet、Microsoft SQL Server、Oracle，或者任何 ODBC兼容数据库内的资料。ODBC（Open Da

17、tabase Connectivity开放式数据库互联）是微软推出的一种工业标准，一种开放的独立于厂商的API应用程序接口，可以跨平台访问各种个人计算机、小型机以及主机系统。ODBC作为一个工业标准，绝大多数数据库厂商、大多数应用软件和工具软件厂商都为自己的产品提供了ODBC接口或提供了ODBC支持，这其中就包括常用的SQL SERVER、ORACAL、INFORMIX等，当然也包括了Access。在ASP中可以通过三种方式访问数据库：1、IDC（Internet Database Connector）方式；2、ADO（ActiveX Data Objects）方式；3、RDS（Remote

18、Data Service）方式。这三种访问方式对数据库的访问都是由Internet Information Server完成的。通过Web浏览器用HTTP协议向IIS（Internet信息服务器）发送请求，IIS执行对数据库的访问，并返回一个HTML格式的文档响应。以下是Access的优点：1存储方式单一Access管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象都存放在后缀为（.mdb）的数据库文件种，便于用户的操作和管理。2面向对象Access是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的各种功能对象化，将数据库管理的各种功能封装在各类对象中。它将一个应用系统当作是由

19、一系列对象组成的，对每个对象它都定义一组方法和属性，以定义该对象的行为和外国，用户还可以按需要给对象扩展方法和属性。通过对象的方法、属性完成数据库的操作和管理，极大地简化了用户的开发工作。同时，这种基于面向对象的开发方式，使得开发应用程序更为简便。3界面友好、易操作Access是一个可视化工具，是风格与Windows完全一样，用户想要生成对象并应用，只要使用鼠标进行拖放即可，非常直观方便。系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握。4集成环境、处理多种数据信息Access基于Windows操作系统下的集成

20、开发环境，该环境集成了各种向导和生成器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、设计用户界面、设计数据查询、报表打印等可以方便有序地进行。5Access支持ODBC（开发数据库互连，Open Data Base Connectivity）。利用Access强大的DDE（动态数据交换）和OLE（对象的联接和嵌入）特性，可以在一个数据表中嵌入位图、声音、Excel表格、Word文档，还可以建立动态的数据库报表和窗体等。Access还可以将程序应用于网络，并与网络上的动态数据相联接。利用数据库访问页对象生成HTML文件，轻松构建Internet/Intranet的应用。第三章网

21、站概要分析3.1系统构思本网站前台包括首页、学生、教师、作品、论坛交流、学习交流、学生风采、开心一刻、情感基地等栏目。以下是系统构思的图解（如图3-1）首页后台管理学生信息论坛交流学习交流情感基地学生风采教师信息作品集合开心一刻图3-1网站垂直系统图3.2项目需求分析通过调查要求系统需要具有以下功能：1. 由于操作人员的计算机知识普遍较差，要求有良好的人机界面。2. 由于该系统的使用对象多，要求有较好的权限管理。3. 方便的数据查询，支持多条件查询。4. 基础信息管理与查询（包括商品信息、客户信息、供应商信息）。5. 通过计算机，能够直接“透视”信息存储情况。6. 完善学生查询信息、教师指导

22、信息进行管理。7. 方便、健全的指导功能。8. 图表分析问题需求状况，对查询问题最多的进行重点指导9. 对受欢迎的教师，以及提问较多的问题进行排行统计。10.当外界环境（停电、网络病毒）干扰本系统时，系统可以自动保护原始数据的安全。11. 信息更新自动完成，尽量减少人工干预。功能需求如下：1学生注册/登陆/忘记密码/管理个人信息上传文件和下载文件向指导教师提问查询问题2教师登陆/忘记密码管理所辅导学生的账户上传文件和下载文件回答问题群发消息3管理员管理教师和学生信息查询统计数据（日问题量，答疑率）提醒教师答疑发布公告群发消息要求： 1.加入评价机制（学生评价教师；系统根据网络利用效率评价教师

23、对学生的指导质量等） 2.扩展文档管理功能（根据毕业设计的特点，催交/管理/评价学生在不同阶段上交的毕业设计文档）3.考虑适应所有学院/大学的毕业设计指导网站第四章项目详细设计 4.2 4.1 网站栏目简介网页大致构思如下：1. 首页：我们的banner所要表现的就是希望大家能到我们大学生创业园来一起学习毕业设计，交流毕业经验。因为这个作品是特别为大学生设计的，所以我们的整个页面都是显示出一种大学生活泼、朝气以及创业的激情。同时首页包含了本站所涉及的主要内容、组成元素、主要话题和网站精髓。2. 学生信息：主要介绍学生的个人信息，包括一些基本信息和所在院校等深度信息，还有他们的历史文化及

24、学习内容。3. 教师信息：简单罗列了各个注册教师的个人信息，如教师注册注册、专题、负责板块、受欢迎程度等等。4. 作品信息：这个栏目主要是为了方便用户了解有关作品、专利等知识产权方面的知识而建立的友情链接，在这里才是真正的知识领取地，学到很多你想要的知识，各种出其不意的设计信息。5. 论坛交流：我们特别收集了国家知识产权网上的最新信息，让大家能及时了解到我国知识产权的最新动态。通过论坛达到更好的交流，学到更多的知识。6. 学习交流：这个栏目主要列举了有关毕业设计方面的相关知识，如“怎么才能做出不平凡的设计”等，使用户对毕业设计有一定的了解。7. 学生风采：此栏目设立的主要目的是为了提

25、供给想了解其他用户一个互动的平台，用以解决设全交流相关问题。这样可以更方便的从其他人那学到更多，更重要的是可以认识很多各色各样的朋友8. 开心一刻：通过这个栏目，可以让众多无聊的网友开心一下，笑一笑十年少，虽然这个网站内容有点枯燥，但是我们会尽心尽力的缓解大街的疲劳，达到劳逸结合。9. 情感基地：这里我们可以发泄自己的情感问题，学习基地并不一定只能是学，作为一个有血有肉的人，从这里找到感情的出口也是可以的图4-14.2.1 logo的制作过程本网站的Logo是把从网络上找到的一些素材图片，通过用Photoshop进行编辑、修改、组合而完成的。为了突出该企业名称“毕业设计”，这个字母用一个龙

26、头月弯的形状代替，自古以来月亮在人们的地位都是纯洁无上的，同时也衬托出“知识产权”在当今社会的重要地位。在整个以淡淡为主色调的网页中，调剂整体页面的色调，使页面看起来更鲜活，很是醒目，让人一眼就看到这个logo，了解主题。（如图4-1）图4-2 网站logo4.2.2 banner的制作过程1. 首先需要上网收集一些符合你的作品主题、创作思维以及整体风格的网页相关素材，对其进行修改已获得自己所需素材，或可在Photoshop中绘制出自己所需的图片素材。2. 接着打开Photoshop，在Photoshop里面新建一个文件，调整底图大小，根据网页的总长度，调节banner的长度和宽度（一般ban

27、ner不能太宽，不然会显得头重脚轻，当然也不能太窄，都没法让人感觉到有banner存在，所以一定要调整至占整个网页的适合比例。）3. 设计banner的背景：选用一张蓝色的微带波横的图片为banner背景，将处理好的素材依次放入具体位子，像左边的镜头光晕，右边的发光矩形框等等，按具体需求做具体的改动和修改，这样整个banner的背景就设计好了。4. 具体内容设计：先在banner左边放入logo（这里为了美观起见，我将logo放大放在了banner最左边，若放在左上角一块窄小的地方，反而凸显不出“junhui”这个标志），按具体情况惊醒调整修改至适当部分，处理好每一处细节，这样整个静态的ban

28、ner部分就设计好了。5. 添加动态的flash效果：动态的flash效果要等到整个网页的基本布局都设计好之后，就可以在Photoshop中按Shift+Ctrl+Alt+S存储切片后所有图片，将页面转换成.html格式，然后使用Dreamweaver打开编辑，在banner的区域加入Flash，将Flash转换为透明flash形式，这样整个banner部分就完成了。（如图4-2）4.2.3 主页制作过程(详见图4-3)1. 首先根据页面要展示内容的多少，在photoshop中新建一个适合的网页宽度和长度的文件（我设计的时候在宽屏的机子上，所以建的文档较大，约为1280*1405）。2. 在画

29、布上按自己的想法结合实际内容，用各图形工具在画布上画上整个网页基本的布局。3. 基本布局的设计定下之后再对各部分进行具体设计，细化每个部分，特别是静态的部分。4. 在Photoshop里完成整个页面的设计后，进行切片，将要动态显示的地方切出来，还有就是大的图片要切一下，能提高网页读取速度。按Shift+Ctrl+Alt+S存储为.html格式后，用Dreamweaver编辑，将需要作为背景的单元格中的图片设为该单元格的背景，另存为index.asp。用相同的方法制作网站分页。5. 将所有页面，拷到所属文件夹，然后与后台数据库连接起来，即可通过对后台数据库内容的添加、删除、修改来对网页的相关内容

30、进行操作，例如在数据库注册登录表中删除一个用户信息，那么这个用户再次用原先的登录信息登录时就无法登录成功了。6. 在Dreamweaver中网页的左侧类似“书卷”的区域插入一张表格，并在代码相应位置插入滚动文字特效的代码，实现文字至下而上滚动，鼠标移过文字时滚动停留的功能，鼠标按下即跳转到“网站公告”页面；在网站首页顶端插入滚动的欢迎字幕，方法同上。7. 在Dreamweaver8.0里打开主页面，在页面中相对应除插入图片切换的代码，实现新闻图片的自动切换的效果。 8. 在Dreamweaver8.0里打开主页面，切换到设计视图，将雪花鼠标特效代码复制在之间，保存并预览，完成首页鼠标特效。4.

31、3 数据库的设计使用Access 2003实现关系型数据库，以下是数据库中几个主要的表的设计：1、登录注册管理存储了注册登录用户的基本信息，如用户名、密码、地址、邮箱等。（如图4-5）图4-5图4-62、留言板存储了留言的档案，其中id是关键字，主要实现用户信息管理、留言及回复等。（如图4-7）（留言信息存储表）（回复信息储存表）图4-7创建好数据库之后，我们来用ASP把程序和数据库连接起来，以后就可以连接到数据库、在ASP中显示数据库中的数据。第五章项目编码主要功能代码如下：

32、

33、;

34、; 欢迎光临毕业设计指导网，欢迎dxx - 女银你要好好待我 | 男银你要好好爱我爱上你灬那时