WEB标准网站设计心得

照片:新藏-阿里

dodo — Fri, 12 Oct 2007 16:58:00 GMT

新藏线---阿里

照片:扎达土林

dodo — Fri, 12 Oct 2007 16:49:00 GMT

扎达土林,点击看大图

神山--岗仁波齐

dodo — Fri, 12 Oct 2007 16:42:00 GMT

让DIV里面的文字垂直居中

dodo — Wed, 20 Jun 2007 15:55:00 GMT

li标签的间距问题 - 兼谈书写li的最佳方式

dodo — Sun, 15 Apr 2007 15:47:00 GMT

新建一个简单的HTML测试文件，下面来测试ul li标签引用 <ul><li><a href="#">菜单一</a></li><li><a href="#">菜单一</a></li><li><a href="#">菜单一</a></li><li><a href="#">菜单一</a></li><li><a href="#">菜单一</a></li><li><a href="#&q

招聘网页设计师

dodo — Thu, 12 Apr 2007 15:20:00 GMT

网页设计师必须条件：1.有良好的设计理念及色彩感觉2.良好的沟通领悟能力3.能承受工作压力，具备团队精神其他条件：具备以下任何3条即可1.精通photoshop,illustrator等2.熟悉web标准，能使用div+css设计网页，手写html代码3.精通flash动画制作4.精通javascript或者ajax交互设计 5.了解一门编程语言。加分条件：1.手绘能力强者优先2.有平面广告设计经验者优先3.有个人站点及作品展现者优先补充条件：如果你对网页设计有浓厚的兴趣，以及有一定的基础，并有信心在这个领域做的很出色,那么265设计部欢迎你来实习，与我们共同提高成长。有兴趣的朋友可以发邮件给我dodoing@gmail.com谢谢265上网导航 --- www.265.com<

让IE6和IE7同时运行在一台机器上

dodo — Tue, 03 Apr 2007 20:22:00 GMT

工作需要，我的X60S上装了IE5.0,IE5.5的绿色版，IE6以及FIREFOX2和OPERA9的绿色版，用来调试网页今天为了测试页面在IE7下的效果，去网上找了找IE7和IE6共存的办法，并把IE7英文版整理打包在一起据说IE7的基本功能都有了，还有一些小BUG，就用来看网页，到没什么大影响，主浏览器还是firefox和IE6英文原文：http://tredosoft.com/IE7_standalone注意：不要偷懒，直接解压缩放在桌面上，最好在别的盘里面，然后看里面的说明文件，一个文件自动安装。我的系统是Windows XP SP2 下载链接：下载截图如下：

来自www.p.cn,一只不烧香的熊猫

dodo — Mon, 29 Jan 2007 18:14:00 GMT

来自www.p.cn的一只熊猫，此熊猫非烧香那只，它是一款工具软件而非病毒，不过这个时候推出，赶上熊猫烧香病毒横行肆虐，不知道是福还是祸

软件还是不错，全部采用浏览器操作界面，很方便。电脑里把杆子打不着的图片也能检索出来，能对图片进行标签归档，能在浏览器里对图片进行编辑，这个功能很方便，不需要安装或者打开photoshop软件了，还能和网上的相册服务商进行同步，比如yahoo相册和163相册等等。试试吧

下载

软件的介绍

智能相册（Smart Albums）是一款简单易用的图片管理软件，集分类相册、图片标签、图片搜索等功能于一体，并以日历方式进行展现。此外还可以对图片进行加密保存、 FTP上传至网络空间等应用。软件具有傻瓜化的图片编辑功能，无需任何专业知识就可以轻松处理您的照片。并且也可以通过电子邮件、个人网络相册发布等方式来和别人分享你的照片。软件基于DWS（Desktop Web System） Framework，采用零客户端的设计方式，将全部的功能集中于浏览器当中，在降低了用户学习成本的同时使用户获得了更好的体验。充分体现了 Web2.0的先进特性。

智能相册不同于传统客户端的相册管理软件,也不同于目前市场上存在的Web浏览方式的像册管理服务。

传统的单机相册管理软件注重于对本地图片文件的管理，多数采用标准客户端作为软件的表现形式，该类软件缺乏与网络资源的互动，基本上把管理的范围局限于用户的个人计算机上，并且不同的客户端之间表现形式差异很大，用户的学习成本较高。

而目前在网络上很常见的各类网络相册，则将功能完全集中于网络之中，脱离网络之后就无法使用任何功能，且在操作过程中受网络质量的影响很大。由于完全脱离单机，这类相册对于一些高级的功能支持有限。

