|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14191
- 金币
- 2386
- 威望
- 1647
- 贡献
- 1334
|
程序编制3 J/ d* e, N9 ~, d( o$ ]
随着WEB的发展，与浏览者的交互越来越受到网站制作者的重视。现在的主页跟最初的静态主页相比，界面更加友好，功能更加丰富。这些技术需要一些编程语言来完成，如javascript、VBSCRIPT、CGI、ASP等等。要想使自己的网站在因特网的浩瀚海洋里脱颖而出，就必须掌握这些编程语言。
" Y5 r0 [1 V! }% n 经验+ T7 r) P% _! m: Z) h% y4 R. n5 i
经验不是一门技术，却是你制胜的法宝。网站制作中的很多问题，如网站结构、版面安排、中文处理等，都需要你的经验。网上有很多设计优秀的网站，要多学习、借鉴，自己多动手、多尝试，相信你也可以做出引人注目的漂亮网站。
e8 a- s7 W1 z5 z 页面基本元素
' }6 \1 u! ?2 V$ G HTML的样子
& p- F6 b1 ~$ X: k( {2 | HTML语言是由一系列标记组成的，每个标记有它特定的含义。标记用<>标示，以便和页面的内容区分开来。大多数标记成对出现，后面的标记加上一个“/”，表示结束。就像这样：" U3 g5 w; U) Y( X
这是黑体。
1 f4 O1 k$ Z( y( q 这句话的显示结果是：% N. F$ v# ?. J6 s* U) I
这是黑体。
& W0 i; U% f/ X1 z$ x! f* i 表示黑体开始，表示黑体结束，标记在浏览器里不显示。如果你用过WPS中文处理系统，就会发现HTML的标记和WPS的控制符有点类似。把HTML的各种标记弄清楚，你就是主页制作大师了。简单吗？不一定，我们还是开始学习吧。
& g f& C2 `9 u: L7 t9 P4 |6 W 我的第一页 ! }+ d( a) i' W' G! a: g* V
我们首先来看一个最基本的主页的HTML代码：
" s( Y1 V% ~2 t. a: @ C0 Q9 l
0 F% f, {) v( A) x--------------------------------------------------------------------------------
- L5 X# t% b! T- \4 L/ Ifirst.html
% } k6 O% A1 N这里是页的内容。. z$ w) v& E/ c, Q
- }1 i$ ^" ~" l. A8 f--------------------------------------------------------------------------------
% ^2 |7 ?% V( q 在“记事本”里输入上面的内容，保存文件，注意把“保存类型”改成所有文件（*.*），输入文件名“first.html”。使用浏览器查看一下结果。8 W0 N. g% ?0 [: ?
图1-1
) ~, Y6 R1 j4 ^7 [# g o9 m( x 从浏览器的“查看”-“源代码”菜单项里，我们可以看到我们刚才输入的源代码。
& X f9 f9 J" P) Q4 V 对比源代码和显示结果，我们发现，一个基本的HTML页有以下几部分构成： [, S# ]6 P. _ l% L
3 o! U) K& Q/ }' [2 Z5 r2 }; ]
说明本页面使用HTML语言编写，使浏览器软件能够准确无误地解释、显示。2 B5 s7 E- g! U8 C* j3 b4 u
0 I9 R4 M q" j: [+ l+ n HTML页头，包含页面的一些设置信息。- C. v) {# w2 [& ~* G8 `
/ X5 a) E: F K3 P7 T9 f
TITLE是HEAD中的重要组成部分，它包含的内容显示在浏览器的窗口标题栏中。如果没有TITLE，浏览器标题栏显示本页的文件名。网上有很多人忽略了TITLE的设置，你可以经常看到UNTITLED或HOME PAGE等这样的默认标题。由于Internet Explorer的收藏夹和Netscape Navigator的书签都是用TITLE作为存储地址文件的标示，所以为你的主页起一个恰当的TITLE是很有必要的。3 y' X$ q9 \% ?& [0 w2 @
$ t* b3 G. k0 S. {# @# j/ \ BODY包含HTML页面的实际内容，显示在浏览器窗口的客户区中。. E5 }; o. t, \, T/ q; Z+ v! o1 {
页头
% I5 X8 F& [, o( j) e. V) q4 J 除了TITLE标记外，HEAD里还有其他的几个标记。这些标记虽然不常用，但是需要有一定的了解。; v& Q% k* {4 ?/ Q
META" S. W+ d8 ]& |4 \" f
META标记用于描述不包含在标准HTML里的一些文档信息。激烈的竞争使浏览器厂商纷纷利用META开发出许多实用的功能，又使这些功能在常用的浏览器中都有效。下面介绍几个很有用的用法：
! r% G: n; k" p% f; b+ [) ^/ a% F8 F& v
) x" T, K5 d& P1 U! y' |
本页的关键字和描述。在页面里加上这些定义后，一些搜索引擎就能够让读者根据这些关键字查找到你的主页，了解你的主页内容。' Q$ N, C; k' N# t' S2 C8 n. j4 B
/ x6 U' a$ @- g7 U! h2 a( w; z 浏览器将在60秒后，自动转到new.htm。你可以利用这个功能，制作一个封面，在若干时间后，自动带读者来到你的目录页。
) U2 O$ w( h6 }8 F) X( l# n 如果URL项没有，浏览器就是刷新本页。这就实现了WWW聊天室定期刷新的特性。/ r/ B j$ x& T9 V! [+ f: O
4 Y% f3 ~ O% z% U, y9 ] 描述本页使用的语言。浏览器根据此项，就可以选择正确的语言编码，而不需要读者自己在浏览器里选择。GB2312是指简体中文，而台湾BIG5内码的主页则是用BIG5。$ `/ X4 p9 F' ?
+ O! k4 i% C x, | _2 P; }
强制性调用网上的最新版本。浏览器为了节约时间，在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时，直接显示硬盘上的文件，而不是网上的。如果你想让读者每次都看到最新的版本，就加上这句话。) y4 d; `* `8 x7 J5 G" j$ P$ b% j
LINK* @+ V* p0 F" a9 W
显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下：0 S1 i% V& i$ n' V* r( }
6 @' X. u K& W2 g
REL参数说明两个文档之间的关系，HREF说明目标文档名。关于层叠样式表，将在后面的课程中详述。
5 M# r2 r8 {8 g8 MBASE' e% x) ?1 X7 c; h) W& a9 W4 \$ q
本文档的原始地址。语法是：
1 O6 U, A- c( G5 V , e# @5 n$ p+ {! \
这样，读者下载你的文档之后，也可以知道是从哪里下载的。' z2 ]( E3 @; h }
BODY0 ~8 w' r/ N1 r4 ?9 O6 w, ]; B
BODY标记有一些属性，用于定义页面内的显示效果。4 m& Z- J2 V! F! ^8 d% V
ALINK、LINK、TEXT、VLINK—— 文字的颜色。
; T% {$ p# O7 P$ `, I ALINK：当前激活的连接的文字颜色。
5 \# A9 L! r/ g9 j LINK：连接的文字颜色。
# h0 f# y7 q8 ]2 z- _ TEXT：文字的颜色。
5 Z! N B; n* h+ x VLINK：参观过的文字颜色。) i* o& C6 W) N# `
注意：文字的颜色要和背景色有明显的差别，以便读者浏览。. h" R. r* U7 ?( Z
BACKGROUND、BGPROPERTIES、BGCOLOR——页面的背景部分。
4 M0 {. v) G" m8 G, D* a) k$ e BACKGROUND：背景图案，该图案在页面内平铺。背景图案应保持单一色调，以保证页面文字易于阅读。; z% v- u' B, y* n
BGPROPERTIES：设置成FIXED，则背景图案不滚动。（只对INTERNET EXPLORER有效）% ?- g5 r/ f7 Y. j% M
BGCOLOR：背景色。9 ?1 v9 p& \9 @ u; H; [: u
注意：如果你的背景图案是深色调，因之文字颜色为淡颜色，那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”，那么在背景图案没有显示的情况下，你的文字在白颜色下很难阅读，所以应该选用一个跟你的背景图案颜色一致的背景色。
( i( Q. j O/ {3 I% S% f LEFTMARGIN、TOPMARGIN——页边空白。（只对INTERNET EXPLORER有效）( F' M: l/ D/ v' D P5 l3 I$ @
LEFTMARGIN：左边页边空白。. S1 w% V& z/ V$ \* B! ?
TOPMARGIN：顶端页边空白。
9 F% F$ J% v {0 L+ X HTML的基本元素就是这些，怎么样，不太难吧。下一课我们就开始制作完整的HTML文件。好了，下课！如果你有什么地方不明白，就来我“办公室”问吧。 |
|
发表于 2008-1-19 23:22
| 