网页制作小资料
网页制作小资料
# j3 i/ N( i6 F; ^! Y) G9 I- \; s- p. U
0 m3 h2 R$ i5 ?% h7 F1、如果不希望页面上的东东在一些浏览器中显示时连你都不知道会被放在哪里的话，用表格来定位所有的文字和图形就显得非常必要了。在用空格来校准位置时要千万小心，因为在 Netscape Gold 和 Opera 等浏览器中半角的空格(在打开汉字输入法的情况下)会被显示成怪字符,应关闭汉字输入法输入空格或输入全角空格来定位。
4 @" E4 s8 q: A' K& p 2、还有一些版本的浏览器不显示表格背景图形，只显示缺省背景颜色，甚至有的访问者关闭图形选项访问（不会吧？！），为了满足这一部分来访者最好同时设定表格背景图片和颜色，更何况并不是所有的浏览器都默认白底黑字呦。& [4 ?9 e" h3 _( ^! ~) E
$ r( j% e' G3 j% C* g 3、标识所有文档的字体和字号。具体结构组件的显示结果完全取决于浏览器，如果采用默认值会出现不同的显示结果。值得一提的是，尽量不要定义一些大多数用户所没有装载的特效字体，在你本机上运行也许没什么问题，但在别人看来就远不是那么回事了。需要的话可以制作成图片以求高度保真。
+ u2 [' L$ J; I3 ^" H' n
# t0 h H& S* n 4、定义颜色时要小心。我们管不了浏览者对其个人计算机的设置，你精心设计的背景颜色可能因产生雀斑一样的疵点而大杀风景。因为如果你的访问者的调色板中没有设置你自定义的某种颜色，那么访问者的浏览器会使用一种叫“高频振动”的技术来显示这种颜色，但由于不能显示正确的透明度和清晰度，最后所得效果将严重失真。所以在背景和大块颜色处选择适合W eb页面的安全色还是相当必要的。以下是推荐的RGB安全值（颜色代码），只要从表中每列中任意选择一组16进制数即可构成6位RGB值（见文末表一)。事实上，在256色设置的浏览方式中，仅有此216种RGB值是绝对安全的，例如: CC66FF。另:HTML中设置背景颜色的语句是<body bgcolor="#CC66FF">( x5 I) B' F) q9 f% c" h
" i$ ?% P4 l( X k8 C 5、不要轻易使用 FrontPage98 提供的动态插件。她所提供的这些东东因多半基于ActiveX，而不能在 Netscape 中正常显示。对于 FrontPage98 提供的动态效果，我们大多可以通过一些“低端”的 JavaScript 来实现（IE3.0已开始支持JavaScript），这一类效果的 JavaScript 代码很容易找到，而且有较快的实现速度。. a: v) u" p/ m, g
$ q( @6 J7 ^$ h
6、重要的提示性语句最好不要放置在 Java 滚动屏中。Netscape Gold 和 Opera 等浏览器对Java 的中文支持不尽如人意，会出现乱码现象，而且在同一页面上应尽少使用 JavaApplet，否则会严重影响访问速度。
& ~2 ~; I" L; u6 K
; m& a( }6 `* U$ l* p 7、虽然将你的文件名保存为.htm或.html在浏览上效果相同，但如果访问者使用早期的 WIN3.x操作系统保存你的.html文档，由于其不支持4字母的扩展名，他可能无法顺利在本机打开，所以请尽量保存为.htm形式。
, O+ E. Y- U @) I* m% B
3 a3 C' b" P. W m. f$ Y 8、使用带框架的分帧页面是最流行（或者说是最老土）的表现方式，而且在某些方面无疑是最有效的。但如果设置不当，FrontPage98 在这方面有点认死理，不但固执地把你的一些她看起来不顺眼的代码强行篡改，而且即使在单帧页面上，由于 IE 和 Netscape 对一些基本的功能有不同的语法支持，她就只顺从IE，而使你的烘培鸡在 Netscape 中显得有些先天不足，只有由我们亲自动手来改动一些代码来改善这种情况了。改动代码最好在记事本等无格式控制符的文本编辑器中进行，而且改动后的页面文件最好不要拿到 FrontPage98 中再次做保存操作，否则她偷偷给你改回来，可别说我事先没告诉过你。清楚地认识框架设置方面的HTML标准，直接修改代码来实现某种功能，对于主页制作者来说可取得事半功倍的效果（这里可千万别偷懒）。
% P3 z Q) W5 f2 x& A3 x, Y" i! Y& g
首先写一个例子给大家<frameset frameborder="0" border="0" SCROLLING="NO" noresize cols="165,10%，2*，*">$ o, ^) z9 L, ^
8 v! l4 e) {7 m7 _2 J8 @
你会在你的烘培鸡中发现类似的语句（以下均假设你已经使用FrontPage98制作出了大致的模样），可以根据需要做适当的调整。5 K5 L8 W# D6 K- _
) C+ P$ Q% W, n7 b: Q0 k& H frameborder="n" border="n" :均为设置或删除帧边框，n=1设置边框，n=0则删除边框。其中frameborder是HTML4标准和IE用法，border是Netscape用法。要实现统一的效果就只好都设置了。# `8 R! a5 I; N
/ e. K5 A, \0 P# J
滚动条的出现会让“唯美主义者”大动肝火。如果不想让它在某帧出现可以加入SCROLLING="NO"来隐藏（YES是要求出现，AUTO是根据需要出现），做得极端一些，你甚至可以将SCROLLING="NO"加在框架页的& lt;frameset>中，一举消灭所有的滚动条——只要你不怕访问者使用低分辨率浏览时只看到半个页面；noresize:禁止访问者用鼠标拖动移动帧边框；cols="165,10%，2*，*"依次设定各帧宽度。165是像素数，1 0%是占窗口的10%，"2*，*"是将窗口剩余部分按2:1分配。
3 ]! {0 n8 {' y, b7 a% ]% j2 x* C# D B7 i7 o4 _4 e# Q: Y
HTML4标准中，各属性设置项次序可以任意打乱，但必须置于被描述对象的前端，至于字母大小写倒是无所谓，只是记住不要随便加入空格就行（同样适用于其它对象的描述）。
$ q4 d5 z/ I% z% a: `9 n8 F$ L! b
! Z3 e C+ q) [/ Y2 f9 |# G- O 9、分二帧的情况下，FrontPage98有时非要让你左面选择右面显示，如想要标新立异，使右页面选择，左页面显示，可以做如下调整：
9 ^4 S* b+ C6 y( V' E6 o/ K4 \( W% a ?/ j
! S! p( y/ ^) @- ~ y; x" {! T 我们假设左帧名:left.htm 右帧名right.htm在你的框架页HTML中应会包含类似 <frame name=“contents” target=“main” src=“left.htm”> n* L" }1 _9 N
<frame name=“main” src=“right.htm”>的语句。只须在right.htm中加入<base target=“contents”> 并删除left.htm中类似的语句就一切OK了！7 l" o! Q* |1 E* ~* |* D9 s( j
+ @8 ]( f3 ?% c% j! D) f
10、在框架页设置中（事实上如果你将表格的外框看作框架，而将单元格看作帧页的话，就会发现，设置表格和设置框架页属性方面是彼此相通的），各帧页宽、高的属性非常重要。我们这里以左右各一帧的框架页中各帧页宽度设置为例来说明（高度设置方面与宽度设置相同）: 8 R# d1 z ?0 Q* A# T
a：左右帧页要求一定的比例（假设要求3:2）。应设置左帧为60%，右帧40%，这样可以保证在任意分辨率下都保持预定比例。但需注意若不是想达到特别效果，应保证左帧比例+右帧比例=100%( ]* M g) S1 W9 G& e
b：有一个帧页有严格宽度限制（假设左帧要求150个像素）。应设置左帧为150，右帧为*（即设定右帧占满剩余窗口），这样右帧作为宽度可伸缩帧页，可自动随着窗口大小的变化而变化，有效适应不同分辨率。实际应用中，大多数情况下都会要求某部分一定要放置在窗口的固定位置，设置一个可变化部分尤其重要。表格中如已设定表格宽度为n n%的话，对于其中的一列要求不太严格的单元格（注意是一整列或一整行，单元格的宽度有可能相互影响）不设定其宽度，也可以起到相同的作用。
m; M& R* b/ `* w* z c：超过100%宽度的设置并非完全没有用。如果设置为110%而同时设定不出现滚动条，你可以达到隐藏一部分帧页的目的。* {/ l! x! s& c3 _1 l
/ b& p! I+ W! G7 Q2 A5 {9 | W$ e 11、有时要求利用一个超链来同时打开两个帧页。我们先假设要通过超链1来同时载入帧页first.htm和next.htm到不同的帧页窗口，其中将next.htm在窗口banner处打开（窗口名称可以在框架页中类似
" X' U8 Z# E# s& H& V8 ?* f+ Z8 p4 C9 e; X2 I2 y
<frame name="banner" target="main" src="left.htm">的语句中找到）。需要在first.htm中加入onload指令:" X. J* Q5 v5 L: T+ _
<body ></body>
h. a* \5 I& b5 i, b: D; X9 m- C 具体加入形式:
( \) U) E$ M/ H. j <html>
; q% P; j0 P% `5 q" q3 D6 P1 ? <body >9 d3 @# o1 f- ]; V
此处是该文件原有的其他内容
/ T7 i) `5 b2 z5 J </body>; j! B# M. K- \0 L
</html>
