|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14389
- 金币
- 2480
- 威望
- 1647
- 贡献
- 1428
|
程序编制& }; T9 L) r1 B1 P( |! e
随着WEB的发展，与浏览者的交互越来越受到网站制作者的重视。现在的主页跟最初的静态主页相比，界面更加友好，功能更加丰富。这些技术需要一些编程语言来完成，如javascript、VBSCRIPT、CGI、ASP等等。要想使自己的网站在因特网的浩瀚海洋里脱颖而出，就必须掌握这些编程语言。
, b% G, Z; U/ u/ o1 a 经验
5 k9 k% W$ }5 i. D" ?, Q- s; ]4 t 经验不是一门技术，却是你制胜的法宝。网站制作中的很多问题，如网站结构、版面安排、中文处理等，都需要你的经验。网上有很多设计优秀的网站，要多学习、借鉴，自己多动手、多尝试，相信你也可以做出引人注目的漂亮网站。
/ l) e4 H: X, z6 F 页面基本元素
1 x! w( u Y$ T: ? HTML的样子
# T: }6 ~: K1 r2 ~; V HTML语言是由一系列标记组成的，每个标记有它特定的含义。标记用<>标示，以便和页面的内容区分开来。大多数标记成对出现，后面的标记加上一个“/”，表示结束。就像这样：
; j0 o# F. O9 y! ] 这是黑体。8 n- D. w0 I6 B: u3 z4 P% R
这句话的显示结果是：
) E+ T! t% w/ v% b( S) d+ P, O 这是黑体。
$ }6 ^& f3 b# R' J) }( i" z) n 表示黑体开始，表示黑体结束，标记在浏览器里不显示。如果你用过WPS中文处理系统，就会发现HTML的标记和WPS的控制符有点类似。把HTML的各种标记弄清楚，你就是主页制作大师了。简单吗？不一定，我们还是开始学习吧。
5 J. W9 Y; [3 B: k# L, ^$ F* x( v% n 我的第一页 - {0 e% M1 O% V. y/ j y& i+ n
我们首先来看一个最基本的主页的HTML代码：' E5 h/ Z9 A% H4 }; U& P( g4 f
6 ^8 ^& a# ^: M# ?0 W; n. I--------------------------------------------------------------------------------; e! i; ? g r
first.html
m3 F* \$ ?7 C1 r( W这里是页的内容。
5 D8 {& i& ~. h% B- j, V
: L, L: y+ x' S s2 }--------------------------------------------------------------------------------
( O Y( m4 X9 Q2 G' c# v" t 在“记事本”里输入上面的内容，保存文件，注意把“保存类型”改成所有文件（*.*），输入文件名“first.html”。使用浏览器查看一下结果。
2 M: F; F" T1 k图1-17 J6 V' W: s' K1 B {. S J5 v
从浏览器的“查看”-“源代码”菜单项里，我们可以看到我们刚才输入的源代码。
3 i/ t' w; D" `; u. f( k" q 对比源代码和显示结果，我们发现，一个基本的HTML页有以下几部分构成：6 a5 K$ E$ o0 N
$ X* S1 y j7 g/ U4 n
说明本页面使用HTML语言编写，使浏览器软件能够准确无误地解释、显示。9 N5 D+ _; L; H- X! b
- i' B$ v) K1 M% c4 S8 c& C: v+ k
HTML页头，包含页面的一些设置信息。
0 `: `% k5 c" i C5 J4 y; `% Q' q% W, }6 P
TITLE是HEAD中的重要组成部分，它包含的内容显示在浏览器的窗口标题栏中。如果没有TITLE，浏览器标题栏显示本页的文件名。网上有很多人忽略了TITLE的设置，你可以经常看到UNTITLED或HOME PAGE等这样的默认标题。由于Internet Explorer的收藏夹和Netscape Navigator的书签都是用TITLE作为存储地址文件的标示，所以为你的主页起一个恰当的TITLE是很有必要的。' _1 ^, n* O. T( I, @8 i
7 t4 t4 \+ J# U. H1 s BODY包含HTML页面的实际内容，显示在浏览器窗口的客户区中。
, r t6 |3 C4 z6 C- y1 J& y 页头" q& q: |8 M4 Q( M) L
除了TITLE标记外，HEAD里还有其他的几个标记。这些标记虽然不常用，但是需要有一定的了解。
; {$ @: |' u$ r5 l4 TMETA
* X- _. j4 ~* `# _ META标记用于描述不包含在标准HTML里的一些文档信息。激烈的竞争使浏览器厂商纷纷利用META开发出许多实用的功能，又使这些功能在常用的浏览器中都有效。下面介绍几个很有用的用法：
% I6 ~3 |5 E- [( X G( @: w+ y5 l
0 d' l/ a: m& r$ s
4 q; E$ G# L7 n8 L5 f6 Y6 K 本页的关键字和描述。在页面里加上这些定义后，一些搜索引擎就能够让读者根据这些关键字查找到你的主页，了解你的主页内容。2 j7 b/ p: n7 ^8 Y# f4 F
/ R! t" B0 h% e! w0 w# w; }
浏览器将在60秒后，自动转到new.htm。你可以利用这个功能，制作一个封面，在若干时间后，自动带读者来到你的目录页。8 V% z9 }( s* Z& f$ S0 l
如果URL项没有，浏览器就是刷新本页。这就实现了WWW聊天室定期刷新的特性。7 i0 X6 N4 Y* A
* S' z! d1 N5 J. S! p& \' V: A/ W6 W ]
描述本页使用的语言。浏览器根据此项，就可以选择正确的语言编码，而不需要读者自己在浏览器里选择。GB2312是指简体中文，而台湾BIG5内码的主页则是用BIG5。# x1 F- j# G: D5 m: s& Q) }6 S/ y5 {
' u: X+ j) T! ]# s( x+ u 强制性调用网上的最新版本。浏览器为了节约时间，在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时，直接显示硬盘上的文件，而不是网上的。如果你想让读者每次都看到最新的版本，就加上这句话。
- f/ J6 C( w; Y# NLINK
1 J# W5 L* o+ _: d( }' V2 f# x 显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下：/ ` X" f4 E) B, g
& U) g9 w! c* a$ x* e4 I REL参数说明两个文档之间的关系，HREF说明目标文档名。关于层叠样式表，将在后面的课程中详述。
" |& f* I- S5 BBASE
* P2 d$ _+ z0 e7 Q% ?# k# N 本文档的原始地址。语法是：$ a& |9 C6 P3 y7 C* c: l& ~
) ^* I. C& ]9 ?
这样，读者下载你的文档之后，也可以知道是从哪里下载的。
: c# _6 _# X5 |2 k6 E1 a; s: YBODY
9 [- M5 K6 q( w; F BODY标记有一些属性，用于定义页面内的显示效果。
u4 ]& x& ^' t! \ ALINK、LINK、TEXT、VLINK—— 文字的颜色。4 B- T5 `: X& Y3 w+ q7 I6 a- p
ALINK：当前激活的连接的文字颜色。) B' k, x5 O- s4 n
LINK：连接的文字颜色。. P' e, N+ {; u) p2 A: Y* U
TEXT：文字的颜色。$ E* w. Z, {! z. E; t4 e
VLINK：参观过的文字颜色。' I& \$ l' k, D h% x
注意：文字的颜色要和背景色有明显的差别，以便读者浏览。
+ J4 k! k, i! a: p9 s7 a/ A" ` BACKGROUND、BGPROPERTIES、BGCOLOR——页面的背景部分。
- e+ b2 q7 _; V) n2 ~ BACKGROUND：背景图案，该图案在页面内平铺。背景图案应保持单一色调，以保证页面文字易于阅读。
1 a" Q6 s* K1 i; m/ h BGPROPERTIES：设置成FIXED，则背景图案不滚动。（只对INTERNET EXPLORER有效）
}- Q v0 i5 a- j4 ~ BGCOLOR：背景色。+ l+ i3 E: `* L: j% `. ~
注意：如果你的背景图案是深色调，因之文字颜色为淡颜色，那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”，那么在背景图案没有显示的情况下，你的文字在白颜色下很难阅读，所以应该选用一个跟你的背景图案颜色一致的背景色。
, S2 Q3 ~8 }; g, P LEFTMARGIN、TOPMARGIN——页边空白。（只对INTERNET EXPLORER有效）0 ]2 M: Q8 [+ D) ?! m {
LEFTMARGIN：左边页边空白。
% c- W7 L) p; I* ]) u6 R U TOPMARGIN：顶端页边空白。+ T! s" ~/ p. q% z7 Y
HTML的基本元素就是这些，怎么样，不太难吧。下一课我们就开始制作完整的HTML文件。好了，下课！如果你有什么地方不明白，就来我“办公室”问吧。 |
|
发表于 2008-1-19 23:22
| 