web图形操作

Ⅰ WEB测试应该注意哪些地方，怎样才能做好WEB

基于Web的系统测试与传统的软件测试既有相同之处，也有不同的地方，对软件测试提出了新的挑战。基于Web的系统测试不但需要检查和验证是否按照设计的要求运行，而且还要评价系统在不同用户的浏览器端的显示是否合适。重要的是，还要从最终用户的角度进行安全性和可用性测试。本文从功能、性能、可用性、客户端兼容性、安全性等方面讨论了基于Web的系统测试方法。

随着Internet和Intranet/Extranet的快速增长，Web已经对商业、工业、银行、财政、教育、政府和娱乐及我们的工作和生活产生了深远的影响。许多传统的信息和数据库系统正在被移植到互联网上，电子商务迅速增长，早已超过了国界。范围广泛的、复杂的分布式应用正在Web环境中出现。Web的流行和无所不在，是因为它能提供支持所有类型内容连接的信息发布，容易为最终用户存取。

Yogesh Deshpande和Steve Hansen在1998年就提出了Web工程的概念。Web工程作为一门新兴的学科，提倡使用一个过程和系统的方法来开发高质量的基于Web的系统。它"使用合理的、科学的工程和管理原则，用严密的和系统的方法来开发、发布和维护基于Web的系统"。目前，对于web工程的研究主要是在国外开展的，国内还刚刚起步。

在基于Web的系统开发中，如果缺乏严格的过程，我们在开发、发布、实施和维护Web的过程中，可能就会碰到一些严重的问题，失败的可能性很大。而且，随着基于Web的系统变得越来越复杂，一个项目的失败将可能导致很多问题。当这种情况发生时，我们对Web和Internet的信心可能会无法挽救地动摇，从而引起Web危机。并且，Web危机可能会比软件开发人员所面对的软件危机更加严重、更加广泛。

在Web工程过程中，基于Web系统的测试、确认和验收是一项重要而富有挑战性的工作。基于Web的系统测试与传统的软件测试不同，它不但需要检查和验证是否按照设计的要求运行，而且还要测试系统在不同用户的浏览器端的显示是否合适。重要的是，还要从最终用户的角度进行安全性和可用性测试。然而，Internet和Web媒体的不可预见性使测试基于Web的系统变得困难。因此，我们必须为测试和评估复杂的基于Web的系统研究新的方法和技术。

一般软件的发布周期以月或以年计算，而Web应用的发布周期以天计算甚至以小时计算。Web测试人员必须处理更短的发布周期，测试人员和测试管理人员面临着从测试传统的C/S结构和框架环境到测试快速改变的Web应用系统的转变。
一、功能测试
1、链接测试
链接是Web应用系统的一个主要特征，它是在页面之间切换和指导用户去一些不知道地址的页面的主要手段。链接测试可分为三个方面。首先，测试所有链接是否按指示的那样确实链接到了该链接的页面；其次，测试所链接的页面是否存在；最后，保证Web应用系统上没有孤立的页面，所谓孤立页面是指没有链接指向该页面，只有知道正确的URL地址才能访问。链接测试可以自动进行，现在已经有许多工具可以采用。链接测试必须在集成测试阶段完成，也就是说，在整个Web应用系统的所有页面开发完成之后进行链接测试。

2、表单测试
当用户给Web应用系统管理员提交信息时，就需要使用表单操作，例如用户注册、登陆、信息提交等。在这种情况下，我们必须测试提交操作的完整性，以校验提交给服务器的信息的正确性。例如：用户填写的出生日期与职业是否恰当，填写的所属省份与所在城市是否匹配等。如果使用了默认值，还要检验默认值的正确性。如果表单只能接受指定的某些值，则也要进行测试。例如：只能接受某些字符，测试时可以跳过这些字符，看系统是否会报错。

3、Cookies测试
Cookies通常用来存储用户信息和用户在某应用系统的操作，当一个用户使用Cookies访问了某一个应用系统时，Web服务器将发送关于用户的信息，把该信息以Cookies的形式存储在客户端计算机上，这可用来创建动态和自定义页面或者存储登陆等信息。如果Web应用系统使用了Cookies，就必须检查Cookies是否能正常工作。测试的内容可包括Cookies是否起作用，是否按预定的时间进行保存，刷新对Cookies有什么影响等。

4、设计语言测试
Web设计语言版本的差异可以引起客户端或服务器端严重的问题，例如使用哪种版本的HTML等。当在分布式环境中开发时，开发人员都不在一起，这个问题就显得尤为重要。除了HTML的版本问题外，不同的脚本语言，例如Java、javascript、 ActiveX、VBScript或Perl等也要进行验证。

5、数据库测试
在Web应用技术中，数据库起着重要的作用，数据库为Web应用系统的管理、运行、查询和实现用户对数据存储的请求等提供空间。在Web应用中，最常用的数据库类型是关系型数据库，可以使用sql对信息进行处理。在使用了数据库的Web应用系统中，一般情况下，可能发生两种错误，分别是数据一致性错误和输出错误。数据一致性错误主要是由于用户提交的表单信息不正确而造成的，而输出错误主要是由于网络速度或程序设计问题等引起的，针对这两种情况，可分别进行测试。

二、性能测试
1、连接速度测试
用户连接到Web应用系统的速度根据上网方式的变化而变化，他们或许是电话拨号，或是宽带上网。当下载一个程序时，用户可以等较长的时间，但如果仅仅访问一个页面就不会这样。如果Web系统响应时间太长（例如超过5秒钟），用户就会因没有耐心等待而离开。另外，有些页面有超时的限制，如果响应速度太慢，用户可能还没来得及浏览内容，就需要重新登陆了。而且，连接速度太慢，还可能引起数据丢失，使用户得不到真实的页面。

2、负载测试
负载测试是为了测量Web系统在某一负载级别上的性能，以保证Web系统在需求范围内能正常工作。负载级别可以是某个时刻同时访问Web系统的用户数量，也可以是在线数据处理的数量。例如：Web应用系统能允许多少个用户同时在线？如果超过了这个数量，会出现什么现象？Web应用系统能否处理大量用户对同一个页面的请求？

