网站设计说明书样本

《网站设计说明书样本》由会员分享，可在线阅读，更多相关《网站设计说明书样本（22页珍藏版）》请在装配图网上搜索。

1、企业网站的设计与制作企业网站的设计与制作专 业：电子商务班 级： 061362学 号： 061362097学生姓名： 宋力指导教师：邢翠芳二零一零 年 五 月1 目录目录摘要： .2关键字： .2第一章 绪言 .3第二章 网站设计分析 .42.1 网站设计概述 .42.2 开发工具的选用及介绍 .42.2.1 Dreamweaver8.0 .42.2.2 Photoshop CS .52.2.3 ASP 动态网站脚本语言.62.3 关系型数据库的选择 .72.3.1 Microsoft Office Access 简介.73.1 网站定位 .93.2 系统构思 .93.3 网站栏目简介 .10

2、第四章 详细设计 .114.1 网站制作过程 .114.1.1 logo 的制作过程.114.1.2 banner 的制作过程.124.1.3 主页制作过程(详见图 4-3).132 4.1.4 留言板的设计.144.2 数据库的设计 .164.3 系统实现代码 .174.3.1 滚动文字特效（这里主要指网站左侧的“公司公告” ） .174.3.2 图片切换 .184.3.3 首页鼠标特效代码 .19结束语 .21参考文献 .21致谢 .21摘要摘要：本文就网站的主题内容及网站的制作与设计这两方面进行描述与分析。本网站的主题知识产权服务，整个网站都是以法律性的内容为主的，主要包括了首页、公司简

3、介、法律服务、友情链接、法界动态、法律法规、在线留言、联系我们、网站公告等栏目。在整个设计过程中主要是运用 Dreamweaver、ACCESS、ASP 等编写的。通过本网站系统，给想了解知识产权的人群提供了一个良好的平台，同时也为有意愿注册公司、注册商标、申请专利，却无从咨询的人提供了一个可以互动解决问题的平台。如今，在网络技术的迅猛发展下，互联网的不断普及，让人们都感受到网络的方便快捷，从而大家都喜欢选择从互联网上获取信息，因此，互联网逐渐成为一个宽广的信息发布平台和获取信息的平台。本网站也需要通过 Internet 来对外宣传、普及，从而帮助到更多想了解知识产权的人们。本网站主要是以建立

4、 Dreamweaver、ACCESS、ASP 等技术的动态网站管理系统的前台表现模块，使用了 ASP 技术的动态网页技术，加上 ACCESS 作为后台数据库，制作了一个简单的服务性企业网站系统，实现了企业网站的基本功能，例如用户注册登录，留言板的实现等。关键字：关键字：企业网站；ASP；知识产权3 第一章 绪言二十世纪进入信息发展高速路，数码化革命给所有领域带来新的改变。随着电脑办公自动化的普及，电子商务应运而生，一切都归功于 internet 的巨大贡献，互联网的世界里蕴藏无限生机，这里只有想不到的、没有做不到的。由于国际互联网是一个不受时空限制的信息交换系统，所以它是目前最直接、最丰富和

5、最快捷的联系方式，信息沟通的高效率为企业带来了最大的方便。所以在现今社会对于一个企业来说，网站已经是不可缺少的一部分了。现今，知识产权越来越被人们关注，随着就业压力的加重，越来越多的年轻人选择自己创业开公司，大学生也占了一定的比例，由于专业的限定，有些大学生在校基本上接触不到知识产权的知识，当然在社会上的人群也不一定都了解知识产权。同时随着互联网的快速发展和不断普及，网站成了传播信息最有效的平台。所以我制作了一个专门针对知识产权行业的企业网站，给这些人群提供了一个了解和学习知识产权的平台，当然对于一个针对知识产权的服务性企业本身而言，这个网站将会对其自身带来不可估量的效用。社会在发展，人们的思

