在创建好远程站点之后,访问者可能使用不同的浏览器浏览,这就产生了浏览器兼容性问题。为使多数访问者都能正确访问我们的站点,必须解决站点的浏览器兼容性问题。 ! x. \$ a( [: l, X) c T6 U
/ _( ^8 w. n6 _
目前在使用的浏览器不下二十种,其中大多数浏览器又不止一个版本。即使是最流行的 Netscape Navigator 和 Microsoft Internet Explorer,也有不同的版本,而且并非每个人使用的都是最新版本。因此,要兼容所有的浏览器是不可能的。我们可以选择一到二个浏览器作为目标浏览器, 并针对选定的浏览器设计网站,但也要用其它浏览器预览自己的站点,及时发现不兼容的问题,尽量减少不兼容的内容。
* @, Z6 b6 h: f( _' t5 r" g7 p Dreamweaver允许我们设置不同的浏览器,用以预览我们设计的网页。设置步骤如下:1 选择Edit>Preferences(编辑>参数设置)。 4 v8 f& Z! p3 M U" m
8 ] `+ Q7 N6 ]% d/ A2 在弹出的对话框的Category(类型)列表中选择Preview in Browser(在浏览器中预览)。1 ^1 ]! d1 n: e; ]5 q
, ]3 j% b9 G2 }! H7 n' K
/ I2 G# O( T6 Q# [8 i) M/ g2 x+ b$ {
1 c7 E; ]' z: ?& O7 ^2 L
3 单击加号(+)按钮,在弹出的Add Browser(添加浏览器)对话框中输入浏览器名和路径,在Defaults(默认)栏中选择Primary Browser(主浏览器)或Secondary Browser(辅助浏览器),单击OK按钮
7 K5 o5 T9 M1 h
8 G+ r4 v, w" O. @2 {6 B1 m; L0 x" F, K1 y' ?, S8 a- p
3 v) I! d) q5 w4 C4 |6 q- r+ z
: x* }. z, `; t4 B& \4 重复上步操作,添加其它浏览器。
2 i9 F7 ?% Y! R$ X; A7 y* k- z5 单击OK完成设置。 按上述步骤设置好后,在设计网页的过程中,就可以选择File>Preview in Browser,然后在浏览器列表中选择一种浏览器预览,及时发现和解决浏览器不兼容问题。
( m6 j' i( ]! s7 p$ l3 C5 z4 J( s. L; U9 K9 j
在网页布局、动画、多媒体和交互性方面越复杂,实现跨浏览器兼容的难度越大。因此,需要在最佳效果和最大兼容性之间寻求平衡。一般的做法是:对于某些比较重要的页面(如站点主页)提供多种版本。例如,可以同时设计一个包含框架的版本和一个不包含框架的版本;或者,同时设计一个含Flash动画和不含Flash动画的版本。 然后根据访问者使用的浏览器的能力,自动地转到不同的页面,从而较好地解决浏览器不兼容的问题,吸引更多访问者浏览你的站点。
/ N# d" e v0 k# x$ Q Dreamweaver 3基础教程到这里就结束了。如果本教程对网友们的网页设计和站点建设有所帮助,笔者的目的就算达到了。谢谢朋友们对本教程的关注和对笔者的鼓励 |