网页制作毕业设计论文.docx

1、网页制作毕业设计论文石家庄邮电职业技术学院毕业设计 某某有限公司宣传网页设计学生姓名：某某 系 部：某某系 专 业：某某专业 指导教师：某某某 年 月 日 摘 要本论文将对网页的设计和制作进行研究和探讨。作品的主要技术指标包括：1、制作出一个具有静态和动态技术的“关于公司的宣传网页”；2、在制作的过程中，加强和深化以前所学的关于网页设计的方法，同时更好的理解参考资料上的方法和理论；3、最后是追求后台操作的稳定性。本设计的主要内容包括：1、公司宣传网页的设计思想，整体规划及相关基础知识；2、公司宣传网页的前台设计，包括汇编HTML语言程序及效果图；3、公司宣传网页后台设计（通过后台操作实现对网页

2、内容的修改）；4、公司宣传网页的调试。网页规划包含的内容很多，如网页的结构、栏目的设置、网页的风格、颜色搭配、版面布局、文字图片的运用等，也只有如此制作出来的网页才能有个性、有特色，具有吸引力。 网页主题就是所要包含的主要内容，一个网页必须要有一个明确的主题。特别是对于个人网页，不可能像综合网站那样做得内容大而全，包罗万象。所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给人留下深刻的印象。关键词：宣传网页 基本原则 制作步骤网页主题AbstractThis will be web page design and production of research and d

3、iscussion. Works of the main technical indicators include: To produce a static and dynamic technology company pages; In the process of strengthening and deepening of previously learned about web design methods, while a better understanding of Reference Information on the methods and theories; Finall

4、y, the pursuit of stability of the background operation.The design of the main contents include:company web page design ideas, the overall planning and relevant basic knowledge; company web pages front design, including the compilation of HTML language program and effect diagram; Personal web pages

5、background design (back-office operations through the implementation of the web content changes); Personal web pages debugging.Page plan includes a great many things, such as the page structure, and column settings, web style, color combinations, layout, text, images and other use of, and only this

6、website in order to have produced personality characteristics, attractive.Web theme is to be included in the main contents of a web page must have a clear theme. Especially for personal web pages, it is impossible to do, as an integrated Web site content as large and comprehensive, all-inclusive. Mu

7、st be necessary to identify one most interested in their own content, so deep, be thorough, to do its own characteristics, so as to give the left a deep impression. Key words: Company Homepage Ground Rules Process Web Theme目 录摘要 （1）前言 （2）第一章、系统分析 (6)1.1关于公司宣传网页的网站建设发展历程 (6)1.2关于公司宣传网页的网站建设的必要性分析 (7)