6、想观念，生活方式也在发展，通过网站这种方式与企业或者他人交流已经趋向普及， 4 第二章 网站设计分析网站的设计与制作需要用到网页三剑客（Dreamweaver、fireworks、flash） ，IIS，photoshop 等工具。所以首先我们要了解这些工具的功能与用处，然后要能够熟练得掌握这些工具用法，只有你能熟练使用这些工具，你才能在设计过程中尽量避免技术上的问题，提高效率，做到“事半功倍” 。2.12.1 网站设计网站设计概述概述网站首页可以说是网站的门面，大家浏览你的网站首先看到的就是网站首页，所以首页不仅要做得美观，引人浏览，还要有丰富的内容。所以我们在首页就首页聚集了大量的信息，除

7、了最基本的法律法规、法界动态、法律服务这些栏目外，我还将公司的公告用滚动文字的形式展现出来，这样静中有“动”的效果可以抓住人的眼球，吸引人去点击。每页左下方都有我们的联系方式，这样就不用转到联系我们这张页面都能获取到公司的联系方式了，当然若想更深入的了解就可以转到联系我们页面。子页面的框架基本上是符合整个网站的整体风格的，banner，导航等都是和首页一样的，不一样的只是正文的内容，这个可以通过模板来实现。出于排除对模板可编辑区域排版的复杂性起见，我这里没有运用模板，而是用另存为的方式实现网页风格“统一化”的。在网站的各页面制作好后，我在 Dreamweaver 中与 Access 数据库建立

8、连接，通过在 Dreamweaver 的一系列操作实现注册登录的功能，而留言板功能我是通过一张空白的写有后台代码的页面转接过去的，名为 handle.asp，用户可以通过“在线留言”在网站上发表自己的见解或疑问，达到互动的效果。2.22.2 开发工具的选用及介绍开发工具的选用及介绍2.2.1 Dreamweaver8.0Dreamweaver 是创建和管理网页的专业化可视编辑器，在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着 Dreamweaver 8 的发布，更坚定Dreamweaver 在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨

9、浏览器的特性，是目前网站设计、开发、制作的首选工具。1、灵活的编写方式Dreamweaver 具有灵活编写网页的特点，不但将世界一流水平的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作需要定制自己的用户界面。2、可视化编辑界面Dreamweaver 是一种所见即所得的 HTML 编辑器，可实现页面元素的插入和生成。或视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和兼容性，并且可以5 对内部的 HTML 编辑器和任何第三方的 HTML 编辑器进行实时的访问。无论用户习惯手工输入 HTML 源代码还是使用可视化的编辑界面，Dreamweaver 都能提供

10、便捷的方式使用户设计网页和管理网站变得更容易。3、功能更多的 CSS 支持CSS 可视化设计、CSS 检查工具4、动态跨浏览器验证当保存时系统自动检查当前文档的跨浏览器有效性，可以指定何种浏览器为测试用浏览器，同时系统自动检验以确定页面有没有目标浏览器不支持的 tags 或 CSS 结构。动态跨浏览器有效性检查功能可以自动核对 tags 和 CSS 规则是否适应目前的主浏览器。5、强大的 WEB 站点管理功能6、内建的图形编辑引擎7、Dreamweaver 的集成特性Dreamweaver 8 继承了 Fireworks、Flash 和 Shockwave 的集成特性，可以在这些Web 创作工

11、具之间自由地切换，轻松地创建美观实用的网页。8、丰富的媒体支持能力可以方便地加入 Java、Flash、Shockwave、ActiveX 以及其他媒体。Dreamweaver具有强大的多媒体处理功能，在设计 DHTML 和 CSS 方面表现得极为出色，它利用JavaScript 和 DHTML 语言代码轻松地实现网页元素的动作和交互操作。Dreamweaver还提供行为和时间线两种控件来产生交互式响应和进行动画处理。9、超强的扩展能力Dreamweaver 还支持第三方插件，任何人都可以根据自己的需要扩展 Dreamweaver的功能，并且可以发布这些插件。2.2.2 PhotoshopPh

