个人网站设计论文

1、1 中央广播电视大学开放教育中央广播电视大学开放教育 毕毕业业论论文文（设设计计） 姓姓 名：名： 李李 娅娅 学学 号：号： 10430014056931043001405693 班班 级：级： jd0901jd0901 专专 业：业： 计算机信息管理计算机信息管理 题题 目：目： 个人网站设计个人网站设计 指导指导 教师：教师： 李李 斌斌 斌斌 20122012 年年 5 5 月月 2 2 摘要摘要 随着网络的发展，很多企事业单位和广大普通网民对建 立自己的网站的需求越来越强烈。网站是互联网上交流的平台， 建立网站已经成为很多单位和网民的必修课。20 世纪末，随着 计算机科学的发展，数据

2、库技术在 internet 中的应用越来越广 泛，为广大网络用户提供了更加周到和人性化的服务。个性化 已逐渐成为当今 web 应用的潮流。个人网站是当今网上比较流 行的站点。本文以个人网站为目标,运用 asp 技术实现.对网站 的和策划和布局进行了实质考察。我所做的个人网站主要是学 习型网站，重点内容是与这次的毕业设计有关网站的制作。 关键词：个人网站；asp；web 3 目目 录录 摘要. 第一章 引言 .4 第二章 系统实现软件 .5 2.1macromedia dreamweaver mx 简介.5 2.2flash.6 2.3acess 数据库 .7 第三章. 网站制作 .8 3.1

3、网站的策划 .8 3.2 网站风格 .9 3.3 网站的主题 .10 3.3 网站栏目设计 .10 第四章 系统分析 .11 4.1 网站开发目的.11 42 性能需求 .12 43 数据库设计 .12 44 网站逻辑图： .15 4.6 页面详细设计.16 第五章. 系统界面的显示 .18 4 总 结 .19 参考文献 .21 第一章第一章 引言引言 internet 是全世界最大的计算机网络，它起源于美国国防 部高级研究计划局（arpa）于 1968 年主持研制并用于支持军事 研究的计算机实验网 arpanet。 internet 有着巨大的商业潜力。在 20 世纪 90 年代以前， in

4、ternet 由美国政府资助，主要供大学和研究机构使用。但是 近年来该网络随着商业用户数量的日益增加，已逐渐从研究教 育网络向商业网络过渡。 随着时代的发展，各种互联网接入技术不断出现，普通的 电话接入已经不能满足宽带风张的要求，于是出现了 isdn（俗 称“一线通” ）adsl（俗称“超级一线通” ） 、闭路电视宽带、 光纤宽带和无线宽带等技术。现在，互联网上进行实进点播、 实时会议已经没有任何技术问题。要实现这样的功能，离不开 后台数据库的支持。本文中数据库服务器端采用了 microsoft access 数据库作为 odbc(open database connectivity )数据

5、源，并以先进的 ado（activex data objects）技术进行数据 5 库存取等操作，使 web 与数据库紧密联系起来。 我的网站整个个性化页面生成系统主要由使用 dreamweaver_mx 开发的关联规则采掘系统和利用 iis+asp 技术实 现的个性化 web 页面生成器两部分组成。二者通过数据库服务器 和 web 服务器连接。 第二章第二章 系统实现软件系统实现软件 2.12.1 macromediamacromedia dreamweaverdreamweaver mxmx 简介简介 dreamweaver 是著名的“所见即所闻”的可视化网站开发 工具，是国内外普遍应用的

6、专用网页设计软件。是一套针对专 业网页设计师特别发展的视觉化网页开发工具，同时也能够高 效地创建极具表现力和动感效果的网页。 dreamweaver mx 2004 的十大新特性: 1.动态跨浏览器验证:自动检测标签和 css 规则来适应所有主 流浏览器! 2.更强大的 css 支持! 3.内建的图形编辑引擎:修剪,改变大小,尺寸,旋转角度,调节 明暗度都不需要离开 dreamweaver 环境,因为它本身集成了 fw 的基本图形编辑技术. 6 4.安全 ftp:完全加密传输保证文件和帐号信息的安全! 5.增强对当今技术的支持:支持当今主流的开放环境: coldfusion,j2ee,php,

