月度归档:2007年06月

[技巧]CSS的超级技巧大放送

一.使用css缩写
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》,这里就不展开描述。

二.明确定义单位,除非值为0
忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空格。

三.区分大小写
当在XHTML中使用CSS,CSS里定义的元素名称是区分大小写的。为了避免这种错误,我建议所有的定义名称都采用小写。

class和id的值在HTML和XHTML中也是区分大小写的,如果你一定要大小写混合写,请仔细确认你在CSS的定义和XHTML里的标签是一致的。

四.取消class和id前的元素限定
当你写给一个元素定义class或者id,你可以省略前面的元素限定,因为ID在一个页面里是唯一的,鴆las s可以在页面中多次使用。你限定某个元素毫无意义。例如:

继续阅读

shtml教程

SSI有什么用?

之所以要扯到ssi,是因为shtml–server-parsed HTML 的首字母缩略词。包含有嵌入式服务器方包含命令的 HTML 文本。在被传送给浏览器之前,服务器会对 SHTML 文档进行完全地读取、分析以及修改。

shtml和asp 有一些相似,以shtml命名的文件里,使用了ssi的一些指令,就像asp中的指令,你可以在SHTML文件中写入SSI指令,当客户端访问这些shtml文件时,服务器端会把这些SHTML文件进行读取和解释,把SHTML文件中包含的SSI指令解释出来

