网页制作论文

题目:          网页设计论文

所属系           

专    业    

学    号            

姓    名             

摘要

随着现代计算机科学的发展,网络已经越来越普及,如今网络已经成为每个人生活的一部分,同时网络也提供了一种很好的信息交换平台,而游戏主页是一个可以在网络上展示游戏信息的方便手段。本文介绍了如何开发游戏网站。首先介绍开发工具ASP,HTML等技术,然后详细讲解了游戏主页的开发。

关键词：游戏主页,HTML技术,ASP技术

概述

随着互联网的不断发展和中国网络人口的日益增长，建立游戏交流网站，不但可以更好更方便的进行喜爱的游戏的各方面的交流，而且可以提高自己在计算机应用方面的能力。故本次作业，我选择制作游戏网站。 

个人在设计时考虑的多为众所周知的游戏内容，而不注重商业的展示。内容以反映游戏背景为中心，从而使网站真正的成为信息交流的平台。 

在网页制作中，我借鉴了wow.duowan.com网站的设计风格，着重于给浏览者以强烈的视觉冲击。运用了photoshop和fireworks强大的图像制作和处理能力。进行了大量的图片制作，从而给人以强烈的美感。并利用Flash进行片头动画的制作，给予浏览者一种强烈的时代动感。整个网站的架构是由Dreamwave完成的。

Dreamweaver简介

Dreamweaver是Macromedia公司的出品的一款“所见即所得”的网页编辑工具。与 Frontpage不同，Deamweaver采用的是Mac机浮动面版的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现Dreamweaver的直观性与高效性是Frontpage所无法比拟的。

　　Dreamweaver对于DHTML（动态网页）的支持特别好，可以轻而易举地做出很多眩目的互动页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver与Flash、Fireworks 并称为 Macromedia的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。因此，说Dreamweaver是高级网页制作的首选并不为过。 

本次作业选用了经典的DW8简体中文版制作

网页的结构图

制作前的准备工作

Iis设置

一、进入Windows 7的 控制面板-＞程序和功能-＞选择左上角的 打开或关闭Windows功能 

二、现在出现了安装Windows功能的选项菜单，注意选择的项目，按照图片勾选功能。 

三、安装完成后，再次进入 控制面板－＞管理工具；双击 Internet信息服务(IIS)管理器 选项，进入IIS设置。

四、双击后就进入到如下图的IIS7控制面板

五、选择 Default Web Site，并双击 ASP 的选项，

六、设置ASP的父路径：IIS7中ASP 父路径 默认是没有启用的，要 开启父路径，必须把“启用父路径”设为 True

七、为了使动态页面可以正常浏览，所以设置设为默认，即不修改（基本设置和虚拟目录）

八、设置网站的默认文档：点击“Internet信息服务(IIS)管理器” 中的“ 默认文档 ” ，添加所要浏览的主页面（index.html）

站点设置

一、选择菜单“站点”－－“新建站点”选项。

二、① 网站名称：为你的网站起一个名字，这个名字只起着识别的作用，与网站发布后真实的名字无关（如zuoye）

②点我想使用服务器技术——asp vbscript技术——在本地测试，目录设为虚拟目录（C:\\inetpub\）——测试URL，测试成功点下一步——否——完成。

三、可以看到，“zuoye”的名称已经出现在站点窗口了

四、制作网站主页面

静态网页制作

建立超链接

超级链接（Link），简称链接，是页面与页面之间一个单向的关联关系。通过点击链接，我们可以从一个页面跳到另一个页面。我们可以在文字、图片建立链接。 

文字链接

在页面中选取需要建立链接的文字，在属性面板的Link一项，填写链接地址，当浏览者点击该链接的时候，浏览器就回跳转到该页面。如果你希望该页面是在一个新窗口打开，可以在Target中选择“_balnk”。 

如果链接到浏览器无法打开的文件，例如exe、Zip等文件，那么浏览者在点击这个链接的时候，就会弹出对话框，询问是将文件保存到硬盘的什么地方，这就实现了文件下载的功能

图片链接

图片链接的建立过程与文字链接相似。但特别的是，某些图片，在加上链接后，会出现一个蓝色的边框，要将边框去掉，将Border设为0即可。

热区链接

选取一张图片后，可以在属性面板看到“地图”选项：　其中： 创建矩形热区， 创建原形热区， 创建多边形热区。例如我们现在点 ，光标变成一个十字，此时可以在图片上画出一个蓝色矩形的热区：同同样地，在“链接”输入链接地址（“#”表示一个空链接），而“目标”则为当鼠标指向热区时所显示的文字，与图片的“目标”相似。我们可以通过 选择不同的热区，并通过调整热区四个角的控制点调整热度的大小。通过热区，我们可以在一个杯子上做一个链接，同时又在另一个杆子上做一个链接，分别链接到不同的页面。 

