网站设计.doc

《网站设计.doc》由会员分享，可在线阅读，更多相关《网站设计.doc（13页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、【目 录】【摘要】第 一 章概 述11.1网站建设背景21.2网站建设意义2第 二 章可行性分析3第 三 章网站需求分析43.1总体功能需求分析43.1.1.功能结构图43.2网站版面规划53.2.1.首页53.2.2.子页53.2.3.页头53.3网站CI形象设计53.3.1.主色调与色彩53.3.2.标准字体53.3.3.交互方式53.5网站布局技术63.5.1.表格布局63.5.2.层叠样式表63.5.3.网站首页界面6第 四 章数据库设计7第 五章系统程序设计75.1程序设计语言85.2数据库连接85.3部份源程序实现及文件8第 六章 网站功能的介绍9网站界面图9网站的建立和维护108

2、.1网站的建立108.1.1.网站运行环境108.1.2.网站的测试环境IIS108.1.3.本网站IIS配置118.2网站的维护11【参考文献】12【致 谢】12 概述（网站建设的背景和意义）：未来中国石材市场消费的十大发展趋势 第一，消费者进入全面参与时代第二，新健康消费崛起第三，平民化的精致生活趋势出现 第四，女性消费势力的崛起第五，消费者更加追求新感官主义与品牌体验如今，走进品牌的体验店，参与企业的体验活动成为消费者了解石材的重要举措，同时，卖场终端的体验型设计对于品牌的意义也越来越突出。第六，消费者进入全民娱乐时代，娱乐形态高度多元化中国人的娱乐形态越来越多元化，自娱自乐无疆界、看人

3、娱乐也happy成为典型的娱乐特征，创建石材消费的娱乐平台将消费者带入娱乐活动中成为石材企业新的营销策略。第七，品牌的差异化、意义和附加值对消费者很重要很多的石材厂家以为现在的消费者喜欢一个品牌看起来似乎没有太多深刻的理由，但是事实并非如此，现在的消费者对品牌有着自己的思考和看法，特别是80后这批未来的石材产品主力消费军，对个性的要求犹显重要，品牌带来的差异化、品牌故事、品牌内涵对于打动消费者显得非常重要，营销者将需要确保其品牌确实表达着消费者心中看重的某些东西。第八，消费者越来越关注产品信息的透明披露消费者学习能力增加，产品说明书、从成分到出处的透明的信息从来没有对石材消费者如此重要，真实性

4、营销、透明化营销是未来市场之上策。 第九，消费者崇尚新自然主义：渴望自然，并积极亲近大自然石材产品技术未来的突破点应该是向全自然方向发展。 第十，速活社会与速度消费兴起中国消费社会处于速活社会，追求效率和速度、缺乏足够的耐性是消费者的新的表现，因此速食食品、快餐店、便利店、网络购物、信用卡、购物卡等消费得到非常高的认可，在这个概念上来说，我觉得石材产品的使用功能上增加其快速入住与使用功能。面对未来的消费者趋势变化，石材企业面对中国市场可能的四条路径，第一是关注中国正在不断崛起的城市新富市场，据悉中国城市新富家庭预计将突破2100万;第二是从现有的一二三线市场的消费群体中寻找产品升级换代的机会，

5、比如二手房市场的翻新升级消费;第三是向下走，县域和农村将是下一个亿万级的消费市场。而电子商务，能将人们需要的这种简单快捷低成本的商务和贸易活动利用互联网工具来完成，更好的实现大众的消费理念。越是在不确定的年代，预见未来就越加重要，而从海量的消费行为数据中看出端倪，洞察商机，才是企业应对未来的正确正确经商之道和立足市场的关键之所在。Overview (website construction background and meaning) :The ten development of future China stone market consumption trendsFirst, the

6、consumers into the era of full participationSecond, the rise of new healthy consumptionThird, common a refined, sophisticated life trendFourth, the rise of women consumption powerFifth, consumers are pursuing new sense creed and brand experience Now, into the brand experience shop, to participate in

