页面重构


8
三 10

淘宝栅栏布局模块化命名浅析

折腾,之前的数据几乎全部丢失掉了,学习、记笔记需要动力和时间的,在此恢复2009-05-07一篇文章记录,勉励一下自己,以下是全文,当然我会对之前的一些链接及文字做出调整。现在看来还好我当时加上了浅析二字..

这是总宽950像素的24栏栅格应用,先来看下淘宝网的一处3栏布局(当然现在的淘宝网已经改版了,尽管我还是不太习惯):

这里是对应的代码:

我们可以看到 class=”grid-c3-s5e7″ 这个命名似乎有些特别,
再看看其包含的class=”col-main” 和 class=”col-sub” 以及 class=”col-extra skin-orange”
Continue reading →


31
一 10

网页制作说明文档(简版)

前一段还算是蛮充实的,时间不多(虽然不知道被我藏哪了-_-#),这里我就拿我负责的一个比较完整的项目简单的整理一下网页制作这部分文档,如下便是:

目录建立的原则

  • 以最少的层次提供最清晰简便的访问结构
  • 基本的文件我们用这些文件夹将其归类划分 [ css ] 、 [ images ] 、[ script ] 、[ fla ]

w-01.gif

  • 确保整个文件树的简洁有序,命名尽量采用简短英文,尽量避免简写、缩写,一律小写
  • html 文档的扩张名均以 .html 结尾
  • 每个栏目首页以栏目名命名

例如,积分商城下的首页 shop/shop.html Continue reading →


28
十二 09

W3C总结(第一篇)

写了很长时间的 CSS+DIV ,也用这个做了很多的项目,对这项技术算是有一定的了解吧,但是在做了这么多的项目中却重来没有考虑过W3C的标准,最近做了一个项目客户突然要求我要遵守W3C的规则来做这个项目,当时我就傻眼了,平时都有听说过W3C标准,但W3C标准倒底是什么却没有真正的去了解过实践过,这次却让我深刻的体会到了。在经过对自己代码的测试和在网上的一些资料的查找总结出几个常见W3C标准验证失败原因:

1、div标签未关闭

这是设计失效的最常见的原因之一。调查显示,开启的div标签是最普遍的版块设计失误之一,也是最难诊断的失误之一。这种错误在初学者中出现的比较多,但写的多了就不会太容易出错。

2、麻烦的embed标签
Continue reading →