网站的设计与实现论文

网站的设计与实现论文（精选8篇）

1.网站的设计与实现论文 篇一

随着国际互联网的普及，很多人已经不满足仅仅在Internet上的浏览信息，而

是希望更深入的参与其中，拥有自己的Web网站，这似乎已经成为一种潮流。如果说个

人建立网站是为了追求时尚，那么企业建立网站就是必然的选择了。

无论是专业的，还是业余的，很多人对网页制作颇感兴趣。事实上制作一个简单的

网页并不困难，会使用Word的人都可以胜任。但想做出超凡脱俗的网页就不那么容易

了，而Dreamweaver却可以满足你的愿望，它是Macromedia公司开发的集网页制作和

网站管理于一身的所见即所得的网页编辑器。

同样出自Macromedia公司的Flash,Fireworks在制作网站的过程中起到了锦上添

花的作用，是个人网站实现的好帮手，在制作网站的时候经常会用到这些软件。

本文有五章，我来由浅到深介绍个人网站的设计与实现。

摘

摘摘

摘

要

要要 要

在互联网走进我们的生活之前，没有人敢梦想拥有自己的报纸、杂志、电台、电

视台。除了政策上的制约外，一个人也根本没有操作一份传播媒体的能力。现在不同了，互联网给我们提供了一个“表达自我”的自由天地,你可以拥有自己的新闻邮件，你可

以建立自己的个人网站。只要你办得成功也可以吸引成千上万的订户、读者,并建立自

己在众多参与者中的权威地位。建立个人网站的基本过程可以分为以下七个环节 : 1 了解中国网络个人主页研究背景与发展现状 系统需求分析与总体设计 熟悉网站开发模式、工具及环境 把自己的作品和想要展示的内容制作成网页。使用动态网页技术(ASP)，实现动态内容更新。认真地选取测试用例，进行交叉测试 网站的后期完善、宣传及发展方向

其中 ,网页制作和使用动态网页技术(ASP)实现动态内容更新是网站开发的核心内容。

关键词：网页、制作、访问、链接

Abstract

目 录

第一章 引言

1.1 什么是Internet

1.2 Internet有哪些功能 1.3 www简介

1.4 网页基本构成元素

1.5 软件的安装与启动

1.5.1 软件的安装

1.5.2 软件的启动

1.5.3 创建快捷方式

1.6 制作网页前的准备

1.7 Dreamweaver的操作环境

1.7.1标题栏

1.7.2菜单栏

1.7.3快捷工具栏

1.7.4属性面板

第二章 网站制作实战

2.1 站点

2.1.1创建站点

2.1.2 创建站点内容

2.2 首页

2.2.1 设置首页布局

2.2.2 设置首页的页面属性 2.2.3 查看和编辑头内容

2.2.4 插入图像

2.2.5 插入多媒体 2.2.6 插入文本

2.3 创建其它网页

第三章 建立网页链接

3.1 文字链接

3.2 图像链接

3.3 E-Mail链接

3.4 文件下载链接

3.5 在HTML语言中建立网页链接

3.5.1 文字链接

3.5.2 图像链接

3.5.3 E-Mail链接

3.6.4 文件下载链接

第四章 结论

致 谢

参考文献

第一章

第一章第一章

第一章

预备知识

预备知识预备知识

预备知识

1.1

InternetInternet

Internet

Internet的中文名为“国际互联网”，又称“因特网”。

Internet是由众多的计算机网络互联而成的互联网，它覆盖了全世界各地，它是采

用开放系统协议的计算机通讯网络。然而，Internet不仅仅是计算机的互联网，它还是

全球最大的信息资源宝库，它提供了包括科研、教育、文化娱乐、商业和信息交流等各

种各样的服务，使得世界范围内的人与人之间的交流在时间和空间上变的更小了。

要了解Internet，就必须先了解局域网。我们可以将同一地点的许多计算机使用网

线连接在一起，构成一个高效率的计算机网络，所有处于网络内的终端机或电脑都能享

受网络内所有的资源，比如程序，图文资料等。这种计算机网络因为一般都局限在一定

区域中，我们称之为“局域网”（Local Area Network,简称LAN）,它是在日常工作中

用得最多的一种小型计算机网络。局域网所覆盖的地理范围比较小，通常不超过几十公

里，甚至只在同一座建筑物内或者邻近的几座建筑内。像常见的校园网，一座写字楼内

部的网络等都属于局域网。

而Internet则不是指单个区域范围内的网络，而是指将全世界的各中不同类型的

计算机网络连接起来的一个全球性的网络。Internet上有取之不尽，用之不竭的信息资

源。对于Internet中各种各样的信息，所有的人都可以通过网络的连接来共享和使用。1.2

1.2 Internet有那些功能

Web页浏览：这是目前利用最广泛、最直接的互联网服务，通过浏览WWW（万维网）

中的网页，可以了解世界各地的新闻，查看最新的股市行情，最新的娱乐动态、科技发

明，找到众多的就业信息„„几乎想找到什么样的信息，就有什么信息。正是有了WWW、Internet才会变得如此丰富多彩，才能走进千家万户。信息发布：通过Internet，不仅可以浏览别人发布在Web页上的信息，也可以将

自己要发布的信息制作成Web页，也即网页，然后发布到Internet上，供全世界的人

浏览。

电子邮件：不同于传统邮件，电子邮件(E-mail)通过Internet传输，写信，发信，收信都在计算机上完成，一封电子邮件最短在一秒之内就可以发送出去，其效率是传统

邮件无法比拟的。而且发送与接收电子邮件几乎是免费的，所以比传统邮件既节省时间

又经济的多。

网上聊天：通过聊天软件（如QQ、ICQ等）或不同网站的聊天室，可以和世界各

地的网友聊天。网友可能是远在天边的异国朋友，也可能是与你一起工作的饿同事，或

者是一起生活的家人，在这里没有年龄、性别、身份、职业、国籍、肤色的限制，完全

突破了交友的传统方式，人们可通过Internet互相了解对方，进行各种各样的交流。

电子商务：现在网上交易已经成为现实，网上购物、网上商品销售、网上拍卖、企业级电子商务、网上货币支付等电子商务活动已经搞的有声有色，几乎所有的专家都

预测，在未来的几年内，电子商务会飞速发展。在不久的将来，您可以做在电脑前进行

各种各样的商务活动。

网络游戏：通过Internet，可以与全世界的玩家一起进行游戏对战，也可以协同

作战。网络游戏已经成为信息产业全新的经济增长点，每年都为开发商带来巨额的利润。

通过网络游戏，可以充分享受Internet给我们带来的乐趣。

网络电话：网络电话也称IP电话。它采用Internet技术，利用专门的网络电话

软件，只需支付非常低廉的话费就可通话。Internet在电信市场上的应用将越来越广泛。

1.3 WWW的简介

WWW的全称为World Wide Web，含义是“环球网”，又称“万维网”、3W、Web。

WWW是一个基于超文本（Hypertext）方式的信息检索服务工具。我们上网浏览到的网页就是这样的超文本，也就是HTML(Hypertext Mark-up Language,超文本标记语言)文件，这些网页文件被放置到WWW服务器上，并且都有一定的地址。当我们想浏览某个网站时，首先要在电脑上安装浏览器，如Internet Explorer或Netscape，然后在浏览器中输

入网站的地址（网址），就可以进入网站进行浏览。在这些网页中，都有超连接，当将

鼠标指针移动到某个地方（如文本或图象）时，鼠标指针就会变成一个小手形形状，单

击它就可以连接到另个网页中，从而使得浏览者能在不同的信息之间跳转，我们之所以

能在Internet的海洋中穿梭自如，正是超连接的功劳。

WWW 为我们带来的是世界范围的超级文本服务：只须操纵鼠标，就可以通过Inter net从世界各地调来你所希望的文本、图像、动画和声音等信息。通过使用WWW，一个

不熟悉网络使用的人也可以成为Internet的行家。

1.4网页基本构成元素

要学会制作网页，首先需要了解网页都是由什么元素构成的。

文字：文本是构成网页的基本元素。一个最简单的网页可以只有几行文本。

图片：正是有个各种美丽的图片，网页才变得多姿多彩。

动画：如今，网页上的动画越来越多，最常用的有GIF动画、Flash动画等。

超连接：如上所述，超连接几乎是必不可少的。一个没有超连接的网页，就如同汪

洋大海中的一座孤岛，失去了与外界的一切联系。

其它元素：还可以在网页中添加声音、视频等元素。

1.5软件的安装与启动

要使用网站设计软件，自然先要将这些软件安装到自己的电脑中。安装完毕，还需

要如何启动，如何创建快捷方式。下面就让我们来详细地看一看具体的操作步骤。

1.5.1软件的安装

安装之前，需要先了解软件对系统的要求。以Windows为例，系统要求如下：

Intel Pentium II处理器或等效处理器，主频300MHz或更高。

Windows 98Windows 2000Windows NT(具有Service Pack 3 或更高版本)、Windo

ws Me或Windows XP.Netscape Navigator 4.0版或更高版本或Microsoft Internet Explorer.96MB的可用内存（RAM），建议采用128MB内存。

分辨率可达 800×600像素的256色显示器（建议颜色为百万颜色，分辨率达到102

4×768像素）。

CD-ROM 驱动器。

检查一下您的计算机，看是否具备了以上条件。如果具备，将“Macromedia Stud

io MX”程序会自动运行。如果不能自动运行，可以找到光盘放入光驱，安装程序会自

动运行。可以找到光盘中的“Install Macromedia Studio MX”程序或“Autorun”程

序并双击运行。

Dreamweaver的安装比较容易，几乎可以自动完成。下面简要说明一下安装步骤。

操作步骤：

1、将安装光盘放入光驱，安装程序自动运行，并出现安装界面。如果单击安装界面

上的“Macromedia STUDIO MX安装”，那么将会安装其下方所列出的软件。所有的安装

会自动完成。

2、单击Dreamweaver MX,开始安装过装过程.先是出现解压缩文件窗口,等待一会儿，便会出现安装向导对话框。单击“下一步”按钮，继续安装过程。

3、出现“选择目的地位置”对话框，默认的盘是C盘，如果想安装到不同的位置，可以单击目的文件夹右边的“浏览”按钮，并在弹出的“选择文件夹”对话框选择不同 的文件，如要安装在D盘则可直接将路径中的“C：”改为“D:”。也可以在下面的“目

录”中选择其它的文件夹，设置完后，单击“确定”，回到“选择目的地址”对话框，单击“下一步”继续。

4、而后会出现“默认编辑器”的对话框，默认为全选。如果希望让Dreamweaver M

X成为下面所列文件类型的默认编辑器，那么可以在这里做选择。选择完毕，单击“下

一步”按钮。

