原创 如何在网页显示英语音标（附实例）

做教育业的网站，会将此遇到这个问题：如何在网页上显示音标？音标为什么显示为乱字符？等等类似的问题。前两天做沪江网某英语页面的时候也碰到了这个问题，所以，解决后在此稍微分享一下吧。用ISO Latin-1字符集就能解决问题？如何在页面上正常显示英语音标一开始最先想到的就是用ISO Latin-1字符集解决问题。什么是“ISO Latin-1字符集”？很简单，举个

原创 IE8"开发人员工具"使用详解下(浏览器模式、文本模式、JavaScript调试、探查器)

在上一篇文章IE8“开发人员工具”使用详解上(各级菜单详解) 中，我们详细地讲解了IE8开发人员工具中各个菜单中命令的使用方法，相信很多朋友应该已经使用上了。而IE8开发人员工具更强劲的功能例如：如何测试版本兼容性、如何利用开发人员工具调试JavaScript脚本，以及如何利用探查器检测页面脚本函数效率等，我们将在本篇文章中讲解。小弟拙笨，此处仅为抛砖。浏览器模式应了

原创 IE8“开发人员工具”使用详解上(各级菜单详解)

IE8正式版已经发布了。本篇文章不会非常扯蛋地去进行什么评测，然后给出什么“Chrome运行JavaScript能力是IE8的15倍”、什么“IE8页面渲染速度是Safari的2.456倍”、什么“IE8的抗强暴能力比FireFox高出1.235倍” 这样的操蛋的结论。我管谁比谁强多少？我只知道：当windows7发布的时候，IE8浏览器的市场占有率将让前台开发人员无法说：“不用去管

原创 IE8将不再支持CSS中的expression。

微软IE官方博客报道：IE8标准模式下将不再支持CSS的expression功能。CSS expression今天从IE的官方blog中看到了这篇文章——《Ending Expressions》。文章指出在IE8的标准模式下，将不再对CSS expression进行支持。也许有人会纷纷表示影响不大，因为有些人甚至都不知道什么是CSS的expression，也从来没

原创 IE7的web标准之道——9：（修正）疯了的边框线

IE7的web标准之道IE历来被web标准的拥护者所诟病，而当FireFox横空出世以后，更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升，微软终于推出了IE7。但IE7是否真的能够力挽狂澜，是否真的能够得到用户的信任，是否真的能够得到网页设计者的认可呢？且看《IE7的web标准之道》系列文章，和你一起见证IE7的改变！前言非常惭愧

原创 FireFox2和FireFox3共存解决方案（附完整图解）

FireFox2FireFox3FF2和FF3共存 FireFox3新特性FF2和FF3共存方案现在，最新的FireFox2版本为Firefox 2.0.0.14与FireFox2相比，FireFox3采用了全新的Gecko 1.9引擎。所以无论是性能、稳定性和安全性方面都有较大的提高。对用普通用户而言，最明显的感觉就是——启动速度变的很快了。对于网页设计者而言，

原创 《阿一web标准学堂》索引页

关于《阿一web标准学堂》阿一web标准学堂《阿一web标准学堂》是一套面向web标准初学者的视频系列。虽然我也只是一个web标准刚入门的学习者，但是我还是希望能通过这个学堂将自己学习到的东西与大家分享，这样不仅可以让更多的朋友走上web标准设计的道路，更重要的是可以得到很多前辈们的指点和教导，从而更快的取得进步。所以，各位朋友如果在学堂上发现错误之处，欢迎你到【博客园web

原创 IE7的web标准之道——6：（修正）置换元素与行距bug

IE7的web标准之道IE历来被web标准的拥护者所诟病，而当FireFox横空出世以后，更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升，微软终于推出了IE7。但IE7是否真的能够力挽狂澜，是否真的能够得到用户的信任，是否真的能够得到网页设计者的认可呢？且看《IE7的web标准之道》系列文章，和你一起见证IE7的改变！互联网上没有邮局！

