《网页设计》实验报告

网站项目管理规范

一.概念

网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。

二.需求分析

1.项目立项

我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。

2.客户的需求说明书

第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚，需要您不断引导和帮助分析。曾经有一次，我问客户：“您做网站的目的是什么？”他回答：“没有目的，只是因为别人都有，我没有！”。这样的客户就需要耐心说明，仔细分析，挖掘出他潜在的，真正的需求。 配合客户写一份详细的，完整的需求说明会花很多时间，但这样做是值得的，而且一定要让客户满意，签字认可。把好这一关，可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢？简单说，包含下面几点：

1.正确性：每个功能必须清楚描写交付的功能；

2.可行性：确保在当前的开发能力和系统环境下可以实现每个需求；

3.必要性：功能是否必须交付，是否可以推迟实现，是否可以在削减开支情况发生时"砍"掉；

4.简明性：不要使用专业的网络术语；

5.检测性：如果开发完毕，客户可以根据需求检测。

三.系统分析

1.网站总体设计

在拿到客户的需求说明后，并不是直接开始制作，而是需要对项目进行总体设计，详细设计，出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定：

1.网站需要实现哪些功能；

2.网站开发使用什么软件，在什么样的硬件环境；

3.需要多少人，多少时间；

4.需要遵循的规则和标准有哪些。

同时需要写一份总体规划说明书，包括：

1.网站的栏目和版块；

2.网站的功能和相应的程序；

3.网站的链接结构；

4.如果有数据库，进行数据库的概念设计；

5.网站的交互性和用户友好设计。

2.网站建设方案

在总体设计出来后，一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统，而且在客户需求不是十分明确的情况下提交方案，往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解，在明确需求并总体设计后提交方案，这样对双方都有益处。网站建设方案的包括以下几个部分：

1.客户情况分析；

2.网站需要实现的目的和目标；

3.网站形象说明；

4.网站的栏目版块和结构；

5.网站内容的安排，相互链接关系；

6.使用软件，硬件和技术分析说明；

7.开发时间进度表；

8.宣传推广方案；

9.维护方案；

10.制作费用；

11.本公司简介：成功作品，技术，人才说明等。

当您的方案通过客户的认可，您可以开始动手制作网站了。但还不是真正意义上的制作，你需要进行详细设计：

3.网站详细设计

总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序，而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图，它们应该 包含必要的细节，例如：程序界面，表单，需要的数据等。程序员可以根据它们写出实际的程序代码。

四. 项目实施

1.整体形象设计

在程序员进行详细设计的同时，网页设计师开始设计网站的整体形象和首页。

整体形象设计包括标准字，Logo，标准色彩，广告语等。 首页设计包括版面，色彩，图像，动态效果，图标等风格设计，也包括banner，菜单，标题，版权等模块设计。首页一般设计1-3个不同风格，完成后，供客户选择。

记住：在客户确定首页风格之后，请客户签字认可。以后不得再对版面风格有大的变动，否则视为第二次设计。

开发制作

2.开发制作

到这里，程序员和网页设计师同时进入全力开发阶段，需要提醒的是，测试人员需要随时测试网页与程序，发现Bug立刻记录并反馈修改。不要等到完全制作完毕再测试，这样会浪费大量的时间和精力。项目经理需要经常了解项目进度，协调和沟通程序员与网页设计师的工作。

调试完善

3.调试完成

在网站初步完成后，上传到服务器，对网站进行全范围的测试。包括速度，兼容性，交互性，链接正确性，程序健壮性，超流量测试等，发现问题及时解决并记录下来。

为什么要记录文档呢？其实本软件工程本身就是一个文档，是一个不断充实和完善的标准。通过不断的发现问题，解决问题，修改，补充文档，使这个标准越来越规范，越来越工业化。进而使得网站开发趋向规范，趋向合理。

4.宣传推广

宣传推广的基本方法有：

1.网页里设置适当的META标签；

2.各搜索引擎登录；

3.准备新闻稿件在各新闻公告板发表；

4.合理使用Email邮件列表；

5.广告条交换；

6.付费广告。

至此，网站项目建设完毕，将有关网址，使用操作说明文档等提交客户验收。如果需要维护，另行签定维护项目。

五.维护

网站成功推出后，长期的维护工作才刚刚开始，需要做到的是:

1.及时响应客户反馈；例如可以采取Email自动回复功能，然后在1-3个工作日里解决问题，再次回复；

2.网站流量统计分析和相应对策；

3.尽量推广和使用您的网址；

4.网站内容的及时更新和维护。

六.遵循的规范

1.网站建设目录规范

2.网站文件命名规范

3.网站建设尺寸规范

4.网站首页head区代码规范

5.网站连接结构规范

网站开发规范

任何一个项目或者系统开发之前都需要定制一个开发约定和规则，这样有利于项目的整体风格统一、代码维护和扩展。由于Web项目开发的分散性、独立性、整合的交互性等，所以定制一套完整的约定和规则显得尤为重要。定制一系列约定和规则，包括组件团队、文件夹命名规则、文件名命名规则、程序代码编程风格、数据库设计约定。这些规则和约定需要与开发人员、设计人员和维护人员共同讨论定制，将来开发都将严格按规则或约定开发。每个团队开发都应有自己的一套规范，一个优良可行的规范可以使我们工作得心应手事半功倍，这些规范都不是唯一的标准不存在对与错，也许有些地方与你当前使用的习惯相驳，很多地方都有争议。。

非常明显在Web项目开发中有前后台开发之分，前台开发主要是指非程序编程部分，主要职责是网站AI设计、界面设计、动画设计等。而后台开发主要是编程和网站运行平台搭建，其主要职责是设计网站数据库和网站功能模板的实现。下面的这些规范主要是从这2个方面来定制的，这些规范是工作中总结的一点经验，本文档比较适合中小型网站或者Web项目的开发规范。

一．组建开发团队

在接手项目后的第一件事是组建团队。根据项目的大小团队可以有几十人，也有可以是只有几个人的小团队，在团队划分中应该含有6个角色，这6个角色是必须的，分别是项目经理，策划，美工，程序员，代码整合员，测试员。也许你的团队还没有6个人，没有关系一个人可以有多个角色，比如项目经理还可以有策划这个角色，如程序员还可以含有代码整合和测试这2个角色，如果你的项目够大人数够多那就分为6个组，每个组分工再来细分。下面简单介绍一下这6个角色的具体职责。

项目经理，项目总体设计，开发进度的定制和监控，定制相应的开发规范，负责各个环节的评审工作，协调各个成员(小组)之间开发。策划，提供详细的策划方案和需求分析。还包括后期网站推广方面的策划。美工，根据策划和需求设计网站AI，界面，Logo等。程序员，根据项目总体设计来设计数据库和功能模块的实现。代码整合员，负责将程序员的代码和界面融合到一起，代码整合员可以制作网站的相关页面，测试员，负责测试程序。

二．开发工具