7、 the activities of the experience of enterprises become the important measures for consumers understand stone, at the same time, the retail terminal of one design over the meaning of brand is becoming more and more prominent.Sixth, consumers into the era of the entertainment, the entertainment form

8、is highly diversifiedThe Chinese form of entertainment is more and more diversified, entertaining without borders, to entertainment happy also become typical entertainment features, create stone material consumption entertainment platform will consumers into entertainment as a new marketing strategy

9、 of stone material enterprise. Seventh, the difference of the brand, meaning and value to consumers is very importantA lot of stone factory think consumers now like a brand seems to be not too many profound reasons, but that is not the case, now the consumers to the brand has its own thinking and vi

10、ews, especially after 80 this batch of stone products in the future the main consumption, still important to the requirement of personality, brand differentiation, brand story and brand connotation to impress consumers is very important, marketers will need to ensure that the brand does express the

11、consumer value of something in my heart. Eighth, consumers pay more and more attention to the transparent disclosure of product informationConsumer learning ability increase, product manuals, from components to the source of the transparent information never is so important for stone material consum

12、ption, marketing, transparency, authenticity is the best of the future market. Ninth, consumer advocate new naturalism: eager to nature, and nature stone products technical breakthrough point in the future should be to develop in the direction of the whole nature. The tenth, consumption rise speed l

13、iving society and speedChinese consumer society live in speed, the pursuit of efficiency and speed, and the lack of enough patience is a new expression of consumers, so the fast food, fast food restaurants, convenience stores, Internet shopping, credit CARDS, gift CARDS and other consumer get very h

14、igh recognition, on the concept, I think the use function of stone products to increase its fast check-in and use function. In the face of the future consumer trends, stone enterprises in the face of Chinas market may four path, the first is to focus on Chinas rising urban new rich market, the new r

15、ich family is expected to exceed 21 million Chinese cities; The second is from the first three lines of existing market of consumers look for opportunities to product upgrading, the upgrading of consumption such as second-hand housing market; The third is going down, the county and country will be t

16、he next billionaire consumer market. And e-commerce, will people need this kind of simple quick and low-cost business and trade activities use Internet tools to complete, better realization of mass consumption concept. The more in uncertain times, predict the future is more important, and from a vas

17、t amounts of data, see clue of consumption behavior, insight into business opportunities, is the only right right companies cope with the future business and the key in business. 第二章 可行性分析 B/S结构介绍 B/S（Browser/Server，简称B/S）结构，即浏览器/服务器模式，它是WEB兴起后的一种网络结构模式，从传统的二层C/S结构发展而来，通常采用三层结构：浏览器-Web服务器-数据库服务器，WEB

18、浏览器是客户端最主要的应用软件，浏览器通过Web Server 同数据库进行数据交互。在BS体系结构系统中，用户通过浏览器向分布在网络上的许多服务器发出请求，服务器对浏览器的请求进行处理，将用户所需信息返回到浏览器。而其余如数据请求、加工、结果返回以及动态网页生成、对数据库的访问和应用程序的执行等工作全部由Web Server完成，这样大大简化了客户端，减轻了系统维护与升级的成本和工作量，降低了用户的总体拥有成本（TCO）。该结构的缺点是存在数据安全性问题、对服务器要求过高、数据传输速度慢、软件的个性化特点明显降低，难以实现传统模式下的特殊功能要求。 VBScript脚本语言是微软开发的一种解

19、析型的服务端（也支持客户端）脚本语言，可以看作是VB语言的简化版，与VBA的关系也非常密切。它具有原语言容易学习的特性。目前这种语言广泛应用于网页和ASP程序制作，同时还可以直接作为一个可执行程序。用于调试简单的VB语句非常方便。由于VBScript可以通过Windows脚本宿主调用COM，因而可以使用Windows操作系统中可以被使用的程序库，比如它可以使用Microsoft Office的库，尤其是使用Microsoft Access和Microsoft SQL Server的程序库，当然它也可以使用其它程序和操作系统本身的库。 Adobe Dreamweaver简称“DW”，中文名称梦想

