你的位置:创意公社- ideaer >> 百科 >> 网站设计 >>详细内容 在线投稿

网页制作注意问题-标记运用

打印 发布者:jv0826
热度731票  浏览459次 【共0条评论】【我要评论 时间:2010年12月27日 19:19

*e`rb#SM.Ci` l01. 小心使用框架(Frame)。框架易学难精,它虽有快速、漂亮和方便更新等优点, 但稍有不慎会适得其反,切勿勉强使用,由于 IE 及 NC 对框架属性定义有所差异,公开网页前宜作多方面测试,可能你的框架于 IE 显示下是漂亮的一页,但于 NC 可能是最丑陋的。创意公社- ideaern W#s'm(kTb0Y:D']

@L:["i2}j_02. 背景音乐尽量同时使用 bgsound 及 embed 两种标记,照顾旧版的浏览器,或可使 用 javascript 分辨浏览器以印出适当的媒体标记。创意公社- ideaer,P$h4] Y}dG'kH

创意公社- ideaer2F:c"|] If

3. 应用框架 Frame 时要加入不支持的提示以提醒旧版的浏览器的用户,亦可以是藏着一没有框架的版本或一个连到另一版本的连结,这样不但照顾到旧版的浏览器,亦有利于登一些寻找引擎。

_Y M0B8~_0F+f0 创意公社- ideaerN v3P YG&?

4. 同一页中不要使用太多的 HR 标记,即水平分隔线,否则你的网页看起来会支离破碎,要达到文件清晰或主次分明,可改变字体的大小、颜色或底色。或采用清单标记,不一定要使用水平线。创意公社- ideaer'I h&I2^,KA5?_

~z{5s:D05. 不要使用“点选这里”“Click Here”之类的字眼当作连结,正确的做法如:“请 到 Microsoft 网站看看 Windows 98 的介绍吧”。

(b2kCQN EM0 创意公社- ideaerr-{e\E$u t

6. 不要勉强使用闪烁文字,指 Blink 标记,不必说它的被支持问题,这类的闪烁常为浏览者带来紧张和不安,要知道制作网页的首要条件便是要让访客看得舒适,不要因小失大。创意公社- ideaer,eXJXA/pvx

创意公社- ideaer~%f:C3?:S1q

7. 使用 ImageMap 时,不要让关键区域太近或重叠,不要让你的访客猜测关键区域, 如果图片示意不够清楚可加些文字说明,按键的作用只是用以打开另一文件,只要能做到清楚及显眼便足够。

Pe(MyUR'W3O0

}"c8aH*~08. 编辑完 ImageMap 后不要更动原来图片档案,否则它的关键区域会因相对座标值的更变而失准。创意公社- ideaer$F4mR}F

8H M9I?5w[`$Y09. 在表单中使用 Action=mailto 时,要提醒使用者不要期待立即的回应,否则你的访问者便「痴痴地等」或多按几次“Submit”,最好还是使用 CGI 吧。创意公社- ideaer5O&oLEA ^s bA

.?d8^d]1t_;yAz010.不要让你的表单太长或超过两页,除非访者非填不可,否则他们会不耐烦,在网上要访者主动填写你的表单并不容易,所以花多些心思在表单的设计上是应该的。

(s'n&c:NW1?0

;KoU)H$EpK`011. 使用 <;PRE>; 标记时,其内的文字不要太长,因为浏览者可能使用低解像的作业环境,但该文字却不会换行以适应浏览器视窗。

'n,C&cD'C"}7cR0

,N;l:i@ C3r#r|012. 不要在说明标记 <;!-- 说明 -->; 中加入其它标记或连结,因为有小数浏览会把它解读出来。适当运用说明标记,对较大型的网页是很重要的。创意公社- ideaer(wG O${6QmNcM0K

创意公社- ideaer2}*?*^'a}8r

13. 不要依赖 <;TABLE>; 标记中的参数 align="CENTER" 将表格置于中间,因为很多浏览器并不支持,你还是需要不厌其烦地加上 <;CENTER>; 标记。创意公社- ideaer,n*h{2f"RQ

创意公社- ideaer&IE(\ r(A%H$PQ

14. 网页的版权声明有三种显示方法,第一是当作一般文字显示于浏览画面,第二是利用说明标记 <;!-- Copyright -->;,第三是利用 <;META>;标记。

,{"eC ps|mgU0

"]Xf niPL015. 登录网页于 META Search Engine 时,先以 <;META>; 标记于 <;HEAD>; 位置加上介绍及关键字,这些资料会为搜索引擎所记录,亦是搜索者所看到的结果。

mf's:r"c{8zWj)c _0 创意公社- ideaernK?5ofT8lf g

16. 避免标记交错使用,如:创意公社- ideaerj9j$A*]%W:O*Z

创意公社- ideaere0wGwi N-f

对: <;B>;<;I>;HKIWC<;/I>;<;/B>;

.j7H3W)q(U%`9n;a;L A1U0

)bp [bGh0错: <;B>;<;I>;HKIWC<;/B>;<;/I>;创意公社- ideaerB[*a(B r

创意公社- ideaer+A0GG:UT$s^

并不是所有浏览器都如 IE 一样,善于处理交错及欠缺标记。

+le1Trga)X0 创意公社- ideaerKN6\_/~Ni oM,lW!n

17. 制作表单时必须分别以 NC 及 IE 作测试。对 NC 而言,表单各元件如文字框、卷动选单等的高度及其内的文字皆受 <;FONT>; 一类的字形标记所影响,尤其是 Character Set,若设为 GB 2312 的话更要注意 NC 及 IE 对各表单元件的大小有不同的显示效果。创意公社- ideaer:pNl Q?c;P#\

顶:27
上一篇 下一篇
发表评论
换一张

网友评论仅供网友表达个人看法,并不表明本网同意其观点或证实其描述。

查看全部回复【已有0位网友发表了看法】