12、otoshop CSPhotoshop CS 是一款图形、图像编辑软件，在网页设计领域被广泛得应用。以下是其 10 大最新功能：1、改进的文件浏览器使用功能强大文件浏览器的可以快速预览、标注和排序图片；搜索或编辑图像的数据元或关键词；并且可以自动批量共享文件。2、匹配颜色命令可以迅速从一张图片的颜色校正另外一张图像的颜色。3、直方图调色板随时根据对图像的调整更新直方图调色板(Histogram Palette)。4、阴影/加亮区修正使用“阴影/加亮区修正(hadow/Highlight correction)”可以快速调整照片中曝6 光过渡或欠缺的区域。5、沿路径放置文本可以像在 Illust

13、rator 中一样把文本沿着路径放置，并且你还可以在 Illustrator直接编辑文本。6、支持数码相机的 raw 模式支持多款数码相机得 raw 模式，让用户可以得到更真实的图像输入。7、全面支持 16 位图像可以在主要功能、层、比刷、文字、图形等中精确的编辑、润饰 16 位的图像。8、Layer Comps可以在一个文件中保存不同层的合并效果，以便对各种效果进行快速察看。9、输入 Flash 文件使用 ImageReady 可以创建 flash 矢量文件。10、自定义快捷键用户可以按照自己的习惯定义 Photoshop 的快捷键。2.2.3 ASP 动态网站脚本语言动态网站脚本语言ASP

14、 是 Active Server Page 的缩写，意为“动态服务器页面” 。ASP 是微软公司开发的代替 CGI 脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP 的网页文件的格式是.asp，现在常用于各种动态网站中。ASP 采用脚本语言 VBScript（Java script）作为自己的开发语言。ASP 是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web 应用程序。使用 ASP 可以组合 HTML 页、VBScript 脚本命令和 JavaScript 脚本命令等，以创建交互的 Web 页和基于 Web 的功能强大的应用程序。ASP 网

15、页可以包含 HTML标记、普通文本、脚本命令以及 COM 组件等。利用 ASP 可以向网页中添加交互式内容（如在线表单），也可以创建使用 HTML 网页作为用户界面的 web 应用程序。ASP 的文件后缀名为.asp，以区别于同样可以包含 Script 的 HTML 文件。一个.asp 文件是一个文本文件，可以包括下列元素的任意组合： 文本（text） 、HTML 标志（tags） 、Script 命令由于脚本程序是在服务器上而不是在客户端运行，传送到浏览器上的 Web 页是在 Web 服务器上生成的。所以不必担心浏览器能否处理脚本：Web 服务器已经完成了所有脚本的处理，并将标准的 HTML

16、 页面传输到浏览器。由于只有脚本的结果返回到浏览器，所以服务器端脚本不易被别人复制。用户看不到创建他们正在浏览的页的脚本命令。7 2.32.3 关系型关系型数据库数据库的选择的选择2.3.1 MicrosoftMicrosoft Office Access 简介简介Microsoft Office Access 是由微软发布的关联式数据库管理系统,是集成在microsoft 公司开发的产品更新换代 office 系统中的集成软件。它之所以被集成到Office 中而不是 Visual Studio 中，是因为它与其它的数据库管理系统（如 Visual FoxPro）相比更加简单易学，一个普通的计

17、算机用户即可掌握并使用它。而且最重要的一点是 Access 的功能足够强大，足以应付一般的数据管理及处理需要。Assess 能够存取 Access/Jet、Microsoft SQL Server、Oracle，或者任何 ODBC 兼容数据库内的资料。 ODBC（Open Database Connectivity 开放式数据库互联）是微软推出的一种工业标准，一种开放的独立于厂商的 API 应用程序接口，可以跨平台访问各种个人计算机、小型机以及主机系统。ODBC 作为一个工业标准，绝大多数数据库厂商、大多数应用软件和工具软件厂商都为自己的产品提供了 ODBC 接口或提供了ODBC 支持，这其中

18、就包括常用的 SQL SERVER、ORACAL、INFORMIX 等，当然也包括了Access。在 ASP 中可以通过三种方式访问数据库：1、IDC（Internet Database Connector）方式；2、ADO（ActiveX Data Objects）方式；3、RDS（Remote Data Service）方式。这三种访问方式对数据库的访问都是由 Internet Information Server 完成的。通过 Web 浏览器用 HTTP 协议向 IIS（Internet 信息服务器）发送请求，IIS 执行对数据库的访问，并返回一个 HTML 格式的文档响应。以下是 Ac