20、编织者，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能。它有Mac和Windows系统的版本。随Micromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。 Dreamweaver自MX版本开始，使用了Opera的排版引擎Presto 作为网页预览。 第三章 网站需求分析3

21、.1 总体功能需求分析网站功能分析就是以系统的观点，对已选定的对象与开发范围进行有目的、有步骤的实际调查和科学分析。分析的目的是要弄清楚网站要做什么。在这个阶段，需要认真分析用户的需求，用科学的方法来表达并深入分析建站方案。网站的系统分析工作不仅使前期的系统规划方案轮廓更加清晰，而且要对诸多方案的可行性进行细致的论证，最终为后面的设计工作打下基础。该网站作为电子政务的一种服务平台，信息公开、产品展示、网上交流是其基本的内容。同时本网站也提供了站内搜索、后台新闻编辑等网站常用的服务和管理功能。 3.1.1功能结构图 3.2 网站版面规划本网站采用1024768分辨率制成。3.2.1首页首页使用的

22、是国字型结构布局。 国字型结构布局是一些大型网站所喜欢的类型,即最上面是网站的标题+主菜单,下半部分分为3个区域,左右分列一些两小条内容,中间是主题内容,与左右一起罗列到底,最下面是网站的一些基本信息等。这种布局的优点是能够充分利用版面,信息量大;缺点是页面拥挤,不够灵活。3.2.2子页使用标题正文型：这种类型即最上面是标题或类似的一些东西，下面是正文；本站子页大部分是这个结构；3.2.3页头页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将牵涉到下面的更多设计和整个页面的协调性。 3.

23、3网站CI形象设计3.3.1主色调与色彩 网站采用代表了春天、希望、田野的“绿色”为主色调，与部门性质正好吻合。3.3.2标准字体 导航栏字体为“宋体”14px；网站主栏目字体为“黑体”18 px；正文字体为“宋体”12 px；3.3.3交互方式 网站提供了信息查询、网上调查、BBS等多种交互方式，并设置了专门的互动交流板块。3.4网站布局技术3.4.1表格布局本站主要使用表格方式布局。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局唯一的缺点是，当我们用了过多表格时，页面下载速度受到影响。3.4.2层叠样式表层

24、叠样式表(CSS)是W3C组织新近批准的一个辅助HTML设计的新特性,它能够使你保持整个HTML的统一外观。过去当你在设置文本时,为了保持整个段落都使用相同的外观,不得不为每一段设置属性,很麻烦。如果使用了CSS,那么可以在设置文本之前,就指定整个文本的属性,比如颜色、字体大小等等,这样,我们就能获得统一的文本外观了。3.4.3网站首页界面 第四章 数据库设计 数据库设计(Database Design)是指对于一个给定的应用环境，构造最优的数据库模式，建立数据库及其应用系统，使之能够有效地存储数据，满足各种用户的应用需求（信息要求和处理要求）。在数据库领域内，常常把使用数据库的各类系统统称为

25、数据库应用系统。 概念设计对用户要求描述的现实世界(可能是一个工厂、一个商场或者一个学校等)，通过对其中诸处的分类、聚集和概括，建立抽象的概念数据模型。这个概念模型应反映现实世界各部门的信息结构、信息流动情况、信息间的互相制约关系以及各部门对信息储存、查询和加工的要求等。所建立的模型应避开数据库在计算机上的具体实现细节，用一种抽象的形式表示出来。以扩充的实体（E-R模型）联系模型方法为例，第一步先明确现实世界各部门所含的各种实体及其属性、实体间的联系以及对信息的制约条件等，从而给出各部门内所用信息的局部描述(在数据库中称为用户的局部视图)。第二步再将前面得到的多个用户的局部视图集成为一个全局视