8、1.3本选题的现实意义 9)第二章、上海绪盛纺织品有限公司宣传网站的设计 (11) 2.1关于公司宣传网站的特点 (12)2.2上海绪盛纺织品有限公司宣传网站的基本组成结构 (12)第三章、 具体网站的分析 (13)3.1需求分析 (14)3.2系统运行环境分析 (15)3.3系统设计流程图 (15)第四章、 开发工具的选用及介绍 (17)4.1 Asp 脚本语言介绍 (184.2 Dreamweaver简介 (18)4.3 SQL Server 数据库简介 (19)4.4 网站图片制作工具Photoshop简介 (19)第五章、网站前台界面的设计与实现 (20)5.1 网站前台首页 (20)

9、5.2 站内展示功能的实现 (21)5.3 网站前台界面的设计与实现分析 (21)附录 (22)参考文献 (23)致 谢 (24)前言随着网络技术的不断发展，如今的公司越来越倾向于在网络上进行宣传产品，网页设计成了企业展示自身形象、发布产品信息、联系网上客户的新平台、新天地，进而可以通过电子商务开拓新的市场，以极少的投入获得极大的收益和利润。网页设计是通过网站管理员管理整个网站的内容，使之公司的信息不断得到更新.因此我设计开发了一个关于宣传上海绪胜纺织品有限公司的网页设计。该网站实现了树立公司形象，扩大业务宣传，收集客户反馈，加强客户服务，网上市场调查，开展网络营销，建立信息数据库，实施电子商

10、务，直接实现网络销售以及网站的后台管理。我所做的这个关于宣传上海绪胜纺织品有限公司的网页设计，主要分为七大板块：公司首页、公司简介、产品展示、新品推荐、纺织知识、客户留言、联系我们。这些都分别实现了达到宣传公司的目的和加强公司管理的功能，同时在很大程度上也扩大了知名度和提高了销售效益。本网站的设计采用的是ASP技术，数据库采用的是ACCESS数据库，网站的布局使用的是Dreamweaver。同时在设计过程中用到了Flash 动画设计和Photo shop图形图像处理技术。这也给本设计增色不少，让我的设计更加生动，更加让人赏心悦目。下面我将就我设计的过程所采用的技术、思路等方面详细的介绍我所设计

11、开发的关于上海绪胜纺织品有限公司宣传的网页设计。第一章、系统分析1.1 关于公司宣传网页的网站建设发展历程第一代网站建设技术：运用一般的网页制作软件，把一些平面页面效果转化成网页，然后把网页链接起来成为一个企业网站。采用“第一代网站建设技术”制作出来的企业网站，由于更新以及修改网站内容均需专业人员，维护麻烦，网站修改以及增加网页均需支付费用，导致企业经常不更新其网站内容，失去了建设网站的意义；同时由于纯静态页面没有交互性，使得客户不能很好的与企业沟通。第二代网站建设技术：是指在第一代网站建设技术基础上，针对网站的某一个功能采用一些数据库管理模块（如新闻发布、产品发布等），网站的后台对这些个别的

12、功能模块进行管理。采用“第二代网站建设技术”制作出来的企业网站，在一定程度上摆脱了第一代网站建设技术在网站内容更新困难上的缺点，适合对于网站日常更新维护频繁，对网站各功能模块有独特需要的大型企业网站，但由于需要对企业的不同建站需求进行定制开发，所以价格一般也较高，一般中小企业难以承受。第三代网站建设技术：2003年初以来出现了第三代网站建设技术智能建站系统。网站用户通过智能建站系统能够很方便快捷地管理自己的网站，自己定义网站的框架内容，并能够随时升级网站的功能，且解决了每个客户都需要的网站前台界面个性化的需求。使用智能建站系统进行企业网站开发建设，能够适应大多数中小企业对于网站建设的一般需求，

13、开发周期短，更新维护便捷，是中小企业建设网站的理想选择。第四代网站建设技术：是指在第三代网站建设技术基础上，针对程序和域名有独到的理解。也是.的一个新关键，在程序上符合人性化，在设计上追求感官化，在域名上领悟一体化。1.2 关于公司宣传网页的网站建设的必要性分析近几年来，网站建设业务一直呈快速上升势头，行业市场越来越大。就国内情况而言，沿海发达省市比中西部省市市场需求要大，业务普及工作也很到位，许多行业形成了竞相建设企业网站，开展网络营销的局面。新技术的应用将促使企业网站建设更具魅力。随着技术融合与发展，许多在其他行业热门应用的技术如视频、三维动画、虚拟现实等技术都已经实现向互联网移植，未来的

14、不久，他们就会出现在企业客户网站上面；新的网络编程语言（.net技术）和服务器CDN（内容发布网络）技术也将使网站结构更紧密，访问更流畅，更能适应新的要求。同时网络营销服务将同网站建设融为一体，提供一体化服务。企业用户现在已不再满足于做一个网站，然后自己开展网络营销活动，网络公司还要为企业客户制定具有针对性的网络营销策略并实施，让企业网站真正发挥作用，为客户带来实在的效果。1.3 本选题的现实意义本网页设计的目的是通过网站达到开展网上营销，实现电子商务的目的。网站建设首先由网络营销顾问提出低成本回报的网络营销策划方案。通过洞悉项目目标客群的网络营销策略，引发、借力企业与网民，以至网民与网民之间

15、的互动，使企业以最小的营销投入，超越竞争对手，获得更高效的市场回报营销网站规划网站前期策划作为网络营销的起点，规划的严谨性、实用性将直接影响到企业网络营销目标的实现。网站建设商以客户需求和网络营销为导向，结合自身的专业策划经验，协助不同类型企业，在满足企业不同阶段的战略目标和战术要求的基础上，为企业制定阶段性的网站规划方案。通过此网页设计提高公司知名度进而提升公司盈利效益。第二章、上海绪胜纺织品有限公司宣传网站的设计2.1 关于公司宣传网站的特点公司宣传网站既不同于一般的资源型宣传网站，也不同于其他网络宣传课程，它有如下几个特点：1、宣传的针对性公司宣传网站是以“针对对象”为导向的，宣传内容针

16、对宣传的对象而展开，因而内容相对固定具体，这就为针对宣传提供了较大的探索空间，有利于“小题大做”，对针对专题进行深入而透彻地研究。2、内容的整合性公司宣传网站的内容以针对的对象而展开宣传目的为中心线索，集合了所有与该宣传相关内容，在整合多f-jq：科知识的基础上，组建逻辑有序的、符合客户认知规律和特点的宣传模块，因此它在广度和深度上都超过了单一进行宣传的效果。3、受众的特定性任何一个公司宣传网站都不是普遍适用的网站，一旦宣传内容确定，它就相应地有了特定的使用对象。不同的公司宣传网站供不同层次的客户浏览，具有较强的针对性。例如公司宣传网站上海绪胜的主要针对对象就是对纺织品有需求的客户，它包括个人

17、、批发商、零售商等。4、宣传的开放性开放性包括两层涵义，一是产品资源具有一定的扩展性和整合性，包括与该产品宣传相关的资源：二是宣传产品资源在宣传网站的应用过程中还将被不断添加补充。一次宣传网站建设不可能将所有与宣传相关的资源做到完善，因此公司宣传网站的应用过程也是网站不断建设与发展的过程。网站建设者在使用过程中，可以把自己获取的与该宣传相关的材料上传到宣传材料资源库中，以供其他公司宣传者材料共享，从而体现资源分散开发、集中使用的原则。5、功能的完备性由公司宣传网站的基本构成可以看出，公司宣传网站至少应提供五方面的功能：展示与公司有关的宣传资料，使公司内外部人都尽可能地了解本公司，也就是说要提高

18、公司知名度，打出去公司的品牌，使公司尽可能地产生品牌效应；提供公司内部员工资料，特别是高层管理者，让人感到公司管理制度和人员安排井然有序；应展示公司的产品，推荐最优产品，让人清晰的了解到你这个公司是干什么的，都提供了哪些优质的乳制产品；提供与员工沟通的邮件方式，方便员工给领导提宝贵的建议和反应公司的一些问题；公布公司的联系方式，方便客户与之联系，扩大销量。此外它还应具备一般的宣传网站的功能，体现了功能的完备性和综合性。2.2 上海绪胜纺织品有限公司宣传网站的基本组成结构上海绪胜纺织品有限公司宣传网站由“公司首页”、“公司简介”、“产品展示”、“新品推荐”、“纺织知识“、”客户留言“、“联系我们

19、”七大部分组成。七大部分从公司介绍、提供建议和反应问题、推荐产品、联系方式等角度相互补充，相互配合，从而完成达到公司宣传效果的整合，如图2-2-1所示：2-2-1 上海绪胜纺织品有限公司宣传网页的七个组成部分公司首页是指通过收集、整理与本网页公司宣传相关的文本、图片、图像、动画、音频、视频等知识内容，以网页宣传为中心，按一定的组织策略进行结构化重组，最后以网页形式制作成的具有较强交互性的网络宣传。通过专针对结构化产品的展示，可以使客户的浏览具有结构化的特性，而不至于漫无目的，导致浏览效果的模糊。首页一定要鲜明，让人一目了然。公司人员高层领导管理库是一个服务于公司内部员工管理的库，它按一定的层次

20、层层而下，它们之间都有一定的附属结构，这样管理不会越级，也不会混乱，有利于使管理秩序化，有条不紊，也只有有一个较好的管理制度，才能更有利于公司的发展。产品展示页是一种纺织品的展示，有推荐的针对客户群的产品，让人在了解产品的时候，一目了然，对产品的不同性能也能了然于心，这样能让客户在较短的时间有效地了解到公司所主推的产品。新品推荐页是纺织知识页是客户留言，之所以用这个功能是为了更好的增加客户和公司的互动沟通，每天高层领导中都要有人查阅这些留言，以便更好的了解客户所提出的宝贵建议和反应公司的一些问题，也可以反映自己在使用产品中的一些小技巧等，这项留言的开通，将使公司与客户之间和谐相处，共同使公司发

21、展的更好更快。联系我们页是外界与公司交流联系的渠道页，如果客户要订货的话，可以拨打电话或发邮件给公司，公司可在最短时间内赶出这批货并邮递到对方客户处，方便快速，有效地提高了销售效益和业绩状况。第三章、具体网站的分析3.1 需求分析目前，Internet技术与公司宣传网页网上营销相结合的趋势已经具有一定规模，开发一个高效、可靠、通用的资源管理系统已经迫在眉睫。我考虑到公司网站多样性的需要，同时也考虑到公司宣传网页实现电子商务的重要性，所以，在该资源管理系统中特意加入在线留言的功能，使其功能更全面。该资源管理系统主要功能模块介绍如下：1.在线留言板块 如图3-1-2所示：3-1-2 在线留言板块图

22、在线留言，此功能增强了公司与客户会员的沟通情况，互动比较容易，交流过程中能让公司获得宝贵的建议，更好的集思广益，当我们多听听客户和会员的心声时，对公司的发展是绝对有利的。当公司有一个庞大的会员群和客户群时，公司的发展前景可想而知。本网站是网上很很常见的浏览性网站，本网站的实现主要是以ASP与ACCESS数据库相结合的技术来实现。作为一个用于用户学习、进行知识查询的浏览性网站，应该从使用方便角度出发，因此本网站必须具备一下特点：1.网站安全可靠 2.功能齐全3.操作方便，界面友好且简单易懂，运行迅速4.易于维护和扩充3.2 系统运行环境分析 系统软硬件平台：系统需要一台PC机，标准采用Penti

23、um及以上级别CPU，至少300MB硬盘，主频90MHz,支持VGA或分辨率更高的显示器。操作系统：Windows98/2000/XP/Me，也可使用WindowsNT操作系统数据库服务平台：Access数据库 ，适合开发中小型系统。3.3 系统设计流程图 如图3-3-1所示3-3-1 系统设计流程图第四章、网站开发工具的选用及介绍4.1 Asp 脚本语言介绍Active Server Pages：“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Ne

24、tscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或 JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Client）在浏览器中可以显示程序执行的结果，可是，客户端（Client）若使用Netscape浏览器就无法显示VBScript的执行结果。 ASP的特点：任何开发工具皆可发展ASP只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPage Express、 rontPage等也都可以；不过还是建议你用记事本来写，

25、既省钱又方便，若是使用那些所见即所得的网页编辑来写ASP，可能会发生一些意想不到的离奇状态。通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。语言相容性高：ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java Script、Active X服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。隐密安全性高：如果我们在浏览器中直接查看网页的原始代码，就只能看到文件，原始的程序代码是看不到的！这是因杰程序先于网站服务（eb Server）

26、端执行后，将结果转换成标准文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的程序并不会轻易地被看见进而被盗用。易于操控数据库：ASP可以轻易地通过DBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：Acess、Foxpro、dBase、Oracle等等，另外，ASP亦可将“文本文件”或是”Excel” 文件当成数据库用。面向对象学习容易：ASP具备有面向对象（bject-Oriented）功能，学习容易，ASP提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session

27、，同时，若使用ASP内建的“Application”对象或”Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。ASP的六大内部对象：对象名称 功能描述Request Response Server Session Application Object Context 从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合Microsoft Transaction 服务器进行分布式事务处理。4.2 Dreamweaver简介Dream

28、weaver是由Macromedia公司推出的，用于网页开发和网站管理的专业化设计工具。它采用了多种新技术，具有设计和开发网站过程中需要的网站管理、网站设计、页面制作、多媒体制作和动画制作等丰富实用的功能；它具有友好的操作界面，在文档窗口中可以打开各种浮动面板，同时还可以使用系统内置的多种对象进行操作。Dreamweaver启动后，会出现一个新的文档操作窗口,该窗口包含如下的几个部分：标题栏、菜单栏、工作区、浮动面板和状态栏。标题栏中主要显示该文档的标题信息、文件名及该文件所在的文件夹等；菜单栏中包含了各种操作命令、应用特性和访问浮动面板的简单方法；Dreamweaver启动后，工作区是白色的

29、空白区域，可以在工作区中输入文字、插入图象、添加背景以及其它页面元素；浮动面板提供了访问程序特性的简单方法，可以对浮动面板进行选择、拖放、重新定位、移动等操作，当我们不需要使用某个移动面板时，还可以用鼠标单击该面板右上角的关闭按钮将其关闭，需要时再打开；状态栏位于窗口的最下端，用于显示文档的HTML标记、文档窗口大小、下载速度等信息。4.3 ACCESS 数据库简介是创建大型商业应用的最佳的核心引擎数据库之一。2003 年发布的 64 位的 SQL Server 企业版运行在惠普安腾服务器上，达到每分钟单机 TPC-C 基准测试记录每分钟 658,277 笔事务交易，是当前世界上最快的交易处理

30、平台。这一 TPC-C 测试结果已经由独立的 TPC 组织的审计人员认可（TPC-C 基准测试是行业中公认的权威的和最为复杂的在线事务处理基准测试）。是一个具备完全 Web 支持的数据库产品，提供了对可扩展标记语言 (XML) 的核心支持以及在 Internet 上和防火墙外进行查询的能力。4.4 网站图片制作工具Photoshop简介 Photoshop是平面图像处理业界霸主Adobe公司推出的跨越PC和MAC两界首屈一指的大型图像处理软件。它功能强大，操作界面友好，得到了广大第三方开发厂家的支持，从而也赢得了众多的用户的青睐。ADOBE PHOTOSHOP最初的程序是由Mchigan大学的

31、研究生Thomas创建，后经Knoll兄弟以及ADOBE公司程序员的努力ADOBE PHOTOSHOP产生巨大的转变，一举成为优秀的平面设计编辑软件。它的诞生可以说掀起了图象出版业的革命，目前ADOBE PHOTOSHOP最新版本为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进行开发，同时结合SQL Server数据库，其功能目标是要实现前台信息