1004144630毕业设计（论文）学习网站系统的设计方法和实现

《1004144630毕业设计（论文）学习网站系统的设计方法和实现》由会员分享，可在线阅读，更多相关《1004144630毕业设计（论文）学习网站系统的设计方法和实现（40页珍藏版）》请在装配图网上搜索。

1、焦作师范高等专科学校毕业论文 编号 焦作师范高等专科学校毕 业 论文（设 计） 论文题目 系 （部） 专 业 班 级 学 号 学生姓名 指导教师 职 称 2010 年 5 月目 录摘要（1）第一章 绪论（3）1.1 选题背景（3）1.2 网站设计的内容和任务（3）1.3 论文组织结构（3）第二章 网站的研究概述（5）2.1 Photoshop学习网站概况（5）2.2 Photoshop学习网站研究概况（5）2.3 Photoshop学习网站构想与设计（6）第三章 Photoshop学习网站设计分析（7）3.1 Photoshop功能（7）3.2 网站功能分析（7）3.3 网站制作的基本思路和过

2、程（7）第四章 Photoshop学习网站的总体设计（8）4.1 Photoshop学习网站的总体设计及说明（8）4.2 网页界面构成要素（8）4.3 网页的色彩搭配（11）第五章 Photoshop学习网站功能的实现（12）5.1 网站主页的具体设计（12）5.2 模块的具体设计（12）5.2.1 软件下载（13）5.2.2 资源库（13）第六章 Photoshop学习网站的测试（14）6.1 测试的目的及任务（14）6.2 测试的方法及过程（14）第七章 Photoshop学习网站的不足和改进设想（15）7.1 网站设计不足（15）7.2 改进措施（15）第八章 总结（17）致谢 （18）

3、参考文献 （19）摘 要近年来计算机技术飞速发展，尤其网络的发展深刻的改变了人们的方方面面，各种在线服务系统更改变了人们的学习方式,可以使远隔千里还可以随时学习。为此建立一个学习网站系统是有必要的，它便与人们之间的日常的学习和信息的交流，为同学间的知识的传播和信息的交流提供了一个良好的平台，同时也可以增强自身的学习！本系统是以学习和信息交流为目的利用Adobe Dreamweaver技术设计开发的一个系统。特点是，系统界面友好，为同学间的信息学习交流和知识的传播提供了很大的方便。文中主要描述了学习网站系统的设计方法和实现过程，阐述了系统的需求分析、概要设计、数据库设计以及实现步骤重点论述了系统

4、的详细设计和实现过程方面。 关键词 : Adobe DreamweaverAbstractIn recent years the rapid development of computer technology, in particular the development of a profound change in all aspects of people, all kinds of online services system has changed peoples learning, can also be separated by thousands of miles to stu

5、dy at any time. The establishment of a study site for this system is necessary, it is with peoples day-to-day between the learning and the exchange of information for students of knowledge dissemination and exchange of information provides a good platform, but also can enhance their own learning!Thi

6、s system is according to information and study exchanges of foundation top make use of Adobe Dreamweaver technique design development of a system.System interface amity, use the convenience as the information of the classmate study exchanges and knowledge of dissemination provided very big of conven

7、ience.Main in the text description study website system of design method and realization process, elaborated the need of the system analysis, essentials design, database design and realization step point discuss system of detailed design and realization process.Keywords: Adobe Dreamweaver焦作师范高等专科学校毕

8、业论文第一章 绪论1.1选题背景在计算机迅速发展的今天，网络也不再新鲜了。人们的生活、学习、工作等已经越来越离不开计算机科学的运用，而Internet的发展更加速了这种趋势，人们越来越需要在互联网上交流各种信息和讨论各种问题。在网上书店越来越受人们喜欢。如今在课堂上的所学到的知识已经不足以满足广大读书爱好者了。所以需要一个平台来学习更多的知识。互联网众多应用领域中，信息的传播与学习交流是其中的一个非常重要的组成部分。为此建立一个书店的网站系统是必要的。 1.2网站设计的内容及任务现在大学生面对着来自社会、学校、家庭各个方面很大压力的同时。应该有一个放松自己、轻松学习的地方。本站主要提供了在学习

9、中所需的技术文章与必不可少的学习教程。于这点考虑就需要建立起一个平台使大家可以进行交流，而由这个平台所产生的热点话题又与本站的栏目内容结合在一起，使大家可以亲身参与到本站所营造出的互动氛围之中，本站促进他们能更好更有利的成长。大家又可以在本站留言以及发表自己的意见。经过讨论使自己的技术更加熟练。学习的积极性油然而生。在这样可以提高自己技术水平的同时还可以认识识趣相同的好友。1.3论文组织结构第一部分：绪论。介绍了选题背景，网站设计的内容及任务。第二部分：漫步者网站的研究概述。介绍了漫步者学习网站的概况及设计的原理。第三部分：漫步者学习网站的设计分析。介绍网站设计的需求分析。第四部分：漫步者学习