19、cess 的优点：1存储方式单一Access 管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象都存放在后缀为（.mdb）的数据库文件种，便于用户的操作和管理。2面向对象Access 是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的各种功能对象化，将数据库管理的各种功能封装在各类对象中。它将一个应用系统当作是由一系列对象组成的，对每个对象它都定义一组方法和属性，以定义该对象的行为和外国，用户还可以按需要给对象扩展方法和属性。通过对象的方法、属性完成数据库的操作和管理，极大地简化了用户的开发工作。同时，这种基于面向对象的开发方式，使得开发应用程序更为简便。3界面友好、易操作Ac

20、cess 是一个可视化工具，是风格与 Windows 完全一样，用户想要生成对象并应用，只要使用鼠标进行拖放即可，非常直观方便。系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握。8 4集成环境、处理多种数据信息Access 基于 Windows 操作系统下的集成开发环境，该环境集成了各种向导和生成器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、设计用户界面、设计数据查询、报表打印等可以方便有序地进行。5Access 支持 ODBC（开发数据库互连，Open Data Base Connectiv

21、ity） 。利用Access 强大的 DDE（动态数据交换）和 OLE（对象的联接和嵌入）特性，可以在一个数据表中嵌入位图、声音、Excel 表格、Word 文档，还可以建立动态的数据库报表和窗体等。Access 还可以将程序应用于网络，并与网络上的动态数据相联接。利用数据库访问页对象生成 HTML 文件，轻松构建 Internet/Intranet 的应用。9 第三章第三章 方案初选方案初选3.13.1 网站网站定位定位1网站主题本网站的主题是知识产权（包括公司注册、商标注册、专利申请等等的法律知识），给想成立公司、注册公司、申请专利、注册商标等的相关人群予帮助。2网站名称该网站名为“君辉知

22、识产权代理有限公司”，由此可见，这个企业网站以知识产权的相关知识为主，“代理有限公司”也突出了该企业的性质即法律服务行业。一个网站的名字应该要能反映出你想表达的意思，达到一望而知的效果。3网站的 Logo 与 Banner网站的 logo 用蓝色水晶球内嵌着“junhui”标志，既显目又明确得表达了主题。Banner 则形象得表达出我制作设计这个网站的用意，“君辉知识产权代理有限公司”几个字居中，用大字体强调显示，让人更醒目，右边小字体“知识产权 财富之源”是与主题相呼应的，寓意为知识产权可以创造财富，而我们公司是代理知识产权的，所以要找到财富的源头，就来“君辉知识产权代理有限公司” 网，让我

23、帮您用知识产权创造财富。最后以透明 flash 覆盖在 banner 上面，即实现了由“静”到“动”的效果，也使原本略显单调的 banner 变得丰富一些。4标准颜色本网站以蓝白色渐变色为底，以蓝色为主色调，蓝白的相互点缀，给人一种倾心的感觉，蓝色还是天空和海洋的象征，“广阔无垠”的蓝色也同样象征着我们“知识产权”给人们带来的财富也“浩瀚无垠” 。5标准字体正文字体主要用的是标准的宋体。3.23.2 系统系统构思构思本网站前台包括首页、公司简介、法律服务、友情链接、法界动态、法律法规、在线留言、联系我们、网站公告等栏目。以下是系统构思的图解（如图 3-1）10 首页后台管理公司简介法界动态法律

24、法规网站公告在线留言法律服务友情链接联系我们图 3-1 网站垂直系统图3.33.3 网站网站栏目栏目简介简介 本网站的栏目有首页、公司简介、法律服务、友情链接、法界动态、法律法规、在线留言、联系我们、网站公告等栏目，下面是对各栏目的简介：1. 首页： 我们的 banner 所要表现的就是希望大家能到我们大学生创业园来一起学习创业知识，交流创业经验。因为这个作品是特别为大学生设计的，所以我们的整个页面都是显示出一种大学生活泼、朝气以及创业的激情。同时首页包含了本站所涉及的主要内容、组成元素、主要话题和网站精髓。2. 公司简介： 主要介绍公司的历史文化及服务内容。3. 法律服务： 简单罗列了公司受