3、压力测试
负载测试应该安排在Web系统发布以后，在实际的网络环境中进行测试。因为一个企业内部员工，特别是项目组人员总是有限的，而一个Web系统能同时处理的请求数量将远远超出这个限度，所以，只有放在Internet上，接受负载测试，其结果才是正确可信的。进行压力测试是指实际破坏一个Web应用系统，测试系统的反映。压力测试是测试系统的限制和故障恢复能力，也就是测试Web应用系统会不会崩溃，在什么情况下会崩溃。黑客常常提供错误的数据负载，直到Web应用系统崩溃，接着当系统重新启动时获得存取权。压力测试的区域包括表单、登陆和其他信息传输页面等。
三、可用性测试
1、导航测试
导航描述了用户在一个页面内操作的方式，在不同的用户接口控制之间，例如按钮、对话框、列表和窗口等；或在不同的连接页面之间。通过考虑下列问题，可以决定一个Web应用系统是否易于导航：导航是否直观？Web系统的主要部分是否可通过主页存取？Web系统是否需要站点地图、搜索引擎或其他的导航帮助？

在一个页面上放太多的信息往往起到与预期相反的效果。Web应用系统的用户趋向于目的驱动，很快地扫描一个Web应用系统，看是否有满足自己需要的信息，如果没有，就会很快地离开。很少有用户愿意花时间去熟悉Web应用系统的结构，因此，Web应用系统导航帮助要尽可能地准确。导航的另一个重要方面是Web应用系统的页面结构、导航、菜单、连接的风格是否一致。确保用户凭直觉就知道Web应用系统里面是否还有内容，内容在什么地方。Web应用系统的层次一旦决定，就要着手测试用户导航功能，让最终用户参与这种测试，效果将更加明显。

2、图形测试
在Web应用系统中，适当的图片和动画既能起到广告宣传的作用，又能起到美化页面的功能。一个Web应用系统的图形可以包括图片、动画、边框、颜色、字体、背景、按钮等。图形测试的内容有：
（1）要确保图形有明确的用途，图片或动画不要胡乱地堆在一起，以免浪费传输时间。Web应用系统的图片尺寸要尽量地小，并且要能清楚地说明某件事情，一般都链接到某个具体的页面。
（2）验证所有页面字体的风格是否一致。
（3）背景颜色应该与字体颜色和前景颜色相搭配。
（4）图片的大小和质量也是一个很重要的因素，一般采用JPG或GIF压缩。

3、内容测试
内容测试用来检验Web应用系统提供信息的正确性、准确性和相关性。信息的正确性是指信息是可靠的还是误传的。例如，在商品价格列表中，错误的价格可能引起财政问题甚至导致法律纠纷；信息的准确性是指是否有语法或拼写错误。这种测试通常使用一些文字处理软件来进行，例如使用Microsoft Word的"拼音与语法检查"功能；信息的相关性是指是否在当前页面可以找到与当前浏览信息相关的信息列表或入口，也就是一般Web站点中的所谓"相关文章列表"。

4、整体界面测试
整体界面是指整个Web应用系统的页面结构设计，是给用户的一个整体感。例如：当用户浏览Web应用系统时是否感到舒适，是否凭直觉就知道要找的信息在什么地方？整个Web应用系统的设计风格是否一致？对整体界面的测试过程，其实是一个对最终用户进行调查的过程。一般Web应用系统采取在主页上做一个调查问卷的形式，来得到最终用户的反馈信息。对所有的可用性测试来说，都需要有外部人员（与Web应用系统开发没有联系或联系很少的人员）的参与，最好是最终用户的参与。

四、客户端兼容性测试
1、平台测试
市场上有很多不同的操作系统类型，最常见的有Windows、Unix、Macintosh、Linux等。Web应用系统的最终用户究竟使用哪一种操作系统，取决于用户系统的配置。这样，就可能会发生兼容性问题，同一个应用可能在某些操作系统下能正常运行，但在另外的操作系统下可能会运行失败。因此，在Web系统发布之前，需要在各种操作系统下对Web系统进行兼容性测试。

2、浏览器测试
浏览器是Web客户端最核心的构件，来自不同厂商的浏览器对Java，、javascript、 ActiveX、 plug-ins或不同的HTML规格有不同的支持。例如，ActiveX是Microsoft的产品，是为Internet Explorer而设计的，javascript是Netscape的产品，Java是Sun的产品等等。另外，框架和层次结构风格在不同的浏览器中也有不同的显示，甚至根本不显示。不同的浏览器对安全性和Java的设置也不一样。测试浏览器兼容性的一个方法是创建一个兼容性矩阵。在这个矩阵中，测试不同厂商、不同版本的浏览器对某些构件和设置的适应性。

五、安全性测试
Web应用系统的安全性测试区域主要有：
（1）现在的Web应用系统基本采用先注册，后登陆的方式。因此，必须测试有效和无效的用户名和密码，要注意到是否大小写敏感，可以试多少次的限制，是否可以不登陆而直接浏览某个页面等。
（2）Web应用系统是否有超时的限制，也就是说，用户登陆后在一定时间内（例如15分钟）没有点击任何页面，是否需要重新登陆才能正常使用。
（3）为了保证Web应用系统的安全性，日志文件是至关重要的。需要测试相关信息是否写进了日志文件、是否可追踪。
（4）当使用了安全套接字时，还要测试加密是否正确，检查信息的完整性。
（5）服务器端的脚本常常构成安全漏洞，这些漏洞又常常被黑客利用。所以，还要测试没有经过授权，就不能在服务器端放置和编辑脚本的问题。

六、总结
本文从功能、性能、可用性、客户端兼容性、安全性等方面讨论了基于Web的系统测试方法。基于Web的系统测试与传统的软件测试既有相同之处，也有不同的地方，对软件测试提出了新的挑战。基于Web的系统测试不但需要检查和验证是否按照设计的要求运行，而且还要评价系统在不同用户的浏览器端的显示是否合适。重要的是，还要从最终用户的角度进行安全性和可用性测试。

Ⅱ web系统中实现图形拖拽的功能，怎么做

document.onmousemove=function(e){
if(isDraging===true){
var nowX=e.pageX-startX;
var nowY=e.pageY-startY;
oDrag.style.left=nowX+'px';
oDrag.style.top=nowY+'px';
return false; //重新触发
}
}

