|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14387
- 金币
- 2479
- 威望
- 1647
- 贡献
- 1427
|
程序编制
+ g4 V$ c9 K+ ~6 i. \ 随着WEB的发展，与浏览者的交互越来越受到网站制作者的重视。现在的主页跟最初的静态主页相比，界面更加友好，功能更加丰富。这些技术需要一些编程语言来完成，如javascript、VBSCRIPT、CGI、ASP等等。要想使自己的网站在因特网的浩瀚海洋里脱颖而出，就必须掌握这些编程语言。
; ?9 c2 Q- Z: f6 y- C 经验8 P. G! z% ?7 c. Z, K- Z- s+ Z+ g
经验不是一门技术，却是你制胜的法宝。网站制作中的很多问题，如网站结构、版面安排、中文处理等，都需要你的经验。网上有很多设计优秀的网站，要多学习、借鉴，自己多动手、多尝试，相信你也可以做出引人注目的漂亮网站。
% c5 h* A: j9 w8 y$ I! g* ] 页面基本元素
7 E, l7 M5 D D HTML的样子
3 L- j; w( P3 J9 q. H) j HTML语言是由一系列标记组成的，每个标记有它特定的含义。标记用<>标示，以便和页面的内容区分开来。大多数标记成对出现，后面的标记加上一个“/”，表示结束。就像这样：
9 K3 r% d m5 x: Q. g! W8 e, y; m$ e 这是黑体。
5 N8 @9 L' H2 S+ K4 s# I 这句话的显示结果是：! I( U2 S$ b6 A# j7 C- G
这是黑体。
- h U9 y" G" L. r% P; `! s# \ ? 表示黑体开始，表示黑体结束，标记在浏览器里不显示。如果你用过WPS中文处理系统，就会发现HTML的标记和WPS的控制符有点类似。把HTML的各种标记弄清楚，你就是主页制作大师了。简单吗？不一定，我们还是开始学习吧。
0 h* l- G4 U' ~3 k2 k( | 我的第一页 4 z% R& I! E. a8 p
我们首先来看一个最基本的主页的HTML代码：" L/ u5 f5 H4 q T
$ ~; u, I# ~# U6 D l--------------------------------------------------------------------------------+ ?% k- q3 i/ q* J2 n0 b/ c
first.html
, n4 l' i6 Q0 j* g0 d8 ?! d这里是页的内容。
5 e0 z) \( X# n5 V: ^0 z M/ j# Z' a Q* n
--------------------------------------------------------------------------------2 y: ?' O) q; ], c
在“记事本”里输入上面的内容，保存文件，注意把“保存类型”改成所有文件（*.*），输入文件名“first.html”。使用浏览器查看一下结果。
- D _2 n r6 Z0 _: m' e3 s图1-1
7 }' x b+ o; w2 D; A 从浏览器的“查看”-“源代码”菜单项里，我们可以看到我们刚才输入的源代码。
7 p3 k+ b& |4 S$ L4 m6 B 对比源代码和显示结果，我们发现，一个基本的HTML页有以下几部分构成：$ y9 w+ V/ m# l: ^; x
0 {# P1 Q+ g2 E
说明本页面使用HTML语言编写，使浏览器软件能够准确无误地解释、显示。/ ]' u. I0 a: C/ P% y9 x/ ~
. ^# i+ d5 S; Q8 N( h8 {( c; T
HTML页头，包含页面的一些设置信息。6 s- ^; m; B6 Y- g" ?
. B3 [' D) I3 W A7 B; j/ W7 b
TITLE是HEAD中的重要组成部分，它包含的内容显示在浏览器的窗口标题栏中。如果没有TITLE，浏览器标题栏显示本页的文件名。网上有很多人忽略了TITLE的设置，你可以经常看到UNTITLED或HOME PAGE等这样的默认标题。由于Internet Explorer的收藏夹和Netscape Navigator的书签都是用TITLE作为存储地址文件的标示，所以为你的主页起一个恰当的TITLE是很有必要的。% g& `$ n2 }0 c" n$ G/ J5 B
0 r0 W* i: m% G6 H* \% W+ `
BODY包含HTML页面的实际内容，显示在浏览器窗口的客户区中。7 X& K. c6 E z+ g
页头+ A! N5 W3 I2 @. {9 ~
除了TITLE标记外，HEAD里还有其他的几个标记。这些标记虽然不常用，但是需要有一定的了解。2 A9 u# i5 N) |4 l" T5 B+ p
META
! e" w, h# _6 |! Q META标记用于描述不包含在标准HTML里的一些文档信息。激烈的竞争使浏览器厂商纷纷利用META开发出许多实用的功能，又使这些功能在常用的浏览器中都有效。下面介绍几个很有用的用法：2 L2 o9 m' q. D
! x! w/ l! e4 u3 l; X
/ g F/ R# K. K; ?( m* A
本页的关键字和描述。在页面里加上这些定义后，一些搜索引擎就能够让读者根据这些关键字查找到你的主页，了解你的主页内容。
" E- c: T+ B* n: ^! r' u" c# }! P, z, @; q
浏览器将在60秒后，自动转到new.htm。你可以利用这个功能，制作一个封面，在若干时间后，自动带读者来到你的目录页。
6 K: M' |5 L8 ?2 P7 i# A 如果URL项没有，浏览器就是刷新本页。这就实现了WWW聊天室定期刷新的特性。
0 H0 d) O5 N6 ?- P$ H1 r9 C1 P* t( f. v9 F( T' a
描述本页使用的语言。浏览器根据此项，就可以选择正确的语言编码，而不需要读者自己在浏览器里选择。GB2312是指简体中文，而台湾BIG5内码的主页则是用BIG5。+ v; s# q$ {* S0 _+ [
! m8 H% |& Y' I' |6 ^, U& d 强制性调用网上的最新版本。浏览器为了节约时间，在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时，直接显示硬盘上的文件，而不是网上的。如果你想让读者每次都看到最新的版本，就加上这句话。/ l% ] {+ |+ E4 k+ p! e0 K% F
LINK( F; I" c1 ^" n
显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下：
, J: n/ u# l, i; P6 G( E * C3 A9 [3 Y2 C$ V2 c2 G
REL参数说明两个文档之间的关系，HREF说明目标文档名。关于层叠样式表，将在后面的课程中详述。) u0 {4 Q- i8 w
BASE* d/ S- ^/ Y( Z, Q1 c
本文档的原始地址。语法是：1 m- B1 V1 S& p/ x4 E" I
$ L: b' y; y! T2 q5 |# B" R 这样，读者下载你的文档之后，也可以知道是从哪里下载的。
5 ~" {; h4 V1 _* F7 TBODY( g- b( e. N) L7 V( v
BODY标记有一些属性，用于定义页面内的显示效果。
) L6 U' Y2 ?6 Y$ P* i! q/ [; ^ ALINK、LINK、TEXT、VLINK—— 文字的颜色。
; D& {% b* N7 [8 I; C( `% z4 o ALINK：当前激活的连接的文字颜色。
" J5 ^ z! @5 K( L3 A! ^& U LINK：连接的文字颜色。
4 Z4 P, e9 `8 a) u1 R P2 F TEXT：文字的颜色。) E/ O. n+ |" ^; l
VLINK：参观过的文字颜色。
- i- L8 ~( Y5 R" q. p, B8 A W* B( [ 注意：文字的颜色要和背景色有明显的差别，以便读者浏览。
/ i& @) d" j$ W7 E9 ~6 l BACKGROUND、BGPROPERTIES、BGCOLOR——页面的背景部分。
' Z7 ~9 X$ a* m; I1 K& q. ~4 m BACKGROUND：背景图案，该图案在页面内平铺。背景图案应保持单一色调，以保证页面文字易于阅读。
8 D& z8 t# @$ x# j0 E BGPROPERTIES：设置成FIXED，则背景图案不滚动。（只对INTERNET EXPLORER有效）
- w% N7 K7 k( Q9 g0 B BGCOLOR：背景色。5 L1 ~, x, i$ |8 s% R2 M
注意：如果你的背景图案是深色调，因之文字颜色为淡颜色，那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”，那么在背景图案没有显示的情况下，你的文字在白颜色下很难阅读，所以应该选用一个跟你的背景图案颜色一致的背景色。& J0 @, \4 D$ d: ?2 C3 i
LEFTMARGIN、TOPMARGIN——页边空白。（只对INTERNET EXPLORER有效）4 L$ o. Q# z, V$ w
LEFTMARGIN：左边页边空白。
/ B0 s w: L1 S. a- @ TOPMARGIN：顶端页边空白。
" g- \* {) l* q% z HTML的基本元素就是这些，怎么样，不太难吧。下一课我们就开始制作完整的HTML文件。好了，下课！如果你有什么地方不明白，就来我“办公室”问吧。 |
|
发表于 2008-1-19 23:22
| 