5、出现“开始复制文件”对话框，单击“下一步”安装程序开始复制文件，过几

分钟后，安装结束，单击“结束”按钮，结束安装。

1.5.2 软件启动

软件安装完毕后，我们就可以使用它了。安装程序已经自动在“开始”菜单中加入

了快捷方式。

单击“开始”菜单，将鼠标指针依次指向“程序”|“Macromedia”|“MacromediaMX”,并在上面单击鼠标左键。

1.5.3 创建快捷方式

使用“开始”菜单启动程序的过程比较烦琐。可以在Windows桌面或快速启动栏上

创建快捷方式，这样可以快速的启动程序。

具体实现方法是：在“开始”菜单中找到相应程序的快捷方式，不过这是不要用

鼠标左键单击，而是用右键按住向桌面拖动，然后松开右键，会出现一个快捷菜单，在

其中可以选择不同的命令，比如选择“在当前位置创建快捷方式”或“复制到当前位置”。

这样以后在运行程序时，就方便快捷的多了。

1.6 制作网页前的准备

电脑必备：

电脑速度够快，最好能够上网。

操作系统：Windows XP.软件可选： 其它软件：看图软件美图秀秀 图像处理软件Photoshop、上传工具CuteFTP

1.7 Dreamweaver MX的操作环境

我们将工作界面分成了“标题栏”、“菜单栏”、“快捷工具栏”、“属性面板”、“浮动控制面板”5个部分来分别介绍。

1.7.1 标题栏

Dreamweaver MX的“标题栏”中将显示文字“Macromedia Dreamweaver MX”如果

打开网页的话，在后面还会显示该网页的一些信息，如网页标题、所在位置及网页名称，右边有三个钮，分别对应Dreamweaver MX的最大化最小化和关闭的操作。

1.7.2 菜单栏

“标题栏”下面就是“菜单栏”，栏中提供了“文件”、“编辑”、“查看”、“插

入”、“修改”、“文本”、“站点”、“窗口”、“帮助”10项菜单。单击其中任意

一项菜单，随即就会出现一个下拉式指令菜单。有些指令的右边会有键盘的代码，这是

该指令的快捷键，熟练使用快捷键将会有助于提高工作效率。有些指令的右边会有一个

小黑三角的标记，它代表该指令还包含下一级的指令，鼠标停留片刻即可显示。

1.7.3 快捷工具栏

“快捷工具栏”指的是“菜单栏”下边的3排按钮，选择菜单“查看/工具栏”，勾

选里面的“插入”、“文档”和“标准”3项，完整的快捷工具栏就显现出来了。

1.7.4 属性面板

在网页编辑窗口的下面还有一个面板，它是有名的“属性面板”，它在这个软件中

起到举足轻重的作用。

属性面板顾名思义，就是显示，调整属性的面板，根据鼠标所选中对象的不同，“属性

面板”在界面上也会有所差异，用户可以分别对不同的对象进行调整。

站点

2.1.1

创建站点

创建站点

要制作一个网站，第一步操作都是一样的，就是要创造一个“站点”，这样可以使

整个网站的脉络结构清晰地展现在面前，避免了以后再进行纷杂的管理。

从菜单中选择“站点/管理站点”在弹出的对话框中选择“新建”，之后再选择其

中的“站点”，再次弹出一个对话框，在文本框中输入自己已经企化好的网站名称“追

梦人”。

填好后，单击“下一步”，进入下一个步骤。由于我要做的是一个静态的网页，所以选择上面的一项“否，我不想使用服务器技术。”

单击“下一步”，进入下一个步骤。

在此选项中有两个选择，选择推荐的“编辑我的计算机上的本地副本，完成后再上

传到服务器”。底下的文本框允许在本地磁盘上指定一个文件夹，Dreamweaver将在其 中储存站点文件的本地副本。单击该文本框后面的文件夹图标，新建并指定一个空的文

件夹“E:/ding”。之后单击“下一步“，进入下一个步骤。

这一步是如何设置连接到远程服务器，弹出式菜单中有6中选择，这里选择“无”。

而后“下一步”再“完成”，即可。

2.1.2 创建站点内容

站点创建完成后，就可以创建Web页来填充站点了。在“右侧浮动面板组”中选择

“文件/文件”面板，此时整个网站中没有任何内容。用鼠标右击面板中的本地根目录

文件夹。在弹出的菜单中选择“新建文件”，新建一个文件后将其命名为“index.htm(或i

ndex.html),它就是未来的首页。

由于“追梦人”网站分为“平面设计”、“动画制作”、“网文精品”、“经典回

顾”、“个人说明“这五个大栏目，所以继续用鼠标右击右侧，在弹出的菜单中选择第

二项“New Folder（新建文件夹）”。执行五次操作，新建五个文件夹，并把它们重命

名为graph、anim、books、music、letter，分别对应上面的五个大栏目。存放它们各

自的内容。之后再次新建1个文件夹，命名为images,用来存放“所有的图象文件”的

内容。

之后在个栏目的文件夹里还要建立想相应的栏目网页。

2.2.1 设置首页布局

每个网站都会有一个首页，就功能上而言，它代表着一个网站的风格与特色，就网站

架构上而言，它代表了网站的第一层架构，至于网站上其他Web页，原则上都必须通过

首页来连接散播出去，可见首页是多么的重要。

首页是打开网站后在浏览器中显示的第一个页面。它是起什么名字通常要视Server端 的设置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的

居多。当然，后缀名为html也是正确的。

具体设置方法是：右健单击“文件”浮动面板中的index.htm,在弹出的菜单中选择“设

成首页”。

首页的布局有很多方法，在这里我所用到的是表格的“布局模式”。“布局”模式中的表格称为布局表格，单元格称为布局单元格。在绘制布局表格和布局单元格时，必须从

“标准”模式切换到“布局”模式。直接单击“布局”按钮即可。

操作步骤：

1、在“插入快捷栏”的“布局”分类中，单击“布局表格”按纽。

2、将变成“+”形状的鼠标光标放到编辑中网页上，在要绘制的地方进行拖动

就可以进行创建了。（如果绘制的是第一个表格必须从网页的最左上角开始绘制）。

3、在这里要绘制多个表格，可以再次单击“布局表格”按纽进行绘制，也可

以按住Ctrl键绘制多个表格。追梦人”网站首页的布局如图所示：

2.2.2设置首页的页面属性

首先双击“文件”浮动面板中的index.htm,进入页面的编辑窗口。右健单击空白

区域，在菜单中选择“页面属性”，之后弹出“页面属性”对话框，若选择主菜单“修

改/页面属性”项，也可以把打开该对话框。

在“页面属性”对话框中，左侧窗口显示“分类”，其中包括了“外观”、“链

接”、“标题”、“标题/编码”、“跟踪图像”5项，右侧区域则显示各类中可以设置 的项目。“追梦人”首页设置的属性如下图所示：

2.2.3查看和编辑头内容

一个网页文件结构上实际是由两部分组成，头（head）内容和主体（body）内容

主体内容（body）是文档的主要部分，也是包含文本和图像等的可见部分。头内容（he

ad）是除文档标题外的不可见部分，包含有文档类型、语言编码、搜索引擎的关键的关键字和内容指示器以及样式定义等重要信息，这些元器并不是每个页面都需要的，例如，可以仅为主页提供关键字。

下面就以首页为例，说明怎样插入较常用的头（head）内容。

单击“菜单拦”下面“插入快捷”的下拉列表，选择其中的HTML类，此时右侧将

会显示该类中可以插入的对象快捷按钮，再次单击第2个按钮“文件头”旁边的下拉箭

头，会弹出菜单，该项列出的便是即将插入的头内容。

2.2.4 插入图像

图像是网页中不可或缺的组成成份，恰当地使用图像，可以使网站充满生活生命力

与说服力，吸引更多的浏览者，加深他们欣赏你网站的意愿。

另一方面，网页的容量大小是网站成功与否的一大关键因素。由于网络在传输上 的限制，导致了下载的速度不可能太快，因此，网页的大小就不能太大，其中关键就在

于图像的大小了，否则浏览者会失去等待的耐心，无论你的网站多么精彩也无济于事了。所以，在网面容量大小的问题上一定要重视。下面就来详细介绍对网页图像进行处理的

操作步骤，以使得它们在保持图形美丽与网站风格搭配的基础上，图片文件能够变的更

小。

1、首先将光标停留在要插入图像的位置，然后单击“菜单栏”下面“插入快健栏” 的下拉表，选择其中的“常用”类，则右侧将会显示该类中可以插入的对象快键按钮。

左起第5个即为“图像：图像”按钮，单击它右侧的下拉列表，选择第1项“图像”。

2、随即弹出“选择图像源文件”对话框。从计算机磁盘中选择想要插入的图像文件，或在URL编辑框中输入图像的路径和名称。下面的“相对于”下拉表框中，可选择文件

URL地址的类型，如果选择“文档”选项，表示图像地址相对于当前文档；如果选择“站

点根目录”选项，表示地址相对于根目录。在这里我要插入的是网站标志logo，插入l

ogo图象，如图所示：

最后单击“确定”按钮，即可完成插入图像的操作。2.2.5插入多媒体

在Dreamweaver MX2004中，除了之前讲到的可以插入“图像”外，还可插入动画、声音、视频等媒体元素，如Flash,Shockwave,Applets,ActieX及格Midi声音文件等，并且还可以在Dreamweaver自身内插入Macromedia Flash MX2004按钮和文本对象，以

及进行相关的后期处理和添加设计备注等操作。

在Dreamweaver MX 2004文档中，可以插入媒体文件包括Flash Shockwave影片、QuickTime、AVI java、applet Active X控件以及各种格式的音频文件。

要在浏览器中播放放Flash 动画，必须在浏览器中集成“Flash 播放器（Flash Play er）”。其中，Internet Explorer通过ActiveX控制来实现，Netscape Navigator则

是通过相应的插件来实现的。在最新的Netscape Navigator和Internet Explorer浏

览器中，均已集成了 Flash动画播放功能。操场作步骤：

步骤1 将光标停留在要插入Flash的位置，然后单击菜单栏下面“插入快捷栏”的下

拉列表，选择其中的“常用”分类，右侧将会显示该类中可以插入的对象快捷

按钮。左起第6个即为“媒体”按钮，单击它右侧的下拉列表，选择第1项Fl

ash图标。

步骤2 在弹出的对话框中选择扩展名为swf 的Flash文件，即可将其插入到Dreamwe

aver的“网页编辑窗口”中，可以看到，在这个窗口中Flash文件的大小。在

这里我的主页插入的一个动画，如图所示：

2.2.6插入文本

文字是人类语言最基本的表达方式，在网页中，文本内容也可以说是重要的组成

部分，一个网站成功与否，它是最关键的因素。在这最关键的因素。可丰富网站的文字

