网页设计35项常见的错误写法
1.不当的使用 Javascript:请见说明。
2.拼字或语法错误。
3.Flash、Shockwave、Java:无法被搜索引擎建立索引,下载时间较长。
4.建立缩略图:使用 HTML 语法缩小图片宽度、高度并不能减少流量,必须手动或是使用代码将图片缩小。
5.使用 GIF、Flash 动画:动画容易使人分心,也容易惹恼使用者。
6.背景音乐、自动播放:想想看当你正在听卡农时网页却播放重金属音乐,尤其是每次点选子网页都从头自动播放。
7.分页、幻灯片模式:把内容放在同一个网页,不要让使用者点选「下一页」以节省时间。
8.将 F&Q 的解答分开放在不同网页上:不要将每个问题独立放在不同的网页上,这样使用者必须一直切换页面。放在相同的网页上就好。
9.使用高对比文字颜色:请勿使用「黑底黑字」或是「白底白字」。
10.屏幕宽度:应考虑 800x600 为最小屏幕宽度,尽可能不要让浏览器出现水平卷轴。
11.字型:不要使用其他人没有的字型,设定方式请见说明。
12.让字体能任意放大、缩小:在 CSS 中使用 em 或 %,请见说明。
13.使用标准、一致的版面设计。
14.图片优化:最好能将图片缩小到四百万象素以下,屏幕看得清楚也能节省下载时间,原作强力推荐 GIMP 制作缩图。
15.别忘记 title、meta、keyword 标签:让使用者方便做纪录,也让搜索引擎建立索引。
16.在表单中加入 label 标签:让使用者填选更轻松,请看说明。
17.使用 Fieldset 组织表单:让表单看的更清楚。
18.为图片、超连结加上说明:在图片加上 alt 属性、超连结加上 title 属性,可在滑鼠游标旁显示注解。
19.进站画面:好能在 Flash 动画旁加上「进入本站」或是「跳过」的超连结,不要强迫使用者看完影片,搜索引擎也能建立索引。
20.回馈连结及页面:在网页上放置 email 联络方式,并在伺服器上处理邮件,避免使用者画面跳出 Outlook 等视窗。
21.档案命名方式:尽量以英文小写命名,特殊字元会造成使用者存档时的不便,如空白会变成「%20」
22.文字区块:文章段落中间最好留几行空白,文字与边框应保留间隔距离。
23.禁止右键选单:不要在网页上使用 Javascript 禁止使用者按滑鼠右键,要让网页、图片不被其他人取用:请不要放到网络上!
24.使用页框:页框中的内容并不会储存到书签,造成使用者的困扰。
25.文字底线:不要在没有超连结的文字上加底线,改用其他方式强调,请看说明。
26.不同档案类型的特性:压缩率、串流等特性。
27.弹跳视窗:不要让超连结跳出新视窗,也不要在新视窗放广告,这样只会让使用者厌恶。
28.AJAX:在 IE6 上面执行 AJAX 仍需要使用到 ActiveX,直到 IE7 才将 XMLHTTP object 独立出来。
29.背景颜色:不要假设所有使用者预设的背景都是白色,请自行加上背景颜色设定。
30.网页测试:针对各种浏览器以及各种情况做测试,请见说明。
31.友善的界面但无法调整:让所有的设定值都可以被调整,以免发生字体变大但是行距不变的情况。
32.侦测到不支援 Javascript 时强制重新导向:使用 noscript 标签来告知使用者,不要重新导向到其他页面或是跳到浏览器更新页面。
33.不支持列印格式或列印预览:可在 CSS 设定列印专用样式,隐藏目录及导览列可以在列印时节省纸张。
34.不支持基本搜索功能:在网站上放置搜索栏位,让使用者可以搜索整个网站。
35.使用错误的标题标签