Results matching “W3C”

新版发布了~

天中午1:00整,新站终于发布了,邀请了两位同事帮忙测试,本以为应该不会存在什么问题,毕竟CSS+DIV改版已经不是第一次了,以往都很顺利,这回却漏了不少文件,比如HTML背景图片了,切换图片的Flash等等。此外,同事还帮忙发现了许多固有的问题,比如断链,内容错误等。内容太久没有更新了,自从2004年以来,错漏是难免的。当然主要的问题还是得自己出马:

js特效:图片翻转效果

求使然,需要实现图片翻转特效 ,类似诸多大型网站上滚动的图片新闻。大凡特效,JS一般都可实现,而且用JS,却酷似Flash,非常绚。记得以前做过的小东西,直接拿来用了。

斜角菜单的CSS制作

前些日子设计站点时,看到了一些斜角菜单的导航形式,如Indiana University Library .等少数国外站,但是大概查看一下代码,多为js实现,害怕兼容问题,没有使用。不过如今,利用纯CSS也可以实现斜角菜单了。关键在于倾斜的平行四边会造成首尾两个按钮的重合区,因此设置背景就是重点。设定时需固定li a 的宽度为单个倾斜四边形的宽度。然后使用相对加绝度定位调节他们相互的距离。让他们首尾有重叠区域。也就是切图时候拉开,定义时候拉近,很简单的思路。这样背景需要用到通明gif 或者png,才会放置重叠区域相互遮挡效果还是很绚的。

效果图. :


 

CSS特效之:让select框"隐身"

本想做个select option框完全隐身的效果,查找了诸多资料,结果发现《网页设计专家门诊》上的方法最为可行,也就是做两个层,下面的为设定的select选项框,而上面的层设定width和height小于select框,相当于作图中的遮罩,则可以做到将select框的上下左右边框隐藏,但是下拉框的箭头就不行了--即如要达到"隐身"的效果几乎是不可能的。无奈,CSS一旦碰到win的组建,简直就是秀才与兵~

问题还是需要解决,设计效果需要尽最大的力量来实现,如果不行则修改设计方案,这是后话了。重新审视问题后发现,需求是实现"下拉框隐身的效果",并非是"让下拉框隐身",那么同样的效果则可以有不同的方式,其中使用CSS下拉菜单是最简单和最可行的。

CSS特效之:表格

网络常用的表格形式是细线表格,但是对于内容较多的显示,则容易造成视觉疲劳,较好的解决方法除了减淡表格线条颜色,增大线条和字色的对比,增大表格内tr和td属性中的padding值之外,运用无线条交替背景的表格则可以大大增强可视性。

方法一:非常简单,用expression法设置table中tr的属性

站点简易测试

前些天,做了个新版站点(本学期初开放)的测试,虽然号称是可用性测试,可是不论过程,还是策划、经验、实操都与标准的可用性测试相去甚远,只能算得是一个简易测试,作为此方研究的尝试。

虽然测试是个人全程控制,作为站点界面的设计者,我也相对有侧重。不过通过测试,发现了不少问题,令人吃惊。

中文难检字与HTML标准

岁末,学期将尽,网站最后两步工序紧张进行--修码通过W3C的HTML标准验证,和站点的简易可用性测试。

今天修码,只要按照多数页面通常代码不规范的前车之鉴修改后都顺利通过了,可是偏偏就遇到 一个小问题--看似微不足道却是拦路虎。

站点改进心得

网站宣布完成,进入后期的加工、修饰和完善阶段。考虑到近期要休婚假,所以工作积压在了国庆前后,加之近期领导要求的修改又多,简直忙疯了……很想像猫一样晒着太阳大睡,即使国庆7天刚刚过完。

小有成就的是解决了一些显示效果相关的技术问题,也就是css、js在不同浏览器、显示器显示效果的兼容性。