IE6,IE7,FireFox中overflow:visible不兼容问题的解决

Filed Under (DIV+CSS样式) by 有为 on 13-04-2009

在IE6,IE7,FireFox中“‘overflow:visible’IE6渲染bug”,会引起纵向的、高度方面的页面布局混乱。解决“纵向撑开bug”和解决“横向撑开bug”需要采用完全不同的解决方案。但是,相比“纵向撑开bug”解决方案,“横向撑开bug”解决方案却简单很多。
这里只给出“纵向撑开bug”解决方案,如何才能让容器在IE7和FireFox中能够自适应高度呢?其实很简单,也是IE7的重要改进之一,使用“min-height”样式。虽然IE7中已经支持“min-height/min- width”和”max-height/max-width”样式。但是IE6却不认识这些”min-”、”max-”开头的样式,所以,我们还需要使用一个css hack为IE6设置一个“height”,只让IE6认识,IE7和FireFox都不认识,例如下面代码。
.l_list{width:620px; _height:497px; min-height:497px; border:1px #bdd2ed solid; float:left; display:inline; margin-top:4px;margin-right:10px;background-color:#FFFFFF;}

height:50px;如果使用这一句,在FireFox和IE7中便能呈现bug
min-height:50px;只设置最小高度,让IE7和FireFox自适应高度
_height: 50px;采用只有IE6才认识到css hack,让不认识min-height的IE6也有很好的兼容性。

ASP.NET控件textbox的样式overflow:visible在IE6和IE7不兼容的解决

Filed Under (DIV+CSS样式) by 有为 on 13-04-2009

现在,最令网页设计者头痛的问题就是网页在各个浏览器中的兼容性。而兼容性差最长见的,也是最令人恐惧的便是“页面布局混乱”。常常一个页面在IE6下显 示的非常完美,而到了IE7(或者FireFox)中,则惨的“不堪入目”。到底是什么让这些页面那么的“水土不服”呢?

其实,这些都是IE6酿下的恶果,IE6对web标准的支持过于不足,甚至理解的有偏差,才导致了这些页面的“脆弱”。而IE7则修正了很多的那种 “IE6对css解释和渲染”的bug。这种bug有很多。今天,这里只讲其中一个,但是确是最重要的一个,很多的“十分”混乱的页面都是它造成的。可以 不客气地说,它简直就像“页面布局混乱黑帮”的幕后黑手,是引起页面布局混乱的祸首之一,而且是最大的一个。 它就是潜伏在网页背后的“‘overflow:visible’IE6渲染bug”。

原因——IE6对“overflow:visible”的误解

Visible: “This value indicates that content is not clipped, i.e.,it may be rendered outside the block box(注:后面这句可能是后续版本补充上来的)”.

注意,w3c只是说,超出容器的内部不会被剪切。但是它并没有说,超出来的内容可以“撑开”容器。所以下面这个例子中IE7的解释和渲染是正确的,而 IE6则是错误的(因为它错误的认为,只有让容器内的内容“撑开”容器,才能让容器内的内容在超出时不被剪切),IE7和FireFox是一样的。

解决方法

大家知道IE有两种渲染模式:Quirks Mode和Strict Mode。Quirks Mode基本上是非标准的,包括盒模型在内,它的渲染方式与W3C的标准有些出入。而Strick Mode基本上是标准的(反正都不是绝对标准也不是绝对不标准……)。IE6及以前版本会根据写在XHTML文档第一行(也只能是第一行)的 DocType声明来选择渲染模式。如果发现了一个它能识别的DocType,比如XHTML Transitional或者XHTML Strict等等,它就使用Strict Mode来渲染。其他所有情况下都使用Quirks Mode。

有些开发者为了显式地声明他们的XHTML文档是一个XML,会在文档的第一行(问题就在这里,它也必须在第一行)加上XML的序言(prolog)。比如:

<?xml version=”1.0″ encoding=”gb2312″?>

虽然初衷是为了让文档更“标准”,但由于IE不认这行字,结果还是按Quirks Mode来渲染。

IE7 解决这个问题,它会跳过prolog来看检查DocType。所以可能会出现IE6及以下版本用Quirks Mode渲染而IE7 用Strict Mode渲染的情况。

现在让IE7渲染textbox的模式是Quirks Mode,这样textbox的overflow:visible属性就可以像IE6效果一样了,所以只要把XHTML文档第一行的DocType声明删除就可以了。

这样问题就解决了。。。

注意:虽然在IE7和IE6中显示一样的,但是在FF中还是不一样,所以这种方法只能解决IE7中的问题,FF中的是无能为力的。

如何突破 WINDOWS XP sp2 的 IIS TCP/IP 10 并发连接数限制

Filed Under (网管员之路) by 有为 on 08-04-2009

WindowsXP Home, SP2 限制最多允许 10个 IIS 客户端的连接,
在 Windows 2K 务器版或 Windows 2K3 中不存在这种连接限制,他们使用的IIS基本上一致。
到 Microsoft网站看看,最后找到了一个管理IIS的小工具MetaEdit,MetaEdit工作在WindowsNT4.0、 Windows2000上,我发现它在WindowsXP上也能正常工作,另外,MetaEdit 只能管理 II4.0、IIS5.0或更高版本的IIS。下面利用这个工具突破WindowsXP专业版IIS客户端连接限制: 首先,你需要到下面的地址下载MetaEdit,最新版本是2.2
http://download.microsoft.com/download/iis50/utility/5.0/nt45/en-us/mtaedt22.exe
然后,执行MtaEdt22.exe按向导提示完成MetaEdit安装。最后,在MetaEdit中设置客户端连接限制的参数。安装MetaEdit 完毕后,在开始菜单的程序组AdministrativeTools下点击MetaEdit2.2运行,出现窗口:在窗口的左边将树展开至 LM\W3SVC,直接在W3SVC文件夹上单击,选择右边列表中Name为MaxConnections的项,双击后,出现对话框:在最后Data的文 本框中默认的是10,这就是WindowsXP专业版IIS默认设置的最大客户端连接数了,现在你可以改变这个默认值了,我把它改为最大,注意:在 Win2000上的IIS客户端连接数最大为2000000000

网页上的视觉传达与艺术表现

Filed Under (网页配色) by 有为 on 07-04-2009

一:信息爆炸时代最热门的人际沟通方式

人类即将进入二十一世纪,一个信息爆炸时代。在这时代,最热门的人际沟通方式是多媒体的沟通方式。

人类生活在这个世界,经常运用五种不同的感觉﹝sense﹞与外界沟通。同时也运用表征﹝representation﹞的方式将我们从外界所得到的讯息组织起来,进一步再将它们诠释。

人类透过不同感觉所得到的不同讯息之间会互相影响。为了增加沟通的效果,人类常用不同形式的媒体与不同的沟通方式表达自己的意念。譬如人类说话时经常伴随着一些肢体和眼睛的动作。古代的戏剧则运用歌队和演奏者随着演出的进行提供音乐。电影和戏剧也都随剧情发展加上一些配乐以增加气氛。在计算机科技发展之后,科学家们也常利用计算机绘图和动画表现枯燥无味的科学数据。

回顾人类进化的过程,一直想要解决沟通的问题。我们经常看到人类利用各种媒体进行沟通、传递信息。即使在面对面时,也尽量运用多种媒体相互交谈表达心中的理念和情感。

过去人类的祖先,住在山洞里面,把他在外头所看到的动物画在洞壁上面,使后来的人知道他想要传达的讯息。这是利用「视觉媒体」进行沟通的方式。另外一个例子是现今住在新几内亚丛林的土人打猎时,知道利用特别的声音传递讯息给他在丛林远处的同伴。这是利用「声音媒体」进行沟通的方式。

后来人类继续发明了文字、纸张、印刷术,利用「文字媒体」的扩展了沟通的空间范围。接着因为无线电的发明,进而发明了广播、电视与人造卫星,使人类在二十世纪能够迅速得到全球各地的信息,进入「大众传播时代」。

现在人类即将进入二十一世纪所谓「多媒体传播时代」,运用电脑储存与再取信息的技术,将各种沟通媒体如文字、图像、声音、影像、动画和录像结合成不同的「多媒体系统」,随时随地与在不同时候,不同地点的人互通信息。

因此从人类人类进化的角度来看,多媒体并不是一个时髦的名词;甚至多媒体的沟通方式乃人类最自然的沟通方式。目前我们一般所谓「多媒体」所包括的媒体有以下几种:

﹝一﹞文字和旁白﹝Text & narration﹞

﹝二﹞图案和插画﹝Graphics & illustration﹞

﹝三﹞静态的照片﹝Still photographs ﹞

﹝四﹞图表和图形﹝Charts & graphs﹞

﹝五﹞视讯和动画﹝Video & animation﹞

﹝六﹞音乐和音效﹝Music & Sound effects﹞

若从科际整合的角度来看,多媒体则是艺术、戏剧、传播与新媒体科技的结合。

多媒体传播时代是一个信息爆炸的时代,这时人类所面对的最大难题是:越多的信息充斥,越少的时间去做消化。我们常常会因为大量信息的蜂拥而至,而产生对信息的恐慌。对于这个问题,巧妙地组合各种媒体组件,使其相辅相成、相得益彰的「多媒体系统」提供了一个解决之道。「多媒体」也成为一种新而有效的信息传播观念。

二:信息爆炸时代最热门的信息传递方式

在这信息爆炸时代,许多信息是靠不同形态的信息媒体透过复杂的信息网络系统传递。

目前最热门的信息网络系统是网际网络﹝Internet﹞,最热门的资讯传递方式是全球信息网﹝World Wide Web﹞。从个人的角度而言,「网际网络是一种交互式的媒体、是一种通讯的方法,是一种吸收新知识的工具。」若从结构的层面来观察,「网际网络是一群网络的集合。」而全球信息网则是在网际网络上结合多种媒体,不受时间空间限制,传递信息的方式。

根据一九九五年七月份,纽约美联道琼社外电所报导的文章「网际网络,未来商机可观」:

「据专家估计,全球网际网络用户在未来六年内将成长十七倍,于公元二仟年达到五亿五仟万,为业者创造不可置信的商机与投资机会。以网际网络提供商务软件工具与服务的巿扬也将从一九九四年的五百万美元成长至六亿二仟五百万美元。至于全球网际网络用户更将自去年底的三仟万用户增至五亿五仟万户。」

该报导也引述了旧金山 Volpe Welty 公司分析师柯翰的研究 :

「网际网络市场未来可能会分成五大类–网际通路〔连接用户与全球计算机网络的通路〕网际专业服务、网际网络的产品与服务提供及其它如音乐、光盘等相关产品。这些项目在网际网络爆炸性成长的前景下,都蕴涵了无限的商机。」

在工商特报七月份的「网际网络将成摇钱树.专文报导中也引述了美国 Forrester 研究集团的预估:

「一九九四年网际网络相关产品与服务的销售总额已经达到了三亿美元,迄二十世纪末时,网际网络的使用者将增至一亿人,此一市场规模更将激增至一百亿美元,俨然是一棵潜力十足的摇钱树。」

看看这些数据,网际网络上人潮与信息汹涌,它将冲击整个国家、企业以及个人,这个影响可以预测是全面的。

三:多媒体的目的在于提供更好的人际沟通

从西方戏剧发展的历史来看,公元前五世纪时希腊人在酒神﹝Dionysus﹞的庆典中,一面看戏,一面狂欢。戏剧除了提供娱乐,让大众喧泄当时日常的情绪之外,也反应了当时社会的伦理、道德、政治和宗教观念。二千多年来,人类即使发明了电视甚至多媒体,对戏剧的基本要求依然不变,依然要喧泄情绪,依然希求自己之理想被别人认同。

荒谬大师卡缪﹝Albert Camus﹞曾经说过,世界上祇有两个地方最令他感到欣悦,那就是足球场与剧场。不过,他如果还活着且能活到二十一世纪,或许他会很满意的坐在电视机前欣赏以交互式多媒体方式呈现在他眼前的一场任他自己选择的足球比赛或是戏剧演出。因为他不需要像过去一样要亲自到足球场或是剧场,只要透过电视机萤幕上使人感到「临场感」的景像,就可以使其个人的情绪与现场活动密切互动而得到身心两方的欣悦。「临场感」是多媒体在帮助人们沟通时希望达成的要务之一。

人类在互通信息的同时也在交换彼此的情绪,如果没有好的沟通情绪,所谓话不投机半句多,双方可能说没有两句话就结束谈话了。因此若要利用多媒体的方式做有效的沟通,则必须让沟通双方有临场感,并引起彼此的「良好沟通情绪」。

由于「多媒体系统」以新传播科技结合文字、图像、声音、影像、动画和录像,很容易帮人们有效且迅速的交换文字、语言、面部表情、影像等重要沟通因素,因此能为人际间的沟通提供「临场感」和「良好沟通情绪」。 四:多媒体沟通方式的原则

生活在多媒体时代,人类无论运用那一种新媒体科技进行沟通,都必需透过计算机屏幕或是类似计算机屏幕的屏幕。人类的第一部计算机 – ENIAC,最初被发明时只是用来当计算器用的。它是一个庞然大物,一点趣味都没有。但是发展到现在,人类却必需透过它与外界沟通。到底是什么因素改变了它的作用呢?

回顾一九六二年,麻省理工学院有一群计算机专家思考如何使单调的计算机表现出一点视觉趣味。后来他们利用一台迷你计算机,再加一个阴极射线管 ﹝CRT displayer﹞设计了世界第一个计算机游戏,称之为「太空战争」﹝Spacewar﹞。这游戏在很短的时间就到处风行起来。

到底是什么原因使「太空战争」那么受人欢迎?经过分析,这群专家认为「动作」﹝action﹞是使「太空战争」受人欢迎的主要因素。因为玩计算机游戏的人必须从计算机屏幕上随时捕捉瞬息变化的信息,经「思考」判断之后立即对计算机做出反应的动作。「思考」和「动作」的两种行为在玩计算机游戏的过程中,要随时求取平衡。从那时候,电脑不再只是人类的一个计算工具,而是一个可以沟通的对象。人类跟计算机的关系,从此,由过去单向控制的关系变成交互式沟通的关系。

若是信息的传递只是单方向的,我们无法对我们所接收到的信息作任何响应。如此的沟通方式势必会引起听众的不耐烦和不悦。良好的沟通关系在于双方都能尽情表达彼此的想法,对于共同关心的主题做相互的了解。多媒体亦然,它需要良好的交谈关系,做双方向的资讯传递。

一个充满「动作」的交互式沟通行为必须是及时的。在这很短的、及时的时刻里,计算机屏幕上所呈现的画面必须是很容易理解的,甚至是赏心悦目的,如此才能够不断地激发人跟计算机地沟通情绪。

因此充满「动作」的交互式沟通方式,也就是现在我们讲的多媒体的沟通方式的原则是:

﹝一﹞能进行双向互动的沟通;

﹝二﹞能实时的沟通,有临场感;

﹝三﹞有容易理解的内容;

﹝四﹞有容易找寻的内容;

﹝五﹞有赏心悦目的视觉效果;

﹝六﹞以上综合表现能不断激发人跟计算机的沟通情绪。

五:什么是网际网络﹝Internet﹞?

什么是 「网际网络」〔lnternet〕呢?这个答案事实上必须视您从什么角度观察而定。

回顾「网际网络」的发展历史,可以追溯到一九六○年代。那时美国政府考虑到核战爆发时,保持电子通讯系统的畅通乃是克敌制胜的要件,于是一个分布式的分封交换网络计划 ARPANET 于焉成形。

一九六九年时,美国将西海岸四所大学和研究所的主计算机以 5OK BPS 的线路连接起来,架设了一个小型的通讯网路,此即网际网络的滥觞。到了一九七四年的时候,ARPANET 已经是拥有 100 个节点的网络。

网际网络的初期,从事的通讯服务最主要的有三种:电子邮递系统〔Electronic Mail〕、档案传输〔File Transfer〕和远程登录〔Remote login〕。这些服务可以让使用者跨越时空的限制,在各种不同的计算机间,迅速而且有效地交换信息、分享资源,由于网际网络的通讯方式不但方便,而且稳定安全,使用人囗越来越多,网络上服务的种类也不断推陈出新,例如:小地鼠信息查询系统〔Gopher〕,网络论坛〔Netnews〕...等 。

一九九三年,美国伊利诺州大学香槟校区尚在攻读硕士的安德森,与几个同僚共同开发出网际网络新的服务种类–全球信息网〔World Wide Web〕的浏览器 Mosiac,随即在同年四月份时正式在该校的国家超级计算机应用中心〔NCSA〕推出,揭开了全球信息网应用的序幕。

全球信息网整合了交互式的图形、声音、文字、录像于一身,采用相同的语言─ TCP/IP 通讯协议在网络上做信息的传递;而传统的网际网络服务种类,所传达的内容除了文字外..还是文字。因此,全球信息网,从此很快地赢得了网络使用大众的青睐。

就个人的角度而言,我们可以帮网际网络下个定义:「网际网络是一种交互式媒体、是一种通讯的方法,是一种吸收新知的工具。」这个「媒体、通讯、工具」的操作实体是在网络及计算机上进行,而连接的单位当然是一个又一个不同规模的网络,或是各种不同大小的主机、计算机。在这样网网相连的情况下,我们所操作的计算机只要连上了其中任何一个网络,也就是连上了网际网络,便可以对全世界进行无远弗届的通讯了!

网页留白的艺术

Filed Under (网页配色) by 有为 on 07-04-2009

国画中有一句话描述这种艺术形式的空间布局比较经典,就是“计白当黑”,表明了白也就是空的地方和着的墨一样都是国画整 体的组成部分,如何利用空间中的留白是非常重要的,也是提升艺术性的途径,有些尽管是画的很不错,但是看起来不舒服,就是没有重视留白,造成了画面的整体 上的失败。对于网页设计来说,有何尝不是如此呢?也许现在我们没有把它提升到一个艺术审美的角度来看待,所以没有人去深究过网页的艺术性,我想这是我们网 页设计者孜孜以求的方向,因为未来的网络技术高度发达,人们对于更高层次的追求也就必然会牵涉到对艺术、对美的追求。既然如此,我们就应该把眼光放远一 点, 把网页的设计提到这个层次来考虑。尽量的克服目前技术带来的限制。既然如此,按照艺术审美的观点,网页上的留白也是一个组成部分,同其它的主要的内 容入文本、图片、动画一样,是每个设计者在制作网页时要一起考虑的。

提升到艺术的高度来看待留白是通过视觉上的手段,留白也可以给 人带来心理上的轻松与快乐,也可以给人带来紧张与节奏,通过这种手段可以向使用者表达出设计者的心理感觉,设计者在设计网页的同时也在同自己的使用对象在 作一种交流,好的设计者能够达到同自己的使用对象进行心理对话的程度。不光通过页面上的文字、图片、动画的组合和排列,同时借助留白进行表达。可以达到非 常好的效果,例如一个休闲的网站,设计者要传达给使用者的一个信息就是要是让他们轻松随意,无拘无束,光通过网页上的图片和文字的表达是干巴巴的,没有感 情色彩的。如果能通过网页设计反映出这种感情色彩,显然这样的设计是较为高明的设计。能实现吗?当然可以,借助网页上的留白就可以,让留白更多的显示出自 己的特色,在联系图片和文字的中间架起一道桥梁。