Web开发工具主要分为3部分，第一部分是网站前台开发工具，第二部分是网站后台开发环境，第三部分是项目管理和辅助软件。下面分别简单介绍这三部分需要使用的软件。

网站前台开发主要是指Web界面设计。包括网站整体框架建立、常用图片、Flash动画设计等等，主要使用的相关软件是：Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。

网站后台开发主要指网站动态程序开发、数据库建模，主要使用的相关软件是： PowerDesigner（数据库建模），PowerDesigner在数据库设计方面应用非常强大，用它可以快速创建数据库概念和物理模型，我最喜欢的还是它生成数据库Report的功能太方便了，设计数据库强烈推荐用它。Rational Rose（程序建模），如果你的项目功能模块不是特别复杂那就剩了它吧，这样会节省一些时间和开发的复杂度，不过我个人认为不管是大项目还是小项目都应该画画Rose图。

网站项目管理主要指对开发进度和代码版本的控制。开发进度用Microsoft Project来制定，代码版本控制采用Visual SourceSafe，当然还有其他的选择比如CVS和Rational ClearCase。网站测试采用VS.net的附带工具Microsoft Application Center Test，它可以进行并行、负载测试等。程序文档编写采用Word，用WPS也可以。

三.网站开发流程

在项目开始实施之前应该有一个工作步骤也就是工作流程，在项目开发中最需要时间的是总体设计和系统测试，而程序编写代码所占的时间并不多，但有的团队就急于开发写代码，先把程序写出来再说，没有注重评审和测试这2个环节，结果造成返工，我在一家比较大的公司中都遇到多次这种情况。所以项目来了不要急于开工写代码，应该一步一步慢慢来，只有走的慢才能走得稳走得远。图1的开发流程比较好地体现开发的整个环节。

图 1

从图1可以看到2条主线，这2条主线分别是前台开发和后台开发。前后台开发在项目开发早期互相没有交叉，当然不是绝对没有，Web策划和需求分析都是互相有关系的，一个是网站表现形式和风格的策划另一个是网站功能的策划，它们是衣服和躯干的关系。到了开发后期就需要把界面和功能模块结合起来形成一个统一，也就即将发布的网站。

四．数据库开发规范

数据文件命名采用系统名+_+文件类型，比如系统名为kupage,则数据库文件命名为kupage_database.mdf，有的数据库文件有多个，比如SQL Server就有2个，一个是数据库文件，另一个是日志文件，那么他们的文件命名分别为kupage_database.mdf，kupage_log.log。文件名全部采用小写。

数据库表命名规范，表名长度不能超过30个字符，表名中含有单词全部采用单数形式，单词首写字母要大写，多个单词间不用任何连接符号。若库中有多个系统，表名采用系统名称+单词或多个单词，系统名是开发系统的缩写，系统名称全部采用小写英文字符,如bbsTitle,bbsForumType。若库中只含有一个系统，那么表名仅用一个单词或多个单词。单词选择能够概括表内容的一个或多个英文单词，如UserInfo,UserType。关连表命名规则为Re_表A_表B,Re是Relative的缩写，如：Re_User_ArticleType, Re_User_FormType。

数据库字段命名规范，数据库字段名全部采用小写英文单词，单词之间用”_”隔开，命名规则是表别名+单词，如：user_name,user_pwd。表别名规则，如果表名是一个单词，别名就取单词的前4 个字母；如果表名是两个单词，就各取两个单词的前两个字母组成4 个字母长的别名；如果表的名字由3 个单词组成，你不妨从头两个单词中各取一个然后从最后一个单词中再取出两个字母，结果还是组成4 字母长的别名。

视图名采用规则View_表A_表B_表C,View表示视图。这个视图由几个表产生就用”_”连接几个表的名，如果表过多可以将表名适当简化，但一定要列出所有表名。

存储过程命名规则P_表名_存取过程名(缩写)，比如P_User_Del，P_ArticleType_AddData。

SQL语句编写规则，关键字必须大写，其他书写按上述命名规则，比如：

SELECt user_id, user_name FROM User WHERe user_id = ‘tom’

五．文件夹文件名命名规范

文件夹命名一般采用英文，长度一般不超过20个字符，命名采用小写字母。除特殊情况才使用中文拼音，一些常见的文件夹命名如：images(存放图形文件)，flash（存放Flash文件），style(存放CSS文件)，scripts（存放Javascript脚本），inc(存放include文件)，link（存放友情链接）,media(存放多媒体文件)等。

文件名称统一用小写的英文字母、数字和下划线的组合。命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作 。

1、图片的命名原则名称分为头尾两部分，用下划线隔开，头部分表示此图片的大类性质例如广告、标志、菜单、按钮等等。

放置在页面顶部的广告、装饰图案等长方形的图片取名： banner

标志性的图片取名为： logo

在页面上位置不固定并且带有链接的小图片我们取名为 button

在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名： menu

装饰用的照片我们取名： pic

不带链接表示标题的图片我们取名： title

下面是几个范例： banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg 。

2、动态语言文件命名规则性质_描述，描述可以有多个单词，用”_”隔开，性质一般是该页面得概要。

范例：register_form.asp，register_post.asp,topic_lock.asp

六．程序代码编程规范

一个良好的程序编码风格有利于系统的维护，代码也易于阅读查错。在此只讨论ASP的编程风格和约定。在ASP中所有变量是弱变量，无需定义就可以直接使用，而且代码不区分大小写。但其他语言一般这些都要定义的，为了养成良好的编程习惯，编写代码务必按照一下规则。

1、每个变量名必须定义，在ASP文件的最开始添加语句，强制定制每个变量。

2、出于易读和一致性的目的，在代码中使用以下变量命名约定：

子类型 前缀 示例

Boolean bln blnFound

Byte byt bytRasterData

Date (Time) dtm dtmStart

Double dbl dblTolerance

Error err errOrderNum

Integer int intQuantity

Long lng lngDistance

Object obj objCurrent

Single sng sngAverage

String str strFirstName

3、程序代码需要有缩进，缩进采用键盘Tab键，不采用空格键。并且”＝”或者链接字符串时需要左右空一格，如下：

4、函数过程编写的约定。函数或者过程命名采用动作+名词，每个函数需要给出相应的注释，函数功能，传入变量，以及作者和修改相关信息。如下面函数:

<%

'[功能] 返回一个参数的值

'[参数] strParameterName 参数名称

'[作者] icefire 2002/8/20 am

Function GetParameterValue(strParameterName)

Dim objRS, strSQL, strParameterValue

strSQL = "SELECt ParameterValue FROM damsParameters WHERe ParameterName = '" & strParameterName &"'"

.

.

.

GetParameterValue = strParameterValue

Set objRS = Nothing

End Function

5、ASP内置对象区分大小写。如下代码片断

strUserName = Request.Form(“UserName”)

Set conn = Server.CreateObject("ADODB.Connection")