智能相册在吸收了两者的优点之上，最大程度的克服了它们的缺点。这其中最重要的就是它将软件界面完全集中在浏览器里，在浏览器Web页面上使用与传统客户端相似的界面操作方式,既采用了易用的Web页面操作界面,又具有客户端应用的强大功能，从而使任何用户都可以在最短的时间内学会如何使用它。当用户联网之后，软件可以无缝的转移到网络应用之中，用户无需在两种不同的模式之间切换。同时软件在浏览器的兼容方面做了很大的改进，使得智能相册可以在当前绝大多数的浏览器中正常使用（包括IE6、IE7、FireFox、Maxthon遨游等等）。

用flash+javascript实现网页中复制数据功能

dodo — Wed, 06 Dec 2006 01:25:00 GMT

经常在网页上看见“复制本页网址，给你的朋友分享”之类的话，点按钮，在IE下能复制成功，而在firefox和opera等其他浏览器就不行
下面的例子使用flash(as)+javascript实现了在不同浏览器里复制的功能，这样做的好处就是规避了浏览器兼容的问题。也就是说支持firefox,IE,OPERA

看演示：用firefox和ie分别测试
点这个页面最下面的复制按钮，然后粘贴在QQ，或者MSN等文本框内

怎样使用？
1.先下载这个FLASH文件：下载,右键另存

2.代码如下：
<html>
<head>

<title&

IE7来了，对网页交互设计未必是好事

dodo — Fri, 01 Dec 2006 01:48:00 GMT

今天看到IE7中文版发布了，IE7的英文版我倒是装了，为了测试用，用户体验和IE6变化很大，学习成本增加了，估摸着用户未必喜欢，特别是低端用户（别和我说现在低端用户早就用过MYIE，^_^），最明显，也是最跟风的改变就是也用了TAB的方式浏览多网页，不过这对以WEB上交互设计未必是好事做过WEB交互的人都知道，很多时候会用到javascript来window.open弹出一个Mini window,来做一些交互的中转等，现在有了TAB，window.open是弹出到TAB还是new WINDOW里面呢。tab其实就是把很多的window用一个盒子装起来，然后用TAB标签上.IE7的设置里面有灵活的给用户的TAB和WINDOW的强制设置，也就是说如果用户选择了全部用TAB打开，你怎么open都是在TAB里面，当原来mini window的交互界面出现在TAB里，然后在切换回触发页的时

微软雅黑字体给中文网页设计带来了什么

dodo — Sat, 18 Nov 2006 00:14:00 GMT

先看对比:

说的形象一点就是photoshop里面字体效果的“无”和“平滑、厚重”的对比
“微软这样描述雅黑：“Vista完全可以沿用原来的字体，但启用微软雅黑，将令中文版Vista更加清晰、明亮。”最妙的是，它支持WinXP，只要从Vista中提取出来放进字体目录就可以体会Vista的感觉，多棒！”
看这篇详细介绍：http://www.windstudio.net/html/200611/20061114102849.htm
从网页设计的角度考虑，中文字体大小的使用所受限制少了，中文网页设计也会更加的漂亮

网页中使用漂亮的11PX中文字体

dodo — Sat, 11 Nov 2006 14:43:00 GMT

Google adsense的广告中的小字体改好看了，研究了一下用的字体是：Pmingliu，大小：11px，之前在POCO站点的图上看到过这样的字
google ad中使用的：
font-family: Pmingliu,verdana,arial,sans-serif;font-size:11px
不过如果用GB2312或者GBK字符集的时候，你在测试的时候，用IE6看的时候，会发现还是有锯齿，狠难看，用firefox和IE7没事，只要把测试文件转成UTF-8格式就好




css相关资源网站
dodo — Fri, 10 Nov 2006 12:19:00 GMT
CSS Diagrams, Bar Graphs, Star Rater

    Creating a graph
 Russ Weakley - Creating a graph using percentage background images
    CSS FOR BAR GRAPHS
 Basic CSS Bar Graph, Complex CSS Bar Graph, Vertical CSS Bar Graph
    Sup


是VQQ，不是QQ
dodo — Sat, 19 Aug 2006 12:25:00 GMT
KESO的BLOG上之前加了一个新浪的WOOCALL.,这种blogchat的东西还是挺好玩的
我朋友ZW也做了一个类似的东西，http://www.vqq.com

下面其他牛友写的一个关于这种chat的对比
原文：http://blog.donews.com/siyusiyu/archive/2006/08/19/1006607.aspx



    
        
            上
        
    




70个流行的AJAX应用的演示和源码下载
dodo — Wed, 16 Aug 2006 22:22:00 GMT

    Ajallerix : AJAX, simple, fast Web image gallery demo ; at Novell 
    AJAX - microlink pattern tutorial : A microlink is a link that opens up content below it. 
    Ajax BBC News RSS Reader : demo by Nigel Crawley