7、net,和其他主流的服务器技术. dreamweaver 现在加入了 xml 命名空间支持,asp.net 表单控件 对象,新的参考书内容和新的 php 服务器端行为! 6.无缝整合外部文件和代码:直接将 word 和 excel 文档复制和 粘贴到 dreamweaver 中,会保留字体,颜色,css 样式表信息.使 用系统支持的编码保存任何字体,包括双字节字符集. 7.紧密整合 mm 的其他工具:加强了和 mm 其他几款产品的协同 工作能力.例如:你可以通过 dw 直接设置 flash 组件的参数. 8.基本支持改良:插入条,表格工具都有改进! 9.增强代码编写工具:编辑代码更省时,例如右

8、键编写代码工具,增 强的查找和替换,高效的属性面板. 10.改进的设计开放环境:一个改良的用户界面,更高的实用性, 非常亲切和有逻辑,让你快速找到你想要的东西,一个新的开始 屏幕让你快速访问最近的文件和教程资源. 2.22.2flashflash flash 是 macromedia 公司开发一款优秀的网页动画开发 软件，可以创建简单的动画到复杂的交互式 web 应用程序。通 过添加图片、声音和视频，可以使 flash 应用程序媒体丰富多 彩。flash 包含了许多种功能，如拖入用户界面组件、将动作 7 脚本添加到文档的内置行为，以及可以添加到对象的特殊效果。 这些功能使 flash 不仅功能

9、强大，而且易于使用。最叹引人的 还是 flash 作品 swf 文件体积出奇的小，并且可以以插件的形 式加入到网页中，通常几分钟的复杂动画才几百 kb，是目前 网络中最常用的动画格式。 flash mx 2004 是 web 设计人员、交互式媒体专业人员或 开发多媒体内容的主要专家的理想工具。该版本注重于创建、 导入和处理多种类型的媒体（音频、视频、位图、矢量、文本 和数据） 。 2.3access 数据库数据库 access 作为 microsoft 的 office 套件产品之一,是世界 上最流行的桌面数据库系统。access 与许多优秀的关系数据 库一样，可以让你很容易地连接相关的信息而

10、且还对其他的数 据库系统有所补充。它能操作其它来源的资料，包括许多流行 的 pc 数据库程序（如 paradox，microsoft foxpro）和服务 器、大型机上的许多 sql 数据库。access 完全支持 microsoft 的对象的链接与嵌入（ole）技术。本网站采用功能强大的 microsoft access 作为后台数据库，使用前面所述的网页三 剑客作为前台开发工具，从而开发了一个小型的个人网站。 第三章第三章 网站制作网站制作 整个网站的制作流程图如下： 3.1 网站的策划网站的策划 网站的建设的第一步是策划，它直接关系到网站的功能是 否完善、是否够层次和能否达到预期的目的，

11、等等。网站策划 可以从主题、对象、内容和创意等几个方面去思考，这几个方 面相互影响、相互作用。网站策划逻辑如图所示： 影响 决定 表现 决定 完成 导航设计布局网站色彩搭配收集资料目录设计 网页设计 策划网站 对象 内容策划网站主题 内容 对象 主题 9 网站制作首先面临的总是放置什么内容、选择什么样题材 的网站。 对于个人网站来说，题材最好是自己擅长或者喜爱的内容。 但要注意不能做得太滥或者选择的目标太高，因为知名度很高 的站点要超过是非常困难。 3.23.2 网站风格网站风格 风格是非常抽象的概念。结合整个站点的内容范围不太广 则可以考虑整个站点设计为同一种风格。不管用什么风格，都 要注意