25、理的业务，如公司注册、商标注册、专利申请、电子口岸、版权代理等等。4. 友情链接： 这个栏目主要是为了方便用户了解有关商标、专利等知识产权方面的知识而与相关政府部门网站建立的友情链接。5. 法界动态： 我们特别收集了国家知识产权网上的最新信息，让大家能及时了解到我国知识产权的最新动态。6. 法律法规： 这个栏目主要列举了有关知识产权方面的相关法律及法规，如“中华人民共和国专利法”等，使用户对专利法等相关法律知识有一定的了解。7. 在线留言： 此栏目设立的主要目的是为了提供给想了解知识产权的用户一个互动的平台，用以解决知识产权的相关问题。（如图 3-2）8. 联系我们： 通过这个栏目，可以让用户

26、获得我们的各种联系方式，这样可以更深一步的与其探讨知识产权的问题。9. 网站公告： 除了单独设立这个栏目外，我还特意在每张页面的左侧做了一个由下而上的滚动公告栏来吸引大家的眼球，鼠标滑过滚动文字停留，鼠标点击后超链接至“网站公告”这个栏目，内容主要为公司的最新的动态。（如图 3-2）11 图 3-2 第四章第四章 详细设计详细设计4.14.1 网站网站制作制作过程过程4.1.14.1.1 logologo 的制作过程的制作过程本网站的 Logo 是把从网络上找到的一些素材图片，通过用 Photoshop 进行编辑、修改、组合而完成的。为了突出该企业名称“君辉”，特意把“junhui”标志用蓝色

27、水晶球包围，并且“junhui”中“J”这个字母用一个龙头的形状代替，自古以来龙在人们的地位都是至高无上的，同时也衬托出“知识产权”在当今社会的重要地位。在整个以蓝色为主色调的网页中，调剂整体页面的色调，使页面看起来更鲜活，很是醒目，让人一眼就看到这个 logo，了解主题。（如图 4-1）12 图 4-1 网站 logo4.1.24.1.2 bannerbanner 的制作过程的制作过程1. 首先需要上网收集一些符合你的作品主题、创作思维以及整体风格的网页相关素材，对其进行修改已获得自己所需素材，或可在 Photoshop 中绘制出自己所需的图片素材。2. 接着打开 Photoshop，在 P

28、hotoshop 里面新建一个文件，调整底图大小，根据网页的总长度，调节 banner 的长度和宽度（一般 banner 不能太宽，不然会显得头重脚轻，当然也不能太窄，都没法让人感觉到有 banner 存在，所以一定要调整至占整个网页的适合比例。）3. 设计 banner 的背景：选用一张蓝色的微带波横的图片为 banner 背景，将处理好的素材依次放入具体位子，像左边的镜头光晕，右边的发光矩形框等等，按具体需求做具体的改动和修改，这样整个 banner 的背景就设计好了。4. 具体内容设计：先在 banner 左边放入 logo（这里为了美观起见，我将logo 放大放在了 banner 最左

29、边，若放在左上角一块窄小的地方，反而凸显不出“junhui”这个标志），按具体情况惊醒调整修改至适当部分，处理好每一处细节，这样整个静态的 banner 部分就设计好了。5. 添加动态的 flash 效果：动态的 flash 效果要等到整个网页的基本布局都设计好之后，就可以在 Photoshop 中按 Shift+Ctrl+Alt+S 存储切片后所有图片，将页面转换成.html 格式，然后使用 Dreamweaver 打开编辑，在 banner 的区域加入 Flash，将 Flash 转换为透明 flash 形式，这样整个 banner 部分就完成了。（如图 4-2）图 4-2 网站 bann