内容，并以最最美观、最整齐的方式放入到网页中。

插入文本的两种方式

网页中需要大量的文本，我们或以通过以下两种方式插入它们。

一种是在网页编辑窗口中直接用键盘敲入文本。这可以算是最基本的输入方式了，和一些文本编辑软件（如Microsoft Word）的使用方法一样，选择好习惯的输入法，就

可以运指如飞了。

另一种是复制文本的方式。有些读者可能不喜欢使用Dreamweaver MX2004来进行

打字的工作，而更习惯在专门的文本编辑软件中快速打字，如Microsoft Word和 Wind

ows自带的记事本等，又或者读者已经准备好了要放入网页的文本的电子版本，那么我

们就可以直接使用Dreamweaver的文本复制功能，将大段的文本内容拷贝到网页的编辑

窗口来进行排版的工作，具体步骤如下。

打开文本编辑软件（如Microsoft Word），选中要复制的文本，它们将反白显示，执行菜单“编辑/复制”命令或直接用快捷键Ctrl+C，之后切换回Dreamweaver,将光标

停留在插入文本的位置，执行主菜单“编辑/粘贴”命令或直接使用快捷键Ctrl+v,即可

将大段的文本快速粘贴到网页中。

这在我的“网文精品”中用到很多，全部是在word软件中排好ctrl+c,然后点击要

粘贴的位置，crtl+v到Dreamweaver即可。

2.3创建其它网页

还有其它的几个网站与主页的制作相同，一个网页是图象和文字的组合。“平面设计”中的图象插入和前面的介绍相似，并可以在属性拦中调节图象的大小。

在Dreamwerver中常常会用到Firework、Flash，它们是相辅相成，在主页中的主体部

分就是用Firework,如图所示：

在“个人说明”中也用到这点，首先定好需要尺寸，在属性中设好背景，颜色等

等，插入图象，输入文字，也word里的操作雷同。

3.建立网页链接

网站实际上是由很多网页组成的，那么网页之间是如何联系的呢？这就是本章要讲 的内容----网页的“链接”。“链接”，又称“超链接"（Hyperlink）,它作为网页的桥梁，起着相当重要的作用。网页中的很多对象都可以加入“链接”属性。在Dreamweaver MX2004中，如果以“链

接”的媒介来划分的话，则“链接”可以分为“文字链接”、“图像链接”、“图像地图链接”、“内部链接和外部链接”、“E-mail链接”、“命名锚记链接”、“文件下载链接”和“跳转菜单”，共8种。其中部分内容在之前的章节中可能接触过，这里将对其进行更深入的讲解。3.1文字链接

“文字链接”即以文字作为媒介的链接，它是网页中最常被使用的链接方式，具

有“文件小、制作简单和便于维护”的特点。

接下来结合我的个人网站为实例，来讲解如何为文字建立“链接”。

具体操作步骤如下所述。操作步骤

步骤1 准备好已经制作完成的首页的各个栏目页面（假设除了“链接”，其他内容都

已经制作完成了），该网站包含6个栏目，这里的5个栏目----“平面设计”、“动画

制作”和“网文精品”、“经典回顾”、“个人说明”为例来进行讲解。

步骤2 在Dreamweaver 中打开首页，之后反白选取作为“链接”的文字。实例中要做

到单击不同的栏目的网页。因此为第1个栏目“平面设计”设置链接，首先要反白选中

“平面设计”4个文字。

步骤3 观察“属性面板”，其中包括一个“链接”文本框。

步骤4 接下来需要把链接的地址加入到文本框中，方法有3种。

这里我用到的是直接点击文件夹图标，在文件夹中找到要链接的对象graph.htm。这样

就建立了超链接。不过有点很重要，由于大多数服务器都不支持中文文件名，而且对大

小写敏感，因此采用英文文件名并统一大小写。如图所示：

步骤5 在“链接”文本框下面还有一个“目标”下拉列表，从中可以选择链接网页显示 的窗口方式，共有4种。如图：

实例中没有选择任何选项，保持空白，表示在原窗口中打开链接网页。

步骤6 还可以设置一些“链接”的属性，这是前面讲过的内容。单击“属性面板”中的 “页面属性”，选择其中的“链接”分类，可以进行的设置有“链接字体”、“大小”、“链接颜色”、“变换图像链接”颜色、“已访问链接”颜色、“活动链接”颜色及“下

划线样式”。

步骤7 至此，第1个栏目的链接就制作完毕了，按下Ctrl+S保存网页，再按下F12预

览，测试一下，当鼠标放在“平面设计”这4个文字上时将变成手形，并且浏览器窗口下面的状态栏中会显示链接到的网页的地址，单击文字，页面会立即跳转到第1个栏目

中，这表示链接已经制作成功了。

步骤8 同理，按照以上步骤，再为“动画制作”和“网文精品”“经典回顾“等其它栏

制作指向对应栏目的链接。

步骤9 通常在栏目页面中还需要有“返回首页”的链接，单击其后可以跳转回首页，因

此在各个栏目中还要插入“网站首页”的文字，并且制作指向首页index.html的链接，制作方法不变。

至此，整个“文字链接”的实例就全就全部完成了。通过对这个实例的讲解，读者不仅

应该学会如何为文字制作链接，还应用对“链接”有了更加深刻的理解，链接的目的何

在？它到底能够在网页的网站中发挥什么样的作用？怎样才能更好地使用它？这些是

网页制作者更应该思考的问题。

下面继续介绍其他类型的链接。

3.2

3.23.2

3.2图像链接

图像链接图像链接

图像链接

“图像”也是常被使用的链接媒体，它和“文字链接”非常相似。为图像加入链接，首

先应该在网页中插入“图像”，有关插入“图像”或“导航条”按钮的内容，接下来以

我的网站“追梦人“为例，讲解如何建立“图像链接”。

操作步骤

步骤1 首先仍然要准备好已经制作完成的首页和各个栏目的页面（假设除了“链接”，其他内容都已经制作完成了），该网站包含6个栏目，下面我们就动手为这6个栏目分

别制作它们的链接。

步骤2 在Dreamweaver中打开网站的首页，之后选取要制作“链接”的图像。实例中先

为第3个栏目“动画制作”设置链接，因此选中包含“动画制作”4个字的图像。步骤3 观察“属性面板”，在“链接”文本框中输入链接的文字地址。可以使用之前讲

过的“指向文件”和“选择文件”的方法。

步骤4 如果有需要，可以在“目标”下拉列表中选择“链接”网页显示的窗口方式，分

别为-blank、-parent、-self或 top。实例中使用了默认出的保留空白选项的方式。

步骤5 另外，读者还可以为图像增加“替代”文本。实例中为第1个栏目增加栏目名称 的“替代”文本。

步骤6 至此，第1个栏目的图像链接就制作完毕了，按下Ctrl+S保存网页，再按下F1 2预览，测试一下，将鼠标放在“动画制作”4个文字上时将变成手形，同时浏览器窗

口下面的状态栏中会显示出链接到的网页的地址，并且会显示出“替代”文本“动画制

作”，单击文字，页面会立即跳转到第3个栏目中，这表示链接已经制作成功了。

步骤7 同理，按照以上步骤，再为其它几幅图像制作指向对应栏目的链接。

步骤8 在栏目页面中制作“返回首页”的链接，使得单击后可以跳转回首页，其制作方

法不变。

至此，整个“图像链像”的实例就全部完成了。

3.3E

3.3E 3.3E

3.3E –

––

–Mail

MailMail

Mail的链接 的链接的链接 的链接

E-Mail链接，是指当浏览者单击该链接之后，不是打开一个网页文件，而是启动用户的

E-Mail客户端软件（如Outlook Express）,并打开一个空白的新邮件，供浏览者撰写

内容来与网站联系人联系，这是一种最方便的互动方式。

结合“个人说明”网页，建立E-Mail链接的步骤如下所述。

操作步骤 步骤1 将光标停留在页面右下角要插入E-mail链接的位置。步骤2 选择“插入快捷栏”中的“常用”分类，单击左侧第2个“电子邮件链接”按钮。

步骤3 在弹出的“电子邮件链接”对话框中有两个输入项，分别是“文本”和“E-Mai

l”。在“文本”项中输入链接的文字，中文、英文均可，在E-Mail项中输入网站联

系有的电子邮件地址，如实例中的 ding_zhuimeng123@163.net。

步骤4 单击“确定”按钮，具有“E-Mail链接”属性的文本就ding_zhuimeng123@163.net。插入到光标所在位置了，按下 Ctrl+S保存网页，再按下F12预览查看实际效果。

上面的方法只适用于文本的“E-Mail链接”，如果想在其它的对象（如图像）上也加入

这种链接，该怎办呢？下面介绍第2种建立“E-Mail链接”的方法。

其实很简单，与前面讲过的图像加入链接的方法基本一样。先在页面中需要的地方插入

图像，之后选中图像，并在“属性面板”的“链接”文本框中输入如下语句即可----ma

ilto: ding_zhuimeng123@163.net ?subject=网站的建议与第1种方法不同的是，E-Ma

il 地址前面增加了mailto:字样。用这种方法就可以给图像等其他对象建立“E-Mail

链接”了。

3.4

3.43.4

3.4文件下载链接

文件下载链接文件下载链接

文件下载链接

“文件下载链接”的原理很简单，只要链接文件属于浏览无法识别的关型，便都会使用 IE浏览器直接进行下载，并保存到本地计算机中。

浏览器无法识别的文件类型有很多，这里就介绍一个最常用的，以zip或rar为后缀名 的压缩格式文件，这种文件可以使用主流的压缩软件（如winzip、winrar）来制作。下

面我们就业以实例来说明。在前面“插入多媒体”一章中，我们曾经讲过直接链接文件的方式来插入“视频”，即

直接在“链接”文本框中输入“文件名+名后缀名”，如olympus.wmv。单日击这个链接，经过数据下载后，Windows系统将启动自带的媒体播放器Windows Media Player 来播

放该视频。

操作步骤

步骤1 先将视频文件olympus.wmv通压缩成olympus.rar文件，放入站点的media文件

夹下。

步骤2 将文件路径输入至“链接”文本框中。

步骤3 保存网页，按下F12预览，在浏览器中单击“下载精彩广告视频”链接文本，会

弹出“文本下载”选择框，单击其中的“保存”按钮。

步骤4 在“另存为”对框中选择保存到本地计算机中的位置，实例中为“经典回顾”文

件夹。之后单击“保存”按钮，压缩文件即保存到该位置中。至此，“文件下载链接”

便制作完成了。读者可以打开“我的文档”文件夹，解压缩olympus.rar文件，随时欣

赏下载影片。

本设计中未用到此链接，在此只作简单介绍。

3.5

3.53.5

3.5在在在

在HTML

