|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14443
- 金币
- 2507
- 威望
- 1647
- 贡献
- 1455
|
程序编制
; v5 O- ^9 P8 D. y1 T# @' b7 e3 g5 ] 随着WEB的发展，与浏览者的交互越来越受到网站制作者的重视。现在的主页跟最初的静态主页相比，界面更加友好，功能更加丰富。这些技术需要一些编程语言来完成，如javascript、VBSCRIPT、CGI、ASP等等。要想使自己的网站在因特网的浩瀚海洋里脱颖而出，就必须掌握这些编程语言。
6 w7 [5 T8 z2 t, x 经验
% b; H7 n% ^+ H+ a+ F! C 经验不是一门技术，却是你制胜的法宝。网站制作中的很多问题，如网站结构、版面安排、中文处理等，都需要你的经验。网上有很多设计优秀的网站，要多学习、借鉴，自己多动手、多尝试，相信你也可以做出引人注目的漂亮网站。 t. L% b* ?9 |# J# {
页面基本元素
! N, }; v9 q( a, ] y3 ^ HTML的样子
5 Z, W3 B [; d6 C( z# j% c0 j HTML语言是由一系列标记组成的，每个标记有它特定的含义。标记用<>标示，以便和页面的内容区分开来。大多数标记成对出现，后面的标记加上一个“/”，表示结束。就像这样：
9 D4 I' U% o5 \& M 这是黑体。9 j4 z6 Q$ i* V- y
这句话的显示结果是：
+ t8 K7 @0 @8 @# j$ V7 Q 这是黑体。 ~3 Y1 T: `3 ^5 v
表示黑体开始，表示黑体结束，标记在浏览器里不显示。如果你用过WPS中文处理系统，就会发现HTML的标记和WPS的控制符有点类似。把HTML的各种标记弄清楚，你就是主页制作大师了。简单吗？不一定，我们还是开始学习吧。
5 M* @0 A. t6 {. S6 z 我的第一页
% a4 ]; L! G% w2 d% D2 Q+ Y我们首先来看一个最基本的主页的HTML代码：6 ^* g0 A/ B% ^, S' d
3 ~2 a3 j$ }9 f
--------------------------------------------------------------------------------5 X- W0 B4 R. S# x* f$ B
first.html, |. @# Q* u. {; @ q
这里是页的内容。
1 [1 q2 h h# R- W c6 O. D* n' e0 u6 N
--------------------------------------------------------------------------------* q% a' n+ ^1 |! } P2 V! e
在“记事本”里输入上面的内容，保存文件，注意把“保存类型”改成所有文件（*.*），输入文件名“first.html”。使用浏览器查看一下结果。3 p' i& A) e7 X
图1-1' N/ C. Y% E# o$ D8 ?0 e p
从浏览器的“查看”-“源代码”菜单项里，我们可以看到我们刚才输入的源代码。
. y9 ~! `* z* V! B) F3 ~ 对比源代码和显示结果，我们发现，一个基本的HTML页有以下几部分构成：! l* j& P" \8 i6 _; O
) }$ t5 u j4 k4 h% m 说明本页面使用HTML语言编写，使浏览器软件能够准确无误地解释、显示。7 X9 R! R1 y% c5 w3 B2 P7 e
8 C! @% ]7 n: b8 t6 B$ v4 j HTML页头，包含页面的一些设置信息。4 q9 i1 B) f* A/ x. l
+ g$ W$ }0 Q- ~6 @" Y TITLE是HEAD中的重要组成部分，它包含的内容显示在浏览器的窗口标题栏中。如果没有TITLE，浏览器标题栏显示本页的文件名。网上有很多人忽略了TITLE的设置，你可以经常看到UNTITLED或HOME PAGE等这样的默认标题。由于Internet Explorer的收藏夹和Netscape Navigator的书签都是用TITLE作为存储地址文件的标示，所以为你的主页起一个恰当的TITLE是很有必要的。! z: e2 Q* y* x( _$ C" l4 b, E
. N- `+ E/ t' [ BODY包含HTML页面的实际内容，显示在浏览器窗口的客户区中。: }. F2 }. f0 R( v, ]( J6 J
页头
- T2 N- T/ a' C& B$ H 除了TITLE标记外，HEAD里还有其他的几个标记。这些标记虽然不常用，但是需要有一定的了解。7 e6 o" \! V4 h# m! I( d. ^
META
, `- C4 k1 m7 v3 C" K2 H6 @ META标记用于描述不包含在标准HTML里的一些文档信息。激烈的竞争使浏览器厂商纷纷利用META开发出许多实用的功能，又使这些功能在常用的浏览器中都有效。下面介绍几个很有用的用法：
7 {( R3 p6 V9 g7 u) C J
* {: u( x+ A8 H- z% }/ b2 Z/ H' l, N& p) I7 D
本页的关键字和描述。在页面里加上这些定义后，一些搜索引擎就能够让读者根据这些关键字查找到你的主页，了解你的主页内容。) k9 b9 B2 D; b5 W4 G0 h
2 J q% }, T/ X0 J 浏览器将在60秒后，自动转到new.htm。你可以利用这个功能，制作一个封面，在若干时间后，自动带读者来到你的目录页。
- z) }4 x9 B$ q 如果URL项没有，浏览器就是刷新本页。这就实现了WWW聊天室定期刷新的特性。
+ n; N2 {( J3 N2 M9 X8 d% ?
: }; R& K; s$ D8 g9 ] 描述本页使用的语言。浏览器根据此项，就可以选择正确的语言编码，而不需要读者自己在浏览器里选择。GB2312是指简体中文，而台湾BIG5内码的主页则是用BIG5。
% S. Y) a# O O
9 `/ q, ^* o7 D2 H' h9 G 强制性调用网上的最新版本。浏览器为了节约时间，在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时，直接显示硬盘上的文件，而不是网上的。如果你想让读者每次都看到最新的版本，就加上这句话。) S6 q9 t+ [$ ?5 t; m: r
LINK
4 K5 H8 z& H2 _( W* M 显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下：* P7 S! w [6 M: e* G$ n: v. z
- e/ a! p* S" C REL参数说明两个文档之间的关系，HREF说明目标文档名。关于层叠样式表，将在后面的课程中详述。) s( `+ @8 n- t2 t; Y
BASE
% E" M; }' F4 {' v2 i1 Y% x 本文档的原始地址。语法是：9 V1 d' M4 K G& w- l5 L! o/ H |+ P
& D d0 ~; U; |: m! _
这样，读者下载你的文档之后，也可以知道是从哪里下载的。
5 B* i" g1 z+ g5 V2 z: V* O! j8 kBODY6 H* F& G9 `7 Y+ A
BODY标记有一些属性，用于定义页面内的显示效果。
3 o- k2 }$ `& a! X8 _ ALINK、LINK、TEXT、VLINK—— 文字的颜色。* d9 M% U* P4 Y9 U3 K3 E
ALINK：当前激活的连接的文字颜色。& m3 K3 L5 ^6 ~& d$ y+ Y
LINK：连接的文字颜色。# R' X; _. O) j/ R1 y( B/ x C
TEXT：文字的颜色。
0 c/ B* \$ G3 \; C VLINK：参观过的文字颜色。, @8 ~; [0 R7 G5 U' _* r3 t7 a
注意：文字的颜色要和背景色有明显的差别，以便读者浏览。) f0 @6 t' g7 A/ P) U' J
BACKGROUND、BGPROPERTIES、BGCOLOR——页面的背景部分。
1 U6 m2 r( L& c; b/ P5 ] BACKGROUND：背景图案，该图案在页面内平铺。背景图案应保持单一色调，以保证页面文字易于阅读。7 P5 D+ B' {$ s; B3 P% E8 s% G9 P; u
BGPROPERTIES：设置成FIXED，则背景图案不滚动。（只对INTERNET EXPLORER有效）
! k9 I' T: c0 f BGCOLOR：背景色。
p& ]8 j% v" N8 O3 \5 \, D. B 注意：如果你的背景图案是深色调，因之文字颜色为淡颜色，那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”，那么在背景图案没有显示的情况下，你的文字在白颜色下很难阅读，所以应该选用一个跟你的背景图案颜色一致的背景色。
/ }3 ^9 f( z( ]( A+ f1 q LEFTMARGIN、TOPMARGIN——页边空白。（只对INTERNET EXPLORER有效）5 B' L4 e: v7 c! c. g* Y
LEFTMARGIN：左边页边空白。
D; F+ J! k2 u4 O; ?1 n. Y TOPMARGIN：顶端页边空白。
+ |% ?5 z- j4 q2 M) d+ ^ HTML的基本元素就是这些，怎么样，不太难吧。下一课我们就开始制作完整的HTML文件。好了，下课！如果你有什么地方不明白，就来我“办公室”问吧。 |
|
发表于 2008-1-19 23:22
| 