26、图，即用户要描述的现实世界的概念数据模型。 逻辑设计主要工作是将现实世界的概念数据模型设计成数据库的一种逻辑模式，即适应于某种特定数据库管理系统所支持的逻辑数据模式。与此同时，可能还需为各种数据处理应用领域产生相应的逻辑子模式。这一步设计的结果就是所谓“逻辑数据库”。 第五章 系统程序设计在上面已经着重讨论了系统功能模块的设计，详细分析了每一个模块的功能，在本章将讨论怎样具体的实现系统中每个模块的功能，也就是系统的详细设计过程。详细设计的根本目标是确定应该怎样具体的实现所要求的系统，也就是说，经过这个阶段的设计工作，应该得出对目标系统的描述，从而在编码阶段可以把这个描述直接翻译成用某种程序设计

27、语言书写的程序。详细设计阶段的任务在于要设计出程序的“蓝图”，因此，详细设计的结果基本上决定了最终的程序代码的质量。详细设计的目标不仅仅是逻辑上正确地实现每个模块的功能，更重要的是设计出的处理过程应该尽可能简明易懂。结构程序设计技术是实现上述目标的关键技术，因此是详细设计的逻辑基础。 5.1程序设计语言我们主要采用ASP作为程序设计代码的开发工具。使用ASP作为开发工具的主要原因在于利用ASP技术可以建立动态的、高性能的、安全的、跨平台的先进动态网站。ASP技术在加速动态Web 网页开发时的突出特点有以下几个：(1) ASP可以将内容的生成和显示进行分离：Web页面开发者可以用HTML或XML

28、 标识进行对最终页面的设计，同时使用ASP Tag 或Java Script 来生成页面上的动态内容，因为所有的脚本都在服务器端运行， 所以， 如果核心逻辑部分被封装在标识中， 那么Web管理人员或页面设计者将只能编辑ASP页面的显示方式， 而不会影响其内容的实质。(2) 对不同浏览器的兼容： 由于ASP技术采用了将ASP Tag 和Java Script 在服务器端解释并执行而只将结果以HTML或XML的形式送回到客户端的方法， 从而保证了对其它基于HTML的Web浏览器的完全兼容。 5.2数据库连接网站采用Access数据库，连接代码如下： 5.3部份源程序实现及文件后台用户登陆程序。涉及