10、网站的总体设计。介绍网站的整体设计说明，页面构成要素及页面颜色配置。第五部分：漫步者学习网站功能的实现。介绍网站主页设计以及数据库设计与连接。第六部分：漫步者学习网站的测试。介绍了测试目的及任务和测试的方法过程。第七部分：网站设计的不足和改进思想。介绍了网站设计的不足和改进措施。第八部分：总结。第二章 网站的研究概述2.1 Photoshop学习网站概况仅仅20几年前,还是大型机的时代,那时只有少数人有机会使用计算机,而且只能通过临近的信息产业机构去使用.然而,个人电脑和图形化用户界面的出现却改变了这一切,将计算机普及到了千家万户,并使它真正成为一种大工业生产的商品.企业界意识到,由个人电脑联

11、结起来组成的网络和基于个人电脑的服务器可能改变他们的商务模式.而个人电脑对消费者来说也迅速成为新兴的娱乐媒介.随后,因特网接踵而至并在全球范围内以一种不可阻挡的势头迅猛发展着.今天,全球有将近3亿人口正在使用因特网,据预测,全球上网人数将在3年内增至8.5亿.在这样一个网络时代中,人类在生存方式也迅速改变着.它革命性地改变了我们的交流方式,创造了丰富而新颖的信息和娱乐资源. “信息的DNA”正在取代原子而成为人类生活中交换物。数字科技为我们的生活、工作、教育和娱乐带来了各种意想不到的冲击。Internet正逐渐渗透我们的工作、生活中的各个角落。它在地球上已经形成了一个新的大陆，即“第七洲”一虚

12、拟洲，任何企业和个人都在这个洲上。面对Internet本身所具有的开放性、全球性低成本、高效率等特点，传统商业暴露的问题也越来越明显，原有的商业格局、商务动作模式在Interrnet面前也显得无能为力，客观形势给传统商务工作带来了压力和动力、机遇和挑战、条件和可能，挑战是现实的，机遇是潜在的，所以迫使我们必须重组原有的商业格局，变革原有的商业模式契合Internet的发展以取得最大成就。2.3 漫步者书店网站构想与设计本设计是利用Dreamweaver建立一个网上书店. Dreamweaver 是用HTML语言为脚本语言，网站中采用图片链接、文字链接和lbi库文件设计具有用户使用简单界面直观等

13、优点。本设计具有最新图书、文学图书、励志图书、少儿图书、综合性图书等模块。具体要求如下：（1） 熟练掌握目前流行的开发平台并能进行应用系统开发；（2） 运用软件相关知识进行书店的分析和设计；（3） 详细分析网上书店系统的业务流程并划分出功能模块；（4） 按时完成系统的软件实现，系统调试；（5） 论文语言简洁，条理分明，论述清晰；第三章 网上书店设计分析3.1 网上书店的功能本系统主要分为两个部分：一个是前台销售模块即用户在客户端浏览、搜索商品，能够看到书店的最新公告，如同在现实书店中一样每个用户拥有一个叫购物车的工具来模拟在书店的购物，用户可以把自己需要的图书放到购物车内，并可以对自己放入购物

14、车的图书进行修改，例如更改购买图书的数量、从购物车中去掉商品等操作。另一部分是后台信息管理程序，商家在这里管理网站的相关发布信，以及对订单的查询，并管理在系统上注册的用户等。3.2网站功能分析随着计算机的发展和推广，人们学习，搜集资料的手段也发生了很大变化。从以前通过书籍学习查询，到现在的上网学习。学习网站已普遍应用人们的学习生活中。该网站由本人设计实现的功能是：(1)用户登陆、查询。(2)查询图书。给用户查询更多的图书资料。(3)提交购物车。3.3网站制作的基本思路和过程网上书店的设计经过了定题，熟悉开发工具，调查研究，搜寻资料等阶段，然后一步步达到各部分功能的实现。如图所示:定题熟悉开发工

15、具网站整体测试网站各部分的连接网站的整体设计网站各部分的设计搜集资料研究技术图 31 网站设计第四章 Photoshop学习网站的总体设计4.1 Photoshop学习网站的总体设计及说明网页的整体布局在整个制作中至关重要，一个杂乱无章、给人第一印象极差的网页，用户访问过之后是不会再访问的。在制作本网页时，主要以学校主页界面形式作为参考，因为它看上去比较柔和、简洁、和谐，给用户清新的感觉。Photoshop学习网站的设计包括，主页的设计、资源库、软件下载。制作中主要采用Dreamweaver作为主要制作工具，其中插入了图片元素。软件下载连接到了一个Photoshop的教程，方便用户在主页上进行