原创 IE8中模拟IE7按钮（Emulate IE7 button）的秘密

Emulate IE7按钮我在上篇文章 《IE8抢先尝试——色眼窥观版（多图）》 中，曾经很心虚的猜测这个“Emulate IE7 button”只是简单的将IE8默认的渲染模式从“标准模式”改变为“诡异模式”。今天IE官方博客放出一篇文章《Using The Emulate IE7 Button》里面提到了这个Emulate IE7按钮的真正秘密——This causes

原创 IE7的web标准之道——5：（修正）上去了！终于上去了！

IE7的web标准之道IE历来被web标准的拥护者所诟病，而当FireFox横空出世以后，更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升，微软终于推出了IE7。但IE7是否真的能够力挽狂澜，是否真的能够得到用户的信任，是否真的能够得到网页设计者的认可呢？且看《IE7的web标准之道》系列文章，和你一起见证IE7的改变！select对div

原创 IE7的web标准之道——4：（修正）歌剧院魅影bug

IE7的web标准之道IE历来被web标准的拥护者所诟病，而当FireFox横空出世以后，更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升，微软终于推出了IE7。但IE7是否真的能够力挽狂澜，是否真的能够得到用户的信任，是否真的能够得到网页设计者的认可呢？且看《IE7的web标准之道》系列文章，和你一起见证IE7的改变！打倒标题党估计很

原创 IE7的web标准之道——3：（修正）引起页面布局混乱的祸首

IE7的web标准之道IE历来被web标准的拥护者所诟病，而当FireFox横空出世以后，更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升，微软终于推出了IE7。但IE7是否真的能够力挽狂澜，是否真的能够得到用户的信任，是否真的能够得到网页设计者的认可呢？且看《IE7的web标准之道》系列文章，和你一起见证IE7的改变！前言现在，最令网

原创 IE7的web标准之道——2：（改进）更丰富的CSS选择符

IE7的web标准之道IE历来被web标准的拥护者所诟病，而当FireFox横空出世以后，更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升，微软终于推出了IE7。但IE7是否真的能够力挽狂澜，是否真的能够得到用户的信任，是否真的能够得到网页设计者的认可呢？且看《IE7的web标准之道》系列文章，和你一起见证IE7的改变！CSS选择符IE

原创 IE7的web标准之道——1：前言（兼目录）

IE7的web标准之道IE历来被web标准的拥护者所诟病，而当FireFox横空出世以后，更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升，微软终于推出了IE7。但IE7是否真的能够力挽狂澜，是否真的能够得到用户的信任，是否真的能够得到网页设计者的认可呢？且看《IE7的web标准之道》系列文章，和你一起见证IE7的改变！两份报表什么也别

原创 如何提高网页的效率（下篇）——Use YSlow to know why your web Slow

图:你的网页太臃肿了！网站最重要的东西是什么？——内容？SEO（搜索引擎优化）？UE（用户体验）？都不对！是速度！内容再丰富的网站，如果慢到无法访问也是毫无意义的； SEO做的再好的网站，如果搜索蜘蛛抓不到也是白搭(页面效率和搜索蜘蛛之间的关系，需要进一步的确认，此为和上篇保持统一)； UE设计的再人性化的网站，如果用户连看都看不到也是空谈。所以网页的效率绝对

原创 滑动门和翻转门实现的横竖双tab标签测试页面（附源码）

双tab可以用来表现二维数据的某一个单元。所以很多情况下还是比较有用的。但是很少人用这个而已。人们少用的原因比较多。反正我是比较少见的。此版本至少测试版，只有IE6下进行了测试。FF和IE7一定会有问题的。所以还要使用一些css hack的技巧（可以参看：http://www.cnblogs.com/JustinYoung/archive/2007/09/14/892414.html

原创 最近使用的签名图，有兴趣的拿去。

原创 《播客》项目总结——web标准页面设计方面

