logo资料库

企业网站毕业设计论文.doc

第1页 / 共22页
第2页 / 共22页
第3页 / 共22页
第4页 / 共22页
第5页 / 共22页
第6页 / 共22页
第7页 / 共22页
第8页 / 共22页
资料共22页,剩余部分请下载后查看
摘要:
关键字:
第一章绪言
第二章 网站设计分析
2.1网站设计概述
2.2 开发工具的选用及介绍
2.2.1 Dreamweaver8.0
2.2.2 Photoshop CS
2.2.3 ASP动态网站脚本语言
2.3 关系型数据库的选择
2.3.1 Microsoft Office Access简介
3.1 网站定位
3.2 系统构思
3.3 网站栏目简介
第四章 详细设计
4.1 网站制作过程
4.1.1 logo的制作过程
4.1.2 banner的制作过程
4.1.3 主页制作过程(详见图4-3)
4.1.4留言板的设计
4.2 数据库的设计
4.3 系统实现代码
4.3.1 滚动文字特效(这里主要指网站左侧的“公司公告”)
4.3.2 图片切换
4.3.3 首页鼠标特效代码
结束语
参考文献
致谢
信息工程学院毕业设计(说明书) 企业网站的设计与制作 专 班 学 业:计算机应用技术 级: 计技 0722 号: 0702211132 学生姓名: 校外指导教师: 校内指导教师: 二零一零 年 四 月
信息工程学院毕业设计(说明书) 目录 摘要: ....................................................................2 关键字: ..................................................................2 第一章 绪言 ...............................................................3 第二章 网站设计分析 .......................................................4 2.1 网站设计概述 ........................................................ 4 2.2 开发工具的选用及介绍 ................................................ 4 2.2.1 Dreamweaver8.0 .................................................. 4 2.2.2 Photoshop CS .................................................... 5 2.2.3 ASP 动态网站脚本语言 .............................................6 2.3 关系型数据库的选择 .................................................. 7 2.3.1 Microsoft Office Access 简介 .....................................7 3.1 网站定位 ............................................................ 9 3.2 系统构思 ............................................................ 9 3.3 网站栏目简介 ....................................................... 10 第四章 详细设计 ..........................................................11 4.1 网站制作过程 ....................................................... 11 4.1.1 logo 的制作过程 .................................................11 4.1.2 banner 的制作过程 ...............................................12 4.1.3 主页制作过程(详见图 4-3) ........................................13 4.1.4 留言板的设计 ....................................................14 4.2 数据库的设计 ....................................................... 16 4.3 系统实现代码 ....................................................... 17 4.3.1 滚动文字特效(这里主要指网站左侧的“公司公告”) ................ 17 4.3.2 图片切换 ....................................................... 18 4.3.3 首页鼠标特效代码 ............................................... 18 结束语 ...................................................................20 参考文献 .................................................................20 致谢 .....................................................................21 1
信息工程学院毕业设计(说明书) 摘要: 本文就网站的主题内容及网站的制作与设计这两方面进行描述与分析。 本网站的主题知识产权服务,整个网站都是以法律性的内容为主的,主要包括了首 页、公司简介、法律服务、友情链接、法界动态、法律法规、在线留言、联系我们、网 站公告等栏目。在整个设计过程中主要是运用 Dreamweaver、ACCESS、ASP 等编写的。 通过本网站系统,给想了解知识产权的人群提供了一个良好的平台,同时也为有意愿注 册公司、注册商标、申请专利,却无从咨询的人提供了一个可以互动解决问题的平台。 如今,在网络技术的迅猛发展下,互联网的不断普及,让人们都感受到网络的方便 快捷,从而大家都喜欢选择从互联网上获取信息,因此,互联网逐渐成为一个宽广的信 息发布平台和获取信息的平台。本网站也需要通过 Internet 来对外宣传、普及,从而 帮助到更多想了解知识产权的人们。 本网站主要是以建立 Dreamweaver、ACCESS、ASP 等技术的动态网站管理系统的前 台表现模块,使用了 ASP 技术的动态网页技术,加上 ACCESS 作为后台数据库,制作了 一个简单的服务性企业网站系统,实现了企业网站的基本功能,例如用户注册登录,留 言板的实现等。 关键字: 企业网站;ASP;知识产权 2
信息工程学院毕业设计(说明书) 第一章 绪言 二十世纪进入信息发展高速路,数码化革命给所有领域带来新的改变。随着电脑办 公自动化的普及,电子商务应运而生,一切都归功于 internet 的巨大贡献,互联网的世 界里蕴藏无限生机,这里只有想不到的、没有做不到的。由于国际互联网是一个不受时 空限制的信息交换系统,所以它是目前最直接、最丰富和最快捷的联系方式,信息沟通 的高效率为企业带来了最大的方便。所以在现今社会对于一个企业来说,网站已经是不 可缺少的一部分了。 现今,知识产权越来越被人们关注,随着就业压力的加重,越来越多的年轻人选择 自己创业开公司,大学生也占了一定的比例,由于专业的限定,有些大学生在校基本上 接触不到知识产权的知识,当然在社会上的人群也不一定都了解知识产权。同时随着互 联网的快速发展和不断普及,网站成了传播信息最有效的平台。所以我制作了一个专门 针对知识产权行业的企业网站,给这些人群提供了一个了解和学习知识产权的平台,当 然对于一个针对知识产权的服务性企业本身而言,这个网站将会对其自身带来不可估量 的效用。 社会在发展,人们的思想观念,生活方式也在发展,通过网站这种方式与企业或者 他人交流已经趋向普及, 3
信息工程学院毕业设计(说明书) 第二章 网站设计分析 网站的设计与制作需要用到网页三剑客(Dreamweaver、fireworks、flash),IIS, photoshop 等工具。所以首先我们要了解这些工具的功能与用处,然后要能够熟练得掌 握这些工具用法,只有你能熟练使用这些工具,你才能在设计过程中尽量避免技术上的 问题,提高效率,做到“事半功倍”。 2.1 网站设计概述 网站首页可以说是网站的门面,大家浏览你的网站首先看到的就是网站首页,所以 首页不仅要做得美观,引人浏览,还要有丰富的内容。所以我们在首页就首页聚集了大 量的信息,除了最基本的法律法规、法界动态、法律服务这些栏目外,我还将公司的公 告用滚动文字的形式展现出来,这样静中有“动”的效果可以抓住人的眼球,吸引人去 点击。每页左下方都有我们的联系方式,这样就不用转到联系我们这张页面都能获取到 公司的联系方式了,当然若想更深入的了解就可以转到联系我们页面。子页面的框架基 本上是符合整个网站的整体风格的,banner,导航等都是和首页一样的,不一样的只是 正文的内容,这个可以通过模板来实现。出于排除对模板可编辑区域排版的复杂性起见, 我这里没有运用模板,而是用另存为的方式实现网页风格“统一化”的。在网站的各页 面制作好后,我在 Dreamweaver 中与 Access 数据库建立连接,通过在 Dreamweaver 的 一系列操作实现注册登录的功能,而留言板功能我是通过一张空白的写有后台代码的页 面转接过去的,名为 handle.asp,用户可以通过“在线留言”在网站上发表自己的见解 或疑问,达到互动的效果。 2.2 开发工具的选用及介绍 2.2.1 Dreamweaver8.0 Dreamweaver 是创建和管理网页的专业化可视编辑器,在网页设计与制作领域中用 户最多、应用最广、功能最强大的软件,随着 Dreamweaver 8 的发布,更坚定 Dreamweaver 在该领域的地位。它集网页设计、网站开发和站点管理功能于一身,具有可视化、支持 多平台和跨浏览器的特性,是目前网站设计、开发、制作的首选工具。 1、灵活的编写方式 Dreamweaver 具有灵活编写网页的特点,不但将世界一流水平的“设计”和“代 码”编辑器合二为一,而且在设计窗口中还精化了源代码,能帮助用户按工作需要定制 自己的用户界面。 2、可视化编辑界面 Dreamweaver 是一种所见即所得的 HTML 编辑器,可实现页面元素的插入和生成。或 视化编辑环境大量减少了代码的编写,同时亦保证了其专业性和兼容性,并且可以对内 4
信息工程学院毕业设计(说明书) 部的 HTML 编辑器和任何第三方的 HTML 编辑器进行实时的访问。无论用户习惯手工输入 HTML 源代码还是使用可视化的编辑界面,Dreamweaver 都能提供便捷的方式使用户设计 网页和管理网站变得更容易。 3、功能更多的 CSS 支持——CSS 可视化设计、CSS 检查工具 4、动态跨浏览器验证 当保存时系统自动检查当前文档的跨浏览器有效性,可以指定何种浏览器为测试用 浏览器,同时系统自动检验以确定页面有没有目标浏览器不支持的 tags 或 CSS 结构。 动态跨浏览器有效性检查功能可以自动核对 tags 和 CSS 规则是否适应目前的主浏览器。 5、强大的 WEB 站点管理功能 6、内建的图形编辑引擎 7、Dreamweaver 的集成特性 Dreamweaver 8 继承了 Fireworks、Flash 和 Shockwave 的集成特性,可以在这些 Web 创作工具之间自由地切换,轻松地创建美观实用的网页。 8、丰富的媒体支持能力 可以方便地加入 Java、Flash、Shockwave、ActiveX 以及其他媒体。Dreamweaver 具有强大的多媒体处理功能,在设计 DHTML 和 CSS 方面表现得极为出色,它利用 JavaScript 和 DHTML 语言代码轻松地实现网页元素的动作和交互操作。Dreamweaver 还 提供行为和时间线两种控件来产生交互式响应和进行动画处理。 9、超强的扩展能力 Dreamweaver 还支持第三方插件,任何人都可以根据自己的需要扩展 Dreamweaver 的功能,并且可以发布这些插件。 2.2.2 Photoshop CS Photoshop CS 是一款图形、图像编辑软件,在网页设计领域被广泛得应用。以下是 其 10 大最新功能: 1、改进的文件浏览器 使用功能强大文件浏览器的可以快速预览、标注和排序图片;搜索或编辑图像的数 据元或关键词;并且可以自动批量共享文件。 2、匹配颜色命令 可以迅速从一张图片的颜色校正另外一张图像的颜色。 3、直方图调色板 随时根据对图像的调整更新直方图调色板(Histogram Palette)。 4、阴影/加亮区修正 使用“阴影/加亮区修正(hadow/Highlight correction)”可以快速调整照片中曝 光过渡或欠缺的区域。 5
5、沿路径放置文本 可以像在 Illustrator 中一样把文本沿着路径放置,并且你还可以在 Illustrator 信息工程学院毕业设计(说明书) 直接编辑文本。 6、支持数码相机的 raw 模式 支持多款数码相机得 raw 模式,让用户可以得到更真实的图像输入。 7、全面支持 16 位图像 可以在主要功能、层、比刷、文字、图形等中精确的编辑、润饰 16 位的图像。 8、Layer Comps 可以在一个文件中保存不同层的合并效果,以便对各种效果进行快速察看。 9、输入 Flash 文件 使用 ImageReady 可以创建 flash 矢量文件。 10、自定义快捷键 用户可以按照自己的习惯定义 Photoshop 的快捷键。 2.2.3 ASP 动态网站脚本语言 ASP 是 Active Server Page 的缩写,意为“动态服务器页面”。ASP 是微软公司开 发的代替 CGI 脚本程序的一种应用,它可以与数据库和其它程序进行交互,是一种简单、 方便的编程工具。ASP 的网页文件的格式是.asp,现在常用于各种动态网站中。ASP 采 用脚本语言 VBScript(Java script)作为自己的开发语言。 ASP 是一种服务器端脚本编写环境,可以用来创建和运行动态网页或 Web 应 用程序。使用 ASP 可以组合 HTML 页、VBScript 脚本命令和 JavaScript 脚本命令等, 以创建交互的 Web 页和基于 Web 的功能强大的应用程序。ASP 网页可以包含 HTML 标 记、普通文本、脚本命令以及 COM 组件等。利用 ASP 可以向网页中添加交互式内 容(如在线表单),也可以创建使用 HTML 网页作为用户界面的 web 应用程序。 ASP 的文件后缀名为.asp,以区别于同样可以包含 Script 的 HTML 文件。一个.asp 文件是一个文本文件,可以包括下列元素的任意组合: 文本(text)、HTML 标志(tags)、 Script 命令 由于脚本程序是在服务器上而不是在客户端运行,传送到浏览器上的 Web 页是在 Web 服务器上生成的。所以不必担心浏览器能否处理脚本:Web 服务器已经完成了所有 脚本的处理,并将标准的 HTML 页面传输到浏览器。由于只有脚本的结果返回到浏览器, 所以服务器端脚本不易被别人复制。用户看不到创建他们正在浏览的页的脚本命令。 6
信息工程学院毕业设计(说明书) 2.3 关系型数据库的选择 2.3.1 Microsoft Office Access 简介 Microsoft Office Access 是 由微 软发 布 的关 联式 数据 库 管理 系统 , 是 集成 在 microsoft 公司开发的产品更新换代 office 系统中的集成软件。它之所以被集成到 Office 中而不是 Visual Studio 中,是因为它与其它的数据库管理系统(如 Visual FoxPro)相比更加简单易学,一个普通的计算机用户即可掌握并使用它。而且最重要的 一点是 Access 的功能足够强大,足以应付一般的数据管理及处理需要。 Assess 能够存取 Access/Jet、Microsoft SQL Server、Oracle,或者任何 ODBC 兼容数据库内的资料。ODBC(Open Database Connectivity 开放式数据库互联)是微 软推出的一种工业标准,一种开放的独立于厂商的 API 应用程序接口,可以跨平台访问 各种个人计算机、小型机以及主机系统。ODBC 作为一个工业标准,绝大多数数据库厂商、 大多数应用软件和工具软件厂商都为自己的产品提供了 ODBC 接口或提供了 ODBC 支持, 这其中就包括常用的 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 格式的文档响应。以下是 Access 的优点: 1.存储方式单一 Access 管理的对象有表、查询、窗体、报表、页、宏和模块,以上对象都存放在后 缀为(.mdb)的数据库文件种,便于用户的操作和管理。 2.面向对象 Access 是一个面向对象的开发工具,利用面向对象的方式将数据库系统中的各种功 能对象化,将数据库管理的各种功能封装在各类对象中。它将一个应用系统当作是由一 系列对象组成的,对每个对象它都定义一组方法和属性,以定义该对象的行为和外国, 用户还可以按需要给对象扩展方法和属性。通过对象的方法、属性完成数据库的操作和 管理,极大地简化了用户的开发工作。同时,这种基于面向对象的开发方式,使得开发 应用程序更为简便。 3.界面友好、易操作 Access 是一个可视化工具,是风格与 Windows 完全一样,用户想要生成对象并应用, 只要使用鼠标进行拖放即可,非常直观方便。系统还提供了表生成器、查询生成器、报 表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具,使得操作 简便,容易使用和掌握。 4.集成环境、处理多种数据信息 7
分享到:
收藏