16、其它的操作。整体设计如图4-1所示:网 站 主 页励志图书少儿图书文学图书最新图书综合性图书图4-1 网站总体设计图4.2网页界面构成要素与传统媒体不同，网页除了文字和图像以外，还包含声音新兴多媒体元素，更借助由代码语言编程所实现的各种交互式效果，增加了网页界面的生动性和复杂性，也使得网页设计者需要考虑更多页面元素的排布、优化。一般来说，网页的界面主要由下面几个因素构成：(1)文字：文字元素是信息传达的主体部分。网页中的文字主要包括标题、信息、文字链接、几种主要形式。标题和传统媒体中信息传达的基本作用相同，是内容的简概说明一般比较醒目、优先编排。文字作为占据页面重要比率的元素，同时又是信息重要

17、载体，它的字体、大小、颜色和排布对页面整体设计影响极大。(2)图形：图形在网页界面中具有重要作用。合理的运用图形。可以生动直观、形象地表现设计主题。网页中常用的图形格式包括jpg和gif，这两种格式压缩比高，得到了规范浏览器的支持，下载速度快，具有跨平台的特性，不需要浏览器安装插件即可直接阅览。图形元素包括标题、背景、主图、链接图标四种。(3)页面版式：版式是网页界面设计的重要组成部分，它将文字、图形等视觉元素进行组合配置，使页面整体视觉效果美观和谐，便于阅读，实现信息传达的最佳效果。 (4)色彩：彩色网页比单色网页更具吸引力；色彩本身具有象征作用。 (6)技术：网页的技术要素并非任何情况下在

18、网页中都能直观体现，但是却代表了设计的整体水平，也是衡量设计成功的重要标准。网页界面设计最基本的技术要求包括：浏览器、传输速度、屏幕分辨率、颜色显示。本网站的所有文字采用的是华文楷体浅黄色。有种舒服但又不失正式。文字的大小根据页面的大小比例合适搭配。主页的整体颜色采用比较淡的粉红和黑色。网站中的图片jpg。页面版式用Dreamweaver布局。主页面如图4-2所示：图4-2主页面4.3网页的色彩搭配打开一个网站，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的版面布局，而是网站的色彩。色彩对人的视觉效果非常明显，一个网站设计成功与否，在某种程度上取决于设计者对色彩的运用和搭配。因为网

19、页设计属于一种平面效果设计，在排除立体图形、动画效果之外，在平面图上，色彩的冲击力是最强的，它很容易给用户留下深刻的印象。因此，在设计网页时，必须要高度重视色彩的搭配。在Photoshop学习网站的设计当中，本人用色保持自己独特的风格，这样网站才能显得个性鲜明，给浏览者留下深刻的印象。在搭配上遵从艺术规律的同时，还考虑人的生理特点，色彩搭配较合理，粉红色给人一种和谐、愉快的感觉，避免采用纯度很高的单一色彩，这样容易造成视觉疲劳。网站设计同时也是一种艺术活动，结合着创新意识，设计出了符合网站要求，也具有一定特色的粉色网页。第五章 Photoshop学习网站功能的实现5.1网站主页的具体设计Pho

20、toshop学习网站主页的整体的设计布局和主页中部分模块功能的设计。如图5-1所示：图5-1 主页图片该图片是Photoshop制作的一个图。是通过层建立与路径设计来制作的，制作的不是太完美，但能突出一个主题。主页中还有几个超链接，分别是首页、课程简介（帮助学习者更容易学习），资源库（方便查找资料），软件下载（更容易下载所需要的软件），作品展览、自我测试（可以了解自己所学到和还不了解的知识），点击超链接可以进入到相关的内容。如图5-2所示：图5-2 主页部分超链接文字图5.2模块的具体设计Photoshop学习网站部分功能模块包括：软件下载、资源库。5.2.1 软件下载软件下载是用户通过Pho

21、toshop学习网站下载软件的重要途径。如图5-3所示：图5-3 软件下载5.2.2 资源库资源库是用户通过Photoshop学习网站学习的重要途径。如图5-4所：图5-4 资源库第六章 Photoshop学习网站的测试6.1测试的目的及任务测试就是为了发现在制作中出现的错误，由于种种因素在网站制作中可能会出现若干错误，而不易被发现。只有在完成时，以用户的身份和眼光去检验完成的创作，才能发现它的不足和出现的错误。测试不但是为了发现错误，还是为了进一步完善该网站。争取令用户满意，并能给用户带来方便和帮助。测试的过程也是自己提高的过程，通过测试不但能发现系统的不足，还能发现自己对哪一方面的知识不够