6、数据库连接一个库只能有一个数据库连接文件，创建数据库对象得原则是尽可能晚地打开数据库，尽可能早地关闭数据库。创建数据库对象调用统一地创建函数。如下：

Sub OpenConn(ByRef conn)

Dim strDBPath, strDBConnection

strDBPath = Server.MapPath("database/tax.mdb")

strDBConnnection = "Driver={Microsoft Access Driver (*.mdb)}DBQ=" &strDBPath

Set conn = Server.CreateObject("ADODB.Connection")

conn.Open strDBConnnection

End Sub

7、当一个对象不在使用时要释放对象资源，比如objFSO,objRS对象等。采用统一函数调用。函数如下：

Sub CloseObj(ByRef obj)

If IsObject(obj) Then

obj.Close

Set obj = nothing

End If

End Sub

8、时间全部以字符串的形式保存到数据库中，这样做能够是日期在不同的数据库中都能良好地保存，也方便数据库地迁移。时间用14位字符串保存，日期用8位字符串保存。

七．网站首页head区代码规范

head区是指首页HTML代码的<head>和</head>之间的内容。 必须加入的标签

1.公司版权注释

<!--- The site is designed by Maketown,Inc 06/2004 --->

2.网页显示字符集

简体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/htmlcharset=gb2312">

繁体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/htmlcharset=BIG5">

英 语：<META HTTP-EQUIV="Content-Type" CONTENT="text/htmlcharset=iso-8859-1">

3.网页制作者信息

<META name="author" content="webmaster@maketown.com">

4.网站简介

<META NAME="DESCRIPTION" CONTENT="本站是一个医疗站点…">

5.搜索关键字

<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">

6.网页的css规范

<LINK href="style/style.css" rel="stylesheet" type="text/css">

(参见目录及命名规范)

7.网页标题

<title>xxxxxxxxxxxxxxxxxx</title>

8.可以选择加入的标签

1.设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。

<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

2.禁止浏览器从本地机的缓存中调阅页面内容。

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

3.用来防止别人在框架里调用你的页面。

<META HTTP-EQUIV="Window-target" CONTENT="_top">

4.自动跳转。

<META HTTP-EQUIV="Refresh" CONTENT="5URL=http://www.yahoo.com">5指时间停留5秒。

5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。

<META NAME="robots" CONTENT="none">

CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。

6.收藏夹图标

<link rel = "Shortcut Icon" href="favicon.ico">

所有的javascript的调用尽量采取外部调用.

<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>

附<body>标签：

<body>标签不属于head区，这里强调一下，为了保证浏览器的兼容性，必须设置页面背景<body bgcolor="#FFFFFF">

八．网站建设尺寸规范

1. 页面标准按800*600分辨率制作，实际尺寸为778*434px

2. 页面长度原则上不超过3屏，宽度不超过1屏

3. 每个标准页面为A4幅面大小，即8.5X11英寸

4. 全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px

5. 另外120*90，120*60也是小图标的标准尺寸

6. 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K

通过教学实习掌握站点制作、站点测试与发布技术。会综合利用Fireworks

、Flash和Dreamweaver三个软件进行静态网站的设计。

二、实习内容：

1.用Fireworks处理图片。对图片裁剪、钝化、高斯模糊。设置图片的GIF动画格式，制作标题动画。对文字应用效果。利用Fireworks制作导航条并导出格式为html。

2.用Flash制作标题动画。首页中的动画不超过20M。制作按钮来超级链接到其他页面。

3.使用Dreamweaver布局视图，设置本地站点。在标准视图和布局视图模式相互转换。建议使用布局视图，在标准模式中插入层对象制作层动画，利用行为面板添加鼠标行为，制作翻转动画，使用CSS样式统一网页中文字样式，插入Fireworks中的GIF

文件及导入Flash中的SWF文档，设置文档间的超级链接。

三、具体要求：

1、利用Dreamweaver制作一个静态网站，要求网站有特色，整个网站的内容和形式要统一，应能够反映一个简单的主题。可以选择制作《个人网站设计》、《企业网站设计》、《文化网站的设计》、《娱乐网站设计》或者其他自己认为适合的网站。

2、 作一个主页面，至少5个次页面。

3、必须用到框架、表格或层排版技术、Flash技术和图像处理技术，使网站具有合理的外观和功能。

4、 主页基本要求：

　页头Logo，准确无误地标识站点和企业标志；

　网页标题动画，可以制作成GIF动画或者Flash动画；

　导航条；

　E-mail地址，用来接受用户垂询；

　联系信息，如普通邮件地址或电话；

　版权信息。

5、制作一个表单页面。

6、某个页面有滚动字幕。

7、为一个页面添加背景音乐。

8、至少添加一种行为效果。

9、整个网站各页面之间保持风格一致，页面之间要有合理的超级链接。

10、进行站点测试后申请免费空间并发布到网络。

四、网站设计思路：

本站应该算是一个个人主页的小型网站。关于本站站名的来源：微言微语个人主页，因为，我觉得这个网站里面的所有文字都是像一个人在自言自语，在低声地向某人诉说着什么，没有主题，没有目的。取这个站名，是做了网站的大概构思后才取的，觉得，这个名字与网站的图片、背景音乐还有文字都很相符。

个人主页，一般都会包括首页，相册，链接，一些个人喜欢的文字加图片，我的个人主页也不例外，包括次首页（个人喜欢的的文章加图片），我的作品（里面包括自己做的三个FLASH动画），文章（一些自己喜欢的文章），相册（Firworks处理过的相册），关于（关于自己的文字，关于本站的一些说明），链接（世界著名网站的有关链接），反馈表（浏览者信息反馈表）。

五、网站设计过程：

把所有的素材都整理好（图片，文章，相片），开始布局。此站大多数用的是“三”字型的，三字型是我给它取的名字，因为，最开头是一张带有导航条的图片，用Firworks处理过的HTML文件，中间一大片用于放正文，下面就是版权信息，E-mail地址用来接受用户垂询；联系信息，如普通邮件地址或电话，像被分开的三个部分，所以我叫它三字型。这种布局方式看起来比较的整齐，简洁美观。

首页本想做一个动态网页，由于时间有限所以还没完全成功。只好用了一张与次页面一样的背景图片做背景，加上从下向上的滚动字幕，背景图片是用Firworks处理过的图片，大片的灰色墙壁加上颜色艳丽的钮扣图案，首页加了状态栏逐字出现的效果，加了“加入收藏”、“设为首页”等代码。

次页面包括如下些内容：首页、作品、文章、相册、关于、链接以及反馈表。这些页面是用模板做的，上面的图片，导航条以及下面的版权联系方式是不用改变的，都保持着首页的风格，背景图一样，字体与样式一样，图片风格一样。中间是两个可编辑区域。

在所有的页面导航条下面，插入层对象制作了一个层动画，来回移动的层，里面存放日期，利用行为面板为此层添加了鼠标行为，单击此层，会出现对话框，“欢迎您访问我的个人主页！”，做布局大多使用表格布局，使用了少量的css样式，字体，字号，颜色都统一套用相应的样式。