12、风格是为主题服务的，也就是要做好烘托气氛的工作， 而不是单纯地照搬照抄别人的特色却并适合自己的站点。网站 内容网站中最重要的是内容，再漂亮的网站如果内容空洞也只 是虚有其表而已。因此先要确定网站内容的逻辑构成。如图所 示：资料来源网站主题客户对象原计划内容 初步网站内容 加减调整内容 具体网站内容 10 3.3 网站的主题网站的主题 个人网站的主题通常取决于网站作者的爱好和兴趣。本网 站的性质是无偿技术服务性网站，所以命名为“我的网站” 。 这里有两层意思：一是“网站” ，体现我的网站是一个关于 “网站”制作方面的，如网页设计、制作等方面的内容；二是 “我的” ，体现我的网站是一个人的网站，让

13、人一看便知道这 个网站的主题内容是什么，一目了然。 3.33.3 网站栏目设计网站栏目设计 针对自己的个人网站，我主要从下面几点进行设计的： 网页制作：主要包括网页规划、制作等技巧方面的文章供 大家学习。 网页进阶：是在网页制作的基础上的一个升级，供一些网 页设计高手学习和使用。 情感世界：是一个体现个性的板块内容，放置一些我比较 喜欢的优秀文章供大家欣赏。 留言板：设计一个留言板作为和浏览者交流的纽带，这样 可随时掌握浏览者的要求和建议，随时调整和更新自己的网站， 以便更好地为客户服务。 网站说明：是有关本网站的一此要求和具体的联系方式。 新闻动态：是关注一些自考方面的消息，让一些自 考的浏

14、览者可以从我的网站中得知最新的消息。 11 本站导航：以菜单的方式列出本网站的所有内容，以方便 读者浏览和学习。 关于我们：介绍创建网站的目的，便于和浏览都交流学习。 确定好了网站的内容还不算完成了网站的内容构思，还要 将这些内容分布到页面的各个部位。将各个主题目以比较集中 的方式放在网页顶部导航栏的位置，以便于浏览者检索。将需 要经常更新的内容如“网页制作”和“网页进阶”放在网页的 中部，以方便读者学习。将各个功能板块的内容分布在页面的 两侧，以充他利用主页的空间。 第四章第四章 系统分析系统分析 4.14.1 网站开发目的网站开发目的 对于个人网站而言，一个好的网页会给人留下深刻的印象，

15、那样才会提高网站的知名度才会增加点击率。如果通过网站管 理系统工作，就可以拓开以前传统的宣传思路，用户可以通过 上网就能达到找到所需要材料的目的，并且可以给管理员留言 以反馈意见。 本设计简单易用，可以提高个人网站的知名度和形象；直 接面对浏览所提供的信息化服务，改善服务水准。 12 4 42 2 性能需求性能需求 本设计是采用 asp 结合 access 数据库平台的一个个人网 站。网站开发的性能要求是实现网站的智能化。本设计能实现 以下功能：新闻的增、删、改和留言板的实现及一些静态网页 的浏览。系统管理（管理员） 。 系统管理包括新闻的增、删、改，留言的回复、删除。以 上的功能只能是管理员

16、才有权限操作。 （1）新闻管理 由于本栏目是与后台数据库相连的，所以也给予管理员对 新闻的增加，删除，修改的权限。 （2）留言管理 此栏目是浏览者与管理员的一个交流平台，所以在浏览者 发表的留言之后，管理员在后台对此进行回复、删除。此项操 作透明化。 4 43 3 数据库设计数据库设计 设计数据库系统时应该首先充分了解用户各个方面的需求， 包括现在的和将来可能增加的需求。 数据库需求分析 用户需求具体体现在各种信息的提供、保存、更新和查询 13 上，这就要求数据库结构能充分满足各种信息的输出和输入。 通过收集基本数据、数据结构以及数据处理的流程，组成一份 详尽的数据词典，为后面的具体设计打下基