前言：来上海激动的第一个项目，无论是公司还是自己都有很多的不足。第一次做娱乐型的门户网站，对web标准的掌控能力的确是个很大的挑战。说实话，这一个项目对于web标准的使用自己只能给自己打65分，分数之所以那么低，项目时间短是一个原因，美工的设计稿比较差是个原因，自己对大型娱乐型的网站的网页框架的设计不足也是个原因。正是因为分数这么低，所以项目的总结就显的特别重要。不断的总结，不断的改

原创 实例讲解符合中国特色的和网络现状的实用CSS Hack(附源码)

首先解释一下标题的定语： 实例讲解的：文章中会出现可以运行并可立即看到结果的实例代码。 符合中国特色的：中国网民使用最多的浏览器是IE和FireFox。所以这些CssHack主要是为了解决这2种浏览器的兼容问题。中国电脑用户的操作系统主要是Windows，所以这些CssHack主要针对Windows操作系统浏览器，并不包含Mac等。 符合网络现状的：现在

原创 练习一下javascript，顺便给博客页面加个小玩意

一直对这个风格前面的那个椰子树很不爽，正好今天想练习一下javascript就拿它动手了。(每次刷新都会不同哦)中间也学到了一点：不要使用children而是使用childNodes来获得子节点。这样才符合w3c的规范，对FF才有比较好的支持。不多说了，直接看代码吧。DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans

原创 链接样式优先级（特殊性）小结

链接样式因为其特殊性（因为用到了伪类），所以表现比较丰富。而且因为链接的重要性，所以对于链接样式的控制就显的特别重要，但是因为样式优先级（也有叫做特殊性的）不同于其他编程语言，有其独特性，所以我感觉有必要将这些总结记录下来以备忘。工作中的一些小的总结，没有什么内容，只是自己脑子太笨，好在有个笔头。各位看官看看便是，便不要再嘲笑没有技术含量了。呵呵～doctype html p

原创 IE6和IE7共存方法（别人是别人的，我是我的）

2009年9月3日更新本文是较老的文章，最新的共存方法，建议使用IETester最新版。最近版IETester的下载和介绍，请阅读文章《IETester更新至v0.3.5版已经兼容Windows7（附下载地址及Debugbar插件）》。老文章正文开始这篇文章是很久以前写的，而现在已经有更好的解决方案了。所以现阶段向你推荐的解决方案是——现阶段推荐阅读《多I

原创 《YES!B/S!》博客文章导读索引（20080612更新）

var alimama_pid="mm_10056409_242955_836926";var alimama_titlecolor="0000FF";var alimama_descolor ="000000";var alimama_bgcolor="FFFFFF";var alimama_bordercolor="E6E6E6";var alimama_

原创 实例讲解《Microsoft AJAX Library》(2)：DomEvent类

引言：大家都知道Ajax的之所以能如此丰富地实现，客户端脚本功不可没。而像Asp.Net Ajax这般庞大的工程，没有脚本类库的支撑是很难想象的。《Microsoft AJAX Library》就是Asp.Net Ajax的脚本类库。其实网上流行的脚本类库是很多的，也有一些是十分成功的，例如：prototype.js脚本类库。这些脚本类库封装了很多常用的功能，通过使用这些脚本类库我们能极

原创 实例讲解《Microsoft AJAX Library》(1)：DomElement类

引言：大家都知道Ajax的之所以能如此丰富地实现，客户端脚本功不可没。而像Asp.Net Ajax这般庞大的工程，没有脚本类库的支撑是很难想象的。《Microsoft AJAX Library》就是Asp.Net Ajax的脚本类库。其实网上流行的脚本类库是很多的，也有一些是十分成功的，例如：prototype.js脚本类库。这些脚本类库封装了很多常用的功能，通过使用这些脚本类库我们能极