22、熟练，为以后的学习和工作积累一些经验。6.2测试的方法及过程软件的测试方法有：黑盒测试和白盒测试是软件测试的两类不同方法。测试任何产品都可用这两种方法：如果已经知道了产品应该具有的功能可以通过测试来检验是否每个功能都能正常使用；如果知道产品内部工作过程，可以通过测试来检验产品内部动作是否按照规格说明说的规定正常进行。系统的测试一般来说，有两种调试方法可以采用：回溯法和原因排除法。无论采用什么方法，调试的根本目标都是寻找软件错误的原因并改正之。在测试的过程中主要是测试其健壮性和完整性。第七章 Photoshop学习网站的不足和改进设想7.1网站设计不足由于设计者的水平有限，时间有限，再加上初次尝

23、试设计工作，所以做出来的作品有好多不足的地方，总结起来，主要有以下几点：（1）界面设计的不足具体涉及到界面颜色的搭配和布局的设计，在本作品中稍微显得有点单调，但是又不知道该怎样来调整布局。所以以后还要慢慢学习，争取做到既个性又不招摇。（2）创新意识的欠缺在主页的设计制作上，由于本人的水平有限、经验的不足、创新意识的局限，致使页面的设计过于简单。但又不知该如何进一步的完善。所以今后会培养自己的创新意识。（3）安全性能较差由于Access数据库本身并不是一个数据库服务器，它不能用服务器来运行查询，对于数据库庞大的情况，它并不是好的选择，Access比起SQL Server而言，总体的安全性要差，所

24、以以后应该改7.2改进措施针对网站中存在的不足，应做的以下几个方面：（1）对所制作的网站要做到充分的调查、研究及详细分析，从网站的整体出发，然后再从网站的功能模块着手。只有网站的整体框架设计完成后，在做功能模块时才不至于出现这样那样的问题，因为网站的整体框架已经决定了你所做的功能模块及功能子模块之间的关系。（2）要对本网站所采用的开发工具有足够的了解、丰富的理论知识和具备较强的动手能力。这样，既能够对某个功能的实现，不仅仅是实现此功能，而是比较全面的对此功能进行控制和扩充，以达到更满意的效果，使操作起来简捷、直观、好用。又能够把开发工具与数据库的设计紧密结合起来，来进一步提高系统的稳定性。（3

25、）详细的数据库设计方案，只有详细的数据库设计方案才能把数据库设计的更符合系统要求，更具有扩展性。这样在进行系统开发时，才能很好把握采用多表进行功能设计时，不出现某个数据项有或没有及数据类型是否一致、数据长度是否相等。从某种意义上，也提高了开发效率和降低了开发难度。总之，由于本人经验还不够丰富，考虑问题还不够全面，各方面都需要加强，在总结中进步。通过这次毕业设计，自己确实提高了不少，同样，也发现了自己身上存在的许多问题，为以后的学习也奠定了基础。第八章 总结在这三个月中，通过自己的学习和努力，通过康丽锋老师的指导和教育，使我不仅仅在知识水平和解决实际问题的能力上有了很大的提高，还从思想的深处体会

26、到，要把自己的所学变成现实时所将面对的种种难题。通过这次毕业设计，让自己认识到还有很多好学的东西。在这次的设计里有一些功能由于水平有限和时间原因最终无法完成，尤其是论坛的功能还需要进一步加强。在这次设计的过程中，自己走了不少的弯路，但是在后来不断的摸索中学会了如何更有效的展开工作。软件工程思想指导我一步一步从系统分析，到系统设计，再到系统实现，让我对整个系统的开发过程有了明显的全局观念，也合理地安排了整个设计的时间。使后期的工作少走了很多的弯路。由于受本人的水平局限性，本站设计还有很多不足的地方，有待以后改进。包括：由于时间，水平的原因，网页设计的不精美。比如排版设计有些不合理，动画，图片做的

27、不是很有吸引力。这些将是本人努力的方向。使得没有完成一个很好的后台管理，这将是我以后更加努力学习的动力。以上是我在本次毕业设计中的体会，也许认识到的问题还很肤浅，但 就现在来说，它们正是我所需要的。致谢首先感谢本人的导师康丽锋，她仔细审阅了本文的全部内容并对我的毕业设计内容提出了许多建设性建议。康丽锋老师渊博的知识，诚恳的为人，敬业的精神使我受益匪浅，在毕业设计的过程中，特别是遇到困难时，她给了我鼓励和帮助，在这里我向她表示真诚的感谢！同时，学校给了我这次毕业设计的机会，使我得到了很好的锻炼，在此，我也向学校的各位老师表示最诚挚的感谢。参考文献1肖金秀,ASP网络编程技术M北京：清华大学出版社