首页中添加背景音乐，小说音乐《我在那一角落患过伤风》，一边看慢慢上移的文字，一边听这轻柔的音乐，给人一种意境美。其实次页面添加《虫儿飞》，轻快而活泼。首页禁止右键复制功能，右键单击没有反应。

次首页，就是进入次页面的第一个页面。主题算是与青春有关的三种感情，三张图片，用Firworks处理，加上相应的文字。要用到两个表格，分别放在两个可编辑区域里面，一个1*2的表格，一个2*2的表格，第一个表格放一张有关于亲情的图片加一小段文字，第二个表格放一张有关于友情的图片加一小段文字,还有一张有关于爱情的图片加一小段文字。作品页面是三个FLASH动画，第一个是左右键控制的图片移动按钮，可以单击来链接到主页面（代码见附录），四个图片经过裁剪、高斯模糊。第二个是光芒四射（代码见附录），要用到ActionScript语言，长短不一的线条加上透明度的改变组成光芒四射。第三个是鼠标跟随特效（代码见附录）。文章页面，就是简单的文字页面，没有什么特别的。相册页面，上面是一个用Firworks处理后的一组图片，鼠标移到小图片上，下面做出现相应的大相片，中间有少量文字，底部是用FLASH做的一组循环滚动图片（代码见附录），图片跟着鼠标的移动而左右移动。关于页面，也是简单的文字页面，没什么特别的，“个人简历”文字链接到WORD文档“个人简历”(代码：<a

href="my.doc")，下面有个信息反馈的链接，链接到有关的“浏览者信息反馈表”，此信息反馈表用表单做的，用到单行文本域，多行文本域，单选框，复选框，按键，此表单可以用邮件方式反馈信息（mailto:redcarrot2001@163.com）。链接页面，前面是我的个人主页LOGO，一张用Firworks做的LOGO，并建立有关链接，中间是一些文字，下面是世界著名网页的有关网址以及相应链接。

附录：源代码

(1)状态栏逐字出现的效果代码：

<script language="JavaScript">

var msg = "欢迎来到☆※◎~~~微言微语~~~☆※◎个人主页，请多提意见。谢谢! "

var interval = 120

var spacelen = 120

var space10=" "

var seq=0

function Helpor_net() {

len = msg.length

window.status = msg.substring(0, seq+1)

seq++

if ( seq >= len ) {

seq = 0

window.status = ''

window.setTimeout("Helpor_net()", interval )

}

else

window.setTimeout("Helpor_net()", interval )

}

Helpor_net()

</script>

(2)首页收藏代码：

onClick="window.external.addFavorite('http://redcarrot2001.xinwen520.com','微言微语个人主页')">--->>>收藏本站<br>

（3）设为首页代码：

onclick="var

strHref=window.location.hrefthis.style.behavior='url(#default#homepage)'this.setHomePage('http://redcarrot2001.xinwen520.net')">--->>>设为首页</span></p>

（4）滚动字幕代码：

<marquee align=left direction=up

behavior=scroll height=400

width=550 hspcace=5 scrollmount=2 scrolldelay=200

vspce=5 loop=-1>

<p><span >1、真的很喜欢那些记录多于表达的人。

<br />

…………

…………

183、希望每一个新的一天，醒来的那个你都神清气爽。</span>

</p>

</div>

</p>

</marquee>

（5）添加背景音乐代码：

<bgsound src="aa.mp3" loop=1>

（6）禁止右键复制功能代码：

<script language="JavaScript">

<!--

document.oncontextmenu=new

Function("event.returnValue=false")//禁止右键功能,单击右键将无任何反应

document.onselectstart=new

Function("event.returnValue=false")//禁止先择,也就是无法复制//-->

</script>

<style type="text/css">

（7）光芒四射代码：

duplicateMovieClip("line","line"+i,i)

setProperty("line"+i,_rotation,random(360))

setProperty("line"+i,_alpha,random(100))

i++）

if(i<100){

gotoAndPlay(1)

}else{

i=1

}

（8）鼠标跟随代码：

movie._visible=0

i=0

i++

if(i>100){

i=1

}

movie._x+=(_xmouse-movie._x)/30

movie._y+=(_ymouse-movie._y)/30

duplicateMovieClip(movie,"movie"+i,i)

this["movie"+i]._x=movie._x

this["movie"+i]._y=movie._y

gotoAndPlay(2)

（9）循环滚动图片：

onClipEvent (enterFrame) {

this._x-=(_root._xmouse-300)/15

if(this._x>1371.1){

this._x=this._x-1371.1

}

if(this._x<-1371.1){

this._x=this._x+1371.1

}

}

（10）左右键控制的图片移动按钮：

on(release)

{getURL("index.html","_blank")}

六、实训中遇到的难点及解决办法：

在设计开始的时候，想的太多，不知道怎么开头，定哪个主题，背景，色调，文字，布局都没有头绪，后来，开始做，而且觉得越做越有头绪了，所以我觉得，还是不要想的太多，太复杂了，不要追求完美，不要做的网页太多，搞到最后，别人都不知道，你这个网站的主题是什么了。

还有就是布局的时候总是不能做到很美观，后来，我把页面属性改了左过距为10，上边距为10，刚好把背景图片里面的那些亮丽的钮扣图案显示出来，改变了表格背景图的灰暗，使网页的整体看起来更美观了。

在做CSS样式表的时候，做字的颜色的时候，老是不知道用哪种颜色才搭配的起这个背景，后来，看到那个背景的钮扣颜色与灰色配起来很好看就用吸管取了钮扣的颜色了。

七、实训心得：

在我看来，设计网页，应该先策划，策划很重要，加上创意，配色很重要，技术与鉴赏能力是最主要的。建立站点的时候，各个文件夹取名的时候，最好用相应的英语，见名知意，如图片文件夹用image，网页文件夹用html。

在所有配色当中，不同的颜色传达着不同的意义也有不同的象征。如白色代表着：清洁、天真、洁净、真理、和平、冷淡、贫乏；灰色让人联想到灰尘、石头、水泥、白银，象征着中庸、平凡、温和、谦让，它给人以中立和高雅的感觉。太多的颜色会给人带来视觉上的疲劳。所以，在我下载准备素材的时候，就选择用灰色做背景颜色，灰色太贫乏，就加上亮色的钮扣起到“中和”的作用。

通过此次实训,我觉得平面设计的创意思维、版面设计、色彩配置、图形创意等方面都有很重要，对于网页制作来说，我觉得是一个以多学科设计为基础，受到包括视觉艺术、技术、内容的多种影响。网页设计的技术不算什么困难，真正困难的是网页的设计创意，文字我觉得也很重要，有些人浏览你的网页不是喜欢上你的艳丽漂亮的图片，也许是喜欢上你的文字，那种感动人心的，唯美的文字。文字与图片要搭得上调，不可能用一张美女图做背景，上面却写有关于亲情的文章。也就是整体的搭配问题。