addEventListener 有兼容问题 换document.onmousemove这种形式也可以 自己试下问题不大

Ⅲ web前端中 对于canvas了解多少

Canvas的绘制模型
有的时候使用Canvas，你得对它有一个很好的理解才行，这包括了Canvas究竟是如何绘制图形、图像和文本的。要想了解这部分内容，则需要理解阴影、Alpha通道、剪辑区域及图像合成等内容。

在向Canvas之上绘图形或图像时，浏览器要按照如下步骤操作：
1>将图形或图像绘制到一个无限大的透明位图中，在绘制时遵从当前的填充模式、描边模式以及线条样式。
2>将图形或图像的阴影绘制到另外一幅位图中，在绘制时使用当前绘图环境的阴影设定。
3>将阴影中每一个像素的alpha分量乘以绘图环境对象的globalAlpha属性值。
4>将绘有阴影的位图与经过剪辑区域剪切过的canvas进行图像合成。在操作时使用当前的合成模式参数。
5>将图形或图像的每一个像素颜色分量，乘以绘图环境对象的globalAlpha属性值 。
6>将绘有图形或图像的位图，合成到当前经过剪辑区域萧索的canvas位图之上，在操作时使用当前的合成操作符。

Ⅳ 有谁知道icoremail的邮件备份方案能支持web图形界面的备份操作吗

您好！这款iCoremail产品是支持web图形界面的备份操作，因为它采用全备份与增量备份两种备份方式，对系统进行定时备份或手动备份，可查询备份历史，并对备份内容进行选择性恢复。

Ⅳ 关于在web上绘图及图形处理 - servlet V.S. applet

根据你的需求，目前有多种技术实现：
第一种，也是推荐的，采用applet嵌入JSP网页的做法。要求对java的SWING或AWT比较熟悉，可以实现比较强大的功能。
第二种，可以通过VML或SVG绘图技术直接在HTML页面上实现，数据要保存时，通过json方式传递到后台。记住VML是只支持IE浏览器的。SVG的兼容性比较好。

通过servlet是无法实现你的需求的。

Ⅵ web在实际应用中主要包含哪几个方面

1、链接测试

链接是Web应用系统的一个主要特征，它是在页面之间切换和指导用户去一些不知道地址的页面的主要手段。链接测试可分为三个方面。首先，测试所有链接是否按指示的那样确实链接到了该链接的页面；其次，测试所链接的页面是否存在；最后，保证Web应用系统上没有孤立的页面，所谓孤立页面是指没有链接指向该页面，只有知道正确的URL地址才能访问。

链接测试可以自动进行，现在已经有许多工具可以采用。链接测试必须在集成测试阶段完成，也就是说，在整个Web应用系统的所有页面开发完成之后进行链接测试。

2、表单测试

当用户给Web应用系统
管理
员提交信息时，就需要使用表单操作，例如用户注册、登陆、信息提交等。在这种情况下，我们必须测试提交操作的完整性，以校验提交给服务器的信息的正确性。例如：用户填写的出生日期与职业是否恰当，填写的所属省份与所在城市是否匹配等。如果使用了默认值，还要检验默认值的正确性。如果表单只能接受指定的某些值，则也要进行测试。例如：只能接受某些字符，测试时可以跳过这些字符，看系统是否会报错。

3、Cookies测试

Cookies通常用来存储用户信息和用户在某应用系统的操作，当一个用户使用Cookies访问了某一个应用系统时，Web服务器将发送关于用户的信息，把该信息以Cookies的形式存储在客户端计算机上，这可用来创建动态和自定义页面或者存储登陆等信息。

如果Web应用系统使用了Cookies，就必须检查Cookies是否能正常工作。测试的内容可包括Cookies是否起作用，是否按预定的时间进行保存，刷新对Cookies有什么影响等。

4、设计语言测试

Web设计语言版本的差异可以引起客户端或服务器端严重的问题，例如使用哪种版本的HTML等。当在分布式环境中开发时，开发人员都不在一起，这个问题就显得尤为重要。除了HTML的版本问题外，不同的脚本语言，例如Java、JavaScript、 ActiveX、VBScript或Perl等也要进行验证。

5、数据库测试

在Web应用技术中，数据库起着重要的作用，数据库为Web应用系统的管理、运行、查询和实现用户对数据存储的请求等提供空间。在Web应用中，最常用的数据库类型是关系型数据库，可以使用SQL对信息进行处理。

在使用了数据库的Web应用系统中，一般情况下，可能发生两种错误，分别是数据一致性错误和输出错误。数据一致性错误主要是由于用户提交的表单信息不正确而造成的，而输出错误主要是由于网络速度或程序设计问题等引起的，针对这两种情况，可分别进行测试。

二、性能测试

1、连接速度测试

用户连接到Web应用系统的速度根据上网方式的变化而变化，他们或许是电话拨号，或是宽带上网。当下载一个程序时，用户可以等较长的时间，但如果仅仅访问一个页面就不会这样。如果Web系统响应时间太长（例如超过5秒钟），用户就会因没有耐心等待而离开。

另外，有些页面有超时的限制，如果响应速度太慢，用户可能还没来得及浏览内容，就需要重新登陆了。而且，连接速度太慢，还可能引起数据丢失，使用户得不到真实的页面。

2、负载测试

负载测试是为了测量Web系统在某一负载级别上的性能，以保证Web系统在需求范围内能正常工作。负载级别可以是某个时刻同时访问Web系统的用户数量，也可以是在线数据处理的数量。例如：Web应用系统能允许多少个用户同时在线？如果超过了这个数量，会出现什么现象？Web应用系统能否处理大量用户对同一个页面的请求？

3、压力测试

负载测试应该安排在Web系统发布以后，在实际的网络环境中进行测试。因为一个企业内部员工，特别是项目组人员总是有限的，而一个Web系统能同时处理的请求数量将远远超出这个限度，所以，只有放在Internet上，接受负载测试，其结果才是正确可信的。

进行压力测试是指实际破坏一个Web应用系统，测试系统的反映。压力测试是测试系统的限制和故障恢复能力，也就是测试Web应用系统会不会崩溃，在什么情况下会崩溃。黑客常常提供错误的数据负载，直到Web应用系统崩溃，接着当系统重新启动时获得存取权。