28、，20012Wordy Willard. ASP编程起步M北京：人民邮电出版杜，20013刘冰,教育网站设计J中国电化教育2001,168(1):3-174王迪,建设与维护你自己的网站M北京：中国铁道出版社，20035光军,动态网站设计编程技法M北京：北京航空航天大学出版社，20016石志国,ASP动态网站编程M北京：清华大学出版社，20017赵祖荀,网页制作教程M北京：清华大学出版社，20008林少景,网页特效编程百例M北京：清华大学出版社，20019陈俊荣，邓文渊ASP与网络数据库技术M北京：中国铁道出版社, 200310 11 摘 要近年来计算机技术飞速发展，尤其网络的发展深刻的改变了人

29、们的方方面面，各种在线服务系统更改变了人们的学习方式,可以使远隔千里还可以随时学习。为此建立一个学习网站系统是有必要的，它便与人们之间的日常的学习和信息的交流，为同学间的知识的传播和信息的交流提供了一个良好的平台，同时也可以增强自身的学习！本系统是以学习和信息交流为目的利用Adobe Dreamweaver技术设计开发的一个系统。特点是，系统界面友好，为同学间的信息学习交流和知识的传播提供了很大的方便。文中主要描述了学习网站系统的设计方法和实现过程，阐述了系统的需求分析、概要设计、数据库设计以及实现步骤重点论述了系统的详细设计和实现过程方面。 关键词 : Adobe DreamweaverAb

30、stractIn recent years the rapid development of computer technology, in particular the development of a profound change in all aspects of people, all kinds of online services system has changed peoples learning, can also be separated by thousands of miles to study at any time. The establishment of a

31、study site for this system is necessary, it is with peoples day-to-day between the learning and the exchange of information for students of knowledge dissemination and exchange of information provides a good platform, but also can enhance their own learning!This system is according to information an

32、d study exchanges of foundation top make use of Adobe Dreamweaver technique design development of a system.System interface amity, use the convenience as the information of the classmate study exchanges and knowledge of dissemination provided very big of convenience.Main in the text description stud

33、y website system of design method and realization process, elaborated the need of the system analysis, essentials design, database design and realization step point discuss system of detailed design and realization process.Keywords: Adobe Dreamweaver第一章 绪论1.1选题背景在计算机迅速发展的今天，网络也不再新鲜了。人们的生活、学习、工作等已经越来

34、越离不开计算机科学的运用，而Internet的发展更加速了这种趋势，人们越来越需要在互联网上交流各种信息和讨论各种问题。在Photoshop越来越受人们喜欢。如今在课堂上的所学到的知识已经不足以满足广大 Photoshop爱好者了。所以需要一个平台来学习更多的知识。互联网众多应用领域中，信息的传播与学习交流是其中的一个非常重要的组成部分。为此建立一个Photoshop学习网站系统是必要的。 1.2网站设计的内容及任务现在大学生面对着来自社会、学校、家庭各个方面很大压力的同时。应该有一个放松自己、轻松学习的地方。本站主要提供了在学习中所需的技术文章与必不可少的学习教程。同时对Photoshop并

35、不十分了解的人群使他们对本站产生浓厚的兴趣。于这点考虑就需要建立起一个平台使大家可以进行交流，而由这个平台所产生的热点话题又与本站的栏目内容结合在一起，使大家可以亲身参与到本站所营造出的互动氛围之中，本站促进他们能更好更有利的成长。因为本网站的服务对象是广大 Photoshop爱好者。大家又可以在本站留言以及发表自己的意见。经过讨论使自己的技术更加熟练。学习的积极性油然而生。在这样可以提高自己技术水平的同时还可以认识识趣相同的好友。根据网站的功能和特点，以及为了方便用户的学习使用，本学习网站整体上分为以下几个模块：(1)网站主页面模块。完成对网站主页框架的的基本设计。(2) 资源库模块的实现：

36、该模块包含了众多Photoshop软件的教程与技巧。(3)在线投票模块。完成对用户的在线投票的操作。1.3论文组织结构第一部分：绪论。介绍了选题背景，网站设计的内容及任务。第二部分：Photoshop学习网站的研究概述。介绍了Photoshop学习网站的概况及设计的原理。第三部分：Photoshop学习网站的设计分析。介绍网站设计的需求分析。第四部分：Photoshop学习网站的总体设计。介绍网站的整体设计说明，页面构成要素及页面颜色配置。第五部分：Photoshop学习网站功能的实现。介绍网站主页设计以及数据库设计与连接。第六部分：Photoshop学习网站的测试。介绍了测试目的及任务和测试

37、的方法过程。第七部分：网站设计的不足和改进思想。介绍了网站设计的不足和改进措施。第八部分：总结。第二章 网站的研究概述2.1 Photoshop学习网站概况Photoshop是世界顶尖级的图像设计与制作工具软件。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工。在表现图像中的阴影和色彩的细微变化方面或者进行一些特殊效果处理时，使用位图形式是最佳的选择，它在这方面的优点是矢量图无法比拟的。从功能上看，Photoshop可分为图像编辑、图像合成、校色调色及特效制作部分。图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等。也

