计网毕业论文.doc

济源职业技术学院毕业设计(论文) 网站建设 学生姓名 吴传魁 所在系部 信息工程系 专业班级 计网1003 学 号 10110319 指导教师_ _ 网页设计及网站建设 - 1 - 目目 录录 目目 录录3 摘摘 要要4 第一章第一章 公司网站建设概要公司网站建设概要5 （一）、公司网站一般结构5 （二）、网站开发工具的介绍5 （三）、网站建设三要素6 第二章第二章 公司公司网站建设网站建设基本基本步骤步骤9 （一）、提出网站建设基本需求分析9 （二）、制定网站建设方案9 （三）、审核初稿，经确认后定稿9 第三章第三章 企业网站主要技术企业网站主要技术10 （一）、asp.10 （二）、microsoft sql server 2000.11 （三）、div+css12 （四）、留言功能设计14 （五）、管理后台设计15 第四章第四章 网站上线网站上线测试与维护测试与维护18 （一）、测试18 （二）、维护19 （三）、网站宣传与推广19 结结 论论19 致致 谢谢20 参考文献参考文献20 网页设计及网站建设 - 2 - 摘摘 要要 公司网站，就是公司在互联网上进行产品推广和形像宣传的平台，公司网站就 相当于一个企业的网络名片，随着国际互联网的普及，很多人已经不满足仅仅在 internet 上的浏览信息，而是希望更深入的参与其中，拥有自己公司的 web 网站， 来展示自己的主题，所以对于一个公司来说，其具有网络沟通能力的标志是公司拥 有自己的独立网站，这也同样证明了公司的实力。 随着社会的迅速发展和网络技术的广泛普及,internet 技术已成为最具有发展潜 力的技术领域,随之各类电子商务的网上销售的网站也应运而生.它们适 合现在越来 越快的生活节奏,并提供一个公平的,有效的交易平台.论文阐述了 计算机零部件销售 网站的开发过程,包括可行性分析,需求分析,概要设计,详 细设计,数据库设计,实现及 系统的测试等几个阶段,计算机维修和零部件销售 网站开发采用了 asp.net 技术结 合 sql server 数据库,实现了基本信息浏览,简 单的查询,商品管理,会员管理等功能, 能够给用户提供最新的计算机零部件信 息和在线购物的机会. 关键词:销售网站; asp.net;sql server。 关键词关键词： 企业网站；网站推广；网站结构；asp.net；sql server； 网页设计及网站建设 - 3 - 第一章第一章 公司网站建设概要公司网站建设概要 （一）（一） 、公司网站一般结构公司网站一般结构 一般公司网站都是什么样的呢？其实公司网站的核心构架都是秉承着自己公司 品牌和业务来完成的。还有就是此公司网站的结构和一般的结构差不多，一般是由 企业简介，企业新闻，企业资质，产品展示，在线留言，联系方式等组成的。我是 这样安排的：首页，企业简介，项目服务，客户案例，设备展示，新闻动态，联系 我们。从中可以看出，基本格式是相同的。本网站的结构示意图将在下文提及到。 （二）（二） 、网站开发工具的介绍、网站开发工具的介绍 一般网站建设都选择 dreamweaver，他是创建和管理网页的专业化可视编辑器。 使用 dreamweaver 可以轻松创建跨平台、跨浏览器的页面。macromedia 的 roundtrip html 技术允许用户随意导入 html 文档而无需重新设置代码格式。 dreamweaver 可以为用户做到：具有动态效果的层和行为，而不用写一行代码。 它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。 是一个可以完全自定义的应用程序。用户可以创建自己的对象和命令修改菜单和快 捷键，甚至编写 javascript 代码扩展 dreamweaver 的行为和属性检查器。至于 dreamweaver 工作区是非常灵活的，因此它可以适应各种不同的工作风格和使用水平。 常用的 dreamweaver 工作区组件有以下若干种： 网页设计及网站建设 - 4 - (一) 文档窗口可显示当前文档，文档的外观和浏览器中看到的非常相似。 (二) 装载器中包含一些打开和关闭常用检查器和模板的按钮。 (三) 对象工具栏包含创建不同类型的对象（例如图象、表格和层等）的按钮。 (四) 属性检查器显示选定对象的属性。 (五) 快捷菜单可以使用户对当前选择或区域快速执行某些命令。 (六) 可固定的浮动工具栏允许用户将浮动窗口、检查器和工具栏组合在一个或多个 选择窗口中。 除 dreamweaver 外，建设网站一般还选用图片处理软件 photoshop 等附加使用， 这里就不着详细介绍。 （三）（三） 、网站建设三要素、网站建设三要素 网站建设应用是各种网络程序开发技术和网页设计技术，为企事业单位、公司 或个人在全球互联网上建设站点，并包含域名注册和主机托管等服务的总称。其作 用为展现公司形象，加强客户服务，完善网络业务。网站建设要突出个性，注重浏 览者的综合感受，令其在众多的网站中脱颖而出。以下是一个网站建设必不可少的 三要素： 1、域名申请 通过注册域名，使企业在全球 internet 上有唯一标识，也是社会各用户浏览该 企业网站的门牌号和进入标识。由域名构成的网址会像商标那样，在互联网上广为 流传，好的域名有助于你将来塑造自己在网上的国际形象。而同时域名在全世界具 有唯一性，域名的资源又比较有限，谁先注册，谁就有权使用，所以你现在就应该 网页设计及网站建设 - 5 - 考虑，是否要保护你在 internet 上的无形资产。 常见的.com 为国际域名，而. 则为国内域名。定义域名除了要考虑公司的性质以及信息内容的特征外，还应该使 这个名字简洁、易记、具有冲击力。后缀选择的是国际顶级域名后缀.com。 2、网络平台的建立 有了自己的域名这个门牌号码后，您就需要一个空间盖房子建立自己的公司， 而这个空间在 internet 上就是服务器。通常情况下，有以下几种方式可供企业选择。 虚拟主机方式：所谓虚拟主机是使用特殊的软硬件技术，把每台计算机 主分成一台 “虚拟“的主机，在外界看来，虚拟主机与真正的主机没有任何区别，我们建议企业上 网采用虚拟主机方式。一般虚拟主机提供商都能向用户提供 100 兆、300 兆、500 兆直到一台服务器的虚拟主机空间。用户可视网站的内容设置及其发展前景来选择。 一页网页所占的磁盘空间大约 20 - 50 千字节，10 兆大约可以放置 200 - 500 页，但 如果你对网站有特殊的要求，如图片较多、动画较多、需要文件下载或有数据库等， 就需要多一些空间。 独立的服务器：对于经济实力雄厚且业务量较大的企业，也可以购置自己独立 的服务器，但这需要很高的费用及大量的人力、物力投入，合计很高的费用及大量 的人力、物力投入，合计起来是虚拟主机的数十倍之多。 3、网页设计及维护 第三步就是网站程清洁服务序的安装调试了。公司采用的是 php+mysql 构架，用 ftp 软件上传到空间里，然后安装是和 mysql 数据库链接，读取 和存入数据。完成公司的最后搭建工作。首先要确定整个网页系统的整体规划， 网页设计及网站建设 - 6 - 所要介绍的内容范围和目的，之后要收集所有需要放在网站上的文本资料、图片等， 将收集的材料提供给我们，剩下的交给我们的设计人员吧。根据公司业务范围确定 是否采用中英两种版本，网页设计完成后下步最重要的工作就是及时更新网页内容， 不能长时间不更换网页，造成“晒网”现象将影响网站的访问量。 第二章第二章 公司公司网站建设网站建设基本基本步骤步骤 （一）、（一）、提出网站建设基本需求分析提出网站建设基本需求分析 1、 根据公司自身情况提出网站建设基本要求； 2、 提供相关文本及图片资料； 3、 网站实现功能需求； 4、 网站模型需求； 5、 网站基本设计要求； （二）、（二）、制定网站建设方案制定网站建设方案 1、就网站建设内容进行制定，修改、补充； 2、为公司网站制定网站建设方案； 3、确定网站建设方案的具体细节； 网页设计及网站建设 - 7 - （三）、（三）、审核初稿，经确认后定稿审核初稿，经确认后定稿 1、根据网站建设方案完成初稿设计； 2. 首页风格设计； 3. 功能栏目设定； 4. 网站架构图； 5、审核确认初稿设计； 6、完成整体网站制作； 7、网站测试 第三章第三章 企业网站主要技术企业网站主要技术 （一）（一） 、aspasp 1 .asp asp(microsoft active server pages ) ，是一套微软开发的服务器端脚本环 境， asp 内含于 iis 3.0 和 4.0 以及更高的版本之中, 通过 asp 可以结合 html 网页、 asp 指令和 activex 元件建立动态、交互且高效的 web 服务器应用程序。 所有的程序都将在服务器端执行，包括所有嵌在普通 html 中的脚本程序。当程序 执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏 览器的负担，大大提高了交互的速度。因其有很多的优点，所以我在燕京网上交流 网页设计及网站建设 - 8 - 系统网站设计时选择了它。 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 网页特点 网页设计及网站建设 - 9 - 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 页面内容。 网页设计及网站建设 - 10 - 5、页面信息发送到浏览器。 （2 2）、microsoftmicrosoft sqlsql serverserver 20002000 microsoft sql server 2000 是企业级数据库解决方案，与 microsoft access 2002 相比，它极大地改进了可伸缩性、维护性和数据库恢复功能。由于 sql server 基于 客户端/服务器体系结构，所以在通过远程连接处理和发送数据的方式上与 access 有很大的不同。sql server 还提供了许多功能，使数据查询、业务逻辑重用和数据 备份等任务变得更简单，更灵活。 （四）（四）div+css div+css 是网站标准（或称“web 标准”）中常用术语之一，div+css 是一种 网页的布局方法,这一种网页布局方法有别于传统的 html 网页设计语言中的表格 （table）定位方式,真正地达到了 w3c 内容与表现相分离。html 语言自 html4.01 以 来，不再发布新版本，原因就在于 html 语言正变得越来越复杂化、专用化。xhtml 语言是一种可以将 html 语言标准化，用 xhtml 语言重写后的 html 页面可以应用许 多 xml 应用技术。使得网页更加容易扩展，适合自动数据交换，并且更加规整。在 xhtml 网站设计标准中，不再使用表格定位技术，而是采用 div+css 的方式实现各种 定位。 1.应用环境 div 元素是用来为 html 文档内大块（ block-level）的内容提供结构和背景 网页设计及网站建设 - 11 - 的元素。div 的起始标签和结束标签之间的所有内容都是用来构成这个块的，其 中所包含元素的特性由 div 标签的属性来控制，或者是通过使用样式表格式化这 个块来进行控制。 虽然对于在什么时候用 div 没有什么硬性的规定 ,但 div 更适用于大体框架 的定位.例如我们要定义一块头部的区域 ,一般会这样定义一个 div： 这里就是头部框架里要写的内容 当然,可以用 class 来定义，但一般来讲如不是在同一页面会重复的元素，用 id 能更好的区别开来。 查看如下定义代 articles topics about contact contribute feed no. 214 定义了最上面的导航（ ul 部分），左边的大 logo 和那个圆圆的 no.xxxx 的 标记.。 网页设计及网站建设 - 12 - 他没有使用 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 文件中(通常是在内)。 举例来说，divbackground-color:#ff0000; 背景颜色是红色 以上的 html 会显现出：背景颜色是红色 外部连接套用在这种方式下，所有的css 样式宣告都是存在另外一个档案 中。 该档案通常名称为 .css。 在 html 文件的之中，我们将用以下的程式码将这个 . css 档案连接进入： 网页设计及网站建设 - 13 - 以上这一行会将在 external-stylesheet.css 这个档案内所宣告的样式加入 html 文件内。 汇入套用汇入套用外部的 css 样式也可以被汇入进 html 文件。 汇入的做法为利用 import 这个指令。 import 的语法为： import 指令最初的用意，是为了能够针对不同的浏览器而运用不同的样式。 不过，现在已经没有这个必要。现在用 import 的目的，最常是要加入多个 css 样式。当多个 css 样式被import 的方式加入，而不同 css 样式互相有冲 突时，後被加入的 css 样式有优先的顺位 (详情请见 css 串接)。 还有一种嵌入的方式是直接写在标签上的，不过这种写法有些限制，大多数 标签都可以接受这种解法 : 文字 这个代码通过直接嵌入标签的形式，使得标签内的文字更改颜色，而且 根据 css 的优先调用级直接嵌入标签的写法也更直接更优先选择调用。 （五）、留言功能设计（五）、留言功能设计 本系统设有 php+mysql 留言本系统，能和用户实现交互功能。用户可以免费提交 留言文字，给网站管理员提出宝贵的意见，说出自己的心声。然后网站管理员可以 在后台看到每一条留言，按时间排列或者按回复顺序进行管理，然后就可以进行回 复，删除等操作。是一个公司与用户交流的桥梁。在留言板中，我们可以畅所欲言， 和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通，前台实现资料 录入，提交和重写功能。附图如下： 网页设计及网站建设 - 14 - （五）、管理后台设计（五）、管理后台设计 下图为登录页样式：采用非常高的安全机制，认证码和问题验证，杜绝非法用 户轻易进入后台，破坏数据。 输入管理用户名就可以登录后台了。才能更好的维护网站，后台首页界面如下 图： 第四章第四章 网站上线网站上线测试与维护测试与维护 （一）（一） 、测试、测试 网站上线后就要对其进行一系列的测试，分前台测试后后台测试，前台测试呢 包含链接点击测试、用户注册、用户登陆、用户评论、发布留言等，后台测试就要 用管理员身份登陆后台进入系统，发布新闻图片信息，用户进入在线系统，必须先 注册，然后利用注册信息进行登陆。 注册过程为: 1、输入用户自己设定的汉字或字母，作为用户编号。录入各类相关资料。 2、点击提交。向数据库查询存储这些数据。 3、如果存在用户编号已存在，就会提示用户重新输入，即重新注册。 网页设计及网站建设 - 15 - 4、注册成功后，系统自动保存用户编号及密码。 登陆过程为： 1、输入用户的编号和密码。 2、向数据库查询该用户编号的信息。 3、如果存在用户编号且密码一致，则验证通过；否则，如果账户无效或者密码 不正确或者账户不存在，则返回验证失败的信息。 4、如果失败次数超过设定值，则直接退出系统。 （二） 、维护 网站建成上线后并不意味着网站建设的结束，同样的网站内容需要不断更新， 通过 ftp 软件将更新过的网页上传到服务器或通过 dream weaver mx 来远程管理站 点，同时还要认真回复浏览者的电子邮件和留言，做到有问比答。平时多收集资料， 多听听别人建议，定期更新版面，还有推广站点，这样才会不断的吸引更多的浏览 者访问，才能成为一个优秀的网站。 （三）（三） 、网站宣传与推广、网站宣传与推广 首先企业自身要有推广网站的意识：在任何出现公司信息的地方都加上公司的 网址，公司的关键字，如名片、办公用品、宣传材料、媒体广告等。此外网络广告 和搜索引擎登记是目前网站主要的推广方式。可以通过注册搜索引擎将你的站点登 记到全球知名的服务站中去。这样一来，不但你的网站能够很容易地被人找到，而 且访问者的数量也会激增。 通过一些网站做友情链接等办法，可以显著地提高