压力测试的区域包括表单、登陆和其他信息传输页面等。

三、可用性测试

1、导航测试

导航描述了用户在一个页面内操作的方式，在不同的用户接口控制之间，例如按钮、对话框、列表和窗口等；或在不同的连接页面之间。通过考虑下列问题，可以决定一个Web应用系统是否易于导航：导航是否直观？Web系统的主要部分是否可通过主页存取？Web系统是否需要站点地图、搜索引擎或其他的导航帮助？

在一个页面上放太多的信息往往起到与预期相反的效果。Web应用系统的用户趋向于目的驱动，很快地扫描一个Web应用系统，看是否有满足自己需要的信息，如果没有，就会很快地离开。很少有用户愿意花时间去熟悉Web应用系统的结构，因此，Web应用系统导航帮助要尽可能地准确。

导航的另一个重要方面是Web应用系统的页面结构、导航、菜单、连接的风格是否一致。确保用户凭直觉就知道Web应用系统里面是否还有内容，内容在什么地方。

Web应用系统的层次一旦决定，就要着手测试用户导航功能，让最终用户参与这种测试，效果将更加明显。

2、图形测试

在Web应用系统中，适当的图片和动画既能起到广告宣传的作用，又能起到美化页面的功能。一个Web应用系统的图形可以包括图片、动画、边框、颜色、字体、背景、按钮等。图形测试的内容有：

（1）要确保图形有明确的用途，图片或动画不要胡乱地堆在一起，以免浪费传输时间。Web应用系统的图片尺寸要尽量地小，并且要能清楚地说明某件事情，一般都链接到某个具体的页面。

（2）验证所有页面字体的风格是否一致。

（3）背景颜色应该与字体颜色和前景颜色相搭配。

（4）图片的大小和质量也是一个很重要的因素，一般采用JPG或GIF压缩。

3、内容测试

内容测试用来检验Web应用系统提供信息的正确性、准确性和相关性。

信息的正确性是指信息是可靠的还是误传的。例如，在商品价格列表中，错误的价格可能引起财政问题甚至导致法律纠纷；信息的准确性是指是否有语法或拼写错误。这种测试通常使用一些文字处理软件来进行，例如使用Microsoft Word的”拼音与语法检查”功能；信息的相关性是指是否在当前页面可以找到与当前浏览信息相关的信息列表或入口，也就是一般Web站点中的所谓”相关文章列表”。

4、整体界面测试

整体界面是指整个Web应用系统的页面结构设计，是给用户的一个整体感。例如：当用户浏览Web应用系统时是否感到舒适，是否凭直觉就知道要找的信息在什么地方？整个Web应用系统的设计风格是否一致？

对整体界面的测试过程，其实是一个对最终用户进行调查的过程。一般Web应用系统采取在主页上做一个调查问卷的形式，来得到最终用户的反馈信息。

对所有的可用性测试来说，都需要有外部人员（与Web应用系统开发没有联系或联系很少的人员）的参与，最好是最终用户的参与。

四、客户端兼容性测试

1、平台测试

市场上有很多不同的操作系统类型，最常见的有Windows、Unix、Macintosh、Linux等。Web应用系统的最终用户究竟使用哪一种操作系统，取决于用户系统的配置。这样，就可能会发生兼容性问题，同一个应用可能在某些操作系统下能正常运行，但在另外的操作系统下可能会运行失败。

因此，在Web系统发布之前，需要在各种操作系统下对Web系统进行兼容性测试。

2、浏览器测试

浏览器是Web客户端最核心的构件，来自不同厂商的浏览器对Java，、JavaScript、 ActiveX、 plug-ins或不同的HTML规格有不同的支持。例如，ActiveX是Microsoft的产品，是为Internet Explorer而设计的，JavaScript是Netscape的产品，Java是Sun的产品等等。另外，框架和层次结构风格在不同的浏览器中也有不同的显示，甚至根本不显示。不同的浏览器对安全性和Java的设置也不一样。

测试浏览器兼容性的一个方法是创建一个兼容性矩阵。在这个矩阵中，测试不同厂商、不同版本的浏览器对某些构件和设置的适应性。

五、安全性测试

Web应用系统的安全性测试区域主要有：

（1）现在的Web应用系统基本采用先注册，后登陆的方式。因此，必须测试有效和无效的用户名和密码，要注意到是否大小写敏感，可以试多少次的限制，是否可以不登陆而直接浏览某个页面等。

（2）Web应用系统是否有超时的限制，也就是说，用户登陆后在一定时间内（例如15分钟）没有点击任何页面，是否需要重新登陆才能正常使用。

（3）为了保证Web应用系统的安全性，日志文件是至关重要的。需要测试相关信息是否写进了日志文件、是否可追踪。

（4）当使用了安全套接字时，还要测试加密是否正确，检查信息的完整性。

（5）服务器端的脚本常常构成安全漏洞，这些漏洞又常常被黑客利用。所以，还要测试没有经过授权，就不能在服务器端放置和编辑脚本的问题。

Ⅶ web 如何制作按钮开关

可以使用T'触发器(有的地方也叫CP计数器)来做，这是最常见的方式，具体电路可以使用CD4013或CD4027，都可以做出来。上学的时候数字电路书上就有。 没有课本了的话，找一个4013的文档，里边有。这有多种办法，要看你机器总开关是用的什么开关，如果是用的主令按钮，则可直接加一个微型继电器由主令按钮直接启动，而将电脑的启动按钮引线分别接微型继电器的一对常开触头即可。因为实际按钮是硬接线，按下去就接通，释放就断开，这个很稳定，但是屏与PLC之间建立的连接是靠通讯协议进行的，是软的，通讯机制就限定了不建议使用点动按钮，如果按照“寒音”的方式去做，如果操作过快，有可能会造成按下去为1，松开不为0的情况，如何使操作设备启停，这样会很危险，建议：.用两个按钮，一个置位，另一个复位；2.或者用开关，点一下为1，再点一下为0。单击“绘图”工具栏中的“自选图形”按钮，在弹出的选项列表中的“基本图形”或“箭头总汇”下单击一种合适的图形，并在灯片中的适当位置中拖画中一个图形，再右击画出的这个图形，在弹出的快单中选择“添加文字”，并输入“PLAY”，并设置好图形填充色和线条色及文字颜色，将其作为播放按钮；同法再制作一个“STOP”（暂停）按钮。第三步：利用触发器制作播放效果按钮鼠标右键单击幻灯片中插入的音视频（频）文件图标（插入的音视频文件的图标为一播放画面图，插入的音频文件为一小喇叭图标），在弹出的快捷菜单中点击选择“自定义动画”命令或左键单击选定幻灯片中插入的音视。