HTMLHTML

HTML语言中建立网页链接

语言中建立网页链接语言中建立网页链接

语言中建立网页链接

3.5.1

3.5.13.5.1

3.5.1文字链接

文字链接文字链接

文字链接

在HTML语言中用超链接标记指向一个目标。其基本格式为： 举个简单的“文本链接”的实例，该实例相对应的HTML代码如下所示。

a href-“index2.html”target=”-blank”>平面设计（新开窗口，-blank)< /p>

动画制作（原窗口，默认为空）

网文精品

2.网站的设计与实现论文 篇二

关键词：教务管理,模块划分,系统设计

一、引言

如何提高教务管理速率, 如何利用先进的手段, 提高教务管理水平, 是各级学校所面临的重要课题。使用计算机进行的管理不仅可以简化、规范各教学单位的日常操作, 而且可以使学校和同学们之间的信息交流更加简单、方便、快捷、清晰、从而减轻工作人员的工作效率, 增加教务管理的透明度。

本系统的总目标是为管理者提供迅速、高效的服务, 减免手工处理的繁琐与误差。

二、功能模块的划分

1、前台模块划分

网站首页:本模块主要包括的栏目有公告通知, 表格下载, 教学信息, 办事指南。

专业建设:本模块主要包括的栏目有教学信息, 办事指南, 专业建设管理制度, 重点专业建设, 普通本科专业建设。

课程建设:本模块主要包括的栏目有教学信息, 办事指南, 课程建设管理制度, 省级精品课程建设, 校级精品课程建设, 网络精品课程建设。

师资队伍建设:本模块主要包括的栏目有教学信息, 办事指南, 名师风采, 骨干教师, 教学新秀, 师资培训。

教学改革与研究:本模块主要包括的栏目有教学信息, 办事指南, 教学改革与研究管理制度, 省级教学改革项目, 校级教学改革项目。

表格下载:本模块主要包括的栏目有教学信息, 办事指南, 相关表格下载。

工作职责:本模块主要用于显示各部门的工作职责

科室人员:本模块主要用于显示各科室的工作人员的联系信息。

机构电话列表:本模块主要用于显示各机构的联系方式。

办事指南:本模块主要用于显示当办理各种事务时所需要的手续。

2、后台模块划分

后台主要用于管理, 主要包括:

用户管理:添加用户信息, 编辑用户信息, 删除用户信息。

公告管理:公告信息添加, 公告信息编辑, 公告信息删除。

院系设置管理:院系信息添加, 院系信息编辑, 院系信息删除。

部门职责管理:部门信息添加, 部门信息编辑, 部门信息删除。

科室人员管理:科室人员添加, 科室人员编辑, 科室人员删除。

机构电话管理:机构电话添加, 机构电话编辑, 机构电话删除。

专业建设管理:专业信息添加, 专业信息编辑, 专业信息删除。所在系别信息添加, 所在系别信息编辑, 所在系别信息删除。

由于教务网站的设计为学校进行日常教务的管理提供了工具, 也为学生和学校双方提供了一个相互交流的平台, 学生可以通过教务网站查询各种通知、公告, 提高了学校教务管理的透明度, 方便了学生和学校之间的沟通, 通过身份认证之后, 系统管理员可以进行各种信息的添加, 编辑, 删除的操作。

三、系统设计

1、数据库设计

教务网站的数据库功能主要体现在对各种信息的提供, 保存, 更新和查询操作上, 包括用户信息, 类别信息, 新闻详细信息, 各个部分的数据内容又有内在的联系。经过对系统功能分析和需求总结, 可以设计出如下的数据项和数据结构:

用户信息:包括自动编号ID列, 用户名列, 密码列。

新闻公告信息:包括自动编号ID列, 标题列, 内容列, 发布单位列, 附件1列, 附件2列, 附件3列, 附件4列, 附件5列, 附件6列, 附件大小列, 附件简介列, 附件文件类型列, 提交人列, 提交日期列, 点击次数列。

教师信息:包括自动编号ID列, 姓名列, 性别列, 出生日期列, 学历列, 毕业院校列, 专业列, 毕业时间列, 职称列, 所在系别ID编号列, 标志位列。

课程信息:包括自动编号ID列, 课程编号列, 课程名称列, 课程链接列, 课程负责人列, 批号列, 所在系别ID编号列, 标志位列。

专业信息:包括自动编号ID列, 专业编号列, 专业名称列, 所在系别ID编号列, 标志位列。

有了数据库概念结构设计, 数据库的设计就简单多了, 在教务网站系统中, 首先要创建教务网站系统数据库, 然后在数据库中创建需要的表和字段。如果有需要, 还可以设计视图, 存储过程和触发器。

2、系统设计

打开Visual studio2005, 单击文件菜单, 选择“网站”->“新建”, 新建一个网站名为:Teaching ManageMIS, 同时在语言类型中选择C#, 这时该网站中所有的页面所使用的语言均为C#语言, 这时查看网站根目录中会自动生成web.config网站配置文件, global.asa全局配置文件。

(1) 创建首页

(2) 创建后台登陆页面

四、总结

该系统的特点是:界面友好, 使用方便, 快捷。在本设计中, 描述了教务网站的系统设计部分, 包括功能模块的设计、数据库结构的实现等。系统设计为整个程序构建了骨架, 各个功能模块实现各个细节部分。

参考文献

[1]尚俊杰:《ASP.NET程序设计》[M].北京:中国水利水电出版社, 2006.[1]尚俊杰:《ASP.NET程序设计》[M].北京:中国水利水电出版社, 2006.

[2]李强:《SQL数据库实例教程》[M].北京:中国水利水电出版社, 2006.[2]李强:《SQL数据库实例教程》[M].北京:中国水利水电出版社, 2006.

3.网站的设计与实现论文 篇三

关键词:网站绩效;定性;定量;网站建设;分析工具

中图分类号:G434文献标识码:B文章编号:1673-8454(2010)10-0081-03

一、 研究背景和意义

随着信息化教育的推进,许多地区的中小学都建成了校园网,同时对校园网站的建设也相当重视,网站栏目设置得非常丰富,涵盖了教学应用、资源共享、学校管理、信息交流等诸多方面,但网站栏目这样设置是否合理,是否所有栏目都能发挥其预期的作用?所以在网站建成之后还必须对网站进行跟踪调查,必须考虑到根据使用对象的需求来判断网站栏目设置是否合理。另外还必须通过调研来分析统计现有网站的访问量,比较判断网站哪些栏目发挥的作用比较理想,哪些栏目的作用发挥得不理想,还需要分析统计哪些特定人群对某些栏目访问量比较大,通过采集网站访问流量的各种数据来进行绩效分析,进而来制订网站改进的方案。

如今网站的绩效分析基本上采用问卷访谈等形式统计分析数据,采取定性的方法找出校园网建设的不足进而得出应对的方法和策略。虽然定性的方法很多也比较成熟,但这些方法都依赖于原始数据的准确性才能分析出较准确的结果,而传统的统计数据还存在诸多方面的不足:首先无论是问卷发放还是访谈都存在采样对象的问题,不同的受访人群可能得出的结论有较大偏差,进而影响分析结果。其次关于问卷的问题和访谈的提问也存在一定的局限性,受访者局限于问题可能无法完全表达自己的意思或者产生歧义,无法得到预计的结果,最终得出的结果也可能产生偏差。最后问卷发放和访谈等传统方式有时效性,不能跟踪调查。

因此,除了定性的研究方法以外必须有定量的分析工具加以辅助。 本文就介绍了一个基于ASP的网站调查分析工作,该工具能作为定性分析的有效补充,不受任何主观因素和采样人群的影响,能统计网站的访问流量,通过对校园网的所有来访者的跟踪调查,根据网站各个栏目的访问情况动态生成各种报表。

二、 网站绩效调查分析工具的设计

1.总体设计思路

如今大多数Web服务器均支持ASP,基于兼容性考虑网站绩效调查分析工具采用了ASP技术,将其安装在需统计网站的Web服务器上,将以下代码插入到需统计的网页中:

<%Refer="http://"&request.ServerVariables

("HTTP_HOST")&Request.ServerVariables("URL")%>

通过跟踪客户端点击网站的情况,将来访者的信息采集到数据库,最后通过对数据库中的数据分析统计来得到各种统计结果,以作为今后网站绩效评价的重要参考。设计思路如图1所示。

当客户端访问需要统计流量的网页时,该分析工具会把客户端的IP地址、浏览器版本、操作系统等各种信息采集到数据库。网站绩效调查分析工具内置了多种统计方法,通过对数据库采用各种统计方法能输出各种统计结果。

2.各统计模块详细设计

为了详细统计网站流量,网站绩效调查分析工具设定了六项统计方式,所有统计方式都可在主页面直接点击查看统计结果。其主页面如图2所示。

所有统计方式可以通过综合统计、地域统计、链接页面统计、报表生成、复访次数统计和来访者其他信息共六个模块来分析数据得到各种统计结果。

(1)综合统计模块

该模块显示了网站总体的访问流量,包括自统计开始以来总的访问人数、最高月访量、最高日访量、最高时访量时间以及访问者所用的操作系统和浏览器等信息。根据这些信息可大致对网站访问量有个总体的了解,可对网站有个大致的评价。

为避免同一用户短时间反复访问重复计数,特设定同一IP地址在10分钟内反复访问只计一次的策略,以提高统计的正确性,以下除链接页面统计模块均采用此策略。

(2)地域统计模块

该模块通过对访问者的IP地址的分析来判断来访者所在的区域,计算百分比,动态生成柱形图。网站除了面向全校师生服务以外还承担对外宣传和交流的功能,二者面向的对象是不同的。本模块通过对来访者的区域划分可完美区分校内校外的来访者,通过比较判断网站能否同时满足所有来访者的需求。

(3)链接页面统计模块

该模块统计了来访者点击网站相应栏目的频率,来计算百分比,动态生成柱形图。网站栏目设计是否合理,哪些栏目点击率高,通过本模块可以直观地显示各个栏目的点击情况,判断出来访用户对哪些信息感兴趣,为今后改进栏目设置、丰富信息提供重要的参考。

(4)报表生成模块

为了统计来访时间的频率,本模块通过年、月、周、日等报表形式来反映来访的情况,通过这些报表可直观地反应来访者访问的时间,通过动态生成的柱形图可了解到各个时间段的访问量,为数据分析提供了原始资料。为了便于分析,本模块还设计了历史报表,可提供近三年来所有的年、月、周报表。

(5)复访次数统计模块

一个好的网站应能吸引来访者的多次访问,该模块就是统计来访者的复访率,分首次访问到十次以上。同样也可以生成柱形图的形式来比较访问者复访的情况,为评价网站提供重要的参考数据。

(6)来访者其他信息模块