通过此次实训，使我对于网页制作的三大软件有了进一步的了解，各功能都能够实现。提高了自己的鉴赏能力，综合搭配能力，也对以前学过的内容进行了综合的复习。

通过此次实训，我更了解到，生活中有许多色彩，搭配颜色的时候，联想到生活中的东西会做的更漂亮，给人一种亲切感，现在看到什么东西，我就会联想到做网页的时候，还有怎么布局。反正此次实训收获很多。

最后，我想，如果此次实训老师是要我们分组来做的话，也许，我们可以做得更好，因为，一个想的毕竟不全面，而且，一个人的申美有限，我们可以分工合作，一个人做一个方面的东西，也可以根据他所善长的方面来分工，善长动画制作的人做动画，善长图片处理的人做图片，善长文字与布局的就来布局。但是，也许那样，有些同学会懒的动手，推着给别人做。

1.1任务要求

1.2开发环境

1.3网站主题

1.4目录结构设计

1.5版面布局

1.6所遇问题及解决方法

2.网站规划

2.1栏目规划

2.2 站点目录结构

3.网站制作

3.1主页面的制作

3.2“企业简介”子页面的制作

3.3“产品介绍”子页面的制作

3.4“企业荣誉”子页面的制作

3.5页面的美化

4.免费空间申请及上传

4.1申请免费空间

4.2 上传

4.3所遇问题及解决方法

5.结束语

这是报告对应的目录

没有绝对的东西，有利就有弊，利用得好会让你在短期内快速战领市场。现在连收费品，下水道，家政保洁等服务行业能过网络营销接定单火着呢，关键看你如何利用网络营销为你赚钱，拉业务.少走些弯路就行

最重要的从以下几点来做：

1、营销网站制作，网站就如同公司的前台，如果前台都没有，别人到你公司去谈业务，同样的价格别人不一定会选择你。网站一定要做成小型门户型的，千万别用网络公司送的几时十个页面的垃圾网站，

2、网站整体优化，如今中小企业网站数量越来越多，而中小企业里懂网络营销的人才不多，通常中小企业的网站都是由网络服务商制作维护，可是网络服务商只管做网站，不管网络营销。这是其一。其二，网络推广费用太高，一部分中小企业付担不起，而网站优化不必要支付按点击付费的费用。所以有机会节约网络营销成本就抓紧进行网站优化，让你的网站成为行业冠军，定单自动找上门。SEO可从：对网页的URL 、TITLE 、META 标签、正文标题、正文内容、ALT 标签、链接进行优化

3、花钱做些广告，天下没有免费的午餐这句话谁都知道，要想让你的客户找到你，目前搜索竞价广告可以说是较快的让你的客户找到你，但网站一定要做得专业些，千万别用几十个页面那种的。

课程名称：网页设计

设计题目：我的家乡

院系：建筑信息工程系

专业班级：计算机0901

学生姓名：

学号：200913190

指导教师:徐美霞

起止日期：2010年12月20到2010年12月24日

第 1 页 共 13 页

我的家乡网页制作过程

一、 网站开发目的和功能简介

随着网络技术的发展与互联网的普及，网站建设与网页制作越来越成为各行各业以及个人宣传自己的有利工具，、网站在当今时代被越来越多的人用来宣传，通过网站的制作可以让老师、同学以及朋友更好的了解自己以及别人想要知道的事情，我现在做的是关于我的家乡，为别人提供了一个更深入了解自己的一个平台，本网站主要功能是让更多的人去了解我了解我的家乡

二、 网站的设计

2.1 网站的名称：我的家乡

2.2 网站栏目划分

根据本网站的内容和功能划分为：我的心语、导航链接、各地方的简介、体现家乡的图片、版权声明等。

（1）我的心语——对我们宿舍的六个简介，提示对照网站的主题体现我们的家乡；（2）导航链接——链接到各自设置的网页各自的家乡；（3）各地方的简介——简单介绍了我们各自的家乡，了解了家乡的知识文化；（4）图片——列举了每个地方的代表图片，用另一种方式展现出不同的风采；（5）版权声明——声明了网站的建设者

具体如图所示:

2.3网站导航应用于所有页面提高网站的操作友好性。

2.4网站的风格与色彩选择：页面以浅绿和浅黄色为主。浅绿色体现了活力，字体实用浅棕色和淡淡的灰色给人一种清析、稳重的感觉。所有页面色调统一，布局相似。

2.5网站目录结构设计合理：不同素材采用不同学文件夹分开存放。如图片放在image

文件夹、flash放在flash文件夹内、完成作业放在以自己名字命名的文件夹内等

三、 聊城首页的制作过程

3.1首页版图：

首页、导航链接、内容、个网页链接

3-1

整个页面分为四部分，第一部分是以一个flash文件显示动态的图片，主要是网站的突出显示；第二部分是导航栏；第三部分是详细内容，其中网页中的文字排得整齐紧凑，这样能给人一种舒服的感觉。在网页适当的地方加一些图片，每张画面再加一些不同的文字说明，使得网页显得更加的精美；第四部分是各网页链接。采用这种布局，主要是给浏览者一种简单、清晰、明了的感觉，使网站整齐划一。

具体的布局显示如下所示：

3-2

3.2制作过程：：本网页制作分为三个部分：顶部是用flash制作的页头。中部又分为左右两个部分，左边为家乡简单的介绍和链接，制作的动态图片使用时间轴让图片自动播放，还有从顶部滑下的图片自动循环播放；右边为家乡的各景点的见解。我还为网页设置了背景图片，在最后利用spry选项卡添加的图片。

四、聊城首页制作过程

4.1新建一个页面，命名为聊城首页（index）

4.2在页面属性的外观中设置四边边距为0，文本颜色设为：#9900CC，大小设为18像素；在链接中设置下划线样式为：有下划线；链接颜色为：#0000FF。

4.3（1）首页（index）制作

利用样式定义各个部分的高宽，将./image/195911NM-10.gif设为背景图片。页头图片为水城明珠.jpg设置flash动画为左右橘色.swf代码如下：

页头图片的设计代码：（图如上3-2）

<div id="Layer3" ><span ><a href="liaocheng.html"><img src="../image/201042717165.jpg" name="Image1" width="186" height="174" /></a></span></div>

<a name="dingbu" id="dingbu"></a>

<table width="967" height="817" border="1" align="center" bordercolor="#000000">

<tr>

<td height="190" colspan="2" valign="top" bgcolor="#FFFFFF"><img src="../image/水城明珠.jpg" width="956" height="202" /></td>

</tr>

Flash动画设置代码如下：

<div id="Layer2">

<script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','957','height','210','src','../FLASH/左右橘色','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','wmode','transparent','movie','../FLASH/左右橘色' )//end AC code

</script>

<noscript>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="957" height="210">