比如:你可以在SHTML文件中用SSI指令引用其他的html文件(#include ),服务器传送给客户端的文件,是已经解释的SHTML不会有SSI指令。它实现了HTML所没有的功能,就是可以实现了动态的SHTML,可以说是HTML的一种进化吧。像新浪的新闻系统就是这样的,新闻内容是固定的但它上面的广告和菜单等就是用#include引用进来的。
继续阅读

web2.0概念结构

看到两张比较有意思的图,是关于web2.0的,第一张把web2.0的特点总结得很完全,第二张却是另一种概念阐述,但是都比较有意思~

web2.0概念结构

把web2.0想象成一只马桶

后面还有一篇Web 2.0 编程思想:16条法则,也感觉不错,可以学习~
(OnLing’s blog引用,转摘请联系原作者)
Web 2.0 编程思想:16条法则

1、在你开始之前,先定一个简单的目标。无论你是一个Web 2.0应用的创建者还是用户,请清晰的构思你的目标。就像“我需要保存一个书签”或者“我准备帮助人们创建可编辑的、共享的页面”这样的目标,让你保持最基础的需求。很多Web 2.0应用的最初吸引之处就是它的简单,避免并隐藏了那些多余的复杂性。站在创建者的立场,可以想象Google的几乎没有内容的主页,还有del.icio.us的简单的线条。从最终用户的角度来看,与之齐名的就是Diggdot.us所提供的初始化页面。你能够并且希望加入更多功能,但是先做好最开始的。在一个时候只做一个特性,完成一个目标。这听起来很太过于单纯化了,但它将使你更加专注,而且你也会明白我的意思。
继续阅读

CSS滤镜参考(收集)

语法:STYLE=”filter:filtername(fparameter1, fparameter2…)”
  (Filtername为滤镜的名称,fparameter1、fparameter2等是滤镜的参数)
script 语法:HTMLElement.filters.filterName.fParameter=value;

  滤镜说明:

  Alpha:设置透明层次
  blur:创建高速度移动效果,即模糊效果
  Chroma:制作专用颜色透明
  DropShadow:创建对象的固定影子
  FlipH:创建水平镜像图片
  FlipV:创建垂直镜像图片
  glow:加光辉在附近对象的边外
  gray:把图片灰度化
  invert:反色
  light:创建光源在对象上
  mask:创建透明掩膜在对象上
  shadow:创建偏移固定影子
  wave:波纹效果
  Xray:使对象变得像被x光照射一样

继续阅读

HTML元素 – ul

定义
表示不排序的项目列表。

Draws lines of text as a bulleted list.

注释
TYPE 标签属性设置了所有后续的列表类型,除非设置了不同的 type 值。

UL 元素从 BODY 的 font 属性的高度中继承 line-height。例如,如果 BODY 的 font-size 属性大于 UL 元素的 font-size 属性,那么 UL 中的列表项目就会根据 BODY 的 font-size 间距排列。

此元素在 Internet Explorer 3.0 及以上版本的 HTML 中可用,在 Internet Explorer 4.0 及以上版本的脚本中可用。

此元素是块元素。

此元素需要关闭标签。
继续阅读

IETester-同时拥有IE6、IE7、IE8(Vista兼容)

虽然以前我写过
IE6、IE7、IE8共存的
解决方案,但是看到IETester这个软件以后那些都已经没有意义了(那些办法副作用比较大,而且实现起来有些难度)。使用IETester能够较好的解决,测试网页兼容性的多IE版本的需求。暂时已经支持IE5.5——IE8beta1,我想这已经足够了。还在苦苦找寻IE6和IE7共存或者IE7和 IE8共存的朋友,可以试试这个软件。当然这个软件也不是万能的,在最后,官方非常厚道的给出了暂时存在的重要bug列表。
推荐理由:
1同时拥有IE 5.5、IE6、IE7、IE8
2.常用的IE6绿色版不能在Vista上使用

官方信息
IETester is a free WebBrowser that allows you to have the rendering and javascript engines of IE8 beta 1, IE7 IE 6 and IE5.5 on Vista and XP, as well as the installed IE in the same process. New in v0.2.1 : Improved stability and multi-lingual interface !
This is an alpha release, so feel free to post comments/bugs on the IETester forum or contact me directly. Minimum requirement : Windows Vista or Windows XP with IE7 (Windows XP with IE6 has some minor problems and IE7/IE8 instances do not work under this config)

查看图片

IETester 软件截图
下载
目前最新版:
http://www.my-debugbar.com/ietester/install-ietester-v0.2.1.exe

汉化包:

http://www.my-debugbar.com/ietester/Chinese.lang

汉化方法:关于IETester中文语言包的使用——将下载后的.lang文件放入语言文件夹下,默认在 C:\Program Files\Core Services\IETester\
Languages文件夹下,注意:在option选择“简体中文”后,需要重新启动一下IETester才会应用。
================================================================

最小需求:Windows Vista 或者 Windows XP 安装 IE7 版本( 如果安装的 IE6 版本 ,则Windows XP 下的 IE6 有一些小问题,并且在这个配置下 IE7/IE8 版本不能运行 )
不过任何软件都有不完美之处——
IETester 目前已知的问题有:
当窗口大小改变的时候,页面内容可能会消失(作者改进中);
上一页/下一页功能不正常;
Focus功能不正常;
Java apple不能运行;
Flash不能在IE6下正常运行。
转载自:
http://www.css88.com/article.asp?id=361

AspJpeg 水印组件参数详细说明

大家可以自行查看安装后的帮助文件,根据自己的实际需要更改相应的参数设置,我这里给出一些

jpeg.Canvas.DrawGraph ‘设置水印透明度
Jpeg.Canvas.Font.Color = &HFF0000 ‘// 文字的颜色
Jpeg.Canvas.Font.Family = ‘monospace’ ‘// 文字的字体
Jpeg.Canvas.Font.Bold = True
Jpeg.frame: black, 2-pixel width
Jpeg.Canvas.Print 10, 10, ImageMode ‘// 加入文字的位置坐标
Jpeg.Canvas.Pen.Color = &HFFFFFF ‘// 边框的颜色
Jpeg.Canvas.Pen.Width = 0 ‘// 边框的粗细
Jpeg.Canvas.Brush.Solid = False ‘// 图片边框内是否填充颜色
Jpeg.DrawImage Jpeg.Width/1.6, Jpeg.Height/1.5, Logobox, 0.4, &HFFFFFF ‘// 加入图片的位置价坐标(添加水印图片)
Jpeg.Canvas.Bar 0, 0, Jpeg.Width, Jpeg.Height ‘// 图片边框线的位置坐标
继续阅读

网页配色方案

网页配色方案
配色方案一(紫色):
版面表格边框颜色 #983498
版面标题表格颜色 #d890d8
版面内容表格颜色1 #f8dcf8
版面内容表格颜色2,颜色1和颜色2在bbs风格中互相穿插排列 #fff0ff
版面标题表格字体颜色 #602060
版面内容表格字体颜色 #602060
提醒语句颜色 #602060
继续阅读

什么是web标准

WEB标准
WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。我们来简单了解一下这些标准:

1.结构标准语言
(1)XML

XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0,参考(www.w3.org/TR/2000/REC-XML-20001006)。和HTML一样,XML同样来源于SGML,但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于网络数据的转换和描述。关于XML的好处和技术规范细节这里就不多说了,网上有很多资料,也有很多书籍可以参考。

(2)XHTML
继续阅读

不仅是Vista才有的效果,XP一样行!

Vista有个很惹眼的功能,就是3D的窗口切换.这个很漂亮,于是本人装上了vista,结果不幸的是,我的机器是845主板,集成显卡,DirectX只有8.0,不能开启这个功能.晕死我了.不过Vista真不实用.实质上并没有想象的那么好用,除了要求硬件苛刻外,好像没什么特点.而且并不是特别漂亮或者特别快.虽然Vista开机内存占用小于XP(不知为何),但CPU却一直封于”涨停板”上,播放音乐老是停顿,视频像慢动作.网络通信还行吧.跑题了~,Vista的那些漂亮效果真是好看不中用,于XP在功能上感觉没什么特别的.好,看看XP下弄的3D的窗口切换吧!

酷吧!,使用软件TOPDESK就可在XP下弄这个效果,去BAIDU找找吧!