计算机应用技术毕业论文 网页设计与学校教育论坛网站开发

Ⅰ 设计总说明

本设计按照学校毕业设计任务的要求完成，名为学校教育论坛网站。设计主要包括了注册登录系统，留言系统，后台管理系统等。本设计通过当今社会的背景证实它是可行的。本设计主要运用了dreamweaver、Access数据库、photoshop等软件。该设计的页面简洁明了，一目了然，符合了网页的操作要求。简单的同时，它的内容也不乏丰富，学生可以通过浏览网站得到他所需要的信息。

关键词：可行性，需求，总体设计，详细设计，系统测试与分析

Ⅱ 学校教育论坛网站建设说明书

 

第一章 绪论

1 网页制作的背景和意义

     ‍我们读书就是为了获得知识，现在我们学习了动态网页设计，当然就是要能做一个精美的网页。在此次毕业设计中，我们要能更加的了解Dreameaver强大的功能和更好的使用它。通过此次设计我们还要能够知道静态网页和动态网也的区别。诚然，次此设计的个人网页，一方面是为了完成毕业作业，但更重要的是把我们所学到的东西用在具体的实践之中，所以，这次设计的目的也是要我们更好的掌握和使用好各种软件技术，以便提高对网页知识的更深层了解。第三点也是最要的一点是，把我们在书本上学到的知识充分运用到此次设计之中。使我们的在书上学到的东西不仅仅停留在表面上，把这些东西都用在所要做的网页上面。以达到老师要求的效果和学以致用。 

Internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。作为Internet上一种先进的，易于被人们所接受的信息检索手段，World Wide Web(简称WWW)发展十分迅速，成为目前世界上最大的信息资源宝库。据估计，目前Internet上已有上百万个Web站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大，因此，建设一个好的Web站点对于一个机构的发展十分重要。近来，随着网络用户要求的不断提高及计算机科学的迅速发展，特别是数据库技术在Internet中的广泛应用，Web站点向用户提供的服务将越来越丰富，越来越人性化。 

我们发现这样一个事实，一个用户在访问一个网站时一般来讲只对该网站的部分内容感性趣，而且这种兴趣会持续一段时间。这点启发了我们，如果能根据用户的喜好为不同的用户显示其个性化的页面，即着重显示该用户感兴趣的内容，将为用户节约大量的检索时间，而且这样的网页显然是更具有吸引力的。一些站点已经在这方面作出了一定的尝试，通常采用的方法是，在用户登陆时为其提供一系列的选项，使用户能够对站点进行一些自主的设置。这样做能够使站点呈现一定程度的个性化，但是对用户来讲，还是比较烦琐，而且在用户了解一个‍站点前让其对站点进行设置，其结果未免有些粗糙。于是我们构想了这样一种方案，对用户登陆后的动作进行跟踪，分析，发掘用户点击的规律，即用户先后点击的关联规则，这样，在用户点击一个（链接）之后，系统能够自动生成一页面，其中包含了该用户经常关注的内容（若干链接），这样便在无须用户作出任何额外工作的情况下实现了为用户量身订做的个性化页面。本文主要完成Web服务器端的设计实现照片上传、网文撰写、客户留言、日志以及后台管理等PHP页面及整个实验网站的组织建立和测试工作。  我通过中国书画网站展示出中华文化的博大精深。不同的人，其网站上的展示方式或手法各有不同，千变万化。在网站策划中，如何把把中华文化通过网站展示出来，是我设计的重要内容。

‍

2 网页的界面设计

由于越来越多个人开始建立自己的网站，网站除了具有传播信息的功能外，还往往代表个人的形象。网站建设商业化和广告化的趋势，对网页设计的艺术性提出了更高的要求。虽然HTML语言提供了对常用Windows标准控件的支持，但是，由于Windows标准控件的形状和颜色十分单一，网页的视觉效果可能会很差。例如：列表框和下拉列表框只能呈现凹陷边框，而且下拉列表的箭头的颜色不能改变，滚动条只能出现在窗口的下边和右边，当网页分成多个帧的时候，滚动条就不可避免的出现在网页的中间，破坏网页的整体性。若在网页的设计中主动配合Windows标准控件的形状和颜色，网页的创作空间就会受到限制。因此，有必要实现网页中的自定义控件，以满足网页设计艺术化的要求。 

A. 网页界面构成要素 

与传统媒体不同，网页除了文字和图像以外，还包含声音、视频和动画等新兴多媒体元素，更借助由代码语言编程所实现的各种交互式效果，增加了网页界

面的生动性和复杂性，也使得网页设计者需要考虑更多页面元素的排布、优化。         一般来说，网页的界面主要由下面几个因素构成： 

（1）文字：文字元素是信息传达的主体部分。传统媒体中信息传达的基本作用相同，是内容的简概说明一般比较醒目、优先编排。文字作为占据页面重要比率的元素，同时又是信息重要载体，它的字体、大小、颜色和排布对页面整体设计影响极大。 

（2）图形：图形在网页界面中具有重要作用。合理的运用图形。可以生动直观、形象地表现设计界面。网页中常用的图形格式包括jpg和gif，这两种格式压缩比高，得到了规范浏览器的支持，下载速度快，具有跨平台。

建站目的

 

可行性分析

1．1 软件、硬件设备上

制作图书馆搜书所需的软硬件要求不高，dreamweaver网上可供下载，目前市场上所提供

的计算机硬件资源能够满足系统的开发需求，有dreamweaver网上可供下载。

1．2 开发、维护、管理上