38、可进行复制、去除斑点、修补、修饰图像的残损等。这在婚纱摄影、人像处理制作中有非常大的用场，去除人像上不满意的部分，进行美化加工，得到让人非常满意的效果。 图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像，这是美术设计的必经之路。Photoshop提供的绘图工具让外来图像与创意很好地融合，成为可能使图像的合成天衣无缝。校色调色是Photoshop中深具威力的功能之一，可方便快捷地对图像的颜色进行明暗、色编的调整和校正，也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面应用。 特效制作在Photoshop中主要由滤镜、通道及工具综合应用完成。包括图像

39、的特效创意和特效字的制作，如油画、浮雕、石膏画、素描等常用的传统美术技巧都可藉由Photoshop特效完成。而各种特效字的制作更是很多美术设计师热衷于Photoshop的研究的原因。2.2 Photoshop学习网站研究概况Photoshop学习网站的设计研究概况：(1)没有不变的需求，要为网站设计程序留下足够多的拓展空间，同时要考虑在系统向其它平台移植时尽量减少工作量和难度的途径。(2)网站程序设计要简洁，足够好的面向过程远远优于蹩脚的面向对象。(3)理论是为实践服务的，所以不要被理论（尤其是设计模式）束缚。目前有些学习网站中存在的问题：(1)网站的内容空洞，华而不实。(2)网站的整体页面布

40、局设计的不够新颖。(3)网站的功能设计欠缺，给用户带来很多不便。(4)功能灵活度低，不利于维护和拓展。2.3 Photoshop学习网站构想与设计采用Dreamweaver布局，网络操作系统以Microsoft Window XP + Internet Explorer 6为平台，以便于网站的改进和更新。第三章 Photoshop学习网站设计分析3.1 Photoshop功能从功能上看，Photoshop软件可分为图像编辑、图像合成、校色调色及特效制作部分。图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜象、透视等。也可进行复制、去除斑点、修补、修饰图像的残损等。这在

41、婚纱摄影、人像处理制作中有非常大的用场，去除人像上不满意的部分，进行美化加工，得到让人非常满意的效果。图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像，这是美术设计的必经之路。Photoshop提供的绘图工具让外来图像与创意很好地融合，成为可能使图像的合成无衣无缝。 校色调色是Photoshop中深具威力的功能之一，可方便快捷地对图像的颜色进行明暗、色编的调整和校正，也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面应用。特效制作在Photoshop中主要由滤镜、通道及工具综合应用完成。包括图像的特效创意和特效字的制作，如油画、浮雕、石膏画、素描

42、等常用的传统美术技巧都可藉由Photoshop特效完成。而各种特效字的制作更是很多美术设计师热衷于Photoshop的研究的原因。许多行业用，像摄影照片的后期处理，广告、包装、VI企划、网站设计，海报等3.2网站功能分析随着计算机的发展和推广，人们学习，搜集资料的手段也发生了很大变化。从以前通过书籍学习查询，到现在的上网学习。学习网站已普遍应用人们的学习生活中。该网站由本人设计实现的功能是：(1)介绍Photoshop的发展。(2)资源库。给用户提供更多的学习资料。(3)软件下载。提供下载资料。(4)作品展览。一些作好的作品供展赏。(5)自我测试。自我有一个了解，学到了那么东西。3.3网站制作

43、的基本思路和过程Photoshop学习网站的设计经过了定题，熟悉开发工具，调查研究，搜寻资料等阶段，然后一步步达到各部分功能的实现。如图3-1所示:定题熟悉开发工具网站整体测试网站各部分的连接网站的整体设计网站各部分的设计搜集资料研究技术图 31 网站设计第四章 Photoshop学习网站的总体设计4.1 Photoshop学习网站的总体设计及说明网页的整体布局在整个制作中至关重要，一个杂乱无章、给人第一印象极差的网页，用户访问过之后是不会再访问的。在制作本网页时，主要以学校主页界面形式作为参考，因为它看上去比较柔和、简洁、和谐，给用户清新的感觉。Photoshop学习网站的设计包括，主页的设

44、计、资源库、软件下载。制作中主要采用Dreamweaver作为主要制作工具，其中插入了图片元素。软件下载连接到了一个Photoshop的教程，方便用户在主页上进行其它的操作。整体设计如图4-1所示:网 站 主 页其它模块软件下载资源库课程简介图4-1 网站总体设计图4.2网页界面构成要素与传统媒体不同，网页除了文字和图像以外，还包含声音、视频和动画等新兴多媒体元素，更借助由代码语言编程所实现的各种交互式效果，增加了网页界面的生动性和复杂性，也使得网页设计者需要考虑更多页面元素的排布、优化。一般来说，网页的界面主要由下面几个因素构成：(1)文字：文字元素是信息传达的主体部分。网页中的文字主要包括

