大学网页设计毕业设计论文.docx
《大学网页设计毕业设计论文.docx》由会员分享，可在线阅读，更多相关《大学网页设计毕业设计论文.docx（23页珍藏版）》请在冰点文库上搜索。
大学网页设计毕业设计论文
大学网页设计毕业设计论文
————————————————————————————————作者：
————————————————————————————————日期：
石家庄邮电职业技术学院毕业设计
学生姓名:
李影
系部：
电信工程系
专业：
指导教师:
赵月恩
年月日
摘要
本论文将对网页的设计和制作进行研究和探讨。
作品的主要技术指标包括：
1、制作出一个具有静态和动态技术的“关于公司的宣传网页”；
2、在制作的过程中，加强和深化以前所学的关于网页设计的方法，同时更好的理解参考资料上的方法和理论;
3、最后是追求后台操作的稳定性。
本设计的主要内容包括：
1、公司宣传网页的设计思想，整体规划及相关基础知识；
2、公司宣传网页的前台设计，包括汇编HTML语言程序及效果图；
3、公司宣传网页后台设计（通过后台操作实现对网页内容的修改）；
4、公司宣传网页的调试。
网页规划包含的内容很多,如网页的结构、栏目的设置、网页的风格、颜色搭配、版面布局、文字图片的运用等，也只有如此制作出来的网页才能有个性、有特色，具有吸引力。
网页主题就是所要包含的主要内容,一个网页必须要有一个明确的主题。
特别是对于个人网页，不可能像综合网站那样做得内容大而全，包罗万象。
所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给人留下深刻的印象.
关键词：
宣传网页 基本原则 制作步骤 网页主题
Abstract
Thiswillbewebpagedesignandproductionofresearchanddiscussion.Worksofthemaintechnicalindicatorsinclude：
Toproduceastaticanddynamictechnology"companypages”;Intheprocessofstrengtheninganddeepeningofpreviouslylearnedaboutwebdesignmethods,whileabetterunderstandingofReferenceInformationonthemethodsandtheories;Finally，thepursuitofstabilityofthebackgroundoperation.
Thedesignofthemaincontentsinclude：
companywebpagedesignideas,theoverallplanningandrelevantbasicknowledge；companywebpagesfrontdesign,includingthecompilationofHTMLlanguageprogramandeffectdiagram；Personalwebpagesbackgrounddesign（back-officeoperationsthroughtheimplementationofthewebcontentchanges）；Personalwebpagesdebugging。
Pageplanincludesagreatmanythings，suchasthepagestructure，andcolumnsettings,webstyle，colorcombinations,layout，text，imagesandotheruseof,andonlythiswebsiteinordertohaveproducedpersonalitycharacteristics,attractive.
Webthemeistobeincludedinthemaincontentsofawebpagemusthaveacleartheme.Especiallyforpersonalwebpages，itisimpossibletodo,asanintegratedWebsitecontentaslargeandcomprehensive，all-inclusive。
Mustbenecessarytoidentifyonemostinterestedintheirowncontent,sodeep,bethorough，todoitsowncharacteristics,soastogivetheleftadeepimpression.
Keywords：
CompanyHomepage GroundRulesProcessWebTheme
前言
随着网络技术的不断发展，如今的公司越来越倾向于在网络上进行宣传产品， 网页设计成了企业展示自身形象、发布产品信息、联系网上客户的新平台、新天地，进而可以通过电子商务开拓新的市场，以极少的投入获得极大的收益和利润。
网页设计是通过网站管理员管理整个网站的内容，使之公司的信息不断得到更新。
因此我设计开发了一个关于宣传上海绪胜纺织品有限公司的网页设计.该网站实现了树立公司形象，扩大业务宣传，收集客户反馈，加强客户服务，网上市场调查，开展网络营销,建立信息数据库，实施电子商务，直接实现网络销售以及网站的后台管理.
我所做的这个关于宣传上海绪胜纺织品有限公司的网页设计，主要分为七大板块：
公司首页、公司简介、产品展示、新品推荐、纺织知识、客户留言、联系我们.这些都分别实现了达到宣传公司的目的和加强公司管理的功能,同时在很大程度上也扩大了知名度和提高了销售效益。
本网站的设计采用的是ASP技术，数据库采用的是ACCESS数据库,网站的布局使用的是Dreamweaver。
同时在设计过程中用到了Flash动画设计和Photoshop图形图像处理技术。
这也给本设计增色不少，让我的设计更加生动,更加让人赏心悦目。
下面我将就我设计的过程所采用的技术、思路等方面详细的介绍我所设计开发的关于上海绪胜纺织品有限公司宣传的网页设计。
第一章、系统分析
1.1关于公司宣传网页的网站建设发展历程
第一代网站建设技术:
运用一般的网页制作软件，把一些平面页面效果转化成网页，然后把网页链接起来成为一个企业网站。
采用“第一代网站建设技术”制作出来的企业网站,由于更新以及修改网站内容均需专业人员，维护麻烦，网站修改以及增加网页均需支付费用，导致企业经常不更新其网站内容，失去了建设网站的意义；同时由于纯静态页面没有交互性，使得客户不能很好的与企业沟通。
第二代网站建设技术：
是指在第一代网站建设技术基础上，针对网站的某一个功能采用一些数据库管理模块（如新闻发布、产品发布等），网站的后台对这些个别的功能模块进行管理.采用“第二代网站建设技术"制作出来的企业网站,在一定程度上摆脱了第一代网站建设技术在网站内容更新困难上的缺点，适合对于网站日常更新维护频繁，对网站各功能模块有独特需要的大型企业网站,但由于需要对企业的不同建站需求进行定制开发，所以价格一般也较高,一般中小企业难以承受。
第三代网站建设技术：
2003年初以来出现了第三代网站建设技术―智能建站系统.网站用户通过智能建站系统能够很方便快捷地管理自己的网站，自己定义网站的框架内容，并能够随时升级网站的功能，且解决了每个客户都需要的网站前台界面个性化的需求。
使用智能建站系统进行企业网站开发建设，能够适应大多数中小企业对于网站建设的一般需求，开发周期短，更新维护便捷,是中小企业建设网站的理想选择.
第四代网站建设技术：
是指在第三代网站建设技术基础上，针对程序和域名有独到的理解。
也是ＷＥＢ２.０的一个新关键，在程序上符合人性化,在设计上追求感官化,在域名上领悟一体化。
1。
2关于公司宣传网页的网站建设的必要性分析
近几年来,网站建设业务一直呈快速上升势头，行业市场越来越大。
就国内情况而言，沿海发达省市比中西部省市市场需求要大，业务普及工作也很到位，许多行业形成了竞相建设企业网站，开展网络营销的局面。
新技术的应用将促使企业网站建设更具魅力.随着技术融合与发展，许多在其他行业热门应用的技术如视频、三维动画、虚拟现实等技术都已经实现向互联网
移植，未来的不久，他们就会出现在企业客户网站上面；新的网络编程语言（.net技术）和服务器CDN（内容发布网络）技术也将使网站结构更紧密，访问更流畅，更能适应新的要求.
同时网络营销服务将同网站建设融为一体,提供一体化服务.企业用户现在已不再满足于做一个网站，然后自己开展网络营销活动,网络公司还要为企业客户制定具有针对性的网络营销策略并实施，让企业网站真正发挥作用，为客户带来实在的效果。
1。
3本选题的现实意义
本网页设计的目的是通过网站达到开展网上营销，实现电子商务的目的。
网站建设首先由网络营销顾问提出低成本回报的网络营销策划方案。
通过洞悉项目目标客群的网络营销策略,引发、借力企业与网民，以至网民与网民之间的互动，使企业以最小的营销投入,超越竞争对手，获得更高效的市场回报营销网站规划网站前期策划作为网络营销的起点，规划的严谨性、实用性将直接影响到企业网络营销目标的实现。
网站建设商以客户需求和网络营销为导向，结合自身的专业策划经验,协助不同类型企业，在满足企业不同阶段的战略目标和战术要求的基础上，为企业制定阶段性的网站规划方案。
通过此网页设计提高公司知名度进而提升公司盈利效益.
第二章、上海绪胜纺织品有限公司宣传网站的设计
2.1关于公司宣传网站的特点
公司宣传网站既不同于一般的资源型宣传网站，也不同于其他网络宣传课程，它有如下几个特点:
1、宣传的针对性
公司宣传网站是以“针对对象”为导向的,宣传内容针对宣传的对象而展开,因而内容相对固定具体,这就为针对宣传提供了较大的探索空间，有利于“小题大做”，对针对专题进行深入而透彻地研究。
2、内容的整合性
公司宣传网站的内容以针对的对象而展开宣传目的为中心线索,集合了所有与该宣传相关内容，在整合多f—jq:
科知识的基础上,组建逻辑有序的、符合客户认知规律和特点的宣传模块，因此它在广度和深度上都超过了单一进行宣传的效果。
3、受众的特定性
任何一个公司宣传网站都不是普遍适用的网站,一旦宣传内容确定,它就相应地有了特定的使用对象。
不同的公司宣传网站供不同层次的客户浏览，具有较强的针对性。
例如公司宣传网站上海绪胜的主要针对对象就是对纺织品有需求的客户,它包括个人、批发商、零售商等。
4、宣传的开放性
开放性包括两层涵义,一是产品资源具有一定的扩展性和整合性，包括与该产品宣传相关的资源:
二是宣传产品资源在宣传网站的应用过程中还将被不断添加补充。
一次宣传网站建设不可能将所有与宣传相关的资源做到完善，因此公司宣传网站的应用过程也是网站不断建设与发展的过程。
网站建设者在使用过程中，可以把自己获取的与该宣传相关的材料上传到宣传材料资源库中，以供其他公司宣传者材料共享，从而体现资源分散开发、集中使用的原则。
5、功能的完备性
由公司宣传网站的基本构成可以看出，公司宣传网站至少应提供五方面的功能：
展示与公司有关的宣传资料,使公司内外部人都尽可能地了解本公司，也就是说要提高公司知名度，打出去公司的品牌,使公司尽可能地产生品牌效应;提供公司内部员工资料，特别是高层管理者，让人感到公司管理制度和人员安排井然有序；应展示公司的产品，推荐最优产品，让人清晰的了解到你这个公司是干什么的,都提供了哪些优质的乳制产品；提供与员工沟通的邮件方式,方便员工给领导提宝贵的建议和反应公司的一些问题；公布公司的联系方式，方便客户与之联系，扩大销量。
此外它还应具备一般的宣传网站的功能,体现了功能的完备性和综合性。
2.2上海绪胜纺织品有限公司宣传网站的基本组成结构
上海绪胜纺织品有限公司宣传网站由“公司首页”、“公司简介”、“产品展示”、“新品推荐”、“纺织知识“、"客户留言“、“联系我们"七大部分组成.七大部分从公司介绍、提供建议和反应问题、推荐产品、联系方式等角度相互补充，相互配合，从而完成达到公司宣传效果的整合，如图2-2-1所示：
上海绪胜纺织品有限公司宣传网页
产品展示
新品推荐
联系我们
公司简介
客户留言
纺织知识
公司首页
2-2-1上海绪胜纺织品有限公司宣传网页的七个组成部分
公司首页是指通过收集、整理与本网页公司宣传相关的文本、图片、图像、动画、音频、视频等知识内容，以网页宣传为中心,按一定的组织策略进行结构化重组,最后以网页形式制作成的具有较强交互性的网络宣传。
通过专针对结构化产品的展示，可以使客户的浏览具有结构化的特性，而不至于漫无目的,导致浏览效果的模糊。
首页一定要鲜明，让人一目了然。
公司人员高层领导管理库是一个服务于公司内部员工管理的库，它按一定的层次层层而下,它们之间都有一定的附属结构，这样管理不会越级，也不会混乱，有利于使管理秩序化,有条不紊,也只有有一个较好的管理制度，才能更有利于公司的发展。
产品展示页是一种纺织品的展示，有推荐的针对客户群的产品,让人在了解产品的时候，一目了然，对产品的不同性能也能了然于心,这样能让客户在较短的时间有效地了解到公司所主推的产品.
新品推荐页是
纺织知识页是
客户留言,之所以用这个功能是为了更好的增加客户和公司的互动沟通，每天高层领导中都要有人查阅这些留言，以便更好的了解客户所提出的宝贵建议和反应公司的一些问题，也可以反映自己在使用产品中的一些小技巧等，这项留言的开通，将使公司与客户之间和谐相处，共同使公司发展的更好更快。
联系我们页是外界与公司交流联系的渠道页，如果客户要订货的话,可以拨打电话或发邮件给公司，公司可在最短时间内赶出这批货并邮递到对方客户处，方便快速，有效地提高了销售效益和业绩状况。
第三章、具体网站的分析
3。
1需求分析
目前，Internet技术与公司宣传网页网上营销相结合的趋势已经具有一定规模，开发一个高效、可靠、通用的资源管理系统已经迫在眉睫。
我考虑到公司网站多样性的需要,同时也考虑到公司宣传网页实现电子商务的重要性,所以，在该资源管理系统中特意加入在线留言的功能,使其功能更全面.该资源管理系统主要功能模块介绍如下：
1。
在线留言板块如图3—1-2所示：
3—1-2在线留言板块图
在线留言，此功能增强了公司与客户会员的沟通情况,互动比较容易，交流过程中能让公司获得宝贵的建议，更好的集思广益，当我们多听听客户和会员的心声时，对公司的发展是绝对有利的。
当公司有一个庞大的会员群和客户群时，公司的发展前景可想而知。
本网站是网上很很常见的浏览性网站，本网站的实现主要是以ASP与ACCESS数据库相结合的技术来实现.
作为一个用于用户学习、进行知识查询的浏览性网站，应该从使用方便角度出发，因此本网站必须具备一下特点：
1.网站安全可靠
2.功能齐全
3.操作方便，界面友好且简单易懂,运行迅速
4。
易于维护和扩充
3.2系统运行环境分析
系统软硬件平台：
系统需要一台PC机,标准采用PentiumⅡ及以上级别CPU，至少300MB硬盘，主频90MHz，支持VGA或分辨率更高的显示器。
操作系统：
Windows98/2000/XP/Me，也可使用WindowsNT操作系统
数据库服务平台：
Access数据库，适合开发中小型系统。
3。
3系统设计流程图如图3-3—1所示
创建网页总体框架
分析网页设计模块功能
确定网页的目录结构和连接结构
确定网站的整体风格创意设计
收集需要用到的素材创建各个模块
创建网页
3-3-1系统设计流程图
第四章、网站开发工具的选用及介绍
4.1Asp脚本语言介绍
ActiveServerPages：
“动态服务器网页”，一般简称为“ASP”,ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览"，不像VBScript或JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Client）在ＩＥ浏览器中可以显示程序执行的结果,可是,客户端（Client）若使用Netscape浏览器就无法显示VBScript的执行结果.
ASP的特点：
任何开发工具皆可发展ASP只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。
当然,其他网页发展工具，例如,FrontPageExpress、ＦrontPage等也都可以；不过还是建议你用记事本来写,既省钱又方便，若是使用那些所见即所得的网页编辑来写ASP，可能会发生一些意想不到的离奇状态.通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。
语言相容性高:
ASP与所有的ActiveXScript语言都相容，除了可结合HTML，VBScript、JavaScript、ActiveX服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（ThirdParty）所提供的语言.
隐密安全性高:
如果我们在浏览器中直接查看网页的原始代码,就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代码是看不到的！
这是因杰ＡＳＰ程序先于网站服务（ＷebServer）端执行后，将结果转换成标准ＨＴＭＬ文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ＡＳＰ程序并不会轻易地被看见进而被盗用。
易于操控数据库:
ASP可以轻易地通过ＯDBC（OpenDatabaseConnectivity）驱动程序连接各种不同的数据库，例如:
Acess、Foxpro、dBase、Oracle等等，另外，ASP亦可将“文本文件”或是”Excel”文件当成数据库用。
面向对象学习容易:
ASP具备有面向对象（Ｏbject-Oriented）功能，学习容易,ASP提供了五种方便能力强大的内建对象:
Request、Response、Sever、Application以及Session,同时，若使用ASP内建的“Application”对象或"Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息.
ASP的六大内部对象：
对象名称功能描述RequestResponseServerSessionApplicationObjectContext从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息,该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合MicrosoftTransaction服务器进行分布式事务处理。
4.2Dreamweaver简介
Dreamweaver是由Macromedia公司推出的，用于网页开发和网站管理的专业化设计工具。
它采用了多种新技术，具有设计和开发网站过程中需要的网站管理、网站设计、页面制作、多媒体制作和动画制作等丰富实用的功能；它具有友好的操作界面，在文档窗口中可以打开各种浮动面板,同时还可以使用系统内置的多种对象进行操作。
Dreamweaver启动后,会出现一个新的文档操作窗口，该窗口包含如下的几个部分：
标题栏、菜单栏、工作区、浮动面板和状态栏.标题栏中主要显示该文档的标题信息、文件名及该文件所在的文件夹等;菜单栏中包含了各种操作命令、应用特性和访问浮动面板的简单方法；Dreamweaver启动后，工作区是白色的空白区域，可以在工作区中输入文字、插入图象、添加背景以及其它页面元素；浮动面板提供了访问程序特性的简单方法,可以对浮动面板进行选择、拖放、重新定位、移动等操作,当我们不需要使用某个移动面板时，还可以用鼠标单击该面板右上角的关闭按钮将其关闭，需要时再打开；状态栏位于窗口的最下端，用于显示文档的HTML标记、文档窗口大小、下载速度等信息。
4.3ACCESS数据库简介
ＡＣＣＥＳＳ是创建大型商业应用的最佳的核心引擎数据库之一。
2003年发布的64位的SQLServer企业版运行在惠普安腾服务器上，达到每分钟单机TPC-C基准测试记录——每分钟658，277笔事务交易，是当前世界上最快的交易处理平台。
这一TPC—C测试结果已经由独立的TPC组织的审计人员认可（TPC—C基准测试是行业中公认的权威的和最为复杂的在线事务处理基准测试）.
ＡＣＣＥＳＳ是一个具备完全Web支持的数据库产品，提供了对可扩展标记语言（XML）的核心支持以及在Internet上和防火墙外进行查询的能力。
4.4网站图片制作工具Photoshop简介
Photoshop是平面图像处理业界霸主Adobe公司推出的跨越PC和MAC两界首屈一指的大型图像处理软件。
它功能强大，操作界面友好,得到了广大第三方开发厂家的支持,从而也赢得了众多的用户的青睐.
ADOBEPHOTOSHOP最初的程序是由Mchigan大学的研究生Thomas创建，后经Knoll兄弟以及ADOBE公司程序员的努力ADOBEPHOTOSHOP产生巨大的转变，一举成为优秀的平面设计编辑软件。
它的诞生可以说掀起了图象出版业的革命，目前ADOBEPHOTOSHOP最新版本为6。
0，它的每一个版本都增添新的功能这使它获得越来越多的支持者也使它在这诸多的图形图象处理软件中立于不败之地。
Photoshop支持众多的图像格式,对图像的常见操作和变换做到了非常精细的程度，使得任何一款同类软件都无法望其颈背；它拥有异常丰富的插件（在Photoshop中叫滤镜）,熟练后您自然能体会到”只有想不到，没有做不到"的境界.
第五章、网站前台界面的设计与实现
5。
1网站前台首页
公司网站前台首页和很多网站一样，网站的首页一般都是公司简介、公告栏、产品浏览等界面,具体界面如图5-1—1所示：
5-1—1首页界面图
网站在前台设计主要是在Dreamweaver里面设计的,里面应用了数据库的链接和asp语言的编程。
5.2站内展示功能的实现
为了方便浏览者查看网站内容，本网站特意设置了站内展示功能，具体实现的效果如图5—2—1所示：
5-2—1站内内容展示链接板块图
5.3网站前台界面的设计与实现分析
本网站利用B/S结构,利用Dreamweaver进行开发，同时结合SQLServer数据库，其功能目标是要实现前台信息在线浏览的功能，后台管理员对信息管理的功能。
本网站主要实现的具体功能如下：
1、信息管理，实现信息管理，对于信息类管理特别的系统。
2、信息添加与修改功能，采用ewebeditor再线编辑器，支持图文动画等功能及各种上传，支持远程图片自动保存，支持是否在标题前显示“图文”标志，支持自定义首页动画调用图片文章等。
3、系统安全用于个人或客户进行资料收集整理十分的方便,功能也异常强大。
当然也可以用作新闻管理或各种站点。
本系统建成后，我们就已经对各模块进行了反复的测试，经过修改和调试通过以后，再进行运行测试.测试结果表明各项功能已经达到设计要求。
目前该资源管理系统已经与计
升级会员 