本模块主要统计了来访者所使用的操作系统、浏览器、分辨率等信息,通过分析来访者习惯使用的平台,为今后改进网站提供重要的设计参考。

三、应用案例

如今我们学院网站已安装了网站绩效调查分析工具,通过三个月的使用,效果良好,通过六个统计模块得到许多重要原始数据,鉴于篇幅关系,以下只列出了使用该工具得出的部分数据。如表1、2、3所示。

网站绩效调查分析工具为网站进行绩效分析提供了第一手的数据,通过对以上数据的进一步分析可以为改进网站提供重要参考。

结束语

4.网站的设计与实现论文 篇四

关键词：个人网站；系统分析；PHP动态网页技术

中图分类号：TP393.092

现阶段，伴随互联网迅猛发展和普及率的稳步提升，人们已经把生活与互联网融为一体，互联网成为人与人，人与社会之间交流的一种重要形式。而个人网站，恰好是世界互联网迅猛发展过程中的必然产物之一，人们通过设计开发个人网站，不仅可以将个人的喜好、某种服务或商品等相关信息，渗透到互联网中，还可以运用个人网站树立个人的网络形象，搭建起一个个人推荐、展现自我、互动交流的网络平台，缩短人与人、人与社会之间的距离。

1系统分析

在个人网站的设计开发过程中，要做好网站的需求分析，确定网站的开发语言和系统数据库。本次主要研究基于PHP开发环境的个人网站系统，通过PHP技术与MySQL数据库相结合，在互动性极强的互联网平台基础上，实现个人网站的功能框架，让用户在浏览器端方便、快捷的访问网站系统，浏览自己所需要的相关信息，这样不仅使文档的保存和管理提供了极大的方便，还大大提高了网页的互动性，增强了网站系统的用户体验。

1.1理论研究基础

个人网站是由文章日志、相册图片、个人信息、留言板等诸多功能于一体的网络平台。个人网站以个人为中心，建立一个完全属于自己的可定制的个性化网络平台，凸显其个性的需求，简便的操作，利用互联网的特性帮助个人进行全面的信息展示，以多种形式达到对信息获取、组织、思考、表达、共享和交流的目的[2]。通过网友对文章的评论，在留言板进行留言，倾听来自互联网的声音，达到自己与他人交流互动的效果。

1.2技术层面的支持

在进行动态网页制作和网站系统设计与开发时，PHP开发成为了今天使用的主流。由于PHP是一种通用的开源脚本语言，吸收了多种开发语言的特点，使用方便，操作简单，所以赢得了很多网页设计开发者的青睐。PHP集成在HTML和脚本语言中，其工作界面简单，入门门槛比较低，代码简洁，运行速度快，执行效率高，使用广泛，几乎支持所有流行的数据库以及操作系统，PHP所具有的强大功能使个人网站具有更好的网络平台操作性和交互性。

2个人网站的开发工具

本网站的开发使用Dreamweaver、Photoshop、Flash和Fireworks软件进行网页架构、动画效果及图片处理。

3个人网站的开发设计

3.1确定网站的主题

对于网站的设计与开发，首先要确定网站的主题。网站的主题要选择恰当，做到定位小而精。如果在网站主题的定位过程中，不够准确，盲目设计，随心所欲，那么网站就会让用户感觉到主题不突出，这不仅造成开发者的劳动浪费，还会使网站失去亮点，对网站将来的推广以及运营过程带来重重困难。因此，准确把握网站的主题在整个网站设计开发过程中十分重要，与日后网站的发展息息相关。个人网站主要展示个人所想要宣传的信息，以个人的兴趣爱好为中心，围绕随笔日记和图片相册来展示个人生活、情感、工作等内容。

3.2确定网站的形象

网站的形象在网站的设计与开发过程中占有十分重要的地位。网站的形象会影响网站访问者的第一印象，网站中不同的色彩搭配会产生不同的效果，不同的效果会形成不同的视觉冲击，从而影响网站访问者的情绪。

在网站设计过程中，会涉及到网站中的很多元素搭配，如网站标志、网站色彩、网站字体和图片等元素，不同的元素组合到一起。同时，网站中各种元素的布局、模块分类还会影响到网站的整体质量。一个设计合理的网站，其内容都在很大程度上考虑了大多数用户操作使用网站的习惯，让网站与用户更好的结合。良好的网站形象可以使网站内容鲜明，突出网站的主题，达到让用户操作便捷、一目了然的效果，明确的感受到网站的独有特色，为网站的推广和运营工作打了坚实的基础。

3.3优化网站页面布局

网站的效果和特点由网站本身的功能决定，网站的页面布局影响着最终的用户体验，因此，网站的页面布局在网站系统开发过程中起到了至关重要的作用。在页面布局过程中，要遵循以下几点：

3.3.1确定网站页面的宽度

在网页结构定位时，有一个很重要的参数需要确定，即网页的宽度。确定网页宽度通常有固定像素模式和显示屏自适应模式。随着用户习惯的变化和大众使用的显示器尺寸的变化，网站页面的宽度应该遵循最流行、最受欢迎的页面尺寸。

3.3.2页面头部和底部布局

在个人网站系统的头部与底部布局中，以页面分离方式，通过头部文件和底部文件分别对页面的头部与底部进行统一布局和控制，不同页面通过调用的方式来实现页面的精准布局与控制。

3.3.3页面的主要内容布局

传统的网站大都使用基于表格的布局显示页面信息，虽然表格很容易创建，但是表格也会生成大量难阅读和维护的代码，在网页实际的浏览过程中也存在着一定兼容性问题。所以本网站在页面的主要内容布局中，采用DIV层与层叠样式表相结合的布局方式，实现网页设计的灵活控制，对网站内容进行结构、表现与行为的分离。内容的表现形式，要清晰简洁，让用户在浏览访问过程中一目了然。

3.4建立个人网站系统的数据库

本个人网站系统的数据库采用MySQL数据库。在WEB应用方面MySQL是最好的RDBMS（RelationalDatabaseManagementSystem：关系数据库管理系统）应用软件之一。MySQL关联数据库可以将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，不但访问速度快，灵活性也很强。MySQL所使用的SQL语言是用于访问数据库的最常用标准化语言。MySQL软件采用了双授权政策，它分为社区版和商业版，由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型网站的开发都选择MySQL作为网站数据库。由于其社区版的性能卓越，搭配PHP和Apache可组成良好的开发环境。

3.5顺应移动互联网的发展趋势

随着宽带无线接入技术和移动终端技术的飞速发展，人们迫切希望能够随时随地乃至在移动过程中都能方便地从互联网获取信息和服务，移动互联网应运而生并迅猛发展。在个人网站系统开发过程中，也要在移动互联网中部署各个节点，把网站系统的移动版本优化、完善，以此增强用户体验，捆绑更多的用户，为个人网站后期的推广运营奠定基础。

4结束语

总之在个人网站系统设计开发过程中，要在实现网站功能的同时，始终以用户体验为中心，增强网站的交互性设计。只有让用户认可，符合用户的要求，网站的后期运营才能有更好的发展，个人网站才能实现它独有的价值。

参考文献：

[1]杨选辉.网页设计与制作教程[M].北京：清华大学出版社，2009.[2]刘智勇.JavaScript开发技术大全[M].北京：清华大学出版社，2009.[3]郑婷.个人网站设计[D].东北大学，2012.[4]刘增杰，姬远鹏.精通PHP+MYSQL动态网站开发[M].北京：清华大学出版社，2013.[5]陈光锋.玩赚你的网站[M].北京：机械工业出版社，2010.作者简介：吕子鹤（1992-），河北石家庄人，2010级软件工程专业，本科在读。

5.网站的设计与实现论文 篇五

一、选题的目的和意义
近几年来，基于 TCP／IP 的 Internet／Intranet 技术以非同寻常的速度被广泛应用于各级 企业及其他组织的信息发布与共享，其中一个很重要的手段就是建立 Web 站点发布信息。传统的静态网页技术已越来越不能满足用户的需求，因此各种动态网页技术应运而生。ASP 就是目前比较流行的动态网页技术之一，而 ASP.NET 是微软新一代的动态网页技术，并且 相对于其他编程技术，它有如下的优势。（1）面向对象性 ASP.NET 将 C#作为一种面向对象语言，在很多方面来看，C#将成为微软的与 Java 相似 的语言。C#是 ASP.NET 开发中一个最重要的功能，微软会将 C#发展成为 Java 的强劲对手。这 也是微软.NET 框架的一个重要组成部分。我们认为 C#是微软在编程市场上击败对手的主要 工具。我们期待着微软能在这个产品后面倾注全力，这样，C#可以成为许多程序员的又一 种选择。C#的诞生无疑将进一步加剧微软和 Sun 产品的战线，但这对用户是有利的，他们 可以选择两者之一来开发新的应用。（2）数据库连接 ASP 另一个亮点是它使用 ADO 对象、ODBC、OLE-DB 和事务处理管理器。因此 ASP Web 数据库应用开发特别简单。ASP.NET 发展了更多的功能，因为有了 ADO.NET。ADO.NET 带来了更强大更快速的功能。JSP 和 JDBC 目前在易用性和性能上同 ASP/ADO 相比已有些 落后，当新版本 ASP.NET/ADO.NET 出现后这样的差别会更明显。所以我们希望 SUN 应尽 快能花大力气来追赶 ASP.NET/ADO.NET 的组合。（3）大型站点应用 ASP.NET 将对大型站点（Web Farms）有更好的支持。事实上，微软已经在这方面付出 了巨大的努力。ASP.NET 可以让用户考虑到多服务器（Multiple Servers）的场合，当用户需 要更强大的功能时，仅仅只需要增加一台服务器。整个.NET 框架已经充分地提供了这个方 法。ASP.NET 提供了外部会话状态（External Session State）来提供内置式 Web Farm 的支持。另外，由于请求的各组件相互间经过了充分的优化，所以速度很快。（4）ASP.NET 还提供更多的其他方面的新特性，例如： 内置的对象缓存和页面结果缓存。内置的 XML 支持，可用于 XML 数据集的简单处理。服务器控制提供了更充分的交互式控制。

二、国内外发展动态和趋势
微软新一代平台的正式名称叫做“新一代 Windows 服务”（NGWS），现在微软已经给 这个平台注册了正式的商标——Microsoft.NET。在.NET 环境中，微软不仅仅是平台和产品 的开发者，并且还将作为架构服务提供商、应用程序提供商，开展全方位的 Internet 服务。在谈及这个平台中使用的新技术
，微软透露，它将在.NET 环境中提供更多新产品和全套的 服务。Microsoft.NET 将开创互联网的新局面，基于 HTML 的显示信息将通过可编程的基于 XML 的信息得到增强。XML 是经“万维网联盟”定义且受到广泛支持的行业标准，Web

