用Dreamweaver制作网页时,如果插入的图片、GIF动画、声音、视频或链接的网页是用中文命名的,在用IE浏览器浏览时可能显示不出来。以至于大家不得不将用到的素材全改为英文文件名,然后再在Dreamweaver中引用。随着素材的增多,因为是英文文件名,要查找某个文件是多么不方便呀!: n% G# `# l" K
经过摸索,笔者发现Dreamweaver可以插入以中文命名的素材、也可以链接以中文命名的网页。在插入素材或链接网页后切换到代码窗口,将乱码文件名改为相应的中文文件名即可。
& F$ p3 Q- C2 G7 G$ Y, `. {8 s注意:“属性”面板中已显示出插入或链接的中文文件名,但在代码窗口中显示的是乱码,你只需按照“属性”面板所显示的文件名将代码中的乱码改正过来即可。这样再用IE浏览器浏览就可以显示出来。; e! A; }% Y" N& M: l I9 P
对CSS类及id的规范化命名, {) c3 d+ t+ _; u5 F
Web开发人员可以通过创建CSS类及id名称并使用这些名称来对divs以及其他的格式页面元素进行标识。对开发人员来说,在命名重新定义XHTML标记(tags)的CSS selectors时,必须保证其与预定义的标记准确匹配,但就类以及id选择器名称而言,则仁者见仁,智者见智。然而随心所欲的为这些类以及id命名则并不是个好的习惯。6 p6 {0 Y4 w1 N) d- H# I! @ c
在阅读了由Andy Clarke(of Stuff and Nonsense and All That Malarkey)以及Eric Meyer所撰写的关于CSS类以及id命名规范的系列文章之后,我开始思考在自己的Web站点设计过程中对类以及ids的命名方式。
# V, M* J7 Z" \ e N. C直观命名
+ A9 A- D, u ]当在设计Web页面以及需要对一个div进行标识的时候,最自然的想法就是使用可以描述元素所在页面位置的词汇来对其命名。这种方法使得类以及id的名称如下面所示:
& a0 d; l8 ^; A0 R3 o- Ftop-panel5 \. I0 `. F5 n! M( @% V5 D
horizontal-nav
; B H% } V& q2 ^7 |left-side
+ P1 @& L2 I1 ~ [+ `3 U% O2 acenter-column
" p4 H ^5 ?( @+ H# pright-col
3 X7 Y6 M+ b8 w( \+ P0 I! m% e这些是CSS以及XHTML类和id的有效命名方式。这些词汇简单并且能够使人顾名思义,因此满足了标识页面元素以及相应的CSS样式的需要。
4 d. j' r5 x2 s4 m3 r
6 ^; y0 ~0 \ U% z' H但问题是这样的名称同页面内容的特定表达方式相关联。这些命名参考了某种特定页面布局中的页面元素位置,因此在这样的布局之外使用就会显得不合适甚至造成理解混乱。同时,这些命名没有涉及文档内容的结构。因此,下面给出了对CSS类以及ID命名更好的方法。 |