|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14221
- 金币
- 2401
- 威望
- 1647
- 贡献
- 1349
|
程序编制, x7 f8 B7 q2 E& `2 d: V
随着WEB的发展，与浏览者的交互越来越受到网站制作者的重视。现在的主页跟最初的静态主页相比，界面更加友好，功能更加丰富。这些技术需要一些编程语言来完成，如javascript、VBSCRIPT、CGI、ASP等等。要想使自己的网站在因特网的浩瀚海洋里脱颖而出，就必须掌握这些编程语言。
, S/ {# B# t; w/ i4 U4 P0 o1 _ 经验% q) V$ h3 c0 O9 q+ ~2 p
经验不是一门技术，却是你制胜的法宝。网站制作中的很多问题，如网站结构、版面安排、中文处理等，都需要你的经验。网上有很多设计优秀的网站，要多学习、借鉴，自己多动手、多尝试，相信你也可以做出引人注目的漂亮网站。
2 g; L# S' v. A) L, K 页面基本元素# f. _ V4 @4 A/ H: G
HTML的样子7 C6 U- O3 H3 ]- H; y
HTML语言是由一系列标记组成的，每个标记有它特定的含义。标记用<>标示，以便和页面的内容区分开来。大多数标记成对出现，后面的标记加上一个“/”，表示结束。就像这样：" C c. Y* G9 R; [
这是黑体。' N5 ]& f, l# J: N
这句话的显示结果是：, B# Z2 g+ R1 D' U; F, W* N4 z9 g
这是黑体。
" |6 p$ |& v+ e9 T% i; k% [0 E 表示黑体开始，表示黑体结束，标记在浏览器里不显示。如果你用过WPS中文处理系统，就会发现HTML的标记和WPS的控制符有点类似。把HTML的各种标记弄清楚，你就是主页制作大师了。简单吗？不一定，我们还是开始学习吧。: K: Q9 M/ l7 a# S
我的第一页
2 q% O8 }6 A- |% G% f# L4 a5 E( J我们首先来看一个最基本的主页的HTML代码：
9 d& b5 v5 v, C% V/ d8 c6 }7 b( H4 Y% [( I* @) z$ z6 _9 O; O
--------------------------------------------------------------------------------
. Y( C$ V0 P) U! ^first.html1 x, x' X: n9 T) T" {4 P5 Z
这里是页的内容。
- l q4 ^& x W3 o, H0 C! j: k* k) e6 C. q9 S
--------------------------------------------------------------------------------7 j( F X" \, L* R. q) i
在“记事本”里输入上面的内容，保存文件，注意把“保存类型”改成所有文件（*.*），输入文件名“first.html”。使用浏览器查看一下结果。' K" l7 d. R0 B3 Q" |& k1 r
图1-18 E H. m+ d8 X( M5 i) o( L
从浏览器的“查看”-“源代码”菜单项里，我们可以看到我们刚才输入的源代码。
0 \" t8 P! y4 s; ^" G# a 对比源代码和显示结果，我们发现，一个基本的HTML页有以下几部分构成：
5 P" j4 Z8 G& u: {. w3 g$ T/ W1 O1 B! X! P |9 W
说明本页面使用HTML语言编写，使浏览器软件能够准确无误地解释、显示。
2 U+ h: K6 E% y$ v4 H: L5 m( d) k# z4 g L0 H5 R- x$ K5 ?9 C
HTML页头，包含页面的一些设置信息。
, t5 \8 k0 ^& n8 F5 q- O) H2 c: @- \1 @0 f& Z2 X
TITLE是HEAD中的重要组成部分，它包含的内容显示在浏览器的窗口标题栏中。如果没有TITLE，浏览器标题栏显示本页的文件名。网上有很多人忽略了TITLE的设置，你可以经常看到UNTITLED或HOME PAGE等这样的默认标题。由于Internet Explorer的收藏夹和Netscape Navigator的书签都是用TITLE作为存储地址文件的标示，所以为你的主页起一个恰当的TITLE是很有必要的。 [: P5 X+ P$ g9 q, i+ ?- Q
/ J; X2 R6 s. i/ {9 A' l" n
BODY包含HTML页面的实际内容，显示在浏览器窗口的客户区中。
9 Q, Q) \2 o& u0 ]6 A$ q 页头
+ ~8 M6 b7 b* U. S4 ^ 除了TITLE标记外，HEAD里还有其他的几个标记。这些标记虽然不常用，但是需要有一定的了解。' X( p w! _# w
META( Z1 i& n1 k: N$ V2 o5 }
META标记用于描述不包含在标准HTML里的一些文档信息。激烈的竞争使浏览器厂商纷纷利用META开发出许多实用的功能，又使这些功能在常用的浏览器中都有效。下面介绍几个很有用的用法：
7 ~, T2 L, I9 V
6 |9 W( P& m# N* a$ j
' I; }2 Z0 t2 y% ^3 E 本页的关键字和描述。在页面里加上这些定义后，一些搜索引擎就能够让读者根据这些关键字查找到你的主页，了解你的主页内容。
& }" B, {2 V6 B4 C2 f. [+ ^) S1 f( P4 q6 B
浏览器将在60秒后，自动转到new.htm。你可以利用这个功能，制作一个封面，在若干时间后，自动带读者来到你的目录页。
' H% @* T7 p3 Q: k# x 如果URL项没有，浏览器就是刷新本页。这就实现了WWW聊天室定期刷新的特性。
1 X* t# V# b% V5 F$ [9 c* o4 Z( m! z
描述本页使用的语言。浏览器根据此项，就可以选择正确的语言编码，而不需要读者自己在浏览器里选择。GB2312是指简体中文，而台湾BIG5内码的主页则是用BIG5。
6 g1 |! K8 a' ~; R: D7 T$ T
/ g A" {) x9 ~! o6 {; p) s/ l% w0 A; A 强制性调用网上的最新版本。浏览器为了节约时间，在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时，直接显示硬盘上的文件，而不是网上的。如果你想让读者每次都看到最新的版本，就加上这句话。3 Y6 G8 T, N6 w- B ^
LINK* L* _# c3 _3 e& R. H
显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下：
0 t+ y/ o4 c1 G5 E* D* v
9 M' D) t5 f. T" x# R; B REL参数说明两个文档之间的关系，HREF说明目标文档名。关于层叠样式表，将在后面的课程中详述。& m' x \- v3 j* f8 I# u
BASE
- R0 A& @1 B/ a, J/ F 本文档的原始地址。语法是：
. w# e2 B4 M5 n1 _" v/ N9 T: i+ N
/ X0 b5 g( g/ ]$ p6 ]7 T4 B9 ^ 这样，读者下载你的文档之后，也可以知道是从哪里下载的。
) E" p7 h$ X; T" \' r! w3 JBODY
% H- T |. ^' y% I* X BODY标记有一些属性，用于定义页面内的显示效果。5 Y$ P* b& V- W" W0 v% B) Z/ w
ALINK、LINK、TEXT、VLINK—— 文字的颜色。* n9 {" M! |) z( e
ALINK：当前激活的连接的文字颜色。
) X3 F# n7 x7 E8 m! r LINK：连接的文字颜色。
/ f. ^6 W* w8 u- @5 N' r0 g+ l TEXT：文字的颜色。
9 q! F d+ b# X2 i; ~$ f- } A# x VLINK：参观过的文字颜色。: g8 w8 x9 R9 J. j1 ^6 u
注意：文字的颜色要和背景色有明显的差别，以便读者浏览。
8 V8 q) U5 r- c" l/ q0 I% f8 H! b BACKGROUND、BGPROPERTIES、BGCOLOR——页面的背景部分。5 i- f' \) V [8 [2 p* i/ Y
BACKGROUND：背景图案，该图案在页面内平铺。背景图案应保持单一色调，以保证页面文字易于阅读。) I6 l' U& y. i7 R' R6 q
BGPROPERTIES：设置成FIXED，则背景图案不滚动。（只对INTERNET EXPLORER有效）& v5 x) Y. a3 f
BGCOLOR：背景色。, L; u |3 a$ X( o
注意：如果你的背景图案是深色调，因之文字颜色为淡颜色，那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”，那么在背景图案没有显示的情况下，你的文字在白颜色下很难阅读，所以应该选用一个跟你的背景图案颜色一致的背景色。3 [; V6 r( z' S- p# B4 J5 [) \6 t
LEFTMARGIN、TOPMARGIN——页边空白。（只对INTERNET EXPLORER有效）( G2 \0 Z" ^; r* n3 j1 q
LEFTMARGIN：左边页边空白。 D% s% _, ]# e7 m q4 ?% w
TOPMARGIN：顶端页边空白。* ?- s6 D# v) N. Z( q8 c# ^. k
HTML的基本元素就是这些，怎么样，不太难吧。下一课我们就开始制作完整的HTML文件。好了，下课！如果你有什么地方不明白，就来我“办公室”问吧。 |
|
发表于 2008-1-19 23:22
| 