浏览器标准也是由该组织创建的。微软公司为开发它投入了大量精力，但它并不是 Microsoft 的专有技术。XML 提供了一种从数据的演示视图分离出实际数据的方式。这是新一代互联 网的关键，提供了开启信息的方式，以便对信息进行组织、编程和编辑；可以更有效地将数 据分布到不同的数字设备；允许各站点进行合作，提供一组可以相互作用的“Web 服务”。根据.NET 构想，未来微软所有产品都将走向“服务化”，而消费者将通过租借的方式使 用 Office 软件，或通过 MSN 用户身份，获得网络音乐服务。然而，根据种种迹象表明，微软早已为.NET 战略后新的划时代战略做了准备，这个新 战略将会比.NET 战略更可怕，因为它将可能垄断未来所有的软件市场！如果将 PC 时代分 为 DOS平台时代和 Windows平台时代的话，按照微软的意思，网络时代将会分为.NET平台时代和这个新的平台时代。ASP.NET 又叫 ASP+，但并不仅仅是 ASP 的简单升级，而是 Microsoft 推出的新一代 Active Server Pages 脚本语言。ASP.NET 作为微软公司发展的新的体系结构 Microsoft.NET 的一部分，其中全新的技术架构会使编程变得更简单。ASP.NET 是在抓住 ASP 的最大优点 并全力使其扩大化的基础上开发出来的，同时也修复了许多 ASP 运行时会发生的错误。目前支持 ASP.NET 开发的平台只有 Windows XP、Windows 2000/2003、Windows NT4（Service Pack 6a），其中的 Web Service 除去这些还在 Windows 98、Windows ME、Windows SE 上获得支持。随着 Internet／Intranet 技术的不断发展，只有服务器的动态网页技术才能 满足各种 Web 应用程序日益提高的要求，因此各种动态网页技术先后出现。相对于 ASP.NET 而言，ASP 技术较为熟悉，使用简单便利。但由于 ASP 本语言自身的局限性，使其功能受 到了很大的限制。而 ASP.NET 的强大功能恰好弥补了 ASP 的不足，因此，ASP.NET 技术代 替 ASP 是一种必然的趋势。ASP.NET 从现有的 ASP 结构体系上跨出了一大步，其整个构造 体系使开发结构化的应用程序变为可能。Web 表单带来了一种更加直接和易于使用的开发 模式；服务器控件增加了提供公共功能的能力，从而使扩展和加强现有功能变得容易；数据 捆绑使创建数据约束型应用程序变得十分简单。它不但具有许多很棒的新功能，而且还有一 个用于开发 Web 应用程序的真正框架。越来越多的开发者开始使用这种技术，它的出

现给 Internet 的发展带来了一次新的浪潮。

三、课题研究的基本内容
该课题为设计并实现一个基于 ASP.NET 技术的动态 IT 培训网站。该网站具有如下模块： 登录注册模块：用来识别用户身份信息的必要手段，用以在线报名、在线咨询以及 学员论坛； 课程信息发布模块： 做为网站介绍自己、宣传自己培训课程的不可或缺的手段之一，让用户第一时间了解该网站推出的培训课程； 在线报名模块：通过该模块，实现学员与培训学校之间的零距离报名； 在线咨询模块： 能为用户解答各种与网站的信息有关的问题，使用户和学校进一步 拉近距离。学员论坛：回答学员问题，提供各个学员之间互相交流的一个平台，是促进培训学 校教学质量提高的一个重要手段。

四、研究内容及拟采用的方法和手段
1.在充分调研和需求分析的基础上，完成网站的如下设计工作。总体功能规划设计。数据库的逻辑设计。

网页框架的规划设计。2.利用 ASP.NET、C#语言、ADO.NET、SQL Server 2000 数据库技术来实现一个动态交 互式的 IT 培训网站。

五、预期达到的水平及所需的科研条件
（1）网站建设的基本目标为： 用户登录注册： 用户通过注册个人信息来设置自己的登录名和密码。通过用户的登 录，来实现网站对用户更好的服务和管理。用户个人服务：用户登录后，出现用户的个人服务界面，包括个人密码修改、自己 的信息修改、个人所报课程的列表信息和提问咨询信息，以及通过网站统计出来的 该用户的喜爱课程类别的一个推荐列表等。课程信息发布模块： 通过后台发布课程信息对数据库进行操作修改，来实现前台对 各个课程信息的发布，让各个用户能在最短的时间内了解网站的各个课程的详细信 息。新闻信息发布模块：通过发布一些教育业内新闻，以及其相关的一些信息，让用户 了解目前的一些情况。在线报名模块：用户登录网站后，通过网页寻找和选择适合自己的课程，然后填写 自己的详细信息以及报名的方式来报自己所要进行培训的课程。通过该模块，用户 可以很方便的查询该课程的任何信息以及报名。教师管理模块： 介绍各个教师的信息及其所教的课程，让用户通过网站了解自己所 喜爱的教师，选择该教师所教的课程。学员管理模块： 介绍该网站培训出来的优秀学员的信息以及他们的个人照片，通过 介绍他们成功的经历和一些经验来激发用户对该网站培训课程的兴趣，让他们觉得 学习该网站的某一课程对他们来说是多么必要。企业招聘信息发布模块： 通过发布一些合适企业的招聘信息让学员能更快地找到工 作。信息咨询

模块：让用户能通过在网页上以留言的方式快速地提出自己不明白的问 题，以便让管理员及时解决。学员论坛：让学员有一个能够互相交流和学习的平台，通过论坛，让他们之间能够 互相交流学习经验，解决学习中不懂得问题，以及一些成功的经验心得。用户访问追踪： 让网站能通过用户对该网站课程的点击次数以及时间来判断大部分 用户的需求，以便网站能根据他们的需求进一步改善网站的各个服务。（2）开发平台 操作系统：Windows Server 2003。数据库开发工具：SQL Server 2000。网页开发工具：Dreamweaver MX。动态网页技术：ASP.NET。Web 服务器：Internet 信息服务（IIS）管理器。

6.网站的设计与实现论文 篇六

1 现状

学术资源导航通常是指采用一定的规范或者标准搜集、整理、加工各学科相关信息，如各类数据库、学术会议、学科发展动态等学科信息资源，并且通过一个学科导航网站平台集中在一起，以便用户能够“按图索骥”，快速、准确地查找到学科相关的信息资源。目前国内外在网络学术资源网站导航方面比较成功和有名的有清华大学的学科导航站点、malis 站点导航、infomine 等。表1 列出国内外常见的网络学术资源网站导航站点。

2 各导航站点优劣比较

本文分别从人性化设计(资源首页布局、栏目页是否利用元数据、是否提供多元检索方式)、资源内容(资源种类、分类特点、收录范围、更新速度)、资源信息(资源可靠性、是否展示图片、资源推介活动)三个方面对国内外常见网络学术资源导航来比较。见表2。人性化设计：资源首页布局方面，除知网学术网站大全、Infomine 采用分类模块化外，其他采用目录列表式、目录导航式或一站检索式。栏目页是否利用元数据方面，除Calis 导航和Infomine 采用属性揭示资源、查找资源外，其他都没有。在是否提供多元检索方式方面，除Calis 导航外，其他无。资源内容：资源种类方面，Calis 导航、知网学术网站大全学术信息资源选取较广较杂，Html 等页面也在选取范围之内，学术资源选取标准有些泛化模糊。分类特点方面，Calis 导航、万维网虚拟图书馆只按学科分类。更新速度方面，清华大学导航站点和Infomine 较及时，其他不及时。

资源信息：资源可靠性方面，Calis 导航出现较多空链接。图片揭示资源方面，所有导航站点都不提供图片揭示资源功能。除Infomine 外，资源推介方面其他都不提供资源推介。

3 评价

3.1 人性化设计