<param name="movie" value="../FLASH/左右橘色.swf" />

<param name="quality" value="high" />

<param name="wmode" value="transparent" />

<embed src="../FLASH/左右橘色.swf" width="957" height="210" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>

</object>

</noscript>

</div>

（2）景阳冈（jyg）页设计

此网页运用了一些代码实现了文字的滚动代码：<td width="213" <td width="213" height="363" bgcolor="#FFFFFF"><marquee direction="left" width="310" height="620" scrollamount="1" scrolldelay="1" onmouseover="stop()" onmouseout="start()">

<p><span >景阳冈其址在阳谷城东18公里处，沙冈顶部正中，建有一座民族形式的庙宇，俗称“武松庙”，据传始建于明代中期,后被毁。现存古庙为1958年修建。庙前方有一幢刻有“景阳冈”三个大字的石碑，系我国当代著名书法家舒同所题。庙东二、三百米处，有一刻有“武松打虎处”的墨玉色石碑。 1973年以来，经省考古队多次试掘，认定景阳冈为“龙山文化”遗址国家首批AAA级景区，水浒旅游线上重要景点，武松打虎人人皆知，武松打虎的地方不是人人都去过景阳冈景区总占地面积33.3公顷。景区内沙丘起伏，莽草丛生，林荫蔽日，主要景点：已有200余年历史的山神庙庙的左前方立有原中共山东省委书记舒同题写的“景阳冈”石碑，右前方立有著名书法家杨萱庭书写的高3米的“虎”字碑；南宋时期所立“武松打虎处”石碑；赵朴初所书写门匾的“武松庙”；由徐悲鸿的夫人、书法家廖静文题名的六角单檐的虎啸亭；由著名画家刘继卣创作的“武松打虎”浮雕石像；有传为武松打死的那只老虎的化身——“天下第一虎”石，三碗不过冈酒店……</span><br />

</p>

</marquee>

页头图片为聊城.jpg设置flash动画穿越星空.swf、烟花绽放.swf代码如下：

<tr>

<td height="186" colspan="3" valign="top"><img src="../image/聊城.jpg" width="1016" height="224" /></td>

</tr>

Flash文件代码：

<div id="apDiv1">

<script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','991','height','217','src','../FLASH/穿越星空','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','../FLASH/穿越星空' )//end AC code

</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="991" height="217">

<param name="movie" value="../FLASH/穿越星空.swf" />

<param name="quality" value="high" />

<param name="wmode" value="transparent" />

<embed src="../FLASH/穿越星空.swf" width="991" height="217" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>

</object>

</noscript>

</div>

<div id="apDiv2">

<script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','390','height','211','src','../FLASH/烟花绽放','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','../FLASH/烟花绽放' )//end AC code

</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="390" height="211">

<param name="movie" value="../FLASH/烟花绽放.swf" />

<param name="quality" value="high" />

<param name="wmode" value="transparent" />

<embed src="../FLASH/烟花绽放.swf" width="390" height="211" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>

</object>

</noscript>

</div>

完成效果如下

3-3

（3）凤凰苑（fhy）网页设计

凤凰苑网页设计为突出凤凰苑的特色页头采用凤凰园内比较突出的产品来体现凤凰苑的科技（仙人掌、日本无花果等……）页头采用flash是左右5.swf、蝴蝶飞飞.swf，此网页插入的是一个由flash做的图片实现图片的从右向左的滚动，使用了上面网页中文字滚动的方法，使用的代码

（<div id="apDiv7">

<td width="213" height="363" bgcolor="#FFFFFF"><marquee direction="left" width="1020" height="150" scrollamount="10" scrolldelay="1" onmouseover="stop()" onmouseout="start()">

<p><span >聊城市凤凰苑农业科技园，引种国内外名优稀特果树品种100余个，绿化和国家造纸工业用树毛白杨品种20几个，并繁育了600余万株苗木，以满足本市及周边地区农业种植结构调整和发展农村高效经济的需要。

主要品种如下：

（1）日本仙桃王： 该桃有如下显著特点：个头特大，平均单果重500克，最大可达1350克；品质极佳，外观全红，脆肉型、香甜、爽口，含糖量可达23％；极耐贮运，常温下可存20天，恒温库可存3至4个月，实为中秋、元旦，待客之佳品；树上挂果期长，8月下旬至9月下旬，可陆续面市，这是其他任何桃品种所不能比拟的。

（2）韩国早熟有名桃： 在凤凰苑区，6月底成熟，全红，鲜艳极为漂亮，单果重可达300克，脆肉型浓甜，多汁，极为丰产，与其他早熟桃相比，风味极佳，市场开发前景看好。

（3）韩国有名桃：韩国农家实生育成，九月下旬成熟，平均单果重350克，清香味浓，汁多味极甜，半溶质，耐贮运，外观红色鲜艳，是韩国晚熟主栽品种。

（4）美国扁桃： 86－1、86－2、86－9是从美国扁桃中选育出的几个优系，86－1、86－4出仁率均在45％以上，86－9又是其最好授粉品种。美国扁桃又称美国大杏仁，具抗旱耐瘠薄，适应性强，耐粗放管理等特点，一般栽后三年结果，五年形成规模产量，丰产期亩产大杏仁500公斤，国内市场现行价56元／公斤，效益极为可观。美国扁桃是荒滩、四旁发展的理想树种，也是农家致富的理想树种。

（5）六月雪梨： 是我国研究开发的最早品种梨，比绿宝石早熟20天，平均单果重180克，果肉细白，石细胞无，脆甜多汁，通过我园区高接观察，此品种座果率高，极丰产，抗黑星病。

（6）脱毒草莓系列：凤凰苑从国家果树所引进脱毒草莓系列品种：美香莎 荷兰引进，是当今垄断欧美早春市场的王牌草莓品种，极早熟，果坚硬，风味佳。果肉红色，最大单果重可达118克，芳香，浓郁，适促成半促成栽培和落地栽培，将是农业高效开发的理想品种。其他草莓品种，鬼怒甘、酒心糖、新哈尼、全明星等18个。</span><br />

</p>

</marquee>

</div>）

改变字母的滚动方向向左（left）实现不同于上一网页的滚动，页头flash的设置，同与上一网页。

完成效果图如下

（4）光岳楼（gyl）、东昌湖（dch）采用同样的设计完成。

五、设计技术总结

为了使我们的网站更加实用、内容丰富，我们在网站里用了很多的技术，包括flash photoshop 等图片处理和动画，运用dreamweaver中相关知识制作各种特效比如图层运用、时间轴运用等。

5.1在素材收集和处理上本人花费了大量时间处理网站动画、真实照片收集、个人信息。如应用PHOTOSHOP对相片进行整体处理。利用flash制作了滚动动画。

5.2文字滚动效果，代码如下：

<td width="213" height="363" bgcolor="#FFFFFF"><marquee direction="up" width="179" height="150" scrollamount="1" scrolldelay="1" onmouseover="stop()" onmouseout="start()">