Ⅷ 怎样使用Microsoft FrontPage

FrontPage 98 快速使用技巧

教 学 纲 要

用 过 FrontPage 98 的 朋 友 大 多 会 被 其 所 见 即 所 得 的 页 面 制 作 方 式 及 强 大 的 功 能 所 折 服 ， 但 除 此 之 外 ， FrontPage 98 还 一 些 有 用 的 小 技 巧 ， 看 看 这 篇 文 章 ， 一 定 会 让 您 有 茅 塞 顿 开 之 感 。

创 建 保 护 密 码

如 果 你 的 FrontPage web server （ 服 务 器 ） 是 在 网 络 上 ， 就 可 能 需 要 使 用 FrontPage Explorer （ 浏 览 器 ） 的 Tools （ 工 具 ） 菜 单 上 的 Permissions 等 命 令 来 建 立 密 码 。 该 密 码 主 要 用 于 防 止 非 法 入 侵 者 。 然 而 ， 也 许 你 还 不 知 道 ： 你 在 FrontPage 中 所 设 置 的 权 限 限 制 ， 可 能 很 容 易 被 知 道 你 的 Web 文 档 网 络 路 径 的 人 绕 过 ， 而 且 很 难 发 现 他 们 。

可 能 入 侵 者 只 须 用 Editor （ 编 辑 器 ） 中 的 Open File 对 话 框 中 的 Other Location 选 项 卡 ， 就 可 以 浏 览 和 访 问 HTML 网 页 ， 甚 至 不 须 要 打 开 FrontPage web. 因 此 ， 应 该 要 求 你 的 系 统 管 理 员 为 你 的 web 资 源 设 置 网 络 密 码 保 护 。 这 是 一 件 刻 不 容 缓 的 事 情 。

擦 除 FrontPage 98 内 的 表 格 边 界

表 格 是 在 Web 网 页 上 格 式 化 信 息 的 重 要 格 式 。 使 用 表 格 后 ， 就 很 容 易 在 联 机 表 单 中 把 信 息 按 列 、 按 字 段 对 齐 ， 或 按 其 他 网 页 元 素 对 齐 。 FrontPage 98 中 的 绘 制 表 格 工 具 使 表 格 更 为 有 用 。 使 用 新 的 表 格 工 具 之 一 Eraser （ 橡 皮 擦 ） ， 你 就 能 够 通 过 单 击 来 擦 除 表 格 单 元 格 的 边 界 。 为 此 ， 首 先 从 FrontPage Editor 上 选 择 Draw Table （ 绘 制 表 格 ） 命 令 打 开 表 格 工 具 栏 。 从 表 格 工 具 栏 上 选 取 Eraser （ 橡 皮 擦 ） 工 具 按 钮 ， 然 后 拖 动 它 跨 过 表 格 的 内 部 边 界 来 选 取 要 擦 除 的 边 界 。 这 样 ， 当 你 释 放 鼠 标 时 这 个 边 界 就 会 消 失 。 而 且 ， 与 其 相 邻 近 的 单 元 格 就 会 合 并 成 为 一 个 。 如 果 想 要 关 闭 eraser 模 式 ， 可 以 再 次 单 击 Eraser 图 标 ， 或 单 击 表 格 外 边 ， 或 者 双 击 表 格 内 部 都 可 以 。

指 定 自 定 义 表 单 的 确 认 页

当 你 创 建 联 机 表 单 (online form) 时 ， FrontPage 会 自 动 地 生 成 confirmation （ 确 认 ） 网 页 。 当 用 户 单 击 Submit 按 钮 之 后 ， 这 个 网 页 就 会 出 现 。 该 网 页 上 会 列 出 他 或 她 输 入 的 数 据 ， 而 且 该 网 页 还 包 括 了 返 回 到 表 单 的 链 接 。 如 果 你 不 喜 欢 标 准 的 页 面 ， 可 以 创 建 自 己 的 页 面 ， 并 指 示 FrontPage 显 示 你 自 定 义 的 页 面 。

为 此 ， 可 在 FrontPage Editor 中 打 开 表 单 页 ， 并 且 将 鼠 标 光 标 指 到 表 单 区 域 的 虚 线 区 域 ， 右 击 鼠 标 按 钮 ， 从 弹 出 的 下 拉 式 菜 单 中 选 择 Forms Properties 命 令 。 然 后 ， 在 弹 出 的 Form Properties 对 话 框 中 单 击 Options 按 钮 ， 再 在 弹 出 的 Options for Saving Results of Form 对 话 框 中 选 择 Confirmation Page 选 项 卡 ， 并 输 入 你 要 确 认 的 网 页 的 URL 。 你 可 以 用 这 种 方 法 输 入 任 何 网 页 的 URL ， 而 不 只 是 要 确 认 的 网 页 的 URL 。

用 改 进 的 视 图 来 管 理 你 的 站 点

FrontPage 98 为 你 提 供 了 在 Web 站 点 上 查 看 文 件 的 多 种 方 法 。 当 你 执 行 Web 站 点 维 护 和 管 理 任 务 时 ， 每 种 查 看 方 法 都 有 它 自 己 的 优 点 。 例 如 ， 如 果 你 增 亮 选 择 在 Folders View （ 视 图 ） 、 All Files View 、 Navigation View 或 Hyperlinks View 中 的 文 件 ， 当 切 换 到 其 他 视 图 （ view ） 时 ， 这 些 文 件 将 仍 然 保 持 选 取 状 态 。 例 如 ， 当 你 在 All Files View （ 视 图 ） 中 找 到 的 某 些 文 件 ， 并 要 把 它 们 移 动 到 其 他 文 件 夹 时 ， 可 能 就 需 要 保 持 选 取 状 态 。 即 在 All Files View 中 选 取 这 些 文 件 ， 然 后 切 换 到 Folders View 并 把 文 件 拖 动 到 新 位 置 。

