网页中META标签的使用
| Meta标签放在每个网页的<head>...</head>中，我们大家比较熟悉的如： <meta name="GENERATOR" content="Microsoft FrontPage 3.0">说明编辑工具； <meta name="KEYWORDS" content="...">说明关键词； <meta name="DESCRIPTION" content="...">说明主页描述； <meta http-equiv="Content-Type" content="text/html; charset=gb_2312-80">和 <meta http-equiv="Content-Language" content="zh-CN">说明所用语言及文字... 可见META有两种，name和http-equiv。 name主要用于描述网页,对应于content,以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找META值来给你的网页分类）。这其中最重要的是DESCRIPTION（你的站点在引擎上的描述）和KEYWORDS（搜索引擎籍以分类的关键词），应该给你的"每一页”都插入这两个META值。当然你也可以不要搜索引擎检索,可用: <meta name="ROBOTS" content="all | none | index | noindex | follow | nofollow"> 来确定: 设定为"all"时文件将被检索，且页上链接可被查询; 设定为"none"则表示文件不被检索，而且不查询页上的链接; 设定为"index"时文件将被检索; 设定为"follow"则可查询页上的链接; 设定为"noindex"时文件不检索，但可被查询链接; 设定为"nofollow"则表示文件不被检索，但可查询页上的链接. http-equiv顾名思义相当于http文件头的作用，可以直接影响网页的传输。比较直接的 例子如: 1、自动刷新，并指向新网页 <meta http-equiv="Refresh" content="10; url= http://yourlink"'>http://yourlink"> 10秒后刷新到http://yourlink; 2、网页间转换时加入效果 <meta http-equiv="Page-Enter" content="revealTrans(duration=10, transition=50)"> <meta http-equiv="Page-Exit" content="revealTrans(duration=20, transition=6)"> 加在一个网页中，进出时有一些特殊效果，这个功能即FrontPage 98的Format/PageTransition.不过注意所加网页不能是一个Frame页; 3、强制网 |
线条是网页中使用得比较多的一种 HTML 对象，在 HTML 语言中提供了一个 <HR> 的标签，也就是水平直线。但由于这个标签的局限性使我们在制作网页时遇到了一些麻烦，比如：线条的颜色以及怎样制作纵向的线条。在这里，笔者就在网页中制作线条的这两个方面的技巧介绍一点自己的心得。
为了顾及各种浏览器之间的兼容性，网页制作者在制作网页的时候常常需要考虑标签的各种属性在每一种浏览器中是否能够正确的显示。其中就有一个水平线的颜色属性问题。我们都知道
<HR> 标签具有一个 Color 属性，例如我们要制作一条红色的线条就可以用这样的代码：
<hr color="#FF0000"
noshade>
当你在IE中浏览这一段代码时你能得到一个你希望的红色线条，可是如果你的浏览器是 Netscape 的话，那么你看到的只是一个灰色的线条，因为 Netscape 根本就不支持 HR 的 Color 属性。我们该怎么办呢？
1、使用表格
现在流行的网页制作中我们大多数是用表格来规划一个网页的基本布局，因此使用表格的单元格来制作线条不会给你增加太多的麻烦。
1. 首先我们需要将表格的单元格边距属性（cellpadding）设置为 0 。如：<table cellpadding="0">，注意：只有将这个边距属性设置为 0 你才能制作一个小于 4 个象素的线条。因为 HTML 中 Cellpadding的默认值是 2 个象素，上下两个边距相加就是 4 个象素。如果不设置 Cellpadding 属性哪怕是你将这个单元格的高度（Height）设置为0 ，这个单元格的实际高度仍然是 4 个象素。
2. 将单元格的高度（Height）设置为你希望得到的线条的高度。
3. 设置单元格的背景颜色，如：#FF0000。到这一步还没有完，如果你这时在 Netscape中来浏览这个表格的话，你仍看不到任何颜色。下面就进行关键性的一步。
4. 利用图像制作软件制作一个 1 * 1 的 GIF格式的图像（一个点）。这里又有一个技巧，你可以将这个图像设置为透明的，这样你就可以利用这个“点”来制作任何颜色的线条，而不需要为每一种颜色的线条都制作一个这样的“点”。 这时你再用 Netscape 浏览这个表格你就可以看到一个红色的线条了。也就是说在 Netscape 中当一个单元格中什么也没有的时候，无法显示这个单元格的背景色，而只要这个单元格中有一点东西，就可以显示单元格的被景色。笔者也不知道什么原因但事实如此。使用这一种方法你也可以制作纵向的线条。你只是需要将上述步骤的第2步的宽度改为你想要的线条的宽度，然后再设置高度或者调整这个单元格的行跨度以达到你想要的长度。这需要你在网页制作过程中根据自己的实际要求来做出相应的处理。顺便说一句，以前《电脑报》登过一篇文章说可以使用HR的 Size 属性来制作纵向线条，但我在实际中发现这种方法只能制作 100 个象素长的纵向线条。
在浏览网页的时侯，常常可以看见一些“当前网站上的人数是ＸＸＸ人”的在线人数同计。如何用ＡＳＰ来做一个呢？首先，分析一下它的做法，一般来说，这些线上人数统计都是指一个时段内的访客人数统计。比如（５分钟内，１０分钟内）而这个时间的长短，是由设计者设定的。
在这个时段内同计各个不同ＩＰ的访客总数，就可以得出当前的线上人数了，但这里有一个精确问题需要解决，至于用什么办法来精确地统计，那就是各人不同的做法了，比如可以用自动提交的页面，隔一段时间读取ＣＯＯＫＩＥＳ等等，而在ＡＳＰ中，有一个更好的技巧，就是使用session对象来统计，这里介绍一下gobal.asa这个文件，这是一个很重要的一个文件，请看看它的结构。
<SCRIPT LANGUAGE="VBScript" RUNAT="Server">
Sub Session_OnStart
End Sub
Sub Session_OnEnd
End Sub
sub Application_OnStard
End Sub
sub Application_OnEnd
End Sub
</SCRIPT>
当有一个会话发生时（用户浏览网页，向Web服务器发出请求）那么，如果自服务器启动后第一个用户的话，就会同时发生Application_OnStard和Session_OnStart这两个事件，之后，再有别的用户发出请求的话，就只发生Session_OnStart这个事件，而session的生存期是多长，是可以设定的，Session.timeout=Ｘ（分钟）
好了，有了这个很好用的方法，我们就能准确地统计出在线人数了，而人数总计是用一个application变量来保存，当在第一个会话开始时，在Application_OnStard事件中放置一条清空计数器的语句application("online")=0，然后，在Session_OnStart事件中，放置一条增加在线人数的语句
application("online")=application("online")+1，而在Session_OnEnd事件相应地放一条减少在线人数的语句，令计数值减一。
这样，这个文件就改为如下
<SCRIPT LANGUAGE="VBScript" RUNAT="Server">
Sub Session_OnStart
application("online")=application("online")+1
End Sub
Sub Session_OnEnd
application("online")=application("online")-1
End Sub
sub Application_OnStard
application("online")=0
End Sub
sub Application_OnEnd
application("online")=0
End Sub
</SCRIPT>
接下来编一个显示图形数字的程序，把在线人数显示在指定的页面上。这样就能得出在人数了
＊online.asp
<% @language="vbscript" %>
<%
tmp=application("online")
tmp=Cstr(tmp)
dim disp(20)
dim images(20)
dbbits=len(tmp)
for i= 1 to dbbits
disp(i)=left(right(tmp,i),i-(i-1))
next
for i=dbbits to 1 step -1
images(i)="<img src="&"http://xxxx.com.cn/pic"&"/"&disp(i)&".gif>"
response.write "document.write('"&images(i)&"');"
next
%>
上面的程序很简单，这里不作分析了，请大家自己阅读一下。在调用在线统计的页面上用一句script语句引用online.asp文件，以显示图形统计器。
<script language="JavaScript" src="http://xxxx.com.cn/online.asp"></script>
现在可以了，记住要点，你必须把gobal.asa放在正确的web应用程序根目录上，而最好单独为这个统计新建一个web应用程序，不要与其它别的程序混乱了，不然得出的数据是不准确的，而把这个程序修改为多用户的在线统计也很简单。这样就可以提供在线统计服务了，如何实现请又大家去思考一下吧....
色彩的运用在网页中的作用真是太重要了，有些网页看上去十分典雅、有品位，令人赏心悦目，但是页面结构却很简单、图象也不复杂，这主要是色彩运用得当，因此我特地将本来属于图象制作内的色彩作为一个独立拦目来介绍。
1、色彩基本概念
自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色，而其他所有颜色均属于彩色。任何一种彩色具有三个属性：
(1)色相(Hue)：
也叫色泽，是颜色的基本特征，反映颜色的基本面貌。
(2)饱和度(Saturation)：
也叫纯度，指颜色的纯洁程度。
(3)明度(Brightness或Lightness或Luminousity)：
也叫亮度，体现颜色的深浅。
非彩色只有明度特征，没有色相和饱和度的区别。
2、色彩的三原色
电脑屏幕的色彩是由RGB（红、绿、蓝）三种色光所合成的，而我们可通过调整这三个基色就可以调校出其它的颜色，在许多图像处理软件里，都有提供色彩调配功能，你可输入三基色的数值来调配颜色，也可直接根据软件提供的调色板来选择颜色。
3、电脑影像的色彩
电脑影像的色彩是经由位元（BIT）的计算和组合而来，单纯的黑白图像是最简单的色彩结构，在电脑上用到１位元的资料，虽说只有黑色和白色，但仍能透过疏密的矩阵排列，将黑与白组合成近似视觉上的灰色调阶。
灰阶（Grayscale）的影像共有256个阶调，看起来类似传统的黑白照片；除黑、白二色之外，尚有254种深浅的灰色，电脑必须以8位元的资料，显示这256种阶调。
全彩（Fullcolor）是指RGB三色光所能显示的所有颜色，每一色光以8位元表示，各有256种阶调，三色光交互增减，就能显示24BIT的1677万色（256*256*256=16,777，216），这个数值就是电脑所能表示的最高色彩，也就是通称的RGBTureColor。
8位元色是指具有256种阶调，或256种色彩的影像，而我们在常常见到GIF格式的图象文件就是带有256种色彩的图象文件。若要把24位元的全彩图片转成256色的8位元，通常必须经过索引的步骤（Indexed），也就是在原本24位元的1677万色中，先建立颜色分布表（histogram），然后再找出最常用的256种颜色，定义出新的调色盘，最后再以新色盘的256色取代原图。
让我们看看每一位元色包含多少种颜色：
1位 2种颜色
2位 4种颜色
4位 16种颜色
8位 256种颜色
16位 65536种颜色
24位 1677万种颜色
32位 1677万种颜色和256级灰度值
36位 687亿种颜色和4096级灰度值
通常所称的标准VGA显示模式是8位显示模式，即在该模式下能显示256种颜色；而高彩色（Hi Color）显示是16位显示模式，能显示65536种颜色，也称64K色；还有一种真彩色（True Color）显示模式是24位显示模式，能显示1677万种颜色，也称16M色，这是现在一般PC机所能达到的最高颜色显示模式，在该模式下看到的真彩色图象的色彩已和高清晰度照片没什么差别了。在图形制作片中我们已提到过色彩在页面中的重要性，在页面中尽量使用看上去比较淡雅、简洁的色彩；比如背景尽量少用灰暗、深沉的色彩（除非特殊需要），并且根页面的主题来选择主色调，可能有一些不搞美术的朋友不知道色彩代表的含义，请参阅下表：
红色：代表热情、奔放、喜悦、庆典
黑色：代表严肃、夜晚、沉着；
黄色：代表高贵、富有
白色：代表纯洁、简单
蓝色：代表天空、清爽
绿色：代表植物、生命、生机
灰色：代表阴暗、消极
紫色：代表浪漫、爱情
棕色：代表土地
上面举出的是几种主要色彩的含义，希望对你有所帮助。
BMP位图格式
最典型的应用BMP格式的程序就是Windows的画笔。文件几乎不压缩，占用磁盘空间较大，它的颜色存储格式有1位、4位、8位及24位，该格式是当今应用比较广泛的一种格式。但缺点是该格式文件比较大，所以只能应用在单机上，不受网络欢迎。
GIF格式
该图形格式却在Internet上被广泛地应用，原因主要是256种颜色已经较能满足主页图形需要，而且文件较小，适合网络环境传输和使用。
JPEG格式
可以用不同的压缩比例对这种文件压缩，其压缩技术十分先进，对图像质量影响不大，因此可以用最少的磁盘空间得到较好的图像质量。由于它优异的性能，所以应用非常广泛，而在Internet上，它更是主流图形格式。
PCX格式
PCX格式是ZSOFT公司在开发图像处理软件Paintbrush时开发的一种格式，存储格式从1位到24位，它是经过压缩的格式，占用磁盘空间较少。由于该格式出现的时间较长，并且具有压缩及全彩色的能力，所以PCX格式现在仍是十分流行。
PSD格式（Photoshop格式）
Adobe公司开发的图像处理软件Photoshop中自建的标准文件格式就是PSD格式，在该软件所支持的各种格式中，PSD格式存取速度比其它格式快很多，功能也很强大。由于Photoshop软件越来越广泛地应用，所以这个格式也逐步流行起来。PSD格式是Photoshop的专用格式，里面可以存放图层、通道、遮罩等多种设计草稿。
TIFF格式
TIFF格式具有图形格式复杂、存储信息多的特点。3DS、3DS MAX中的大量贴图就是TIFF格式的。TIFF最大色深为32bit，可采用LZW无损压缩方案存储。
PNG格式
PNG（Portable Network Graphics）是一种新兴的网络图形格式，结合了GIF和JPEG的优点，具有存储形式丰富的特点。PNG最大色深为48bit，采用无损压缩方案存储。著名的Macromedia公司的Fireworks的默认格式就是PNG。
SVG格式(现在最火热的图像文件格式)
SVG是Scalable Vector Graphics的首字母缩写，含义是可缩放的矢量图形。它是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的Web图形页面。该软件提供了制作复杂元素的工具，如渐变、嵌入字体、透明效果、动画和滤镜效果，并且可使用平常的字体命令插入到HTML编码中。SVG被开发的目的是为Web提供非栅格的图像标准。
SVG格式的优势
SVG是一种矢量图形格式，SVG提供了GIF和JPEG所不能提供功能优势：
1.放大 用户可以任意放大图形显示，但不会牺牲锐利度、清晰度、细节等。
2.文字状态依然保留 文字在SVG图像中保留可编辑和可搜寻的状态。没有字体的限制，用户将会看到和他们制作时完全相同的画面。
3.小文件 平均来讲，SVG文件比那些JPEG和GIF格式的文件要小很多，因而下载也很快。
4.显示独立性 SVG图像在屏幕上总是边缘清晰，并且可以使用你打印机的分辨率进行打印。不论是300 dpi，600 dpi还是更高，你都不会体验到难看的锯齿的点阵效果。
5.超级颜色控制 SVG提供一个16百万颜色的调板，支持ICC颜色描述
文件，RGB，渐变和蒙版。
6.交互性和智能化 因为SVG是基于XML的，它提供无可匹敌的动态交互性。SVG图像可对用户的动作通过高光显示、工具技巧、特殊效果、声音和动画进行反应和显示。
相关文章
- 有时为了网站安全和版权问题，会对自己写的php源码进行加密，在php加密技术上最常用的是zend公司的zend guard 加密软件，现在我们来图文讲解一下。 下面就简单说说如何...2016-11-25
- ps软件是现在很多人都会使用到的，HSL面板在ps软件中又有着非常独特的作用。这次文章就给大家介绍下ps怎么使用HSL面板，还不知道使用方法的下面一起来看看。  ...2017-07-06
- 许多的朋友对于Plesk控制面板应用不是非常的了解特别是英文版的Plesk控制面板，在这里小编整理了一些关于Plesk控制面板常用的使用方案整理，具体如下。 本文基于Linu...2016-10-10
使用insertAfter()方法在现有元素后添加一个新元素
复制代码 代码如下: //在现有元素后添加一个新元素 function insertAfter(newElement, targetElement){ var parent = targetElement.parentNode; if (parent.lastChild == targetElement){ parent.appendChild(newEl...2014-05-31jQuery 1.9使用$.support替代$.browser的使用方法
jQuery 从 1.9 版开始，移除了 $.browser 和 $.browser.version ， 取而代之的是 $.support 。 在更新的 2.0 版本中，将不再支持 IE 6/7/8。 以后，如果用户需要支持 IE 6/7/8，只能使用 jQuery 1.9。 如果要全面支持 IE，并混合...2014-05-31使用percona-toolkit操作MySQL的实用命令小结
1.pt-archiver 功能介绍： 将mysql数据库中表的记录归档到另外一个表或者文件 用法介绍： pt-archiver [OPTION...] --source DSN --where WHERE 这个工具只是归档旧的数据，不会对线上数据的OLTP查询造成太大影响，你可以将...2015-11-24- 大概有如下步骤 新建项目Bejs 新建文件package.json 新建文件Gruntfile.js 命令行执行grunt任务 一、新建项目Bejs源码放在src下，该目录有两个js文件，selector.js和ajax.js。编译后代码放在dest，这个grunt会...2014-06-07
如何使用php脚本给html中引用的js和css路径打上版本号
在搜索引擎中搜索关键字.htaccess 缓存，你可以搜索到很多关于设置网站文件缓存的教程，通过设置可以将css、js等不太经常更新的文件缓存在浏览器端，这样访客每次访问你的网站的时候，浏览器就可以从浏览器的缓存中获取css、...2015-11-24- 一、下载 mysqlsla [root@localhost tmp]# wget http://hackmysql.com/scripts/mysqlsla-2.03.tar.gz--19:45:45-- http://hackmysql.com/scripts/mysqlsla-2.03.tar.gzResolving hackmysql.com... 64.13.232.157Conn...2015-11-24
- C#注释的一些使用方法浅谈，需要的朋友可以参考一下...2020-06-25
- 1、先讲讲JQuery的概念，JQuery首先是由一个 America 的叫什么 John Resig的人创建的，后来又很多的JS高手也加入了这个团队。其实 JQuery是一个JavaScript的类库，这个类库集合了很多功能方法，利用类库你可以用简单的一些代...2014-05-31
安装和使用percona-toolkit来辅助操作MySQL的基本教程
一、percona-toolkit简介 percona-toolkit是一组高级命令行工具的集合，用来执行各种通过手工执行非常复杂和麻烦的mysql和系统任务，这些任务包括： 检查master和slave数据的一致性 有效地对记录进行归档 查找重复的索...2015-11-24- 这篇文章主要介绍了JS创建Tag标签的方法,结合具体实例形式分析了javascript动态操作页面HTML元素实现tag标签功能的步骤与相关操作技巧,需要的朋友可以参考下...2017-06-15
- 目前，JSON已经成为最流行的数据交换格式之一，各大网站的API几乎都支持它。我写过一篇《数据类型和JSON格式》，探讨它的设计思想。今天，我想总结一下PHP语言对它的支持，这是开发互联网应用程序（特别是编写API）必须了解的知识...2015-10-30
- 基本思路： 通过使用jquery选择器得到对应表单的jquery对象，然后使用attr方法修改对应的action 示例程序一： 默认情况下，该表单会提交到page_one.html 点击button之后，表单的提交地址就会修改为page_two.html 复制...2014-06-07
- 无限级分类在开发中经常使用，例如：部门结构、文章分类。无限级分类的难点在于“输出”和“查询”，例如 将文章分类输出为<ul>列表形式； 查找分类A下面所有分类包含的文章。1.实现原理 几种常见的实现方法，各有利弊。其中...2015-10-23
- php类的使用实例教程 <?php /** * Class program for yinghua05-2 * designer :songsong */ class Template { var $tpl_vars; var $tpl_path; var $_deb...2016-11-25
- 当来访者浏览器语言是中文就进入中文版面，国外的用户默认浏览器不是中文的就跳转英文页面。 <?php $lan = substr( $HTTP_ACCEPT_LANGUAGE,0,5); if ($lan == "zh-cn") print("<meta http-equiv='refresh' c...2015-11-08
- 前几天在百度知道里面看到有人问PHP中双冒号::的用法，当时给他的回答比较简洁因为手机打字不大方便！今天突然想起来，所以在这里总结一下我遇到的双冒号::在PHP中使用的情况！双冒号操作符即作用域限定操作符Scope Resoluti...2015-11-08
- Promise是异步编程的一种解决方案，在ES6中Promise被列为了正式规范，统一了用法，原生提供了Promise对象。接下来通过本文给大家介绍Promise的介绍及基本用法，感兴趣的朋友一起看看吧...2021-10-21