<p>内容 <br />

</p>

</marquee>

六、实习心得

本次网站主要是运用本学期学过的知识来布局应用、制作动画效果，通过本次的网站设计，运用了本学期所学到的知识这样不仅复习了本学期学过的一些知识，同时也加深所学知识的内容，这次的网页制作使我学会了很多，有关怎么收集资料，怎样用最快的方法收集资料，怎样收集有效的资料，怎样整理资料，怎样使自己的下载的资料便于查找，也学会了网页的制作，学会了运用网页特效，怎样的特效才能凸现网页主题。在制作网站的过程中，也碰到了不少的不明白的地方通过老师同学的帮助也解决了不少问题，通过循序渐进的学习慢慢地完成了本次的网站建设，这次做的网页虽不是很好看，有不足之处，比如动态页面的制作、脚本的运用、一些效果的运用等运用的不够灵活，同时网页布局也不是很完善，可是我花了很多时间来完成它，所以呢，它对我以后做网页有很大的帮助。在此次做网页的过程中也让我学到了很多东西，所以呢从我内心来说我是很满意我的这次经历，同时也要谢谢老师安排这样的实习周，为什么呢？因为在制作过程中我不仅学到了书上没有的东西，也培养了我独立思考问题的能力，同时还增强了同学之间的团结互助的友谊。因此，不论从哪个角度来说，老师此次布置的任务是上大学以来唯一把知识用于实践的第一回，再一次谢谢你老师。总之这次设计就是在不断的“发现问题——>解决问题——>再发现问题——>再解决问题——>”这个学习过程中完成的。今后我将继续努力，把

一、立论依据(论文的研究意义、国内外研究现状分析)

网络游戏产业是一个新兴的朝阳产业，经历了20世纪末的初期形成期阶段，及近几年的快速发展，现在中国的网络游戏产业处在成长期，并快速走向成熟期的阶段。在中国整个网络经济的发展过程中从无到有，发展到目前成为中国网络经济的重要组成部分。网络游戏产业之所以可以打破在原来中国整个网络经济中的平衡，主要缘于在20世纪末中国网络经济泡沫破灭整个网络经济大受打击的时候，网络游戏却异军突起成为整个网络经济发展的领头羊，得到迅猛的发展。