17、础。 留言表：用于存放留言信息 留言表 字段名数据类型说 明 g_id自动编号自动生成编号 g_name文本存放留言者姓名 g_email文本存放留言者的邮箱 g_url文本存放留言者的网址 g_content备注存放留言内容 g_time日期/时间保存留言时间 r_g_content备注存放管理员的回复内容 r_g_time日期/时间保存留言回复时间 大多数网络应用系统都需要后台数据库的支持。在 windows 操作系统中，access 和 sql server 是常见的网络后 台数据库。由于 access 可移植性强，所以本网站采用的是 access 数据库存储数据，对于留言板页面需要找开

18、数据库， 14 所以将数据库的连接字符串和连接对象保存在一个单独的文件 中，使用时只需要将其包含到页面中就行 dim cn set cn=server.createobject(“adodb.connection”) cn.connectionstring=”driver=microsoft access_ driver(*.mdb);dbq=&server.mappath”(d:/39/*.mdb)” cn.open 15 4 44 4 网站逻辑图：网站逻辑图： 述： 怎 样 使 您 的 主 页 更 加 绚 丽 多 彩 首页 网页进阶情感世界留言板网站说明新闻动态网页制作关于我们 如 何 制

19、 作 图 片 链 接 处 理 如 何 在 主 页 更 新 时 通 知 网 友 用 d 进 行 网 页 优 化 用 d 使 用 技 巧 集 锦 制 作 主 页 的 前 的 准 备 网 页 的 版 面 设 计 宝 典 如 何 加 快 同 网 站 数 器 的 步 伐 网 页 制 作 十 大 决 窍 如 何 制 作 网 页 中 的 gi f 动 画 网 页 制 作 的 小 技 巧 如 何 推 广 自 己 的 网 站 如 何 在 网 上 安 个 家 w e b 设 计 常 用 巧 集 16 4.54.5 页面详细设计页面详细设计 我的个人网站主要内容是有关网页制作方面的，正好与这 次做的毕业设计相结合。

20、我从网上下载了一些内容，加上自己 对界面的设计，使得整个页面都使用同一种色彩，当然对于色 彩这一块，也是参照了各种参考资料进行设计，既要做的不华 丽又要显得自然、大方得体。在这次网页设计中，用到了一些 图片处理的工具，photoshop 处理了一些背景图片，使得图片 与我的页面的背景符合，对于 flash 我做了几个简单的头部的 动画， “欢迎光临我的主页” ，这个动画很简单，只单纯地用了 一些帧的作用。现在重点谈谈我的首页的制作过程。 首页被我划分为三大模块，一是页眉区，二是中间体，三 是底部，底部其实很简单，主要是插入一些动态的图片和链接 了一些国内比较有名的网站，让浏览都可以随时找到自己

21、想要 的资料；头部是由一个 flash 动画和一些编程来实现的，利用 编程实现系统的具体的年月日和时间，并且利用 marquee 函数 进行一些字幕的滚动。在页眉区的下面，页面的主体内容的上 部是一排导航条，这样做可方便浏览者使用。导航条菜单包括 首页、网页制作、网页进阶、情感世界、留言板、新闻动态、 网站说明、本站导航和关于我们这九块。它们分别与对应的页 面链接好，浏览都可以随时找到自己想要找到的内容。在导航 条下面是用 marquee 一行让浏览都对自己的网页提出意见的滚 17 动字幕；中间就是主体部分了，首先左边有三个模块，一是本 站介绍，我的这个网站主要是介绍怎样制作网页的，说明本网

22、站的主要内容是哪些。下面是本站最新公告网站动态，它 公布了我的这个网站最新的内容变更。第三模块就是用户指南， 简单地介绍了一般用户将自己的网站上传时需要的一些步骤。 中间的主体有两大部分，分别是网页制作和网页进阶，也是这 个网站的主体内容，右边是我插入的两幅动画，充分显示了我 的友好态度。 这个网站有个缺点就是每个模块我都是独立做的，并没有 将它们有机结合起来，由于自己的水平有限，考虑问题时并没 有能及时的想到各个方面，都是在这一模块做好后发现该实现 的功能还有许多。 后台认证：只允许浏览者进入页面浏览，在对回复留言和 新闻的增加、删除这些管理时都需要对用户的身份进行认证， 即需要管理员提供后

23、台管理的用户名和密码，该用户名和密码 保存在相对应的数据库中。留言板是每个网站都必须要有的， 它是用户和管理都进行互动的一个模块， 新闻动态模块：可以查看各方面有关的资料，但作为普通 的浏览者在我的这个网站里只可以浏览新闻，并没有任何特权， 对于新闻的编辑添加、删除只有管理员可以进行，这一点 就利用了后台 asp 有关的编程。 18 留言板也是同样的道理，在这之前我曾经申明过由于本人 的能力有限，这些模块都是单独的，并没有能联合起来。 第五章第五章 系统界面的显示系统界面的显示 运行环境：运行环境： 软件：软件： windows95/98/2000/nt/xp 中文版或更高版操作系统 pws

24、或 iis5.0 access 或更高版本。 硬件：硬件： 32mb 以上内存 intel pentium 586 以上处理器 演示版安装说明：演示版安装说明： 首先选择“internet 服务管理器” （如下图） 19 然后把虚拟目录设置一下，按“确定” ，最后用浏览器浏览 此虚拟目录即可，出现站点首页画面如下： 20 总总 结结 毕业设计是每个大学毕业生在毕业之前所经历的最后一次 考验，也是较为辛苦的一次考验，在从得到课题开始的短短几 个月内，要完成大量的工作。从查资料、记笔记到确定总纲、 搭框架、定初稿以及到最后的整个论文编写工作的完成，其间 要花费大量的时间和精力，更是尝遍了设计过程中

25、的酸甜苦辣， 其中滋味一言难尽。 两个多月的毕业设计已告一段落，到此，我制作的个人 网页已经完成。但由于毕业设计时间较短，能力有限，所以系 统还有许多不尽人意的地方，功能不够全面等多方面问题。这 些都有待于进一步改善。调试过程中，出现了太多的问题，暴 露了语言编写能力缺陷。由于第一次进行制作网站的设计，许 多的东西过于繁琐和不必要，存在着一些问题，特别是我的各 个模块并没有让它们有机结合起来，而是各自以单独的模块存 在，这样既烦琐又没有技术，这一点是我这个网站存在的重大 缺点。我知道以我现阶段的能力还难以解决，我会努力学习， 提高自己，解决问题还有一点就是编程语言方面，我发现自己 懂得的真是了

26、了可数，就因为编程这一块不精，才导致于做各 个模块时无法让它们正确的相联接，对于其中的许多代码我都 是借鉴于别人的。 21 感谢感谢 通过本次设计，我提高了自己的动手、动脑能力，丰 富了我的知识，增强了克服困难的勇气和能力。在本次 毕业设计中，我从指导老师李斌斌那学到了很多东西，使我 受益非浅 。另外，在网站制作过程中身边的同学也同样给予 我不少帮助，当自己有问题向同学请教时大家都是热心相待， 在这里一并表示感谢。 参考文献参考文献 1. 非常网络 6+1 典型网站建设 人民邮电出版发行 2004 年 7 月 2. isbn7-5427-2750-8,赵艳铎.网页制作三剑客（mx2004 版）

27、,上 海：上海科学普及出版社.2004. 3. 廖彬山、高峰霞asp 动态网站开发教程北京：清华大学 出版社.2000. 4. 非常网络 6+1 asp+access组建动态网站 人民邮电出版 发行 2005 年 5 月 5. 企业网站完美设计与制作 人民邮电出版社发行 2006 年 1 月 6. isbn7-121-00550-6，孙印杰、高翔、祝玉花. dreamweavermx2004 中文版 22 应用教程，北京：电子工业出版社.2005. 23 以下是赠送资料劳动合同，不需要下载后可以编 辑删除！ 劳动合同 一、双方在签订本合同前，应认真阅读本合同书。本合同一经签订，即具有法律效力，

28、双方 必须严格履行。 二、本合同必须由用人单位(甲方)的法定代表人(或者委托代理人)和职工(乙方)亲自签章， 并加盖用人单位公章(或者劳动合同专用章)方为有效。 三、本合同中的空栏，由双方协商确定后填写，并不得违反法律、法规和相关规定；不需填 写的空栏，划上“”。 四、工时制度分为标准工时、不定时、综合计算工时三种。 实行不定时、综合计算工时工作制的，应经劳动保障部门批准。 五、本合同的未尽事宜，可另行签订补充协议，作为本合同的附件，与本合同一并履行。 六、本合同必须认真填写，字迹清楚、文字简练、准确，并不得擅自涂改。 七、本合同(含附件)签订后，甲乙双方各保管一份备查。 甲方(用人单位)：

29、乙方(职工)： 名称： 姓名： 法定代表人： 身份证号码： 地址： 现住址： 经济类型： 联系电话： 联系电话： 根据(中华人民共和国劳动法和国家及省的有关规定，甲乙双方按照平等自愿、协商一致 的原则订立本合同。 24 一、合同期限一、合同期限 (一)合同期限 双方同意按以下第 种方式确定本合同期限： 1、有固定期限：从 年 月 日起至 年 月 日止。 2、无固定期限：从 年 月 日起至本合同约定的终止条件出现时止(不得将 法定解除条件约定为终止条件)。 3、以完成一定的工作为期限：从 年 月 日起至 工作任务完成时止。 (二)试用期限 双方同意按以下第 种方式确定试用期期限(试用期包括在合同

30、期内)： 1、无试用期。 2、试用期从 年 月 日起至 年 月 日止。 (试用期最长不超过六个月。其中合同期限在六个月以下的，试用期不得超过十五日；合同 期限在六个月以上一年以下的。试用期不得超过三十日；合同期限在一年以上两年以下的，试用 期不得超过六十日。) 二、工作内容二、工作内容 (一)乙方的工作岗位(工作地点、部门、工种或职务)为 (二)乙方的工作任务或职责是 (三)甲方因生产经营需要调整乙方的工作岗位，按变更本合同办理，双方签章确认的协议或 通知书作为本合同的附件。 (四)如甲方派乙方到外单位工作，应签订补充协议。 三、工作时间三、工作时间 (一)甲乙双方同意按以下第 种方式确定乙方

31、的工作时间： 1、标准工时制，即每日工作 小时，每周工作 天，每周至少休息一天。 2、不定时工作制，即经劳动保障部门审批，乙方所在岗位实行不定时工作制。 3、综合计算工时工作制，即经劳动保障部门审批，乙方所在岗位实行以 为周期，总工 时 小时的综合计算工时工作制。 (二)甲方因生产(工作)需要，经与工会和乙方协商后可以延长工作时间。除(劳动法)第四十 二条规定的情形外，一般每日不得超过一小时，因特殊原因最长每日不得超过三小时，每月不得 超过三十六小时。 四，工资待遇四，工资待遇 (一)乙方正常工作时间的工资按下列第( )种形式执行，不得低于当地最低工资标准。 1、乙方试用期工资 元月；试用期满工资 元月(元日)。 2、其他形式：。 (二)工资必须以法定货币支付，不得以实物及有价证券替代货币支付。 (三)甲方根据企业的经营状况和依法制定的工资分配办法调整乙方工资，乙方在六十日内未 提出异议的视为同意。 (四)甲方每月 日发放工资。如遇节假日或休息日，则提前到最近的工作日支付。 (五)甲方依法安排乙方延长工作时间