当 你 在 FrontPage 98 Editor 的 Normal 选 项 卡 视 图 下 工 作 时 ， 如 果 按 [Enter] 键 ， 则 程 序 将 插 入 等 效 的 双 空 格 的 回 车 ， 即 在 网 页 的 HTML 视 图 上 插 入

标 记 。 根 据 你 的 设 计 需 要 ， 这 种 方 法 可 能 会 在 页 面 上 的 条 目 之 间 插 入 太 多 的 空 格 。 幸 运 的 是 ， 你 可 以 用 插 入 单 个 空 格 来 代 替 。 要 创 建 单 空 格 的 回 车 ， 可 以 在 按 住[Shift]键的 同

时 按 下 [Enter] 键。 这 样 就 会 在 网 页 的 HTML 视 图 上 插 入 标 记 。

快 速 修 改 页 面 元 素

在 FrontPage 98 中 ， 可 以 通 过 对 操 纵 相 应 功 能 的 Properties 对 话 框 的 不 同 设 置 ， 来 选 择 分 配 给 页 面 元 素 的 许 多 特 性 。 例 如 ， 段 落 格 式 化 、 图 象 属 性 或 者 FrontPage Component 属 性 。 如 果 要 更 快 进 入 各 种 Properties 对 话 框 ， 只 需 要 用 鼠 标 右 击 FrontPage Editor 页 面 上 的 元 素 。 这 样 将 会 弹 出 快 捷 式 菜 单 ， 可 以 从 中 选 择 打 开 元 素 的 Properties 对 话 框 ， 以 便 能 够 方 便 地 修 改 元 素 属 性 。

5.1 精确定位对象
在FrontPage中，对象定位的不精确受到很多人的指责，在FrontPage 2002中我们可以试着解决这一问题。首先，单击“视图→工具栏→定位”命令，将在界面中显出“定位”工具栏（），该工具栏可以浮动在当前页面上，也可以拖放至FrontPage上端、右侧或下端的工具栏中。当使用者选择一个对象（可以是图片、悬停按钮，甚至可以是在DreamWeaver中制作的图层等）后，“定位”工具栏的所有参数项即被激活。此时，除了可以设定常规的“宽度”及“高度”外，还能够设定对象与左边界及上边界的距离。 注意:若是你选择对象后“定位”工具栏的“左”与“上”参数项没有被激活，只要将对象上移一层即可。

5.2 应用嵌入式网页

首先，把鼠标插入点置于页面中预嵌入网页位置，然后单击“插入→嵌入式框架”命令，在当前位置会显示出嵌入式页面（），在此你可以点击“设置初始网页”按钮，在弹出的“插入超链接”对话框中，将站点中的任意页面或页面中某一书签，亦或是外部链接设置为链接源;也可以点击“新建网页”按钮，在当前建立的空白页面中直接编辑内容。

5.3 自动编排缩略图

大凡桌布下载、图片欣赏类的站点，都需要定制大量的缩略图，此项工作若是手动完成，需要耗费大量的时间，而在FrontPage 2002中就可以自动完成缩略图的插入、编排。点击“插入→图片→新建图片库”命令，弹出“图片库属性”对话框（），在此首先查看“图片”标签页，点击“添加”向下箭头按钮，可以从文件或扫描仪，照相机中选择图片。当所需图片都被添加到列表中后，选择指定图片即可在右侧视图中预览，还可以为每个图片设定标题（可定义标题文字的字体、颜色、字号等属性）。此后，切换到“布局”标签页，在此可选择图片在页面中的排列方式。

5.4 调用样式表

在FrontPage 2002中调用样式表已经与DreamWeaver一样简便易行了。下面以实例说明其调用方法:假设预先已制作好了一个“alpha.css”样式表，准备将其应用到站点的所有页面中，则点击“格式→样式表链接”，弹出一个对话框（），首先激活“所有网页”单选框，然后点击“添加”按钮，选择“alpha．css”样式表所在路径，将其添加到列表中即可。

5.5 调用站点中任意网页背景设置套用到当前页面

如果想使站点中网页的风格统一，除了使用模板外，还可以通过套用任一已设置好的网页背景信息来达到此目的。在页面中任意处单击鼠标右键，在弹出的功能菜单中选择“网页属性”，弹出一个对话框，切换到“背景”标签页（），勾选该视图最下端的“从另一网页获得背景信息”，再点击浏览按钮，选择当前站点中的指定网页文件即可。此后，该页面中的背景、文本及超链接颜色等参数项全部自动设置为所套用网页的背景信息。

5.6 让文字出现提示信息

如果想使文字也能够像图片链接那样，当鼠标置于链接点上时显示提示信息，在以往的FrontPage中很难实现，但在FrontPage 2002中却可以轻易实现了，虽然它不能够像DreamWeaver中使用隐藏、显示图层的方法自动程度那么高，但对付一般情况还是绰绰有余。在页面中选中指定文字后，点击工具栏上的“插入超链接”按钮，弹出“插入超链接”对话框，在此，除设置链接地址等常规参数之外，点击视图上端的“屏幕提示”按钮（），弹出“设置超链接屏幕提示”对话框，在其中的文本框中直接输入相应的文字内容即可（该效果仅支持IE4．0以上版本）。

5.7 在网页中插入垂直线

在网页中插入水平线想必大家都很清楚吧，如果要插入垂直线，该如何办呢？下面给大家介绍两种方法。

1.将鼠标定位到要插入垂直线上方的位置，单击“插入→水平线”命令，双击出现的水平线打开属性窗口（），将水平线的“宽度”设置为“1”，单位为“像素”，然后在设定水平线的高度后点击“确定”按钮就可以做出垂直线了。

2.首先也是将鼠标定位到要插入的垂直线上方，然后点击工具栏中的“表格”按钮选择建立“1×1”的表格，在弹出的窗口中设定表格的边框粗细为“0”，表格的宽度为“1”，单位为“像素”，表格的高度根据需要自己设定，设定表格的背景颜色为“黑色”（也就是出现的垂直线的颜色，可以选择一个自己喜欢的颜色），最后点击“确定”按钮，一个漂亮的垂直线就做好了。