网络游戏的起源可追溯到1969年的PLATO，到1972年PLATO的同事在线人数突破到1000人，到了20世纪八十年代末，由于国外计算机数量的`增加，网游进入了高速发展时期，市场呈几何状上升。

而中国的网络游戏真正开始起步要从1999年说起，1999年4月经过对一个电话游戏的升级改造，乐斗士推出了国内最早的图形MUD游戏—《笑傲江湖之精忠报国》。

到2001年，中国网络游戏的市场规模接近3.1亿元人民币，根据IDC的研究，在2002 年中国网络游戏市场规模将达到9.1亿元人民币，比2001年增长187.6%。

2007年中国网络游戏市场规模为128亿元，同比增长66.7%。2007年中国网络游戏用户达到4800万，环比增长17.1%。

2011年，中国网络游戏市场规模为468.5亿元，同比增长34.4%，增长速度止跌回升。其中，互联网游戏为429.8亿元，同比增长33.0%移动网游戏为38.7亿元，同比增长51.2%。

数据显示，网络游戏依然保持着超高的发展速度，而作为网络游戏的兄弟——网络游戏网站、论坛也犹如雨后春笋一样纷纷成立，所以，构建一个有特色的网络游戏网站就有了一种必要。 二、论文内容

1.研究目标、研究内容和拟解决的关键问题

网络游戏网站不是一个简单的网站，是有着自己特点的目标性网站，构建一个网站需要方案、技术和资源的支持。而一个完整的研究方案是要有明确的研究目标，而本论文的研究目标就是网络游戏网站的设计与实现。

其中技术支持包括：

(1)HTML的了解与应用。 (2)JSP的应用。 (3)数据库的构建。

(4)JSP与数据库的结合。 (5)JDK和Apache服务器 (6)数据库的设计。 (7)系统功能模块化。

(8)JAVA插件的编写和应用。 (9)Tomcat的安装和应用。

(8)配置ODBC数据源。 关键问题主要包括：

(1)要保证信息采集的真实性、实时性。 (2)信息分析的科学性。

(3)操作系统的选择、开发技术的选择、开发软件的选择以及模块化网站的方法等等。

2.拟采取的研究方法、技术路线、实验方案及可行性分析

通过大量的社会信息的收集和分析，整理出科学的论据及方案，查阅一定的文献书籍和搜索国内外各种关于网络游戏方面的年度报告，对数据进行分析，制定可行的实验方案，和技术路线，记录步骤和结果，以保证论文的科学性和实时性。

同时还必须要加强自身的科学技术修养，通过此次论文的编辑使自身的能力再度得到提升。 可行性分析：

(1)理论方面目前已经收集了大量的参考文献，这些文献覆盖了网站建站的技术及其应用， 包含了网络游戏网站在网络上的应用，网络游戏的发展历史等方方面，这些文献将会对本论文的研究提供极大的参考价值。

(2)目前网络游戏依然发展迅猛，前景不可估量，借此契机打造一个优秀的网络游戏网站、论坛成为可能。

(3)通过两年的计算机应用的学习，我也已经学习和使用了很多的软件，练就了相当的设计能力。

(4)有导师为该文的研究支持，并有从事研究的学术环境保证论文能够按目标进度进行。

三、 论文进度安排

第一阶段. 2012年5月27号-2012年6月3号思考写作方向，选材 第二阶段. 20112年6月10号完成开题报告，交给指导老师 第三阶段. 2012年7月—2012年12月查找资料撰写论文 第四阶段.年月号在教师的指导下，进行论文设计 第五阶段.年月号装订成搞，送交指导老师批阅 第六阶段.年月号—上交论文

四、参考文献 [1] 魏晶 泫 ：《网络游戏》清华大学出版社 2008 [2] 文化部：《2011中国网络游戏市场年度报告》2012

[3] C++和HTML开发网络应用程序实例解析 现代电子技术，2004 [4] 基于HTML和XML语言的页面制作工具分析 现代电子技术, 2001 [5] 可扩展置标语言XML 现代电子技术，2002

论文题目:

学生姓名: 学 号:

专 业:

指导教师:

年 月 日

开题报告填写要求

1.开题报告作为毕业设计(论文)答辩委员会对学生答辩资格审查的依据材料之一.此报告应在指导教师指导下,由学生在毕业设计(论文)工作前期内完成,经指导教师签署意见审查后生效.

2.开题报告内容必须用黑墨水笔工整书写,按成教处统一设计的电子文档标准格式打印,禁止打印在其它纸上后剪贴,完成后应及时交给指导教师签署意见.

3.学生查阅资料的参考文献应在3篇及以上(不包括辞典,手册),开题报告的字数要在1000字以上.

4.有关年月日等日期的填写,应当按照国标GB/T 7408—94《数据元和交换格式,信息交换,日期和时间表示法》规定的要求,一律用阿拉伯数字书写.如"2004年9月26日"或"2004-09-26".

毕 业 论 文 开 题 报 告

1.本课题的研究意义

中国互联网经过10年的持续发展。目前在普及应用上正步入崭新的多元化应用阶段。有关数据显示，中国宽带用户、网络国际出口带宽、上网方式和途径、网络应用服务更趋多样化。人们对互联网的使用广度、信用度、依赖度正在逐步提高。随着网络提供的功能和服务的进一步完善，网络应用化、生活化服务正逐步成熟。互联网的影响正逐步渗透到人们生产、生活、工作、学习的各个角落。中国互联网整体呈现较快的增长态势。但中国地区之间互联网发展水平、普及水平还存在明显的差距，呈现"东快、西慢，城快、村慢"的特点，因此，加大对于互联网应用和发展的研究力度，借鉴国外互联网应用的成功范例引入和普及互联网应用的先进经验是当务之急。

2.本课题的重点和难点

第一，从全国人口来看，互联网普及率还很低，仅有7.9%，与世界平均水平约14%还有较大差距。因此要普及互联网，让更多人来使用互联网是任重道远的事情。

第二，网上信息资源还不够丰富，质量比较好的、能反映我国优秀文化的、对广大网民有真正用处的信息还不够多。根据国信办的调查，截至2004年底，我国共有6.5亿中文网页，比2003年底差不多翻了一番，但是仅占全世界网页数量(300多亿)的2%，比例很低。因此我们需要网上有更多丰富的内容，特别是健康的、有质量的、有针对性的内容。

第三，目前，互联网产业虽然在电子政务、电子商务方面进行了不少探索，也取得了一些成果，但是从整体上看网络应用水平和实效(即网民的用户体验)还比较初级。在技术驱动下产生的包括网络游戏、电子商务、无线宽带、VoIP、P2P等新的应用还没有形成成熟的盈利模式。

第四，新技术发展遭遇机遇和挑战。当前国外互联网新技术层出不穷，一直处于互联网发展的领先地位，而我国的自主创新能力比较薄弱，因此需要更加努力，迎头赶上。

第五，网络安全和网络文明面临严峻挑战。网络文明要靠政府法制、行业自律、网民的自觉来维护，而最关键的应该是网民素质的提高。就像交通管理一样，有交通法规的限制，也有警察的监管，但是最关键的还是司机素质的提高，否则交通事故还是无法避免的。同时，提供内容、服务的企业也应当承担其责任，实施行业自律。

3.论文提纲

我国互联网在若干领域的应用

1.互联网在政府中的应用

2.互联网在企业中的应用

3.互联网在消费群体中的应用

我国互联网应用前景

1.互联网将加速融入我们的生活

2.互联网经济逐渐产生效益

3.宽带网络建设打通互联网应用瓶颈

4.互联网成为国民经济新的增长点

毕 业 论 文 开 题 报 告

指导教师意见:

(对本课题的深度,广度及工作量的意见)

指导教师: (亲笔签名)

年 月 日

系部审查意见:

系部负责人: (亲笔签名)

年 月 日

举例：个人网站建设

个人网站建设的意义

21世纪是信息高速发达的时代，网络作为当今最流行最方便快捷的媒介也越来越被人们接受，并且融入我们的生活。而作为新世纪的大学生更应该具备一定的网络知识，来充实和武装自己。网络这个知识海洋是没有人舍得放弃的，再加之现在社会的竞争是十分激烈的，而大学生面临的就业问题也日趋严重。

大学生具备一定的网络知识是很重要的，不管是对于在校的学习，娱乐还有毕业以后面临的就业。都是能够影响到他个人的发展的。而我们风云网络提出的大学生个人网站建设理念就能很好的解决这个能影响到大学生发展的问题。

个人网站建设首先能丰富学生自己的文化知识，在建设网站的过程中能学到实际的网络知识。这样不仅对自己原有的知识是个实践性的提高，而且还积累了实际的设计经验，对于想从事网站设计工作的学生来说是个很好的锻炼机会。而且我们公司还针对有建站需求学生的提供网络知识的培训。

其次网站建设好过程中，学生可以依据自己的喜好建设不同类型不同功能的网站。比如：一个美术专业学生，他有很多很好的美术作品，而且得到老师和同学的认可，但是他想让更多人来欣赏和对自己的作品提意见或者建议。这是如果他拥有一个自己的网站，他就可以把自己的美术作品放到自己的网站上，供大家来欣赏和交流。这样就提供了一个展现自己和交流的平台，有更多的人看到你的作品，他们提出自己的看法，最后反馈到你那里，这样对于自己的绘画能力和技巧也会有一定的提高。

如果你喜欢交友聊天，爱好文学。你可以做一个属于自己的论坛，自己做版主，“我的底盘我说了算”！把自己的感兴趣的话题拿出来，大家一起畅谈，交流各自的文学作品。

而对于即将毕业的学生，个人网站能对他有什么样的帮助呢？如果是计算机专业的学生，今后往计算机方向发展的可能是比较大的，如果哪天你到一家网络公司面试，你都可以让哪个面试官到你的网站去看看。这是一个很好的网络身份证，现在一般的公司用人，只看能力，并不很重视学历。你有这么一个自己设计和制作的网站在这里完全可以证明你拥有一定水平的计算机能力，也加大了你被录取的可能性。而且对与那些计算机水平很高的人来说，建设一个个人网站首先证明了自己的水平，而且你的网站经营的很好，这个可是很大的利润增长点。说不定哪天就被哪个商家看中要在你的网站上做广告或者要花大价钱来买你的网站。

说了这么多，总结一下就是个人网站对于学生来说，是可以帮助学生本人学习更多的网络知识，更好的展现大学生的风采，帮助学生更好的选择就业。

网页模板就是已经做好的网页框架，使用网页编辑软件输入自己需要的内容，再发布到自己的网站。每个网页模板压缩包内包含：PSD图片文件(可用Photoshop、ImageReady或Fireworks修改)，按钮图片PSD文件、Flash源文件和字体文件，推荐使用Dreamweaver软件向网页模板添加内容。

1）模板的概念：作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为.dwt。

2）模板的作用：有利于保持网页风格的一致；提高工作效率。

1．创建模板

1）创建一个全新的模板：在模板面板中，使用快捷菜单按钮或单击面板上的新建按钮

模板面板的打开：Window菜单--Templates

2）创建基于文档的模板：File菜单-Save As Template

2．设置模板页面属性

1）用模板创建的文档继承模板的页面属性，页标题除外。

2）设置：Modify菜单-Page Properties

3．定义模板的可编辑区

1）定义模板的可编辑区

在模板文档中选定对象、Modify菜单、Templates、New Editable Region

2）取消可编辑区标记

Modify菜单-Templates-Remove Editable Region