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

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

打印 发布者:jv0826
热度731票  浏览453次 【共0条评论】【我要评论 时间:2010年12月27日 19:19
创意公社- ideaer`'? k QDskFl T&^b

1. 小心使用框架(Frame)。框架易学难精,它虽有快速、漂亮和方便更新等优点, 但稍有不慎会适得其反,切勿勉强使用,由于 IE 及 NC 对框架属性定义有所差异,公开网页前宜作多方面测试,可能你的框架于 IE 显示下是漂亮的一页,但于 NC 可能是最丑陋的。

@/Pu1T])})Q m5K0 创意公社- ideaerY!N{/t-a1C

2. 背景音乐尽量同时使用 bgsound 及 embed 两种标记,照顾旧版的浏览器,或可使 用 javascript 分辨浏览器以印出适当的媒体标记。创意公社- ideaerWe ]H^3g

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

u_`)|&qE"f;l }+hR0

lXABr?7V8g i04. 同一页中不要使用太多的 HR 标记,即水平分隔线,否则你的网页看起来会支离破碎,要达到文件清晰或主次分明,可改变字体的大小、颜色或底色。或采用清单标记,不一定要使用水平线。

4rl'B^)l~(D0

0zD_:D2B7EwU/wa05. 不要使用“点选这里”“Click Here”之类的字眼当作连结,正确的做法如:“请 到 Microsoft 网站看看 Windows 98 的介绍吧”。创意公社- ideaer+a{7[X0Ea

创意公社- ideaer`ZE5I0K W0VN9\0i

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

si2rl ~GT{8]07. 使用 ImageMap 时,不要让关键区域太近或重叠,不要让你的访客猜测关键区域, 如果图片示意不够清楚可加些文字说明,按键的作用只是用以打开另一文件,只要能做到清楚及显眼便足够。创意公社- ideaerHp-y Go,`:Q [5K

!j3fs3jx#[o08. 编辑完 ImageMap 后不要更动原来图片档案,否则它的关键区域会因相对座标值的更变而失准。创意公社- ideaerd:D'v:Crg L&{

创意公社- ideaer(SaU1FK{

9. 在表单中使用 Action=mailto 时,要提醒使用者不要期待立即的回应,否则你的访问者便「痴痴地等」或多按几次“Submit”,最好还是使用 CGI 吧。创意公社- ideaer3i1b}!K2^:g

创意公社- ideaerXg;n o Gc[

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

D;K'n7{E;]6nu8C F7W0 创意公社- ideaerP$z.l7pB^d'uvY

11. 使用 <;PRE>; 标记时,其内的文字不要太长,因为浏览者可能使用低解像的作业环境,但该文字却不会换行以适应浏览器视窗。创意公社- ideaert-X7v].w\l

创意公社- ideaer@;} O X"B/g

12. 不要在说明标记 <;!-- 说明 -->; 中加入其它标记或连结,因为有小数浏览会把它解读出来。适当运用说明标记,对较大型的网页是很重要的。创意公社- ideaer.C8t]a,MGT

创意公社- ideaer5W AA$Q4va(M

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

创意公社- ideaer WV7G$ed#b-U2wT!O

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

创意公社- ideaerz V~\ N7J YvPC

15. 登录网页于 META Search Engine 时,先以 <;META>; 标记于 <;HEAD>; 位置加上介绍及关键字,这些资料会为搜索引擎所记录,亦是搜索者所看到的结果。创意公社- ideaer*q_ rG6y

0\u7QOnq"_u2rY016. 避免标记交错使用,如:

pm6c3i`j!}8c J0 创意公社- ideaeri TKq3b+c

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

'pmBz7C,tB0 创意公社- ideaeri.Pi p,^n};xy

错: <;B>;<;I>;HKIWC<;/B>;<;/I>;创意公社- ideaer$C&|f Q3@

创意公社- ideaer'y:P:}.r{ m}lU

并不是所有浏览器都如 IE 一样,善于处理交错及欠缺标记。创意公社- ideaerk![|.k%?-IL8R

)m"~*k2hP0^xQ017. 制作表单时必须分别以 NC 及 IE 作测试。对 NC 而言,表单各元件如文字框、卷动选单等的高度及其内的文字皆受 <;FONT>; 一类的字形标记所影响,尤其是 Character Set,若设为 GB 2312 的话更要注意 NC 及 IE 对各表单元件的大小有不同的显示效果。

-EA7M&P;u7DO!P0
顶:27
上一篇 下一篇
发表评论
换一张

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

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