30、er13 4.1.34.1.3 主页制作过程主页制作过程( (详见图详见图 4-3)4-3)1. 首先根据页面要展示内容的多少，在 photoshop 中新建一个适合的网页宽度和长度的文件（我设计的时候在宽屏的机子上，所以建的文档较大，约为 1280*1405）。2. 在画布上按自己的想法结合实际内容，用各图形工具在画布上画上整个网页基本的布局。3. 基本布局的设计定下之后再对各部分进行具体设计，细化每个部分，特别是静态的部分。4. 在 Photoshop 里完成整个页面的设计后，进行切片，将要动态显示的地方切出来，还有就是大的图片要切一下，能提高网页读取速度。按 Shift+Ctrl+Alt

31、+S 存储为.html 格式后，用 Dreamweaver 编辑，将需要作为背景的单元格中的图片设为该单元格的背景，另存为 index.asp。用相同的方法制作网站分页。5. 将所有页面，拷到所属文件夹，然后与后台数据库连接起来，即可通过对后台数据库内容的添加、删除、修改来对网页的相关内容进行操作，例如在数据库注册登录表中删除一个用户信息，那么这个用户再次用原先的登录信息登录时就无法登录成功了。6. 在 Dreamweaver 中网页的左侧类似“书卷”的区域插入一张表格，并在代码相应位置插入滚动文字特效的代码，实现文字至下而上滚动，鼠标移过文字时滚动停留的功能，鼠标按下即跳转到“网站公告”页面

32、；在网站首页顶端插入滚动的欢迎字幕，方法同上。7. 在 Dreamweaver8.0 里打开主页面，在页面中相对应除插入图片切换的代码，实现新闻图片的自动切换的效果。 8. 在 Dreamweaver8.0 里打开主页面，切换到设计视图，将雪花鼠标特效代码复制在之间，保存并预览，完成首页鼠标特效。14 图 4-3 网站首页4.1.4 留言板的设计留言板的设计为了能让大家有一个相互探讨、分享知识产权方面的心得与经验的平台，为了能让广大人群更好、更深刻的了解知识产权，为此，我们特别设立了“在线留言”这一栏目，如果你有什么和知识产权有关的问题或者想法，可以在这里留言，我们将会有专门的指导老师或者有识

33、之士会及时给予回复与解答，与此同时你也可以解答或回复15 他人遇到的问题。这样就实现了多人的互动。总体来说，留言板功能是这个网站的主要功能之一，也是这个网站的亮点之一，它让整个网站的功能得到提升，使其不单单只是一个简单的单纯的信息发布的网站，增加了互动环节。 （如图 4-4）（留言页面）（查看留言内容及回复页面）16 图 4-4 留言板4.24.2 数据库的设计数据库的设计使用 Access 2003 实现关系型数据库，以下是数据库中几个主要的表的设计：1、登录注册管理存储了注册登录用户的基本信息，如用户名、密码、地址、邮箱等。 （如图 4-5）图 4-5图 4-62、留言板17 存储了留言的

34、档案，其中 id 是关键字，主要实现用户信息管理、留言及回复等。（如图 4-7）（留言信息存储表）（回复信息储存表）图 4-7创建好数据库之后，我们来用 ASP 把程序和数据库连接起来，以后就可以连接到数据库、在 ASP 中显示数据库中的数据。4.34.3 系统实现代码系统实现代码4.3.1 滚动文字特效滚动文字特效（这里主要指网站左侧的“公司公告” ） document.write ()18 document.write (公司公告)document.write ()document.write (1. 商标转让君辉知识 )document.write (2. 法律服务简介 2010 )do

