页面构建与IIS链接数

前些天有个以前的学弟问我:为什么很多大网站都把背景图做在一张大图里呀?本民工不善言语,花好大劲才讲解清楚为什么会影响IIS链接数。但回头想想,平时真的很少去注意页面构建与IIS链接数的问题。

IIS链接数就是指同一时间内向服务器交换数据的的人数(个人理解),其间还有并发以及等待队列的问题。就像刚才所说的把背景图做在一张大图里的问题,我看网上对于单一图片算不算链接数有很多争论,其实也没什么好争的,试一试就会知道,自己建一个50个IIS链接数的服务器,页面里放50张图片,然后两个人同时打开这个页面的话,那50张图片会有一部分无法显示。这就很明了了,不管怎么说,把背景做成一张图只有好处没坏处,呵呵。

另外,对IIS链接数影响最直接的就是同时打开的浏览器窗口了,所以“_blank”可不要一个劲地用了。虽然很多时候建的一些小公司的站根本达不到IIS链接数上的限。

完美的纯CSS圆角

记得以前还在学校以及刚出来工作的时候,WEB1.0风格的网站别说圆角了,就连图片都是一大版一大版的。后来渐渐改进了些,切一个小角当背景图来做圆角,不管怎么说,只要用到图片的话,怎么说都浪费掉了一个IIS链接数(关于这个以后讲解),而用纯CSS来做圆角,不仅效果不比图片差,而且代码也并不复杂。

关于用CSS画圆角的原理,我们先把一个圆角给放大了来看,就很简单明了了。e69caae6a087e9a298-1

这是一个5像素的圆角,我们可以看到每个像素只是水平边距不同,那么我们的样式可以这样写:

1
2
3
4
5
6
7
8
<style>
div {height:100px; border-right:1px solid #000; border-left:1px solid #000;}
b {display:block; overflow:hidden; height:1px;}
.b1 {background:#000; margin:0 5px;}
.b2 {border-right:2px solid #000; border-left:2px solid #000; margin:0 3px;}
.b3 {border-right:1px solid #000; border-left:1px solid #000; margin:0 2px;}
.b4 {border-right:1px solid #000; border-left:1px solid #000; margin:0 1px;}
</style>

 
这是用b标签来当做圆角的转角,当然,理解了原理之后,可以延伸出多种的圆角。
 在html页面里这样写就可以了:

1
2
3
<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
<div></div>
<b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>

今天起床打开QQ,收到朋友一条信息……

今天起床打开QQ,收到朋友一条信息:日本AV女皇饭岛爱24日死于东京家中!

本民工是一个极其讨厌AV和看AV的人,所以饭岛爱是谁,我跟本不认识!而至于那些什么北条香理、苍井空、武腾兰、川滨奈美、堤莎也加、町田梨乃、二阶堂仁美、饭田夏帆、饭冢友子、芳本叶月、冈崎结由、冈田丽奈、高木萌美、高田礼子、高原流美、宫本真美、宫岛司、古都光、光月夜也、河村亚季子、河井梨绪、黑崎扇菜、红月流奈、华歌恋、吉川萌、及川奈央、吉川真奈美、吉崎纱南、吉野莎莉、今井明日香、今木翔子、金泽蓝子、进藤玲菜、井上可奈、久保美希、酒井未希、臼井利奈、菊池丽香、菊池英里、菊池智子、橘真央、具志坚阳子、可爱亚织沙、葵小夏、蓝山南、兰望美、里见奈奈子、里美奈奈子、里美由梨香、立花丽华、立木爱、凉白舞、铃川玲理、铃江纹奈、铃木麻奈美、芦屋瞳、麻川美绪、麻生叶子、美里霞、美崎凉香、美雪沙织、美月莲、明日香、木谷麻耶、奈奈见沙织、内藤花苗、内田理沙、鲇川亚美、片濑亚纪、平山朝香、前原优树、前原佑子、浅见伽椰、浅井理、青木琳、青木玲、青野诗织、青羽未来、青沼知朝、秋本玲子、秋菜里子、秋元优奈、如月可怜、若林树里、若月树里、森下理音、纱月结花、杉浦清香、杉山亚来、山下由美子、杉原凉子、上原留华、神城千佳、神崎麻衣、神崎麻子、矢吹丽、手束桃、树本凉子、水城凛、水野朋美、水野茜、水越丽子、四季彩香寺田弥生、松浦梦、松浦唯、松田千夏、松下爱来、松下可怜、松元静香、速水真保、藤彩香、藤代流花、藤崎秋、藤森智子、天衣美津、田村麻衣、望月瞳、舞岛美织、午后野弥生、西泽友里、夏美舞、相川未希、相户爱、相田由美、小仓杏、小川流果、筱宫知世、小栗杏菜、小森美王、小室优奈、小野由佳、筱原凉、小泽菜穗、小泽玛丽亚、筱冢真树子、星爱丽斯、星崎瞳、星野绫香、星野洋子、星野真弥、徐若樱、雪乃小春、岩下美季、遥优衣、野宫美忧、野原奈津美、叶月千穗、伊东美华、一色丽矢、一色鲇美、一条沙希、乙伊沙也加、樱井沙也加、由树莉莉、有川真生、有吉奈生子、有森玲香、雨宫优衣、原千寻、原史奈。。。。

  我更是一个都不认识!!!

CSS 2.0中文手册(含索引)

对于一个Web Designer来说,这本手册可说是必备的。目前大部分的中文版CSS手册都是苏昱整理或是以苏昱版为基础而整理的,这个版本算是个人觉得比较好用的一个版本了。本民工一直在用,呵呵。

下载CSS 2.0中文手册(含索引)

开博第一篇,我该写什么?

以几乎是冲动的速度买好了空间以及玉米,又以迅雷不及掩耳盗铃之势安装好了博客程序,再以一剑西来天外飞仙的速度修改好了皮肤。于是乎,我傻傻地看着电脑屏幕:我该写些什么?……

BLog,记得它的全名好像是Web Log,也就是“网络日志”的意思。“日志”,感觉离我好遥远,回想一下不禁汗颜,记忆中最近的挑灯夜战奋笔疾书的影子竟然是在高中时代!而我这双习惯了键盘而握不住笔的手,却没为这段日子留下些什么。于是乎,我傻傻地看着电脑屏幕:我该写些什么?……

去的尽管去,来的尽管来。我就像一个没有起点也没有终点的流浪者,曾经想极力收集一切我珍爱的事物,可收集来之后,又能放到哪呢?而在这2008孤单的平安夜,回首,竟是如此空白。于是乎,我傻傻地看着电脑屏幕:我该写些什么了。