现有的开发技术水平完全能够胜任开发任务，并且有关方面的操作人员稍加培训，完全

可以胜任维护工作。

1．3 经济上的可行性

一台计算机就满足本系统的运行要求。该系统并不十分复杂，因此开发费用不高。

1．4 社会可行性

目前计算机网络技术正在日益进步并在各个领域中得到应用，它对教育以及大学产生着重

要的影响。它也正在迅速地在教育中得到广泛的应用。教育论坛网站的建设，已经成为当

代世界的一个必然趋势。

 

第二章 需求分析

2．1 背景

当今社会，仅仅的课堂教育已经 不能满足学生对知识的渴望，学校教育论坛网站可以作

为课堂外的延伸，给予学生知识。教育已经成为当今世界的重中之重，学校教育论坛网

站的地位也显得更加迫切。同时，学校教育论坛网站也是那种商业性以及其他类型网站

所不可取代的，它不以盈利为目的，为学生之间的交流，师生之间的交流，知识的往来

提供便利的平台和良好的环境。以其作为数据库开发的示例不仅是因为他的开放性，而

且还因为它是一个开放的系统，比较成熟。在当前情况下，研制这个信息系统具备必要

的条件以及合理性。

2．2 必要性

学校教育论坛网站除了可以帮助学生进行课外学习，也可以为实现教育交往提供一种有效

的环境。他可以为师生交流提供良好的便利，有助于师生之间培养深厚的情感，也为教师

与教室之间的合作和交流提供便利，提供平台。

 

第三章 涉及的相关软件介绍

网页图像设计工具——Photoshop

‍‍Adobe公司开发，处理图形图像的专门设计软件。DTP和图像软件的结合，使设计师可在电脑上直接完成文字的录入、排版、图像处理、形象创造和分色制板的全过程，开创了“电脑平面设计”时代。 Photoshop的专长在于图像处理，而不是图形创作。有必要区分一下这两个概念。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工；图形创作软件是按照自己的构思创意，使用矢量图形来设计图形，这类软件主要有Adobe公司的另一个著名软件Illustrator和Micromedia公司的Freehand。Photoshop系列中使用最广泛的有Photoshop5.0版本、Photoshop7.0。‍‍

网页设计工具——Dreamweaver

Macromedia 公司的产品的另一款“所见即所得”的网页编辑工具。与 Frontpage 不同，Deamweaver 采用的是 Mac 机浮动面版的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现 Dreamweaver 的直观性与高效性是 Frontpage 所无法比拟的。  

Dreamweaver 对于 DHTML 的支持特别好，可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并称为 Macromedia 的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。而最新推出的 Dreamweaver UltraDev 更支持 PHP，Jsp。因此，说Dreamweaver 是高级网页制作的首选并不为过。常见的版本为 Dreamweaver3、Dreamweaver4、DreamweaverMX、Dreamweaver8.0、Dreamweaver CS. 

所以我本次设计主要选用Dreamweaver8.0结合Photoshop7.0处理图片。

第四章 总体设计

1、列出提纲，如下图。

 

2、运行结果，如下图。

 

（1）注册页面：

 

（2）登录页面

（3）登录失败页面

（4）注册失败页面

（5）注册成功页面

（6）修改成功页面

第五章 详细设计

具体步骤如下：

1、建立站点，如图。

2、建立数据库，如图。

3、绑定数据库。

4、建立网页分别为主页和详细页面，如图。

5、注册页面。

图一为主页面，图二为相关截图。

 

 

6、在测试好的数据库中添加数据，如图。

7、注册成功就转到主页面，注册失败页面设计如图。

8、登录页面设计如下。

9、留言页面设计如下。

10、注册失败页面。

11、注册成功页面。

第五章 系统测试与分析

1、注册页面测试如下。

2、登录页面测试后如下。

F

结论  

本毕业设计经过几个月的查资料、整理材料、设计网页、建设网站到写作论文，今天终于可以顺利的完成论文，终于让学生在大学的生活，得以划下了完美的句点。  毕业设计是对我们大学生活三年来教学的一个总结性考察，里面包含了我们学过的很多方面的知识，平时的学习都是自己听老师讲解，或者就是做练习之类，缺少了自己的独立思考，通过这次的毕业设计，让自己清楚了解到自己的学习程度，和自我学习思考的能力。从第一眼看到资料的那种眼花缭乱的感觉，到最后看到自己做出的设计论文的成功，体验了一次从茫然到无助，最后的那种成功的欣慰，真的让自己受益匪浅，也使自己明白了，无论今后做什么事情，都要坚持不懈的努力，从关键点出发，分析不同的思路，多做总结与比较，从而得到最佳的结果。  这次的论文设计让我重新了解了很多在学校所学不到的东西，也借此回顾了一下我大学所学的知识。它让我掌握了很多.NET和SQL的知识，让我对我所学过的知识有所巩固和提高。在整个过程中，我学到了新知识，扩大了知识面。也让我认识到了学海无涯的真正含义，我将会不断的学习新的知识，让自己的能力得到进一不的提升。  在论文的设计中它不仅培养了我严谨的思维方法，更造就了我积极乐观的生活态度。而且还要做到稳重但又不失创新，开朗但不浮躁，兴趣广泛，思路开阔，办事沉稳，团结合作的精神。   总之，在这次毕业设计中，我们学会了许多的知识，是大学三年来所学知识的综合运用，切实感受到设计的苦与乐。在这里希望各位老师提出意见和建议，我们定会努力学习改进，争取作出更大的进步 。