35、cument.write (3. 我们的法律服务(最新）)document.write (4. 招聘专利代理人 )document.write (5. 本所代理中国驰名商标 )document.write (6. 贺本司商标专利部喜迁 )document.write ()document.write ( ) 4.3.2 图片切换图片切换4.3.3 首页鼠标特效代码首页鼠标特效代码BODYoverflow:scroll;overflow-x:hidden;.s1position : absolute; font-size : 12pt; color : blue; visibility: hid

36、den;.s2 position : absolute; font-size : 20pt; color : green; visibility : hidden;.s3 position : absolute; font-size : 16pt; color : gold; visibility : hidden;.s4 position : absolute; font-size : 14pt; color : lime; visibility : hidden;*var nav = (document.layers);var tmr = null;var spd = 50;19 var

37、x = 0;var x_offset = 5;var y = 0;var y_offset = 15;if(nav) document.captureEvents(Event.MOUSEMOVE);document.onmousemove = get_mouse;function get_mouse(e) x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft; y = (nav) ? e.pageY : event.clientY+document.body.scrollTop; x += x_offset; y += y_o

38、ffset; beam(1);function beam(n) if(n0) if(nav)eval(document.div+n+.visibility=hidden);20 else eval(div+n+.style.visibility=hidden); n-; tmr=setTimeout(fade(+n+),spd); else clearTimeout(tmr);结束语经过一段时间的学习与制作，企业网站的设计制作基本上已经告一段落。总结这次制作毕业设计的过程，对我来说是一个将所学知识从书本运用到实际操作的初次体验。通过这次的制作与设计让我了解了一个网站形成的基本过程和基本纲领构架

39、，加深了我对现在计算机技术、通讯技术、英特网技术等的认识，还有对制作网站上用到的 dreamweaver 等设计与制作网站的工具有了更多的了解，得到了深入的理解同时更熟练地使用这些工具。相信这些知识都将对我的工作带来很大的帮助。在这次的毕业设计中使我得学习了比以前更多的知识，如何提高自己的学习和操作能力。这次设计由于时间、条件和个人能力的限制，加之设计经验的不足，在网站的整体设计及各模块功能可能设计的不完全，有待于进一步的完善和改进。这些情况希望能在今后的不断学习与应用中把它扩充得更加丰富，以适应不同层次使用者的需求。同时现在网站的设计技术与要求在不断地更新，不断地提高，我想以后还要有很长的一

40、段学习与实践的时间，才能在设计与制作网站方面有所完善。现请各位知道老师对我这段时间努力学习，努力设计制作所得的作品进行检测，并加以指正。参考文献1 林少景编著.ASP 动态网站编程M. 北京清华大学出版2 杨晓钟.网站设计与开发M. 北京:机械工业出版社，2005-063 姜再兴，李万强，王晓风.Dreamweaver MX 2004ASP 网站开发基础与实例教程M.北京：电子工业出版社，2006.124 孙刚，徐兵，董小刚.基于 ASPNET 技术的电子商务系统的开发J. 长春工业大学学报，2004,25(3):145-153致谢经过数个星期的努力，我的毕业设计终于完成了。在这次的毕业设计中

41、我学会了很多课外的专业知识，虽然还没有琢磨地很透彻，但相比以前，已经有了很大的改进。21 之前我只会做最简单的静态网页，除了基本的超链接外什么功能都不会，页面上的登录注册和留言板功能都只是摆设（没法实现），可是通过这次毕业设计，我已经能独立完成简单的网站功能了，如我能能运用 access 数据库的链接等技术将这些功能实现了。此外，对和网页设计相关的各软件的操作我也熟练了一些，像 PhotoShop,网页三剑客等等。当然在完成这些的过程中我也遇到了很多问题，但是有了老师和同学的鼓励与帮助，我遇到的难题都一一解决了，此外也少不了对网上工具的合理利用，如对“百度”这个搜索引擎的使用，在我作品中很多特效都是通过百度上学到的，能够“学以致用”都要靠辛勤的老师，记得在校的时候，老师总是在我们耳边提起要多利用身边现有的工具“学以致用“，但在那时候我还没这么大的感触，直到这次在做毕业设计的时候遇到了困难，但最终由很多都通过百度上自学解决了，我这才明白了当时老师的良苦用心。能及时完成毕业设计及说明书还要感谢指导老师的督促、指导与鼓励，让我能及时改正错误，解决难题，还要感谢一些热心鼓励我的同学们，谢谢你们！有了这一次独立的制作网页的经验，我的自信心也得到了提高，在以后的项目实践中，我一定会更加努力，最后再次感谢您们的鼓励与帮助，谢谢！