原创 Asp.net Ajax Control Toolkit设计编程备忘录（色眼窥观版）——第6回(习惯专辑）

色即设——设计，从网页设计师的角度出发。因为自己的的特殊性（本身是软件工程师，但是对网页设计却有浓厚的兴趣），所以我的此系列文章不仅仅从编程角度出发，还将从设计的角度出发来细数AjaxControlToolkit系列控件，告诉你这些控件最终的结构表现形式、样式，还有如何修改他们的样式使之适合于你的网页整体规划。窥，小视也——《说文》，此小视非必小视呀。此小视的意思是：水平有限，不能望其全

原创 如何让Visual Studio和web标准联姻(附源码下载)

前言：这篇文章可能会引起“网页设计者”的不安，因为可能会让他们产生“我必须要学习枯燥的代码”的误解；这篇文章也可能会引起“程序员”的不安，因为可能会让他们产生“我必须学习繁琐的网页设计”的误解；这篇文章也可能会引起“网页初学者”的不安，因为可能会让他们产生“我必须同时学习枯燥的代码和繁琐的网页设计”的误解。其实大家都不需要感到不安，因为这篇文章的确是有点另类，它介于“网页设计”和“程序设

原创 Gbrowser is coming soon? web标准时代到来？

听说Google的网络浏览器Gbrowser已经在酝酿之用。我不知道你对这样的消息有什么感想，但是对于做标准网页设计的朋友应该是个不错的消息。自从IE干掉网景以后，不再有敌手后更新那是一个慢呀，对网页的解析那是一个乱呀，试图对抗javascript的vbscript耽误了一批人。反正自己是老大，想怎么搞就怎么搞。结果搞的浏览器对网页的解析是否诡异。也就搞的现在web标准的推广极为被动。好

原创 Firefox中国即将成立，希望在华推行Web标准

Mozilla的首席技术官(vp engineering)Mike Schroepfer给Firefox的粉丝们带来一个好消息:Firefox在中国的负责人李宫昨日接到总部正式通知,将在中国成立公司.Mike称:“公司将设立在清华科技园,在Google、微软的旁边,不过一开始规模不会大,只有几个人.李宫将负责招兵买马.实际上,Mozilla全球也不到一百人,但是在全球却有1600名的编程

原创 一张有转折意义的神秘地图

很多语现在还不方便说，到底是什么，你们随便猜猜吧。点击浏览大图。 href="http://images.cnblogs.com/cnblogs_com/justinyoung/2007/map.jpg" target=_blank href_cetemp="http://images.cnblogs.com/cnblogs_com/justinyoung/2007/map.jpg">

原创 对不起，说句粗话——这个太屌了，windows1.0安装程序(附下载)

今天逛一个软件论坛发现的，只有几百K。遥想当今我刚接触windows的版本是3.1，当时记得很清楚哦，进入windows要从dos命令行进入。现在一转眼，变成进入伪dos是运行栏里敲cmd了。唉，想当年尿尿还能疵2米多远的时候，老爸就花了家里很多积蓄买了台486。天天晚上《三国志英杰传》，导致视力严重下降。别人的近视都是看书看的，而我的是玩游戏玩的。惭愧，惭愧……不过那时候的window

原创 Asp.net Ajax Control Toolkit设计编程备忘录（色眼窥观版）——第5回(错不了专辑)

色即设——设计，从网页设计师的角度出发。因为自己的的特殊性（本身是软件工程师，但是对网页设计却有浓厚的兴趣），所以我的此系列文章不仅仅从编程角度出发，还将从设计的角度出发来细数AjaxControlToolkit系列控件，告诉你这些控件最终的结构表现形式、样式，还有如何修改他们的样式使之适合于你的网页整体规划。窥，小视也——《说文》，此小视非必小视呀。此小视的意思是：水平有限，不能望

原创 web标准不标准

引言：一群会用table蹩脚布局的网页初学者嘲笑着那些对网页制作一窍不通的门外汉；而一群自认为table布局无所不能的table布局拥护者则嘲笑着那群用table蹩脚布局的网页初学者；那些刚试着将几个页面中的table换成div的所谓的web标准设计者则嘲笑这那群死抱table布局不放的table布局设计者；而一群焦头烂额终于在网站上贴上“W3C验证通过HTML网站”图标的自认高高人的w

原创 对“设置样式时怎么区分input是按钮还是文本框”问题的技术调查——把input里面的东西剔出来

当你看到这个html标签的时候，你会想到什么？一个文本框？一个按钮？一个单选框？一个复选框？……对，对，对，它们都对。也许你可能想不到，这个小小的input竟然可以创造出10个不同的东西，下面是个列表，看看，哪些是你没有想到的： 文本框 密码框 提交按钮 重置按钮 单选框 复选框 普通按钮

原创 一个常被问道的问题：如何让层盖住下拉列表框？ 问题解决方案.

首先，我们不得不承认IE7以前的IE系列浏览器对web标准支持的真的很差。IE6的诡异解析模式让一些开始学习web标准的朋友老是碰到不能理解的问题。特别是这个IE6向IE7过渡的是非年代。IE6真的让人很郁闷。但是就目前而言，我们还是不能放弃对IE6的兼容。从下面的我的blog访问统计分析数据来看，使用IE6的还是占有绝对主流的。本来想顺便说说web标准中这个“标准”到底是个什么东西，但

原创 微软考虑客户反馈 计划年底推Visual Studio 2008开发包

微软开发者部门的副总裁索玛塞加在其博客中表示，尽管Visual Studio 2008软件开发平台是2008年2月份一次产品开发活动的一部分，微软计划于2007年年底开始销售这款产品。 据InfoWorld网站报道称，本周早些时候，微软宣布将在于2008年2月27日举办的一次产品发布会上发布Visual Studio 2008、Windows Server 2008、SQL Server

原创 帅的一坨，不转不行。优雅实用web标准网站设计欣赏

文章来源于我非常喜爱的Smashing Magazine。网站不支持图片外链接，如果看不到图片请访问原文地址：http://www.smashingmagazine.com/2007/07/04/inspiration-package-usable-elegant-inspiring-design-showcase/以下是原文：Inspiration Package: 60+

原创 Asp.net Ajax Control Toolkit设计编程备忘录（色眼窥观版）——第4回(忍者专辑)

色即设——设计，从网页设计师的角度出发。因为自己的的特殊性（本身是软件工程师，但是对网页设计却有浓厚的兴趣），所以我的此系列文章不仅仅从编程角度出发，还将从设计的角度出发来细数AjaxControlToolkit系列控件，告诉你这些控件最终的结构表现形式、样式，还有如何修改他们的样式使之适合于你的网页整体规划。窥，小视也——《说文》，此小视非必小视呀。此小视的意思是：水平有限，不能望其全

原创 练习web标准时做的一个DEMO页面，不害臊地说一声：感觉还可以（附源码下载）

前一段时间练习web标准时做的一个页面。做这个页面的时候主要不是练习web标准，主要是练习我总结的一套css样式表的规划与组织理论。所以里面web标准或者javascript可能使用的并不是很恰当，但是页面中6套css样式表的相互穿插应用的实现却有力的证明了我自己总结的那套css样式表规划与组织理论的正确性。如果不信，你可以试着用传统的只有一个css样式表文件来实现，我demo页面上提供

原创 如何提高网页中图片显示的用户体验（附源码下载）

文章中加入适量的图片不仅可以更好的说明和补充文章的内容，而且还可以极大的减缓阅读者在阅读较长篇幅文章时的疲劳和不安。所以图文混排较好的文章能给阅读者更好的用户体验和享受。但是令人遗憾的是很多的网页图片的显示并不十分理想，非但没有给阅读者带来好的阅读享受，反而给文章的阅读带来了不少的麻烦。其中的“麻烦制造者”就是尺寸很大的图片。如何适当的显示大尺寸的图片则变成了解决问题的关键。对于大尺