5.8 批量更改文件内容

如果要更改一下网页中的个人信息，而且这些网页中的内容都是相同的，那么接下来的工作是什么呢？一般大家会一个一个地进行更改，这将耗费我们很多的时间与精力，其实用FrontPage 2002中的“替换”功能就可以轻松更改成批的文件。操作如下: 单击“编辑→替换”命令（或按快捷键“Ctrl+H”），出现替换窗口（），然后在“查找内容”栏中填上原来的个人信息，在“替换为”栏中填上更改后的内容，将“查找地点”改为“所有网页”，现在点击“全部替换”按钮，稍稍等待一会儿就可以将你的个人信息全部更新了，效率很高。

5.9 变化的按钮

许多网页上的按钮都有这样的效果:只要将鼠标移到按钮上，按钮的状态就会发生变化，十分富有动感，其实这种效果在FrontPage 2002中可以轻松实现: 单击“插入→Web组件”命令，在弹出的窗口中选择“组件类型”中的“动态效果”（），然后在“选择一种效果”中双击“悬停按钮”项打开“悬停按钮属性”窗口（）。下面在“按钮文本”栏中输入按钮上的文字，如果你要给这个按钮加链接，可以点击“浏览”按钮来链接文件;接下来可以设定按钮的颜色和鼠标移动到按钮上按钮的颜色，还可以选择按钮变化的效果，有填充颜色、颜色对比、发光、反色发光、微微发光、凸出、凹进等7种效果，选择一种喜欢的效果后点击“确定”按钮。将这个网页保存一下后预览，你就可以看到变化的效果了。如果你想自己制作按钮的效果，比如说加入一段声音，鼠标移动到按钮上时出现另外一个按钮等效果，你可以点击图中的“自定义”按钮添加，方法非常简单，在此不再赘述。

5.10 制作细线表格

在Frontpage 2002中要插入一个表格，它的边框会非常粗，就是将边框的粗细调整到1看上去还是那么的不尽如人意，其实你只要右击表格，在弹出的快捷菜单中选择“表格属性”，在打开的窗口中将“边框”选项中的“显示单元格和表格边框”设置为不选中状态（），这样就可以将表格的边框变得非常细。

5.11 删除超链接的下划线（微软Office技巧大赛获奖作品）

如果你给一些文字加上“超链接”的属性，那么这些字体会变成蓝色，同时在这些文字的下面会出现下划线。可是有的朋友就是不喜欢链接出现下划线，你可以用以下的方法将它删除: 首先选中这段文字，然后点击右键，在弹出的快捷菜单中选择“字体”，在“字体属性”窗口中把“下划线”前面的对钩去掉就可以了（）。

5.12 上下移动的文字

在FrontPage 2002插入的“字幕”只能左右移动却不能上下移动，真是个遗憾，不过通过对Html代码的简单修改，我们就可以达到上下移动的效果。 首先插入一串左右移动的文字，然后将这段文字选中并切换到Html编辑状态，将选中的文字改为“移动的文字”。up代表从下往上移动，down代表从上往下移动，最后将“移动的文字”改为你需要上下移动的文字就可以了。

5.13 插入Flash动画

如今的网页上Flash动画这么流行，我们的网页中怎么能没有呢？在FrontPage 2002并不能直接插入Flash动画，这该怎么办呢？其实解决的方法很简单。 首先单击“插入→Web组件”命令，在弹出的窗口中选择“组件类型”中的“高级控件”，然后在右边的列表栏中选择“ActiveX控件”，并点击“完成”按钮插入一个ActiveX控件（）。现在在弹出的“选择ActiveX控件”窗口中的列表中并没有插入Flash动画的控件，点击“自定义”按钮打开“自定义ActiveX控件列表”窗口，选中选项“ShockwaveFlash object”面的小对钩后点击“确定”按钮回到“选择ActiveX控件”窗口。在“选择ActiveX控件”窗口的列表中选中“Shockwave Flash object”并按“完成”按钮就在网页中插入一个Flash动画了。然后选中网页中的Flash动画并从右键菜单中选择“ActiveX控件属性”打开ActiveX控件属性窗口（），在“Flash属性”选项卡中的“影片URL”中填写Flash动画的路径;在“品质”中选择影片的质量;选中“播放”和“循环”选项;如果要对Flash动画的大小、位置等进行设置，你可以点击“Object标记”选项卡进行设置。

5.14 精确放置图片

在网页制作过程中，大家经常遇到移动图片的情况，但是有时这是一件非常困难的事情，因为无论怎样努力，图片都到不了你想要的位置，这时你可以试试绝对定位法。首先选中这张图片，然后单击“格式→定位”命令，在弹出的“定位”对话窗口中（），将“定位样式”设置为“绝对”，现在在“位置与大小”中设置你想要的图片的大小和位置，这样就可以将图片放到你想要的地方了。

5.15 实现网页过渡效果

如果在进入或退出网页时有不同的动态效果，那么一定可以更加吸引浏览者的目光，在FrontPage 2002中要实现这种效果非常容易。 首先在FrontPage中打开要进行设置的网页，点击“格式→网页过渡”命令可以打开“网页过渡”设置窗口（）。首先要选择“事件”，一共有“进入网页”、“离开网页”、“进入站点”、和“离开站点”4种事件可以选择，然后在窗口右边的“过渡效果”列表中选择一种过渡效果，共有24种方式可供选择，最后在“周期”中填上这种效果的作用时间，单位为“秒”，点击“确定”按钮后用浏览器打开这个网页就可以看到效果了。

5.16 使用自动缩略图

如果我们在网页中插入了一张大图片，这样会严重影响下载速度，让浏览者失去等待的兴趣，这时你可以给这张图片制作一张“自动缩略图”，这样在打开网页后，浏览器首先显示这张图片的缩略图，当浏览者看了以后如果觉得对这张图片感兴趣可以点击缩略图来打开原来的图片，这时候浏览器才去下载大图片。 制作自动缩略图的方法是:首先在网页中插入大图片，然后选中大图片，点击鼠标右键，在弹出的菜单中选择“自动缩略图”，然后用鼠标将出现的缩略图调整到理想的位置就可以了。此外你还可以给缩略图的超链接加上“_blank”属性，这样在点击缩略图时会在新窗口中显示原来的大图片，就不会影响浏览了。