在人性化设计方面，布局采用全新界面和服务模块，符合当今潮流。好的UI 设计不仅是让网页变得具有美感、个性和品位，还能让操作变得舒适、简单、自由。网页UI 设计本身已不再是单纯的视觉设计，而是将视觉设计与人的行为习惯、生活方式、心理体验等结合在一起的设计。目前cms 网站和购物网站成为网站发展主流。网站设计是否大方清新、检索是否智能多元和便利、营销是否得体成为衡量一个网站好坏的标志。作为学术检索导航网站，设计方面应融入更多主题网站的元素。通过人性化设计给用户更多更好的体验。在首页设计方面，完全可以学习淘宝和新浪等网站的`理念，采用分类模块化的结构布局，既充分揭示资源，缩短用户检索时间，提供更多选择体验，又符合时代主流。这一点Infomine 和知网学术网站大都做的可以。

元数据的本质是描述对象的各种属性及相关关系等内容，淘宝成功的一个地方是在栏目分类页上方充分利用元数据的本质属性和功能，展示商品属性，为用户提供引导和帮助。具体方法是，通过对元数据的描述，展示商品的特点和属性，利用元数据属性功能做不同的属性组合和切割，钩织商品的关系网络，促进其在网络环境中信息对象的发现和检索，呈现在用户面前，供其选择。这增强搜索的直观性、可视化、可操作性和个性化，大大提高查找的精确度，减少查找的时间和盲目性，丰富用户的体验。Calis 导航提供这种属性选择，可惜直观性、可操作性做的不够。而其他导航根本没有。

是否提供多元检索方式方面一般有三个标准：一是检索易用性，二是检索多样化和个性化，三是检索智能化。用户如果想得到所需信息资源，便可以从多角度、多种信息载体中检索。指导帮助用户，控制检索结果范围，提高检索精度，丰富网络信息检索功能，满足用户个性化需求。这一方面除Calis 导航外，其他导航都不提供该功能。

3.2 资源内容

资源种类选择方面，建议选择典型性、代表性的资源。资源种类不宜太杂乱多样。容易误导用户，让人无所适从。这一点感觉Calis 导航做的稍过。不仅提供数据库连接点、全文、单网页页面，还提供工具等其他。内容显得驳杂。统计表明CALIS 重点络资源导航门户中73.51%的资源从未被用户点击，很多服务处于关闭、更新缓慢、访问不畅通的状态。知网学术网站大全和Infomine 存在同样表现。分类特点方面建议采用多种分类方法，从不同维度揭示资源，便于用户选择。清华大学导航站点、知网学术网站大全和Infomine 做的较好。在内容更新方面要求实际更新，这方面知网学术网站大全和Infomine做的较好。其他则存在更新不及时情况。

3.3 资源信息

资源可靠性方面几家都做的可以。遗憾的是，在是否展示图片进行资源揭示方面，几家都没有提供该功能。图片以其直观、简明和便利特点在揭示和查找资源方面具有重要地位，它提供视觉性冲击效果，在现在社会中越来越受到用户的接受和青睐。现在商务网站缺少图片几乎没有生存和发展机会。市场营销是市场经济发展到一定阶段的产物。随着市场化浪潮的逐步深入，要适应市场的变化，在激烈的信息市场中占据优势，拓展服务层次，充实服务内容，提高信息资源的利用效率，最大限度地满足读者的需求，就必须引入市场营销的理念与策略，以用户需求为导向，为用户提供有效的信息产品和服务。学术导航服务更应该顺应潮流，站在时代的浪尖上，为科研服务提供更多的便利。通过营销推荐某学术资源，建设具有自己特色和优势的学术话语体系，更好地服务用户，指导和帮助用户。但几家导航站点都没能实现该功能。

4 搭建新网络学术资源网站案例

借鉴网上商品销售系统特点，采用B/S 架构，提供一个网络服务平台，让用户只要上网就可以实现信息资源的在线查看、在线查找以及在线管理功能。建设成系统简单、功能强大、扩展能力良好的系统。建设导航网站的关键是设置好栏目。在分类及收集内容上尽力做到类型标准统一，尽力避免资源的类型多样、庞杂。便于主题明确，内容鲜明。针对以上站点存在的问题，本站点将所有资源分为搜索引擎、免费学术资源、收费学术资源和其他学术资源四大分栏。营造学术氛围，体现学术特点。

新信息检索网站分三个主要组成部分：首页、栏目页和详细页面。针对以上大排行站点的弱点，本文尝试搭建新导航网站系统。页面设计融入商品购物网站和cms 网站合理的元素和积极因子，力求页面清新自然，大方舒适。首页采用商品购物网站的框架架构，通过轮播图片积极推销新添学术资源，通过在侧栏展示最高点击率资源和推荐最经典资源，帮助用户选择和甄别资源。中间栏即内容栏，是首页最主要栏目，采用按搜索引擎、免费学术资源、收费学术资源和其他学术资源四大分栏，层级展示该分栏下最新发布资源。分栏下再根据类型进行分类。同时在前段设置搜索检索功能，提供多级检索。包括简单检索、分类检索和高级检索，便于用户查找学术信息资源。

栏目页设计借鉴购物网站特色，侧栏仍然提供展示最高点击率资源和推荐最经典资源。主体栏分列该栏目下所有学术资源信息，对学术资源信息揭示时提供图片显示功能，对该信息给予直观上的揭示。主体栏上端利用元数据属性和功能，不同对象展示其不同属性，通过点击信息资源属性用户可以对学术信息资源进行甄选，满足用户多样化的个性需求。体现资源选择的多样化、智能化、服务用户的便利化和体验性特点。摆脱传统学术资源导航网站栏目设置的僵硬和单一。利于用户做到精确查找资源，精准发现资源。如图2 所示：详细页面主要展示具体学术信息资源的具体信息，提供题名、内容介绍、站点链接点、发布时间、点击率、读者反馈等信息。便于用户选择参考。

5 结语

本实例采用asp.net 技术。ASP.NET 是微软公司.NET平台的一部分，是一种使嵌入网页中的脚本可由互联网服务器执行的服务器端脚本技术，它提供一个统一的Web 开发模型，其中包括开发人员生成企业级Web 应用程序所需的各种服务。在技术上本例采用.net4.0 语言，网站设计上采用框架结构，便于维护或扩展。

该网站目前已上线，点击率已超万人次。已收录各类学术资源近500 条。下一步准备对该资源系统进一步整合完善，资源收集上更谨慎细致，努力扩大资源量。在功能完善和用户体验上做进一步完善。特别是在栏目页资源信息属性特点展示上更多元、智能、便捷和人性化。在具体页面对具体信息资源揭示上更全面、丰富。努力打造网络学术资源站的样板和品牌，为用户提供更好的服务。

★ 网络教育资源建设的研究论文

★ 小学数学生活化教学途径和策略论文

★ 法治与本土资源之间论文

★ 网络条件下高校德育教育途径探讨

★ 硕士学位论文学术评语范文

★ 贵州喀斯特山区雨水资源化途径探讨

★ 计算机英语教育途径论文

★ 农业资源与环境专业论文参考文献

★ 电力营销稽核管理状况与强化途径论文

7.网站通用类别管理的设计与实现 篇七

在网站的开发过程中，会经常遇到分类设置的界面设计与实现的问题，比如办公管理的部门分类、网上商城的商品分类、在线教育的课程分类、门户网站的新闻分类以及网站的后台栏目分类等等。可以说是网站开发中必须面对的一个基础性问题。在ASP.NET 2.0平台出来以后，可以借助其提供的功能强大的服务器控件并结合数据库的巧妙设计，来完成既定的类别管理功能。

2 设计思路

ASP.NET 2.0为网站开发的前后台结合设计提供了很好的支持，使得网站的开发能够像桌面程序开发那样直观和结构化。而且有了Ajax的支持，使得ASP.NET 2.0程序能像客户端开发那样实现无刷新的效果，在设计类别管理时候，应充分应用这些最新的技术和成果，做到设计与开发的高效、直观和简洁。

2.1 功能要求

根据类别管理的实际需要，实现的功能简要概括如下：无限级(或多极)子类添加;排序(上移和下移);父类的展开和收缩;类别信息的更新;分类信息的删除;

综上，需要实现的界面效果如图1所示。

注意，本图例中根据开发的要求，限制分类级别只到两级，故子类没有“添加子分类”和“展开”的图片按钮。如果去掉这些图片按钮显示的限制，就是一个无限级分类的管理界面。

2.2 数据库设计

在ASP.NET 2.0程序中，由于使用了服务器控件，每次界面上用户操作的都会按需引起GridView的重新绑定，而绑定的最终来源就是后台数据库中记录的数据。为此，数据库表的设计应充分考虑界面显示的需要设计相应的字段，在网站数据库中新建表名为ClassManage的表，添加：ID、Name,FatherID、PrevID、NextID、Expand、Show字段。

其中ID为每行的索引，是自增字段，设置为主键。

Name字段记录分类的名称。

考虑到无限级(或多极)分类的需要，添加FatherID字段，以指明子类的父类记录ID。

界面中要求有上移、下移的操作，用于实现各记录的排序，在数据库中用PrevID,NextID来记录该记录的前记录行的ID与后记录行的ID，以定位该记录在所有分类记录中的相对位置。

界面中点击某行的展开按钮，该行的子类应按要求显示或者隐藏，以达到界面展开或者收缩的效果。为此在数据库为每行记录添加Show字段，以控制每行的显示与隐藏。

另外，点击展开按钮时，按钮的图标也应有相应的变化，如：当子类收缩时，展开按钮应选择表示展开的图标，即。当子类展开时，应选择收缩的图标。因此，也必须有一个Expand字段，用于指示页面应选择的图标。

2.3 界面设计

ASP.NET 2.0提供的GridView控件是一个功能非常强大的服务器控件，在其单元格中能容纳很多的其他服务器控件，能够实现类别管理的各项客户端操作的要求，而且其预设了很多的皮肤与前后台处理接口，不仅能简化客户端的设计，以实现漂亮的外观，而且非常直观。设计的步骤如下：

(1)在页面适当的位置拖入GridView控件。

(2)准备好展开、收缩、上移、下移、添加以及删除的小图标放在网站的图片目录中。

(3)编辑GridView列。

分别添加展开、上移、下移、添加以及删除5个按钮(ButtonField)列，并把预先准备的小图标的地址填在对应ButtonField的ImageUrl中。

添加分类名称模板列(TemplateField)，在该列的ItemTemplate中添加TextBox控件，其值绑定数据库中的类别名称记录字段，用于显示和编辑分类名称。

对于“展开”列，可先任意选择“展开”或“收缩”的图标，在显示时按需要编程选择正确的图标。“展开”按钮用于显示或隐藏该类的子类。为“展开”按钮添加命令名"Expand"，即CommandName="Expand"。

上移、下移用于改变该类在同级别分类序列中的位置顺序。为上移添加命令名“Up”，为下移添加命令名“Down”。

“添加”按钮用于增加子类。为“添加”按钮设置命令名“New”;

“删除”按钮则用于删除本类及其所有子类的记录。为“删除”按钮添加命令名“Delete”。

另外，为了绑定数据库中指导界面显示的数据，还应添加隐藏列，用于记录类别的ID号是否显示、是否展开等。具体如下。

(4)在GirdView上方增加“添加基类”按钮，用于添加基类(基类是指没有父类的类)。

最后，为了实现界面的无刷新效果，还应该用UpdatePanel把上述控件包含在内，实现局部刷新。

设计如图2所示。

3 实现步骤

有了上述设计基础，就可以通过编写具体的语句来实现类别管理的各项功能。在网站的实际实现时，还利用了三层结构对函数进行了分隔和管理，由于篇幅的限制，不对分层的实现进行解释，仅围绕各功能的实现，对主要的函数进行剖析。

3.1 GridView的绑定

GridView是一个服务器控件，在每次操作后，都会最终影响数据库中的数据记录值，然后依据数据的变化，重新绑定GridView，使其呈现出预计的界面。

依据排好顺序的数据集对GridView绑定。代码如下：

自定义函数GetSortedTable(DataTable dat)主要用于得到排序后的数据源，其步骤如下：

首先在数据库原始记录表dat中寻找链表头，即PrevID为“-1”的记录，加到GetSortedTable的数据行中。

然后通过该记录的NextID值找到原始记录表dat中对应的ID记录行，加到GetSortedTable中，并重复这一操作，通过递归的方法实现。

当某记录的NextID值为“-1”时，标示已经到达链尾位置，停止递归，GetSortedTable就是排好顺序的结果记录数据表。

由于GridView的DataSource已经是经过排序的记录表，故绑定后GridView会按照链表排序的记录表顺序来呈现类别行。

根据Show字段判定某类别是否显示。如果Show的值为“0”，则该类在界面不显示，如果为“1”，则显示。在GridView的RowDataBound事件中添加以下语句：

其中“Expand.gif”和“Contract.gif”分别为展开和收缩对应的图标URL。

3.2 排序

排序的方法有很多，本例中结合开发的实际需求，提出了运用“双向链表”的原理实现分类记录排序的方法，即每一条记录用PrevID字段记录其前一条记录，用NextID记录其后一条记录的索引值。链首记录的PrevID用“-1”标示，链尾记录的NextID用“-1”标示。在界面显示时，首先找到链首位置，递归找到其NextID指向的记录。直至NextID为“-1”为止，形成既定预设的顺序排列。

下面以用户点击“上移”操作所引起的排序处理为例，具体介绍“双向链”排序方法。

在GridView的RowCommand中为上移操作添加处理程序：

自定义函数UpRow(String strID)主要用于得到排序后的数据源，其步骤如下：

(1)找到点击行所代表的分类在数据库中对应的记录。

通过函数参数获得该类的记录ID，记为IDs，并根据ID值检索出该类的行记录，记为DRs。

(2)边界判断。

如果本记录位于链表头的位置，即如果本记录行中的PrevID记录为“-1”，上移操作应无效。

另外，如果是无限级(或多级)分类操作，记录行的位置改变只能在同一父类下的记录集中进行，所以首先应找到本类的父类的所有记录集，判断本类是否处于其父类的首记录子类位置，如果是，则上移操作无效。

(3)找到与该记录上移操作相关的各条记录。

记录行顺序的调整实际就是双向链表相邻节点前后顺序的调整。如果是“上移”操作，需要调整前后指向的记录行就有原行、前行、前行的前行、后行。必须找到这些记录。

通过本记录中PrevID，检索到本记录行的前一条记录，记为DRp，以及其索引值IDp。

同理，可以找到DRp记录的前一条记录，记为DRpp，以及索引值IDpp。

还要找到本记录的下一行记录，可通过本记录中的NextID值获取，后行记录记为DRn，其索引值为IDn。

(4)上移操作。

记录DRpp的NextID改为IDs;

记录DRp的PrevID改为IDs,同时NextID改为DRn;

记录DRs的PrevID改为IDpp,同时NextID改为IDp;

记录DRn的PrevID改为IDp;

至此，函数UpRow(String strID)功能完成，链表顺序调整完毕。

最后仍然要重新绑定GridView，以便把改变了的链表顺序反映在界面之上，上移操作完成。

还要注意的是，由于涉及链表的操作，每次排序都要执行多次数据库的查询与更新操作，必须用事务操作(Transaction)，保证排序操作过程的完整。

界面“上移”操作示意如图3所示。

3.3 增加类别

类别的增加必须区分基类和子类的添加。在这里基类是指没有父类的类别，在数据库中，其FatherID的值用“-1”标示。

为“添加基类”按钮添加处理程序，用户在点击该按钮时，在数据库中添加一条FatherID为“-1”的未命名类别记录，添加完成后，还必须把该条记录加入到双向链表中去，对于基类，一般是添加到链首或者链尾。

当用户点击GridView行里的“添加子类”按钮时，触发添加子类的操作，即在GridView的RowCommand中为CommandName=="New"添加处理函数。在数据库中添加一条FatherID为点击行对应的数据库记录ID值的未命名类别记录。同样，添加完后必须把新记录添加到双向链表中指定的位置上去。一般是添加到该类的子类子链的链首位置。

新增记录后的插入链表过程可参考前面介绍的排序过程。

增加基类的界面效果如图4所示，添加子分类的界面效果如图5所示。

3.4 父类的展开与收缩

父类的展开与收缩，说到底就是控制子类的显示与隐藏。

这里，以展开父类的子类集合为例，说明实现上述效果的过程。

在GridView的RowCommand中为展开操作添加处理程序：

自定义函数Expand(String strID)主要用于响应展开操作对数据库相应数据的修改，其步骤如下：

(1)通过函数参数获得该类的记录ID，并根据ID值检索出该类的行记录及其所有子类记录集合。

(2)把所有子类的Show字段设置为“1”(“0”表示隐藏，“1”表示显示)。

(3)更换展开按钮的背景图片，把Expand字段改为“1”(“0”表示本类的子类隐藏，“1”表示本类的子类展开)。

展开与收缩的界面效果如图6所示。

3.5 更新

为使操作更加直观和接近用户的操作习惯，对类别名称的修改直接在文本框中进行。为使用户在文本框中的更改生效，必须为文本框添加TextBoxChanged事件处理函数，步骤如下：

(1)在GridView的RowCreated行为中为类别名文本框添加事件处理。

(2)处理文本框内容改变事件，语句如下：

3.6 删除

当用户点击界面中的“删除”图片按钮，则从数据库中删除该类及其所有子类的记录，并且重新维护排序的双向链表。

过程为，先从排序链表中删除该类及其所有子类以维护排序链表，然后从数据库中删除对应的记录，最后重新绑定GridView3步，具体如下：

对于自定义函数DeleteClassesLink(String strID)，主要用于从排序双向链表中删除该类及其所有子类。步骤如下：

(1)根据类别记录的ID值找到该类及其所有子类在链表中的前后边界，即该类记录和该类排在最后的子类记录。

(2)把该边界看作是一条记录，其PrevID为该边界头的前一条记录的ID值;其NextID为该边界尾的前一条记录的ID值。之后把该边界前一条记录的NextID设置为该边界的NextID，同时把该边界的后一条记录的PrevID设置为该边界的PrevID。

至此，整个边界内的类别记录从排序链表中删除。由于篇幅的限制，具体的函数语句不再列出。

同样，对于自定义函数DeleteClassesRecord(String strID)，则是根据类别记录的ID值找到该类及其所有子类后，逐条从数据库中删除。

4 结语

在ASP.NET 2.0环境下实现类别管理的方法，程序结构清晰、直观，便于按照开发的实际需要进行精简或扩展。对于ASP.NET 2.0网站的开发实现商品分类、部门分类、科目分类、新闻分类等具体的类别管理功能有很好的参考和借鉴作用。

参考文献

[1]里伯提,赫威兹.Programming ASP.NET中文版[M].北京:电子工业出版社,2007.

[2]苏震巍.ASP.NET3.5+SQL Server网站模块化开发全程实录[M].北京:清华大学出版社,2009.

[3]刘珊.让DataGridView更具人性化[J].电脑编程技巧与维护,2006,(4):45-54.

8.精品课程网站设计与实现 篇八

关键词：精品课程； 网站； 课程建设

中图分类号：G40-057 文献标识码：A 文章编号：1671-864X（2015）08-0126-01

一、精品课程网站建设的必要性

为了结合我校迎评促建的良好契机，学校又重新修订相关专业的人才培养计划，来提高学院培养的人才质量达到与社会需求一致。通过分析广东省的高职精品课程开发的具体情况，能有效解决这一问题，所以建立优秀的精品课程网站对于教学改革的意义非比寻常。

在信息高速发展的今天，传统的教学模式、过时的形式已经越来越难以满足现代的教师教学与学生学习的需求。网络的出现，给我们带来了良好的解决方式，为了可以适应现代教学的需求，就必须利用网络开发出符合现代社会的教学媒体。而精品课程网，就是应运时代要求而出现的一种直观的教学方式，摒弃了传统的课堂授课、学生死记硬背的方式，采用学生通过网络来自主学习的这一方式。然而目前我校精品课程网却存在很多不足，不能充分满足学生的需要，主要体现在一下几个方面：

（一）用户交互环节支持较弱。

学生在利用精品课程进行学习时，遇到的问题不能及时和老师或其他学习者交流，无法得到及时的解决，影响精品课程的使用效果。

（二）界面呆板、个性化程度不够。

我校精品课程网界面比较简单，艺术性不强，不能满足不同学科的特色需求。

（三）系统孤立，无法与其它信息管理系统进行深层次集成。

二、精品课程网站建设的可行性分析

（一）数控编程与加工属于数控专业，机电系建立自己的精品课程网站，学院的网站部门对我系建立精品课程网站给予了技术上的帮助，我系也有许多教师对这方面网站的建设也有一定的经验，所以我系建立精品课程网站是完全可行的。

（二）学院为了鼓励每个系部都建立自己的精品课程网站，给予了经费上的支持，也对负责建立精品课程的教师进行奖励，所以极大的促进了教师建立精品课程网站的积极性，因此我系在建立网站的经济问题上也是可行的。

通过以上的验证分析，我系的精品课程《数控编程与加工》在技术、管理上、经济上都是可行的。

三、精品课程网站设计原则

精品课程网站是高等学校教学质量与教学改革工程的重要组成部分。在高等学校精品课程的评审、建设、验收过程中，課程教学网站起着非常重要的作用。精品课程网站对精品课程的网络化具有不可替代的作用，是学生自主学习、教学互动、学习交流的重要平台。

为了实现课程的精品化，在网站的设计中必须注重将无形的教学理念和方法融入到有形的教学资源中，实现资源的实例化、生动化和网络化。以这种思想为指导设计者在规划网站时必须考虑以下几个原则问题。

（一）内容充实。

为了将待建学课程精品化，在网站的构建上必须充分考虑教与学的互动性，如设置清晰简洁的导航菜单，提供丰富详尽的教学资源.以多种形式卖现师生之间的交流等，来体现课程的精品性。教学网站应围绕“教学”这一主题尽量使其内容丰富，具备大量的学科素材，以满足不同专业、不同学科、不同级别学生的需要以及个别化学习的需要。

（二） 体现教学资源。

教学网站的功能主要是为教学服务，在介绍学科知识体系、提供教学参考资料、相关题集和相关链接的基础上，结合实际情况，有重点地突出本学科的特色栏目。系统全面的教学资料能够帮助学习者理解和掌握教学要点。

（三）模块化。

模块化能大大提高系统的可管理性和可维护性.使整个教学系统能成为一个真正清晰明了的有机系统。模块化便于修改、扩充。采用模块化设计后，在维护时可以直接对某一需要改动的模块进行修改，从而能够有效降低网站不断更新带来的麻烦。

（四）平台兼容性。

目前，各种操作系统和各种版本的浏览器.都具备相似的访问站点的功能。用户只要选择一个合适的浏览器就可以访问Internet上发布的信息资源

四、精品课程网站系统的性能需求分析

（一）磁盘容量要求。

本系统存储容量较小，数据库系统也不是很大，系统文件估计占30M的磁盘空间，数据库文件占用空间也不是很大。不过该精品课程网站中的资源管理模块将会占用很大的空间。一些管理员的课件资源在文件中将会占用很大的空间。而本机器有足够大的空间，足够放入一些视频，如果空间不够，这个就要管理员及时的清空系统中的过期文件。

（二）安全性要求。

本系统有着权限设置，不同的用户有不同的权限，教师用户不可以越权进行学生的操作，学生用户也不可以越权更改或者访问管理员的页面。管理员的权限，可以对网站进行任何的操作。

（三）适应性要求。

要求界面友好，菜单清楚，学生和老师都能很快熟悉网站。对于部分文章、课件的发布要求达到所见即所得的效果。

五、结束语

主要讲了精品课程网站建设的需求分析，分别介绍了网站建设的必要性和可行性，然后根据网站的设计原则等几个方面来分析，最后分析了精品课程网站系统的性能需求。通过分析高职精品课程教学改革的具体情况，为了有效解决这一问题，必需建立优秀的精品课程网站。

参考文献：

[1]陈奕；基于Asp.net的课程网站的设计与实现《九江职业技术学院学报》，2008-09-15.

[2]刘泽君，大学网络教学系统研究与开发《重庆大学硕士论文》，2005-04-10.