29、程序文件：Qncgzbgshtgladminlogin.asp 登陆页面Qncgzbgshtglchecklogin.asp 登陆验证Qncgzbgshtgladmin.asp 管理员界面其中登陆验证源代码如下：%dim rsadmin1=trim(request(uname)password1=trim(request(password)randomnum=trim(request(randomnum)if randomnumtrim(session(randnum) thenresponse.write alert(验证码不正确！);location.href=adminlogin.asp

30、;end ifset rs=server.CreateObject(ADODB.RecordSet)sql=select * from admin where username= & admin1 & and password= & decrypt(password1)&rs.open sql,conn,1,1if rs.eof and rs.bof thenresponse.writealert(用户名或密码不正确！);location.href=adminlogin.asp;response.endelsesession(username)=rs(username)session(alea

31、ve)=Managerresponse.write parent.location.href=admin.aspend ifrs.closeset rs=nothing% 第六章 网站功能模块介绍 首页 首先介绍本网站的主要背景信息中心是Spry菜单栏 ，包含行业动态、行业标准、展会中心等多个网页，主要内容是新闻类的。产品中心包含有石材图库、工程示例，主要以图片的形式来展示的网上交流设计留言板 第七章网站界面图 第八章 网站的建立和维护网站设计与维护是一项系统工程，从最初的网站目标的规划、网站平台的选择、服务器准备到网页制作再到后期的发布宣传及维护，缺哪一部分都会影响网站的效果。 8.1网站的

32、建立8.1.1网站运行环境为了保证系统运行的效率和可靠性，系统服务器端应具有较高的软硬件配置，客户端的要求不是很高。此应用程序可广泛运行于国际互联网即Internet，也可适用于内部的局域网。其运行要求如下：服务器端：操作系统Windows xp/ 2000 serverWeb服务器IIS5.0数据库服务器SQL server2000浏览器IE5.0以上版本等；客户端： Internet Explorer(IE5.0)等8.1.2网站的测试环境IISIIS和Aapche Server 是目前使用最广泛的Web服务器，他们可以在UNIX和Windows平台上运行。此系统在开发阶段使用IIS（In

33、ternet Information Server）在个人计算机上调试。Internet信息服务5.1(IIS)是一种Windows Web服务，可以使用它非常轻松地在Internet上发布信息。Internet信息服务管理单元提供了一些服务器管理选项，用于控制网站或FTP站点的内容以及对这些站点的访问。Internet信息服务管理单元包含下列功能：n Windows NT Server或Windows 2000 Server服务器的一些附加设置，如管理FTP站点、隔离应用程序、映射MIME类型或指定其他脚本引擎等。n 新建虚拟目录的向导。n 管理Internet信息服务网络安装的能力。通过I

34、nternet信息服务服务单元，建立一个虚拟目录，指向Web应用程序所在目录，从而通过浏览Web应用程序所在目录下的ASP，HTML文件，达到该系统在个人计算机上的测试，为最终在将站点上载到公司Internet或Internet之前提供了Web程序在最终服务器上的精确效果。8.1.3本网站IIS配置n 打开 Internet 信息服务管理器：“开始”菜单-“设置”-“控制面板”-打开“管理工具”-打开“Internet 服务管理器”。 n 在C:Inetpubwwwroot目录下建立文件夹qncgzbgs，将本程序所有ASP文件、图片文件以及子文件夹复制到此文件夹下。n 在IIS中选择默认网站

35、，并点击右键，选择新建，然后进行如图配置。点击“下一步”-输入别名“test”-点击“浏览”-选择C:Inetpubwwwrootqncgzbgs-点击“下一步”-点击“完成”。再次从上图中选择“属性”单击-在弹出的选项卡中选择“主目录”-点击“浏览”-选择C:Inetpubwwwrootqncgzbgs-点击“确定”完成。n 打开数据源（Odbc）：“控制面板”-打开“管理工具”-打开“数据源（Odbc）”。n 在选项卡中选择“系统DNS”-点击“添加”-选择“Microsoft Access Driver(*.mdb)”-点击“完成”-在“数据源名”中填入你要取的名称-点击“选择”-右边目

36、录框中找到C:InetpubwwwrootqncgzbgsData-将左边框中出现的数据库文件选中-点击“确定”-再次点击“确定”完成。n 调试时在地址栏输入：http:/localhost/test/index.asp或者http:/127.0.0.1/test/index.asp即可。 8.2网站的维护网站维护就是对服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间； 数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视；内容的更新、调整等；制定相关网站维护的规定，将网站维护制度化、规范化。【参考文献】 1.Dreamweaver CS3 网页设计案例教

37、程 （第二版），沈大林主编，中国铁道出版社 2. Photoshop cs 超梦幻网页创意宝典，黄箐韵编著，机械工业出版社 xxxx 3. ASP网页数据库短训教程，刘瑞新,汪远征编著，机械工业出版社 xxxx 4. Flash MX 2004，X宇鸿编著，清华大学出版社 xxxx 5. 百度文库【致 谢】选择网站设计作为我的毕业设计以来，通过对网站的反复学习、研究和设计，我不仅回顾了解以前学习过的理念知识，还尝到了许多书本以外的酝酿，了解了网站建设的过程。在此期间，也遇到了一些问题，后来通过查找书籍和请教同学都解决了，使自己的知识得到了进一步的深化。由于整个系统设计与开发时间比较短，我的网站开发经验尚浅。因此，本网站难免会存在一些缺陷和不足。此模块基本上达到了预期的目标，完成了任务。最后，我衷心感谢支和才老师、 同学对我的悉心指导和帮助。12