北京市东城区职工大学计算机系毕业论文.doc

北京市东城区职工大学计算机系毕业论文 论文题目： 个人幽默搞笑网站 专业班级： 计算机信息管理10级 成员姓名： 于金生 指导教师： 柴俊霞 完成时间： 摘要本文就个人网站的规划与建设，以软件工程的方法对全过程进行了分析与研究。本文的主要工作集中在：1. 对Web页进行概述，主要是对Internet的历史和发展作了回顾，并对Web页的定义和特性进行阐述。并对网站开发过程中使用的开发工具和技术作了简要的介绍。2. 对网站建设中提及到的术语进行了解释，并对个人网站的由来和发展进行了讨论。3. 对自己的个人网站从规划到建设进行了详细的分析。4. 使用ASPIISAccess技术实现了我的网站的各种功能，其中和数据库的连接使用到了ODBC技术。5. 就网站建设提出了自己的观点与建议。关键词： 网站ASPSQL Server风格创意目录 第一章：序言第一节概述：.第二节：Z-Blog开发工具的介绍及选择第三节：关系型数据库的选择第二章：个人网站设计与析析第一节：相关术语及解释第二节：个人网站的由来和发展第三节：我的个人网站的设计与规划第三章：详细设计第一节：数据库的设计第二节：页面设计第四章：编码 测试与维护.第一节：测试与维护.第二节：设计技巧和解决方案.结 束 语：.谢 词 ：.参考文献： 第一章 序言目前，我国上网的人口已近一个亿，成立世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑， 网站已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的发展，各类网站纷纷出现。个人网站也成为了一种时尚。越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格 第一节 web 概述一、 认识Web Web(World Wide Web，简称WWW，又称万维网)是目前Internet上应用最广泛也是最重要的信息服务类型，它的影响已经进入了Internet上的广告、新闻、电子商务和展示信息等各个服务领域。 Web采用浏览器/服务器（B/S）工作模式，其运作模式可以描述为：请求处理应答。Web以超文本标记语言HTML(Hyper Text Markup Language)与超文本传输协议HTTP(Hyper Text Transfer Protocol)为基础，通过浏览器为用户提供方便友好的信息浏览界面。 Web将位于全世界互联网上不同网址的相关信息有机地编织在一起。在Web服务方式中，信息以页面（或称Web页）的形式存储在Web服务器中，这些页面采用超文本的方式对信息进行组织，通过链接将一页信息链接到另一页信息。这些相互链接的页面既可以放置在同一台主机上，也可以放置在不同的主机上。页面到页面的链接信息由统一资源定位器URL(Uniform Resource Locator)维持。用户通过客户端应用程序（即浏览器）向Web服务器发出请求，服务器根据客户端的请求将保存在服务器中的某个页面返回给客户端，浏览器接收到页面后对其进行解释，最终将信息以图、文、声并茂的形式呈现给用户。 Web服务的特点在于高度的集成性，它能够实现不同类型的信息（如文本、图像、声音、动画和视频等）和服务（如New、FTP、Telnet、Gopher及Mail等）的无缝链接，特别适合于广域网中信息的组织、检索与显示。二、Web技术综述 在信息技术领域中，Web技术几乎汇集了当前信息处理的所有技术手段，以求最大限度地满足人性化的特点。Web界面五颜六色，既有文字、彩图、动画、声音、视频和一些相关信息或目录摘要，还可根据需要进入你想去的任何地方。只要你愿意或是你能想到的服务，Web几乎都能实现。Web技术涉及诸多技术领域：（一）网络硬件技术 从两台或多台机器组成的对等网，到主机控制的以太网，再到生动活泼的因特网，每一处都需要有特定的硬件支持。1968年，当“LOGIN”的“LO”从美国加州洛杉矶分校的电脑屏幕跳到斯坦福大学的电脑屏幕上时，标志着人类首次组网的成功！组网技术经过几十年的锤炼，而今已经相当成熟了。 网络硬件技术包括很多方面，其主要的作用就是把网络中的各种资源通过相关网络连接设备连接起来，实施网络通信和达到共享网络资源的目的。（二）Web管理技术 网络管理技术是一个永久的话题。网络管理的难点是安全性问题，涉及到防止来自内部和外部的攻击，这对管理员自身的技术是一个严峻的考验。一个合格的网管人员，除了管好网络，还得和黑客做技术上的较量。网络管理涉及的方面可谓种类繁多，简单地说，网络管理就是为保证网络系统能够持续、稳定、安全、可靠和高效地运行，不受外界干扰，而维持网络系统设施所采取的一系列方式和措施。网络管理由网管员通过驾驭网络操作系统和网络管理软件来实现。 Web管理则是在网络管理的基础上，针对网络建设和维护所进行的一系列管理。诸如架设Web服务器、文件传输服务器、邮件服务器、域名服务器、代理服务器以及用户管理和计费管理等等。第二节 开发工具的介绍及选择一、Z-Blog Z-Blog是一款小巧而强大的基于Asp平台的Blog程序，其特性包括：支持界面主题及样式更换采用web standards网页设计标准，静态生成日志,支持自定义目录配置，支持Firefox、Opera、Safari等浏览器，支持Wap、离线写作软件，操作系统：Windows 2000以上 Web 服务器： IIS5.0 以上 需要的ASP组件：ADO数据库、FSO、MSXML、ADODB.Stream 等系统组件文件或目录的读写权限： 读取写入权限： 文件：RSS.XML、ATOM.XML文件 目录：UPLOAD、INCLUDE、CACHE、POST、THEMES，PLUGIN目录 DATA：要求拥有数据库文件读取与写入权限，包括：更名，连接，读取，写入 Z-Blog是由zx.asd和sipo联合开发的asp+access博客系统，是国内非常著名的博客系统之一，创始人是zx.asd。同时支持繁/简体中文（并可以配置成为英语等其他语言） 支持模版功能 插件功能 支持XML-PRC离线编辑功能（MetaWeblog API） 支持生成静态文件功能 AJAX回复功能 以及其他一些BLOG程序共有的功能（RSS、ATOM输出、TrackBack等） = PLUS版本 = 在z-blog正式版开发的同时，网友cloudream也同时发布了plus版本。plus版本增加了很多zblog原有的功能。程序语言Zblog是asp程序。国内流行asp大部分是因为盗版的猖獗与版权意识淡薄，而今后中国的版权发展状况如何也会影响到asp程序的应用推广。 空间支持基本上国内符合asp程序的空间很多，Z-blog的静态化支持很理想。 操作性相比而言，Zblog功能操作方面更符合国人习惯，比如有文章置顶、模板的自动安装、文章编辑等。Zblog转移备份之类十分简单。 插件模板Zblog的插件和模板不是很丰富，利用各种插件可以实现常用的功能，Z-blog可新增页面，如果你会编码，扩充性相对较强。虽然Zblog的数量较少，但插件功能方面比较贴近国人的需求。同时随着Zblog的用户增加，模板与插件的数量在不断的增加。SEO与推广在SEO方面，Zblog优势其实并不是很多人说的程序先天性，而是更便捷的Diy，而最终效果如何要看自己的SEO水平与项目决定。 用户反馈用户反馈其实还包括防SPAM，恶意留言现在已经成为Blogger的一个苦恼。Zblog实行的是链接转向，所以很人性化。目前而言，如果追求操作便捷性与国人习惯，更推荐Zblog。从z-blog转移到wordpress方法1、首先下载鸟儿修改版的MoveableType插件并拷贝到z-blog的Plugin目录（注：一定要用鸟儿修改版，如果用的不是鸟儿修改版，Tag都是连在一起 的，这就需要在WP后台中重新修改标签，用英文输入法的半角逗号作为标签分隔符，这就太麻烦了）。 2、在z-blog中激活MoveableType插件 3、点击“管理”Moveable插件， 选择要导出的文章范围，如果要全部导出就默认了。 4、点击“提交”会提示保持“moveabletype.asp”文件， 保存即可这样就已经成功的把内容从z-blog中导出了。5、下载wamp程序，然后安装，安装好后运行，注意要启用rewrite module，并且start mysql 数据库服务。 6、将wordpress程序放到wamp的www文件夹中，修改wp-config-sample.php，然后在浏览器地址栏输入localhost回车安装wordpress。 7、安装好后，在WordPress后台 工具 导入moveabletype就好。 8、Z-blog和WordPress的网页链接是不一样的，所以要保证程序转换后不损失流量，设置WP的固定链接是十分必要。将wp的链接修改为与z-blog一致。 9、其他工作 检查一下各个文件的文件名，检查大小写，因为我们即将上传全部文件到linux空间，linux是区分大小写的。 10、使用wp 数据备份插件备份数据库，将www文件夹中的全部文件上传到空间，在phpmyadmin中导入数据库，再将数据库中的全部的“localhost”换成你的域名zblog程序特点前台符合网页标准 符合 XHTML 网页标准。 静态化网页 静态化文章页，承载千万访问。 WAP访问 支持WAP（WML）浏览、评论。后台在线安装主题&插件 轻点鼠标，轻松换肤，方便个性化。 可视化编辑&UBB编辑集成FCKEditor可视化编辑器与UBB文本编辑器，所见即所得。离线发布 支持MetaWeblog AP阿速达I，可使用离线编辑器或第三方编辑器更新博客二、梦幻网页的编织者-Dreamweaver8.0Dreamweaver是创建和管理网页的专业化可视编辑器。使用Dreamweaver可以轻松创建跨平台、跨浏览器的页面。Macromedia的Roundtrip HTML技术允许用户随意导入HTML文档而无需重新设置代码格式。Dreamweaver可以为用户做到：使用动态HTML功能（例如具有动态效果的层和行为）而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。Dreamweaver还是一个可以完全自定义的应用程序。用户可以创建自己的对象和命令修改菜单和快捷键，甚至编写JavaScript代码扩展Dreamweaver的行为和属性检查器。至于Dreamweaver工作区是非常灵活的，因此它可以适应各种不同的工作风格和使用水平。常用的Dreamweaver工作区组件有以下若干种：(一) 文档窗口可显示当前文档，文档的外观和浏览器中看到的非常相似。(二) 装载器中包含一些打开和关闭常用检查器和模板的按钮。(三) 对象工具栏包含创建不同类型的对象（例如图象、表格和层等）的按钮。(四) 属性检查器显示选定对象的属性。(五) 快捷菜单可以使用户对当前选择或区域快速执行某些命令。(六) 可固定的浮动工具栏允许用户将浮动窗口、检查器和工具栏组合在一个或多个选择窗口中。三、网页动画的制作软件-Micromedia Flash 8.0Micromedia Flash 8.0用于web站点的交互式的矢量图形和动画的制作，它可制作出 用于浏览时的导航控制、制作动画图标、带同步声音的大段的动画，创建出生动的富于表现力的网页。Flash中的图形都是矢量的，占据存储空间较少，因而下载时间短，且能很好地适应浏览者不同尺寸的屏幕。Flash 的交互性的大部分设置就在 Action 和 Fs Command 里，通过对 Action 和 Fs Command 的设置，你可以随意的设置各事件发生的效果，还有对变量及函数的设置。四、JavaScriptJavaSript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择。 五、影像与动画的制作软件Adobe Photoshop8.0Photoshop 8.0是目前最流行的图形、图像编辑设计软件，在数码影像处理、图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。(一) 文字处理更加方便(二) 增加的图层集使图层管理更有序。(三) 新增图像功能：图像的剪切和剪裁更加方便。(四) 将所有工具的选项板改进为工具选项栏放置在工作区顶部，方便先项参数的设置。(五) 为了更方便地用路径绘画，改进增加了几何形状工具，通过选择工具的不同工作模式，可创建路径、几何形状或几何填充区，使得矢量绘图功能得到了加强。六、动态网站的脚本语言-ASPActive Server Pages：“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或 JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（lient）在浏览器中可以显示程序执行的结果，可是，客户端（lient）若使用Netscape浏览器就无法显示VBScript的执行结果。(一)、的特点：1、任何开发工具皆可发展只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPage Express、 rontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写，可能会发生一些意想不到的离奇状态。通过各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。2、语言相容性高ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java ScriptActive X服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。3、隐密安全性高如果我们在浏览器中直接查看网页的原始代码，就只能看到文件，原始的程序代码是看不到的！这是因杰程序先于网站服务（eb Server）端执行后，将结果转换成标准文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的程序并不会轻易地被看见进而被盗用。4、易于操控数据库可以轻易地通过DBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：Acess、Foxpro、dBase、Oracle等等，另外，亦可将“文本文件”或是”Excel” 文件当成数据库用。5、面向对象学习容易具备有面向对象（bject-Oriented）功能，学习容易，提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用内建的“Application”对象或”Session”对象所撰写出来的程序可以在多个网页之间暂时保存必要的信息。6、ASP的六大内部对象对象名称 功能描述RequestResponseServerSessionApplicationObjectContext 从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合Microsoft Transaction 服务器进行分布式事务处理所以我选择了ASP结合Dreamweaver架构个人站点。 第二章 个人网站设计分析第一节 相关术语及解释一、站点所谓站点，就是将网页文件和素材文件，有条理地放置站点文件夹里，这些文件与文件夹就构成了网站的实质内容。站点文件夹里除了网页文件还有素材文件，所谓素材就是网页中所用到的图像、声音、视频等，这些内容是以单独文件的形式存在二、超链接我们在浏览网页时，当鼠标指针指向某段文本或是某个图像，鼠标指针变成小手状，单击鼠标可以打开其他的网页或是跳转到其他的网站，这就是超链接。采用超链接技术可以将不同的网站、网站中的不同网页、网页中的不同位置彼此串在一起，实现相互间的跳转，方便信息的浏览和查找。人们通过超链接可以很方便很迅速地访问分布于全球计算机上的海量资源，实现在互联网中的漫游。超链接能使Web服务存在广泛和持久的生命力，超链接可以说是Web的灵魂。第二节 个人网站的由来和发展互联网在中国的出现只有短短七年时间，1994年中国科学院高能物理研究所设立了国内第一个Web服务器，推出一个叫做“中国之窗”的网页，这可能是国内Internet上出现的第一个Web网页，1995年开始，中国教育科研网，中国科技网，中国公用计算机互联网以及中国金桥网这构成中国数字神经系统的四大互联网络相继建成，使互联网在中国开始真正进入社会生活之中。这时期，个人网站出现的条件还很不成熟，国内上网的人数很少，也缺乏支持个人建站的环境，用户很难找到理想的个人主页存放地。个人网站发展的第二阶段是从1997年初到1998年，这段时间，中国网民数量飞速增长，个人网站日渐繁荣，个人主页的数量急剧增加。同时，越来越多的商业网站开始免费提供个人主页空间，这些良好的外部极大地促进了个人网站的发展，涌现了一批很著名的个人网页，从1998年下半年开始，随着互联网应用的深入的普及，随着众多主页制作工具的出现，使得建站成为一件非常容易的事，创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。第三节 我的个人网站的设计与规划一、明确架设网站的目的通常情况下，架设个人网站具有较强的目的性，我的个人网站一般体现在：为了展示自己的风采，让大家和我一起分享我的心得与经验，让和我有共同爱好的朋友有一个倾诉的地方。二、我的个人网站概貌因为是个人网站，所以只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。因此将网站设计分为前台页面展示平台和后台在线管理平台。三、功能划分网站设计有更新，浏览者可以在首页浏览自己喜欢的内容，并且可以在留言板和大家交流，在后台管理页面中，通过身份认证，管理员我，可以对网站信息进行管理。站内的其它页面均是我自己的精心收藏，与大家一起分享。四、功能描述(一)留言板是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。(二)后台管理页面是我管理和添加到新内容的地方，为了方便实现信息的经常更新，我设计了这个管理页面，经过身份认证后我可以进入网站对其中的信息进行管理。(三)内容在其中展示我喜爱的东西，包括我的日记、精品文章、社会文化和一些杂七杂八的文章。奇文共欣赏，疑义相与析。我只想起到抛砖引玉的作用，让大家从中认识我和了解我，让一些美好的东西我们大家共同来欣赏。(五)图片在其中展示幽默的图片，让大家一起快乐、高兴。(六)音乐在其中展示个人喜欢的歌曲，朋友们可以在里面点播自己喜欢的歌。(七)页面组织和数据库设计在明确了我的个人网站的风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计。建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。因此我将自己的个人网站分为五个栏目，分别是关于幽默故事、幽默图片、音乐、留言。第三章 详细设计第一节数据库的设计（一）用户密码登记表存储了系统用户和普通用户的信息，包括：名称，密码，验证码，密码保存时间。它的设计视图如图1：（二）留言基本档案存储了用户的档案包括：ID,留言者名字、留言者QQ、留言者E-mail,留言内容，留言者主页，留言时间，回复留言，留言头像，留言表情，留言者IP，留言者地址，留言主题,其中ID为该表的主关键字。它的设计视图如图2：（三）分类表如图三：第四章 编码、测试与维护第一节 测试与维护一、IIS(Internet 信息服务)安装配置可以在添加或删除程序 添加/删除Windows组件对话框中把Internet 信息服务(IIS)前的勾选中，点下一步进行安装就行了(注：在这之前应把系统安装盘放到光驱)。 IIS 装好之后再作一下简单的配置。定位到开始管理工具Internet 信息服务(IIS)管理器，打开IIS管理器，弹出如下菜单图然后单击Default Web Site会出现如图对话框图单机高级设置出现如图对话框，更改物理路径到网站文件夹双击Default Web Site点击ASP更改父路径为true二、Z-Blog测试站点和用IIS测试本地站点 Z-Blog提供了全面检测站点的功能，它比检测链接更全面。全面地检测内部、外部链接、去除错标签、空标签、多余的标签等，它的使用相当简单，使用全面检测站点功能如下： 1、更改物理路径为网站文件夹2、更改父路径为true3、把编好的网站文件复制到IIS中的物理路径中，打开浏览器,在地址栏中输入/就可以看到网页了 三、维护 网站建成后并不意味着网站建设的结束，网站内容需要不断更新，这样才会不断的吸引更多的浏览者访问，才能成为一个优秀的网站。通过Z-Blog软件将更新过的内容传到服务器，同时还要认真回复浏览者的电子邮件和留言，做到有问比答。平时多收集资料，多听听别人建议，定期更新版面，还有推广站点。 第二节 设计技巧和解决方法一、用服务器端包含技术实现对文件的引用系统中有许多页面都会引用相同的代码文件，所以使用include语句将已完成代码的文件包含进来，就可以简化代码的缩写。如首页面indes.asp中第二行和第三行代码。结束语经过老师耐心细致的指导，及同学之间的相互交流，同时翻阅了大量的资料(包括网上资料，书本及学校的一些相关资料)经过近一段时间的努力，个人网站的设计制作告一段落。总结这次“幽默搞笑-个人网站”开发制作过程，我们综合使用了目前因特网上比较流行的各种静态制作方法及交互式动态网站的制作设计手段，并对初步利用后台程序完成了网站的动态响应与生成网页的技术。同时也从中学习了对静态页面的处理风格，色彩搭配，页面导航方面有了一定经验。对用Javascript语言制作动态效果也有了更进一步的认识。在交互式网页设计学会了如何使用Access建立数据库，以及对数据库浏览，修改，添加，