网页设计框架 如何避免大量重复的工作,不再为做了一遍又一遍的东西浪费时间和精力?FrameWork,框架。编程,有编程的框架,网页设计也可以有网页设计的框架(例如yahoo的yui框架)。所以将常用的、通用的东西集合到框架里面去,将是种成熟的做法。我正在试着搭建一个符合web标准的网页设计用的框架,但是自己能力的确有限,加上后期项目时间太紧,所以这次项目中虽然开头设计了一部份,但是后来终究没有完成和使用。如果有高人有相同的想法,欢迎指教。如果对网页设计框架有兴趣,但是还不是很了解的朋友,推荐看一篇文章 《Frameworks for Designers》
flash是个婊子 虽然很强悍,而且很流行,但是我对它一直没有好感(因为我不会 ^-^)。网上问的最多的就是如何让含有flash的网页通过w3c的xhtml验证。其实很简单就是使用object标签。但是如果你的页面需要在Microsoft Visual Studio 2005打开再次进行工作,那么请不要让页面包含flash的object标签。因为他会让你的Microsoft Visual Studio 2005虚脱。出现非常令人费解的问题——没有办法打开设计模式,back和del键不能使用,只能打字,不能删除。反正flash就想个婊子,让你的Microsoft Visual Studio 2005堕落。(在我们开发团队多台电脑出现此问题。但是依然不能排除是我们的Microsoft Visual Studio 2005或者电脑环境的问题。如果是我们的问题,我对flash的误解表示真心的抱歉——“你不是个婊子,你是个处女!比银光还处!”)
排队,排队! 多列布局的网页十分多见,别的不说,就是现在我使用的博客园的这个风格就是个两列的布局。左面的side,右面的是main。依照大家的阅读习惯,html里面当然应该先写左面的side,然后再写右面的main。其实,这样做是不合理的。因为浏览器的解析是从上到下的。先解析出来的先显示,后解析出来的后现实。而左面的导航栏并不是用户急于想看到的,用户急于想看到的是main里面的文章的内容。所以正确的写法是侧边栏写在下面,网页主题写在上面,然后利用float样式,让它们出现在左边或者右边。 What's your Name? "AD"?拉出去砍了! 如果你的这块区域要现实广告,所以你就把这个div命名为“divAD”,ok,没有问题,命名很准确,而且采用了驼峰式。但是为什么很多浏览器下看不到你的广告?很简单,因为他们被屏蔽了。被谁?浏览器、杀毒软件、甚至防火墙。很多东西都很乐意强奸这些广告。把你的东西命名为“AD”或者“banner”就如果在脸上写上“我是免费(女支)女”一样。绝对有很多东西乐意搞你。“牡丹”、“芙蓉”、“秦操(《大内密探零零发》)”,随便选,反正还是换个名字吧。
Short Live the "Button" Tag 当初我刚发现button标签的时候高兴了一阵,这个标签好呀!里面可以包含很多其他的标签来构成不同的按钮样式(例如按钮图片可以这样写(),而且,点击的时候还有“偏移量”这样华丽的动态。所以,我在这次项目中使用了。但是后来发现,当需要把这些华丽的图片按钮button替换成服务器端控件时,问题出来了。因为vs2005中没有什么控件打到前台是button标签。“imageButton”?不是,他打到前台不是button,而且,他也不是你想想中的是img,他打到前台是type为image的input。这点让程序员们很无措。所以,我决定以后不再采用button标签。“Butoon”标签,再我这里真是个短命的种。
图片按钮!img or input? 美工真的是生活在童话里,它们将页面设计的花里胡哨,到处都是渐变和色彩绚丽的按钮,以至于,我的电脑一打开他们发过来的psd文件就一定会死机。他们上网好像用的从来都是光纤,不知道一个按钮图片就有30多k,需要下载多长时间。不过,也没有办法呀。中国的美工也是靠花哨吃饭的。所以网页上从来都没有系统样式的按钮,从来都是图片按钮。问题是作为网页设计师,你需要决定将这些按钮图片用何种标签表现出来。图片嘛,自然是img拉。但是网页标签的种类合适与否决定着程序员在后期开发中工作效率。如果,这个图片按钮需要处理一些服务器端代码,那么img将是不合适的。因为图片按钮,如果用服务器端控件的话,一定是imageButton。而imageButton打到前台解析出来是type为image的input。所以,如果进行服务器端处理的图片按钮还是用type为image的input吧。这样程序员就知道直接拉imageButton了。