45、标题、信息、文字链接、几种主要形式。标题和传统媒体中信息传达的基本作用相同，是内容的简概说明一般比较醒目、优先编排。文字作为占据页面重要比率的元素，同时又是信息重要载体，它的字体、大小、颜色和排布对页面整体设计影响极大。(2)图形：图形在网页界面中具有重要作用。合理的运用图形。可以生动直观、形象地表现设计主题。网页中常用的图形格式包括jpg和gif，这两种格式压缩比高，得到了规范浏览器的支持，下载速度快，具有跨平台的特性，不需要浏览器安装插件即可直接阅览。图形元素包括标题、背景、主图、链接图标四种。(3)页面版式：版式是网页界面设计的重要组成部分，它将文字、图形等视觉元素进行组合配置，使页面整

46、体视觉效果美观和谐，便于阅读，实现信息传达的最佳效果。 (4)色彩：彩色网页比单色网页更具吸引力；色彩本身具有象征作用。 (5)多媒体：网页构成中的多媒体元素主要包括音频、视频和动画。这些是界面构成中最吸引人的元素 。(6)技术：网页的技术要素并非任何情况下在网页中都能直观体现，但是却代表了设计的整体水平，也是衡量设计成功的重要标准。网页界面设计最基本的技术要求包括：浏览器、传输速度、屏幕分辨率、颜色显示。本网站的所有文字采用的是宋体，颜色为蓝色。给人一种正舒服但又不失正式。文字的大小根据页面的大小比例合适搭配。主页的整体颜色采用比较淡的粉红和黑色。网站中的图片jia格式的。页面的版式用CSS

47、样式和Dreamweaver布局。主页面如图4-2所示：图4-2主页面4.3网页的色彩搭配打开一个网站，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的版面布局，而是网站的色彩。色彩对人的视觉效果非常明显，一个网站设计成功与否，在某种程度上取决于设计者对色彩的运用和搭配。因为网页设计属于一种平面效果设计，在排除立体图形、动画效果之外，在平面图上，色彩的冲击力是最强的，它很容易给用户留下深刻的印象。因此，在设计网页时，必须要高度重视色彩的搭配。在Photoshop学习网站的设计当中，本人用色保持自己独特的风格，这样网站才能显得个性鲜明，给浏览者留下深刻的印象。在搭配上遵从艺术规律的同时

48、，还考虑人的生理特点，色彩搭配较合理，粉红色给人一种和谐、愉快的感觉，避免采用纯度很高的单一色彩，这样容易造成视觉疲劳。网站设计同时也是一种艺术活动，结合着创新意识，设计出了符合网站要求，也具有一定特色的粉色网页。第五章 Photoshop学习网站功能的实现5.1网站主页的具体设计Photoshop学习网站主页的整体的设计布局和主页中部分模块功能的设计。如图5-1所示：图5-1 主页图片该图片是Photoshop制作的一个图。是通过层建立与路径设计来制作的，制作的不是太完美，但能突出一个主题。主页中还有几个超链接，分别是首页、课程简介（帮助学习者更容易学习），资源库（方便查找资料），软件下载（

49、更容易下载所需要的软件），作品展览、自我测试（可以了解自己所学到和还不了解的知识），点击超链接可以进入到相关的内容。如图5-2所示：图5-2 主页部分超链接文字图5.2模块的具体设计Photoshop学习网站部分功能模块包括：软件下载、资源库。5.2.1 软件下载软件下载是用户通过Photoshop学习网站下载软件的重要途径。如图5-3所示：图5-3 软件下载5.2.2 资源库资源库是用户通过Photoshop学习网站学习的重要途径。如图5-4所：图5-4 资源库第六章 Photoshop学习网站的测试6.1测试的目的及任务测试就是为了发现在制作中出现的错误，由于种种因素在网站制作中可能会出现

50、若干错误，而不易被发现。只有在完成时，以用户的身份和眼光去检验完成的创作，才能发现它的不足和出现的错误。测试不但是为了发现错误，还是为了进一步完善该网站。争取令用户满意，并能给用户带来方便和帮助。测试的过程也是自己提高的过程，通过测试不但能发现系统的不足，还能发现自己对哪一方面的知识不够熟练，为以后的学习和工作积累一些经验。6.2测试的方法及过程软件的测试方法有：黑盒测试和白盒测试是软件测试的两类不同方法。测试任何产品都可用这两种方法：如果已经知道了产品应该具有的功能可以通过测试来检验是否每个功能都能正常使用；如果知道产品内部工作过程，可以通过测试来检验产品内部动作是否按照规格说明说的规定正常