E-mail链接

在需要链接的地方：插入——电子邮件链接——填写相关信息

锚点链接

当所需展示的文档很长的时候，可以做锚点链接。在所需链接的各段前插入常用工具栏的“命令锚记”，并分别命名为1,2,3.。，然后选中链接字段，在属性下的链接框中对应输入“#1”“#2”。。

文件头标签

Flash动画和背景音乐

插入——媒体——FLASH视频（大小设置比文件大小要大点）

插入——媒体——插件（把图标改为1*1）

时间轴动画

插入层并放入图片，右键层选中添加到时间轴，在时间轴面板中右键需要层经过的地方点选添加关键帧，设为自动播放和循环

下拉菜单

在需要有下拉菜单的地方（A）新建一个层，插入表格并添加内容。选中A，在行为面板中点“+”，选中“显示-隐藏层”，事件onmouseover-显示  onmouseout-隐藏，双击CSS-层里对应层前面的眼睛，使其不可见。

动态网页制作

登录注册模块

数据库建立

在虚拟目录下建一个数据库，包括（ID，UerId，PsWd，QQ,Email）字段，保存为register.MDB

连接数据库

新建一个ASP VBscript文件，单击应用程序——数据库——自定义字符串，名称填coon，在连接字符串内输入"Provider=Microsoft.Jet.OLEDB.4.0;Data Source="&Server.Mappath("/register.mdb")，点测试，测试成功即为连接成功。建立LOGIN.ASP REGESITER.ASP等动态文件，并对服务器行为进行相应操作，使其内字段可以与数据库内字段同时更新

新闻发布模块

新闻发布系统的页面构成

index.asp：新闻系统首页，用于显示新闻内容及新闻发布的时间。 play.asp：浏览新闻时，新闻内容显示的页面。 new.asp：发布新闻页（添加新闻页）。 cont.asp：后台控制页，显示所有新闻后台控制的功能。 edit.asp：对一些出错新闻内容进行编辑的页面。 del.asp：对于一些错误的或者过时的新闻进行直接删除。 login.asp：上面所说的发布，编辑，删除新闻等操作都应只有管理员才有权力，管理员通过这个页面来登录管理新闻发布系统。 sorry.asp：登录不正确或者访问了无权访问的页面时所显示的页面。

数据库设计

新建包含“admin”表和“news”表的数据库，其中表admin用于存放管理员的姓名及密码，表news里存放的发布新闻的相关信息

页面设计

1）new.asp

①插入表单，插入一个4行2列的表格，输入文本。

  在对应位置插入文本字段、文本区域、“提交”和“重置”按钮等表单元素。

选择新闻标题后的文本字段在属性面板中命名为title。 选择新闻出处后的文本字段在属性面板中命名为come。 选择新闻内容后的文本字段在属性面板中命名为content。 

②进行数据库连接。 

③定义记录集。单击绑定面板中的记录集（查询），在弹出的对话框中进行设置。

④选择服务器行为面板中的插入记录菜单，在弹出的对话框中进行设置。

2）edit.asp 

①打开edit.asp，首先插入一个表单，再画一个4行2列的表格，每一个文本字段分别命名。新闻标题为:title、新闻出处为come、新闻内容为content。

②进行数据绑定操作，进行记录集定义。记录集定义对话框中"筛选"项设置为"ID"

完成后选择新闻标题文本字段，在绑定面板展开记录集,选择 title 点击绑定。新闻出处、新闻内容同样绑定。

③选择服务器行为面板中更新记录菜单，在弹出的对话框中进行设置。

3）login.asp 

①打开login.asp，插入一个表单，在表单中制作一个3行2列的表，并进行相应设置，选择用户名后的文本字段在属性面板中命名为name，把密码后文本字段的在属性面板中命名为password，类型设置成密码。 ②打开服务器行为面板，选择用户身份验证下的登录用户。 

③在弹出的登录用户对话框中进行必要的设置。

4）index.asp 

①打开“index.asp”，制作一个1行2列的虚线表，建立记录集（为保证最新的新闻显示在第一条，我们将排序id设置成降序，在第一个单元格中插入title字段在第二个单元格中插入datetime字段。

②选中表格，选择服务器行为面板中重复区域，设置显示前5条新闻。

③选中第一个单元格的字段，打开服务器面板中转到详细页面。 

④确定，完成index.asp制作，保存。

5）play.asp 

打开play.asp页面，画一个4行1列的表格，建立数据库连接，建立记录集，分别在每个单元格插入title、come、content、datetime字段。根据需要，可将字体分别进行定义。 保存。 

页面调试

用IIS进行页面浏览，对出现错误的页面进行修改。