5.17 配置外部编辑器

在我们制作网页的时候会用到许多各种各样的元素，而这些元素有很多又是FrontPage 2002所不能编辑的（如图片、Flash等），这时候我们就要用其他的编辑器来对这些元素进行修改。在FrontPage 2002中，选中图片后点击鼠标右键选择“编辑图片”出现的却是IE浏览器，这样我们必须在别的软件中编辑好图片再加入到网页中，非常麻烦。这时候就要对外部编辑器进行设定，使其可以用自己选择的编辑器编辑图片，方法如下: 单击“工具→选项”命令，在弹出的窗口中选择“配置编辑器”选项卡（图17），大家可以看到在列表框中并没有对一些元素进行配置，这样我们就要自己添加。首先点击“添加”按钮，在“文件类型”一项中填入要配置文件的扩展名（如JPG），在“编辑器名称”中填入给这种文件设定的编辑器的名称（如Photoshop），然后点击“浏览”按钮从硬盘中选择这种编辑器的主程序，最后点击“确定”即可设定完成（）。 这样以后如果要在FrontPage 2002中对图片进行编辑，只要选中图片从右键快捷莱单中选择“编辑图片”命令就可以在Photoshop中打开这张图片，编辑完成后回到FrontPage就可以继续我们的工作。

5.18 通过FrontPage了解网页的访问者

通过了解站点访问者的特定信息，如访问者所用的操作系统、浏览器版本、连线速度等，可以很好地帮助你决定站点所用的技术和功能。FrontPage 2002中的一个新特性可以帮助你收集这些重要的信息。方法如下: 点击“插入→Web组件”命令，点击“组件类型”列表中的“前10个列表”，在右侧的选择用途列表部分，点击需要跟踪的用户信息类型，然后点击“完成”，在列表设置框中输入列表的名称，选择一种风格，点击“确定”。 注意:以上技巧只在你的Web站点建立提供商（WPP）支持FrontPage 2002 Server Extensions时才有效。要想查看对FrontPage 2002提供完全支持的WPP列表，请访问查找Web站点建立提供商页面。

5.19 在FrontPage视图间快速切换

要想在FrontPage 2002的普通、预览和Html视图间快速切换，只需按下“Ctrl+PageUp”或“Ctrl+PageDown”。

5.20 在FrontPage中插入换行

在FrontPage的普通视图下，当按下回车键时，FrontPage自动插入一个“

”标记，以在两行之间产生双倍行距。要想插入一个换行或“
”标记，以获得单倍行距，按住Shift并按下回车键即可。

5.21 在FrontPage中建立自己的悬停按钮

当用户的鼠标指向Web页上的某些按钮时，这些按钮会不断改变颜色、移动或闪烁，你想知道这些按钮是怎样制作的吗？ 首先，你需要创建两个不同的按钮。其中一个按钮在页面初次加载时显示，另一个略有不同的按钮则在用户鼠标指向该按钮时显示。你可以使用Web图形创作工具创建自己的图形，在创建自己的图形后，可以使用以下操作将图像放在网页上: 单击“插入→Web组件”命令，点击“组件类型”列表中的“动态效果”，在右边的列表中选择“悬停按钮”选项，双击它，弹出“悬停按钮属性”窗口，在“链接到”框中输入在按钮被点击时显示的页面URL或文件，在“按钮文本”框中输入悬停按钮的文本标签，如果所创建的图形已经包含一个文本标签，则保留该框的空白状态。单击“自定义”，在按钮框中输入初次打开该页面时看到的图片的URL，在“悬停时”框中输入鼠标悬停在该按钮上时显示的图片，然后单击“确定”。在“宽度”和“高度”框中分别输入以像素计的图片宽度和高度，然后单击“确定”。悬停按钮的大小必须与悬停效果使用的图片相匹配。如果没有现成的图形，可以选择FrontPage中内建的悬停效果，如发光或凹凸效果，以快速添加页面的交互性。
参考资料：http://www.nettime.net.cn/ite/news/200522/20052295731600.htm

Ⅸ 请问linux系统下软路由有哪些软件要求支持web图像管理 还要保留linux系统功能 还要要求带图形操作桌面

在Linux系统下实现路由功能，两种方法来实现，一种是通过IPTABLES工具的NAT转发功能，一种是使用IPROUTER2工具集中的IP ROUTE命令子集来实现。这两种方法各有优缺点，使用哪种方法，主要看你所在的网络使用哪种方法连接互联网。IPTABLES工具适合动态IP地址以及固定公网IP地址方式，同时，还提供了网络地址转换功能，此功能不仅能使使用私有IP地址的内网PC连接上互联网，而且还提供外网能过DNAT功能访问处于内网中的各种网络服务，以用隐藏内容IP网络段，增加了安全性。IP ROUTE工具同样适应与IPTABELS相同的两种上网方式，但不能提供NAT功能过这两个工具共同合作的才能实现的，例如，将要讲到的策略路由、负载均衡、多WAN出口路由等。因此，笔者在此分别列出这个工具实现路由功能的命令内容，其后，在介绍如何通过这两个工具合作，完成更加高级的功能。

Ⅹ 如何在Web下做一个动态图形化管理页面

1.建立一个web项目
2.把数据库驱动复制到lib目录下。数据库驱动有：mysql，sqlserver，oracle等 是什么样类型的数据导入相应驱动。
3.编写一个连接数据库的工具类，获取一个连接。下面以mysql数据库为例。
核心代码：
public class DataUtils {
/**
* 从数据中获取一个连接
* @return
*/
public static Connection getConn(){
Connection conn = null;
try {
Class.forName("com.mysql.jdbc.Driver").newInstance();
//表为test，用户名root，密码admin。
conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/test", "root", "admin");
} catch (Exception e) {
e.printStackTrace();
}
return conn;
}
}
4.获取到与相应数据库的连接后，就可以做增删改查操作了。记得做完操作后，关闭连接，释放资源。