51、进行。系统的测试一般来说，有两种调试方法可以采用：回溯法和原因排除法。无论采用什么方法，调试的根本目标都是寻找软件错误的原因并改正之。在测试的过程中主要是测试其健壮性和完整性。第七章 Photoshop学习网站的不足和改进设想7.1网站设计不足由于设计者的水平有限，时间有限，再加上初次尝试设计工作，所以做出来的作品有好多不足的地方，总结起来，主要有以下几点：（1）界面设计的不足具体涉及到界面颜色的搭配和布局的设计，在本作品中稍微显得有点单调，但是又不知道该怎样来调整布局。所以以后还要慢慢学习，争取做到既个性又不招摇。（2）创新意识的欠缺在主页的设计制作上，由于本人的水平有限、经验的不足、创新意

52、识的局限，致使页面的设计过于简单。但又不知该如何进一步的完善。所以今后会培养自己的创新意识。（3）安全性能较差由于Access数据库本身并不是一个数据库服务器，它不能用服务器来运行查询，对于数据库庞大的情况，它并不是好的选择，Access比起SQL Server而言，总体的安全性要差，所以以后应该改7.2改进措施针对网站中存在的不足，应做的以下几个方面：（1）对所制作的网站要做到充分的调查、研究及详细分析，从网站的整体出发，然后再从网站的功能模块着手。只有网站的整体框架设计完成后，在做功能模块时才不至于出现这样那样的问题，因为网站的整体框架已经决定了你所做的功能模块及功能子模块之间的关系。（2

53、）要对本网站所采用的开发工具有足够的了解、丰富的理论知识和具备较强的动手能力。这样，既能够对某个功能的实现，不仅仅是实现此功能，而是比较全面的对此功能进行控制和扩充，以达到更满意的效果，使操作起来简捷、直观、好用。又能够把开发工具与数据库的设计紧密结合起来，来进一步提高系统的稳定性。（3）详细的数据库设计方案，只有详细的数据库设计方案才能把数据库设计的更符合系统要求，更具有扩展性。这样在进行系统开发时，才能很好把握采用多表进行功能设计时，不出现某个数据项有或没有及数据类型是否一致、数据长度是否相等。从某种意义上，也提高了开发效率和降低了开发难度。总之，由于本人经验还不够丰富，考虑问题还不够全面

54、，各方面都需要加强，在总结中进步。通过这次毕业设计，自己确实提高了不少，同样，也发现了自己身上存在的许多问题，为以后的学习也奠定了基础。第八章 总结在这三个月中，通过自己的学习和努力，通过康丽锋老师的指导和教育，使我不仅仅在知识水平和解决实际问题的能力上有了很大的提高，还从思想的深处体会到，要把自己的所学变成现实时所将面对的种种难题。通过这次毕业设计，让自己认识到还有很多好学的东西。在这次的设计里有一些功能由于水平有限和时间原因最终无法完成，尤其是论坛的功能还需要进一步加强。在这次设计的过程中，自己走了不少的弯路，但是在后来不断的摸索中学会了如何更有效的展开工作。软件工程思想指导我一步一步从系

55、统分析，到系统设计，再到系统实现，让我对整个系统的开发过程有了明显的全局观念，也合理地安排了整个设计的时间。使后期的工作少走了很多的弯路。由于受本人的水平局限性，本站设计还有很多不足的地方，有待以后改进。包括：由于时间，水平的原因，网页设计的不精美。比如排版设计有些不合理，动画，图片做的不是很有吸引力。这些将是本人努力的方向。使得没有完成一个很好的后台管理，这将是我以后更加努力学习的动力。以上是我在本次毕业设计中的体会，也许认识到的问题还很肤浅，但 就现在来说，它们正是我所需要的。致谢首先感谢本人的导师康丽锋，她仔细审阅了本文的全部内容并对我的毕业设计内容提出了许多建设性建议。康丽锋老师渊博的

56、知识，诚恳的为人，敬业的精神使我受益匪浅，在毕业设计的过程中，特别是遇到困难时，她给了我鼓励和帮助，在这里我向她表示真诚的感谢！同时，学校给了我这次毕业设计的机会，使我得到了很好的锻炼，在此，我也向学校的各位老师表示最诚挚的感谢。参考文献1肖金秀,ASP网络编程技术M北京：清华大学出版社，20012Wordy Willard. ASP编程起步M北京：人民邮电出版杜，20013刘冰,教育网站设计J中国电化教育2001,168(1):3-174王迪,建设与维护你自己的网站M北京：中国铁道出版社，20035光军,动态网站设计编程技法M北京：北京航空航天大学出版社，20016石志国,ASP动态网站编程M北京：清华大学出版社，20017赵祖荀,网页制作教程M北京：清华大学出版社，20008林少景,网页特效编程百例M北京：清华大学出版社，20019陈俊荣，邓文渊ASP与网络数据库技术M北京：中国铁道出版社, 200310 11 40