网页设计及网站建设毕业论文.doc

网页设计及网站建设目 录目 录3摘 要4第一章 公司网站建设概要5（一）、公司网站一般结构5（二）、网站开发工具的介绍5（三）、网站建设三要素6第二章 公司网站建设基本步骤9（一）、提出网站建设基本需求分析9（二）、制定网站建设方案9（三）、审核初稿，经确认后定稿9第三章 企业网站主要技术10（一）、ASP10（二）、Microsoft SQL Server 200011（三）、DIV+CSS12（四）、留言功能设计14（五）、管理后台设计15第四章 网站上线测试与维护18（一）、测试18（二）、维护19（三）、网站宣传与推广19结 论19致 谢20参考文献20 摘 要公司网站，就是公司在互联网上进行产品推广和形像宣传的平台，公司网站就相当于一个企业的网络名片，随着国际互联网的普及，很多人已经不满足仅仅在Internet上的浏览信息，而是希望更深入的参与其中，拥有自己公司的Web网站，来展示自己的主题，所以对于一个公司来说，其具有网络沟通能力的标志是公司拥有自己的独立网站，这也同样证明了公司的实力。随着社会的迅速发展和网络技术的广泛普及,Internet 技术已成为最具有发展潜力的技术领域,随之各类电子商务的网上销售的网站也应运而生.它们适 合现在越来越快的生活节奏,并提供一个公平的,有效的交易平台.论文阐述了 计算机零部件销售网站的开发过程,包括可行性分析,需求分析,概要设计,详 细设计,数据库设计,实现及系统的测试等几个阶段,计算机维修和零部件销售 网站开发采用了 ASP.NET 技术结合 SQL Server 数据库,实现了基本信息浏览,简 单的查询,商品管理,会员管理等功能,能够给用户提供最新的计算机零部件信 息和在线购物的机会. 关键词:销售网站;ASP.NET;SQL Server。关键词： 企业网站；网站推广；网站结构；ASP.NET；SQL Server；第一章 公司网站建设概要（一）、公司网站一般结构一般公司网站都是什么样的呢？其实公司网站的核心构架都是秉承着自己公司品牌和业务来完成的。还有就是此公司网站的结构和一般的结构差不多，一般是由企业简介，企业新闻，企业资质，产品展示，在线留言，联系方式等组成的。我是这样安排的：首页，企业简介，项目服务，客户案例，设备展示，新闻动态，联系我们。从中可以看出，基本格式是相同的。本网站的结构示意图将在下文提及到。（二）、网站开发工具的介绍一般网站建设都选择Dreamweaver，他是创建和管理网页的专业化可视编辑器。使用Dreamweaver可以轻松创建跨平台、跨浏览器的页面。Macromedia的Roundtrip HTML技术允许用户随意导入HTML文档而无需重新设置代码格式。Dreamweaver可以为用户做到：具有动态效果的层和行为，而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。是一个可以完全自定义的应用程序。用户可以创建自己的对象和命令修改菜单和快捷键，甚至编写JavaScript代码扩展Dreamweaver的行为和属性检查器。至于Dreamweaver工作区是非常灵活的，因此它可以适应各种不同的工作风格和使用水平。常用的Dreamweaver工作区组件有以下若干种：(一) 文档窗口可显示当前文档，文档的外观和浏览器中看到的非常相似。(二) 装载器中包含一些打开和关闭常用检查器和模板的按钮。(三) 对象工具栏包含创建不同类型的对象（例如图象、表格和层等）的按钮。(四) 属性检查器显示选定对象的属性。(五) 快捷菜单可以使用户对当前选择或区域快速执行某些命令。(六) 可固定的浮动工具栏允许用户将浮动窗口、检查器和工具栏组合在一个或多个选择窗口中。 除Dreamweaver外，建设网站一般还选用图片处理软件PHOTOSHOP等附加使用，这里就不着详细介绍。（三）、网站建设三要素网站建设应用是各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册和主机托管等服务的总称。其作用为展现公司形象，加强客户服务，完善网络业务。网站建设要突出个性，注重浏览者的综合感受，令其在众多的网站中脱颖而出。以下是一个网站建设必不可少的三要素：1、域名申请通过注册域名，使企业在全球Internet上有唯一标识，也是社会各用户浏览该企业网站的门牌号和进入标识。由域名构成的网址会像商标那样，在互联网上广为流传，好的域名有助于你将来塑造自己在网上的国际形象。而同时域名在全世界具有唯一性，域名的资源又比较有限，谁先注册，谁就有权使用，所以你现在就应该考虑，是否要保护你在Internet上的无形资产。 常见的.com为国际域名，而则为国内域名。定义域名除了要考虑公司的性质以及信息内容的特征外，还应该使这个名字简洁、易记、具有冲击力。后缀选择的是国际顶级域名后缀.com。  2、网络平台的建立有了自己的域名这个门牌号码后，您就需要一个空间盖房子建立自己的公司，而这个空间在Internet上就是服务器。通常情况下，有以下几种方式可供企业选择。虚拟主机方式：所谓虚拟主机是使用特殊的软硬件技术，把每台计算机 主分成一台"虚拟"的主机，在外界看来，虚拟主机与真正的主机没有任何区别，我们建议企业上网采用虚拟主机方式。一般虚拟主机提供商都能向用户提供100兆、300兆、500兆直到一台服务器的虚拟主机空间。用户可视网站的内容设置及其发展前景来选择。一页网页所占的磁盘空间大约20 - 50千字节，10兆大约可以放置200 - 500页，但如果你对网站有特殊的要求，如图片较多、动画较多、需要文件下载或有数据库等，就需要多一些空间。 独立的服务器：对于经济实力雄厚且业务量较大的企业，也可以购置自己独立的服务器，但这需要很高的费用及大量的人力、物力投入，合计很高的费用及大量的人力、物力投入，合计起来是虚拟主机的数十倍之多。 3、网页设计及维护第三步就是网站程清洁服务序的安装调试了。公司采用的是PHP+MYSQL构架，用FTP软件上传到空间里，然后安装是和MYSQL数据库链接，读取和存入数据。完成公司的最后搭建工作。首先要确定整个网页系统的整体规划，所要介绍的内容范围和目的，之后要收集所有需要放在网站上的文本资料、图片等，将收集的材料提供给我们，剩下的交给我们的设计人员吧。根据公司业务范围确定是否采用中英两种版本，网页设计完成后下步最重要的工作就是及时更新网页内容，不能长时间不更换网页，造成“晒网”现象将影响网站的访问量。 第二章 公司网站建设基本步骤（一）、提出网站建设基本需求分析1、 根据公司自身情况提出网站建设基本要求；2、 提供相关文本及图片资料； 3、 网站实现功能需求；4、 网站模型需求； 5、 网站基本设计要求； （二）、制定网站建设方案1、就网站建设内容进行制定，修改、补充； 2、为公司网站制定网站建设方案； 3、确定网站建设方案的具体细节； （三）、审核初稿，经确认后定稿1、根据网站建设方案完成初稿设计； 2. 首页风格设计； 3. 功能栏目设定； 4. 网站架构图； 5、审核确认初稿设计； 6、完成整体网站制作； 7、网站测试第三章 企业网站主要技术（一）、ASP 1 .ASPASP(Microsoft Active Server Pages ) ，是一套微软开发的服务器端脚本环境， ASP 内含于 IIS 3.0 和 4.0 以及更高的版本之中, 通过 ASP 可以结合 HTML 网页、 ASP 指令和 ActiveX 元件建立动态、交互且高效的 WEB 服务器应用程序。所有的程序都将在服务器端执行，包括所有嵌在普通 HTML 中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。因其有很多的优点，所以我在燕京网上交流系统网站设计时选择了它。 2. ASP发展史从1996年ASP诞生到现在已经过去了17年。在这短短的17年中，ASP发生了重大的变化，直到现在的ASP.NET。asp的第一版是0.9测试版，自从1996年ASP1.0诞生，它给Web开发界带来了福音。早期的Web程序开发是十分繁琐的，以至于要制作一个简单的动态页面需要编写大量的C代码才能完成，这对于普通的程序员来说有点太难了。而ASP却允许使用VBScript这种的简单脚本语言，编写嵌入在HTML网页中的代码。在进行程序设计的时候可以使用它的内部组件来实现一些高级功能(例如Cookie)。它的最大的贡献在于它的ADO(ActiveX Data Object)，这个组件使得程序对数据库的操作十分简单，所以进行动态网页设计也变成一件轻松的事情。因此一夜之间，Web程序设计不再是想像中的艰巨任务，仿佛很多人都可以一显身手。到了1998年，微软发布了ASP 2.0。它是Windows NT4 Option Pack的一部分，作为IIS 4.0的外接式附件。它与ASP 1.0的主要区别在于它的外部组件是可以初始化的，这样，在ASP程序内部的所有组件都有了独立的内存空间，并可以进行事务处理。到了2000年，随着Windows 2000的成功发布，这个操作系统的IIS 5.0所附带的ASP 3.0也开始流行。与ASP 2.0相比，ASP 3.0的优势在于它使用了COM+，因而其效率会比它前面的版本要好，并且更稳定。2001年，ASP.NET出现了。在刚开始开发的时候，它的名字是ASP+，但是，为了与微软的.NET计划相匹配，并且要表明这个ASP版本并不是对ASP3.0的补充，微软将其命名为ASP.NET。ASP.NET在结构上与前面的版本大相径庭，它几乎完全是基于组件和模块化的，Web应用程序的开发人员使用这个开发环境可以实现更加模块化的、功能更强大的应用程序。3. ASP网页特点ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。 与HTML相比，ASP网页具有以下特点： （1）利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术； （2）ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试； （3）服务器上的ASP解释程序会在服务器端执行ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页； （4）ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息； （5）ASP可以使用服务器端ActiveX组件来执行各种各样的任务，例如存取数据库、发送Email或访问文件系统等。 （6）由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可防止ASP程序代码被窃取。 (7) 方便连接ACCESS与SQL数据库. (8)开发需要有丰富的经验,否则会留出漏洞,让骇客（cracker）利用进行注入攻击. ASP也不仅仅局限于与HTML结合制作WEB网站，而且还可以与XHTML和WML语言结合制作WAP手机网站。但是其原理也是一样的。 4. ASP-工作原理当在Web站点中融入ASP功能后，将发生以下事情： 1、用户向浏览器地址栏输入网址，默认页面的扩展名是.asp。 2、浏览器向服务器发出请求。 3、服务器引擎开始运行ASP程序。 4、ASP文件按照从上到下的顺序开始处理，执行脚本命令，执行HTML页面内容。 5、页面信息发送到浏览器。（二） 、Microsoft SQL Server 2000 Microsoft SQL Server 2000 是企业级数据库解决方案，与 Microsoft Access 2002 相比，它极大地改进了可伸缩性、维护性和数据库恢复功能。由于 SQL Server 基于客户端/服务器体系结构，所以在通过远程连接处理和发送数据的方式上与 Access 有很大的不同。SQL Server 还提供了许多功能，使数据查询、业务逻辑重用和数据备份等任务变得更简单，更灵活。（四）DIV+CSSDIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的HTML网页设计语言中的表格（table）定位方式,真正地达到了w3c内容与表现相分离。HTML语言自HTML4.01以来，不再发布新版本，原因就在于HTML语言正变得越来越复杂化、专用化。XHTML语言是一种可以将HTML语言标准化，用XHTML语言重写后的HTML页面可以应用许多XML应用技术。使得网页更加容易扩展，适合自动数据交换，并且更加规整。在XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。1.应用环境DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。 虽然对于在什么时候用div没有什么硬性的规定,但DIV更适用于大体框架的定位.例如我们要定义一块头部的区域,一般会这样定义一个DIV： 这里就是头部框架里要写的内容 当然,可以用class来定义，但一般来讲如不是在同一页面会重复的元素，用id能更好的区别开来。 查看如下定义代 <ul id="navbar"> <li id="articles"> Articles</li> <li id="topics"> Topics</li> <li id="about"> About</li> <li id="contact"> Contact</li> <li id="contribute"> Contribute</li> <li id="feed"> Feed</li> </ul> <h1 id="masthead"> <a href="/"> <img src="/pix/alalogo.gif" alt="A LIST Apart: For People Who Make Websites" /> </h1> No. 214 定义了最上面的导航（ul部分），左边的大logo和那个圆圆的No.xxxx的标记.。 他没有使用DIV来做顶部的框架，但却很好的说明了这些代码的用途，为什么?因为他活用了HTML提供的标签,以及样式名称的定义 2.流行优势1、符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的，因为这保证您的网站不会因为将来网络应用的升级而被淘汰。 2、支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是IE7或者是火狐，您的网站都能很好的兼容。 3、搜索引擎更加友好。相对与传统的table, 采用DIV+CSS技术的网页，对于搜索引擎的收录更加友好。 4、样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得更加方便。 现在YAHOO,MSN等国际门户网站，网易，新浪等国内门户网站，和主流的WEB2.0网站，均采用DIV+CSS的框架模式，更加印证了DIV+CSS是大势所趋。 5、CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽，而且众所周知，搜索引擎喜欢清洁的代码。 6、表现和结构分离，在团队开发中更容易分工合作而减少相互关联性。 2.3.3嵌入方式行内套用 我们可以在HTML文件内直接宣告样式。 举例来说，Thisisfontsize16. 以上的HTML文件在浏览器上会显现为：Thisisfontsize16. 嵌入套用样式可以嵌入于HTML文件中(通常是在<head>内)。 举例来说，<head><style type="text/css">divbackground-color:#FF0000;</style></head><body>背景颜色是红色</body> 以上的HTML会显现出：背景颜色是红色 外部连接套用在这种方式下，所有的CSS样式宣告都是存在另外一个档案中。 该档案通常名称为.css。 在HTML文件的<header>.</header>之中，我们将用以下的程式码将这个.css档案连接进入： <linkrel=style sheettype="text/css" href="external-stylesheet.css"> 以上这一行会将在external-stylesheet.css这个档案内所宣告的样式加入HTML文件内。 待添加的隐藏文字内容3汇入套用汇入套用外部的CSS样式也可以被汇入进HTML文件。 汇入的做法为利用import这个指令。 import的语法为：<style type="text/css"><!-import url("style.css");-></style> import指令最初的用意，是为了能够针对不同的浏览器而运用不同的样式。不过，现在已经没有这个必要。现在用import的目的，最常是要加入多个CSS样式。当多个CSS样式被import的方式加入，而不同CSS样式互相有冲突时，後被加入的CSS样式有优先的顺位(详情请见CSS串接)。 还有一种嵌入的方式是直接写在标签上的，不过这种写法有些限制，大多数标签都可以接受这种解法: <div style="color:#000000;">文字</div> 这个代码通过直接嵌入标签的形式，使得标签内的文字更改颜色，而且根据css的优先调用级直接嵌入标签的写法也更直接更优先选择调用。（五）、留言功能设计 本系统设有PHP+MYSQL留言本系统，能和用户实现交互功能。用户可以免费提交留言文字，给网站管理员提出宝贵的意见，说出自己的心声。然后网站管理员可以在后台看到每一条留言，按时间排列或者按回复顺序进行管理，然后就可以进行回复，删除等操作。是一个公司与用户交流的桥梁。在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通，前台实现资料录入，提交和重写功能。附图如下：（五）、管理后台设计下图为登录页样式：采用非常高的安全机制，认证码和问题验证，杜绝非法用户轻易进入后台，破坏数据。输入管理用户名就可以登录后台了。才能更好的维护网站，后台首页界面如下图：第四章 网站上线测试与维护（一）、测试网站上线后就要对其进行一系列的测试，分前台测试后后台测试，前台测试呢包含链接点击测试、用户注册、用户登陆、用户评论、发布留言等，后台测试就要用管理员身份登陆后台进入系统，发布新闻图片信息，用户进入在线系统，必须先注册，然后利用注册信息进行登陆。注册过程为:1、输入用户自己设定的汉字或字母，作为用户编号。录入各类相关资料。2、点击提交。向数据库查询存储这些数据。3、如果存在用户编号已存在，就会提示用户重新输入，即重新注册。4、注册成功后，系统自动保存用户编号及密码。登陆过程为：1、输入用户的编号和密码。2、向数据库查询该用户编号的信息。3、如果存在用户编号且密码一致，则验证通过；否则，如果账户无效或者密码不正确或者账户不存在，则返回验证失败的信息。4、如果失败次数超过设定值，则直接退出系统。（二）、维护网站建成上线后并不意味着网站建设的结束，同样的网站内容需要不断更新，通过FTP软件将更新过的网页上传到服务器或通过Dream weaver MX来远程管理站点，同时还要认真回复浏览者的电子邮件和留言，做到有问比答。平时多收集资料，多听听别人建议，定期更新版面，还有推广站点，这样才会不断的吸引更多的浏览者访问，才能成为一个优秀的网站。（三）、网站宣传与推广首先企业自身要有推广网站的意识：在任何出现公司信息的地方都加上公司的网址，公司的关键字，如名片、办公用品、宣传材料、媒体广告等。此外网络广告和搜索引擎登记是目前网站主要的推广方式。可以通过注册搜索引擎将你的站点登记到全球知名的服务站中去。这样一来，不但你的网站能够很容易地被人找到，而且访问者的数量也会激增。 通过一些网站做友情链接等办法，可以显著地提高企业网站的知名度和访问量结 论_公司网站建设这个案例，我翻阅了大量的资料(包括网上资料，书本及学校的一些相关资料)经过_老师的耐心指导和近一段时间的努力，公司网站建设告一段落。总结这次“公司网站建设”开发制作过程，我综合运用了目前因特网上比较流行的各种静态制作方法及交互式动态网站的制作设计手段，并对初步利用后台程序完成了网站的动态响应与生成网页的技术。同时也从中学习了对静态页面的处理风格，色彩搭配，页面导航方面有了一定经验。对用JS语言制作动态效果也有了更进一步的认识。在交互式网页设计学会了如何使用建立数据库，以及对数据库浏览，修改，添加，查询。我相信在以后工作学习中，我将不断地加强理论知识的学习和更新，并和实践有机结合，不断完善公司网站建设方面的技能。为国内公司网站建设助力。参考文献1 任学文、范严编, 网页设计与制作 中国科学技术出版社2 吴黎兵、罗云芳编，网页设计教程 武汉大学出版社3 吴涛主编，网站全程设计技术（修订本） 清华大学出版社4 杜巧玲等编, 网页设计超级梦幻组合 清华大学出版社5网页设计艺术 郭根生编著 齐鲁电子出版社 6网页设计与制作 杨艳编著 清华大学出版社7 张华、贾志娟主编，asp项目开发实践 中国铁道出版社8龙马工作室编，ASP+SQL Server组建动态网站人民邮电出版社9 赵增敏编，ASP动态网页设计 电子工业出版社10 武创、王惠主编,网页设计探索之旅 电子工业出版社11 杜巧玲等编, 网页设计超级梦幻组合 清华大学出版社12 庄王健编，网页设计三剑客白金教程 电子工业出版社13 叶汶华、程永灵主编，ASP.NET网页制作教程 冶金工业出版社14 张军、王佩楷主编，ASP动态网站设计经典案例 机械工业出版社15 赵小林、刘志强、郑洁主编，网页制作技术教程 国防工业出版社