|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14171
- 金币
- 2376
- 威望
- 1647
- 贡献
- 1324
|
程序编制2 R$ `; Q; k/ r, Q
随着WEB的发展，与浏览者的交互越来越受到网站制作者的重视。现在的主页跟最初的静态主页相比，界面更加友好，功能更加丰富。这些技术需要一些编程语言来完成，如javascript、VBSCRIPT、CGI、ASP等等。要想使自己的网站在因特网的浩瀚海洋里脱颖而出，就必须掌握这些编程语言。
% h4 y" d9 X, Z% m; U" z 经验
0 @% Q6 z& j5 ] [% X6 b 经验不是一门技术，却是你制胜的法宝。网站制作中的很多问题，如网站结构、版面安排、中文处理等，都需要你的经验。网上有很多设计优秀的网站，要多学习、借鉴，自己多动手、多尝试，相信你也可以做出引人注目的漂亮网站。
. N! l2 G3 ^' S 页面基本元素
. U8 N( |1 i5 S HTML的样子1 {7 z" I; V+ w) Z- a
HTML语言是由一系列标记组成的，每个标记有它特定的含义。标记用<>标示，以便和页面的内容区分开来。大多数标记成对出现，后面的标记加上一个“/”，表示结束。就像这样：
* [5 J# F4 G. k 这是黑体。" X7 z! i2 Z1 o4 k; [
这句话的显示结果是：* W3 p$ {' y7 g1 u9 J# c7 y0 Y
这是黑体。
\+ V! {. L5 a 表示黑体开始，表示黑体结束，标记在浏览器里不显示。如果你用过WPS中文处理系统，就会发现HTML的标记和WPS的控制符有点类似。把HTML的各种标记弄清楚，你就是主页制作大师了。简单吗？不一定，我们还是开始学习吧。
7 f) p& S1 D8 Y% A6 B* W' c 我的第一页
+ Q- ]$ Z. ?% w" ]+ q我们首先来看一个最基本的主页的HTML代码：, o/ r& m* @4 ~: t0 [ r! O
! t' D% a6 [0 d) L3 i2 X
--------------------------------------------------------------------------------
: N. r, `2 P7 w, Kfirst.html
0 A1 j& R$ L3 c- h! E3 D& O这里是页的内容。 \- R5 o8 M/ S9 ^
7 L( A* [! Y! [
--------------------------------------------------------------------------------
: u( G: U$ r3 x+ k 在“记事本”里输入上面的内容，保存文件，注意把“保存类型”改成所有文件（*.*），输入文件名“first.html”。使用浏览器查看一下结果。" g) j3 t+ t& y9 I) Z" ?4 Y
图1-1
3 x, J9 n4 p% l! z6 N" ?9 `' F; n1 y 从浏览器的“查看”-“源代码”菜单项里，我们可以看到我们刚才输入的源代码。+ Y# s2 ^! t: }: ?7 _$ S3 m" m
对比源代码和显示结果，我们发现，一个基本的HTML页有以下几部分构成：' E% _- M9 v, g: L/ ]7 y
+ c, m* U: ?4 \. M L3 r9 F 说明本页面使用HTML语言编写，使浏览器软件能够准确无误地解释、显示。
8 f# K7 E! w3 Q, W
% Y8 K- U- n$ Z" v( p8 w HTML页头，包含页面的一些设置信息。4 |0 J% e' M) l7 d' y
( O' N" T1 B f' e7 ] TITLE是HEAD中的重要组成部分，它包含的内容显示在浏览器的窗口标题栏中。如果没有TITLE，浏览器标题栏显示本页的文件名。网上有很多人忽略了TITLE的设置，你可以经常看到UNTITLED或HOME PAGE等这样的默认标题。由于Internet Explorer的收藏夹和Netscape Navigator的书签都是用TITLE作为存储地址文件的标示，所以为你的主页起一个恰当的TITLE是很有必要的。
; p; S+ x& B) |5 p7 M+ A* S; L! f; O1 |5 v3 p! B
BODY包含HTML页面的实际内容，显示在浏览器窗口的客户区中。8 }9 f0 a: D8 b2 c3 s# e9 T
页头1 ]9 q% u4 p! s% ?7 w ]2 M* v& R3 `
除了TITLE标记外，HEAD里还有其他的几个标记。这些标记虽然不常用，但是需要有一定的了解。. Q8 \( |7 [9 ]; y% d8 {0 n
META& o0 e7 `& p" r+ t4 X
META标记用于描述不包含在标准HTML里的一些文档信息。激烈的竞争使浏览器厂商纷纷利用META开发出许多实用的功能，又使这些功能在常用的浏览器中都有效。下面介绍几个很有用的用法：1 Y' z; j8 M' n
% x3 p' Z& O* L4 m
: K8 k7 @# V$ I2 K G
本页的关键字和描述。在页面里加上这些定义后，一些搜索引擎就能够让读者根据这些关键字查找到你的主页，了解你的主页内容。& ]" A$ W Y0 u# u) [# X
( U3 A- `- @% b y. z* c 浏览器将在60秒后，自动转到new.htm。你可以利用这个功能，制作一个封面，在若干时间后，自动带读者来到你的目录页。
% ^/ t1 e d+ v+ l 如果URL项没有，浏览器就是刷新本页。这就实现了WWW聊天室定期刷新的特性。9 C$ C& C# l6 [
5 `8 L: i/ X3 y1 m# I
描述本页使用的语言。浏览器根据此项，就可以选择正确的语言编码，而不需要读者自己在浏览器里选择。GB2312是指简体中文，而台湾BIG5内码的主页则是用BIG5。 ]& v2 F U j
. K0 x5 Z O4 l5 n# F5 m- F 强制性调用网上的最新版本。浏览器为了节约时间，在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时，直接显示硬盘上的文件，而不是网上的。如果你想让读者每次都看到最新的版本，就加上这句话。
$ B J# ]4 T7 I: R ~2 wLINK# }2 R2 A1 Q7 L+ Y' W7 ^4 \
显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下：4 r1 h+ { H+ x( [4 y
! p' F. t: b3 e2 N" Q, U- O
REL参数说明两个文档之间的关系，HREF说明目标文档名。关于层叠样式表，将在后面的课程中详述。# s/ W9 C1 W' C3 ^6 @7 K9 c; `2 R
BASE
+ q3 S$ B% a9 E& F: k 本文档的原始地址。语法是：* e- c5 Q `5 L$ X0 E, F i8 |) s% g! v
/ z, Q y; B6 v8 I3 @ 这样，读者下载你的文档之后，也可以知道是从哪里下载的。
8 c6 s& y) M# oBODY
! n$ R& m: Q# S* b3 M1 w BODY标记有一些属性，用于定义页面内的显示效果。
, k4 @+ Z4 Z- o+ V ALINK、LINK、TEXT、VLINK—— 文字的颜色。
3 [4 [3 o! b/ @" g2 i' M: u. g" L* k ALINK：当前激活的连接的文字颜色。
# B, I4 N2 A8 K9 K) q8 t LINK：连接的文字颜色。/ N" f, `% `& [0 b$ v* d
TEXT：文字的颜色。
9 ~6 x( [* Z* v4 }, W VLINK：参观过的文字颜色。+ a4 N: s6 j* r" I7 q
注意：文字的颜色要和背景色有明显的差别，以便读者浏览。- f) k& x$ _; {) [- E* i- Z/ M1 O0 H/ h
BACKGROUND、BGPROPERTIES、BGCOLOR——页面的背景部分。
8 Y" E( u: G) ?# w BACKGROUND：背景图案，该图案在页面内平铺。背景图案应保持单一色调，以保证页面文字易于阅读。8 C9 ~7 h" a% j3 B3 g2 n/ E
BGPROPERTIES：设置成FIXED，则背景图案不滚动。（只对INTERNET EXPLORER有效）
! D7 Z: ]' v4 \7 e BGCOLOR：背景色。2 q, `5 p% J* F; G" Q
注意：如果你的背景图案是深色调，因之文字颜色为淡颜色，那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”，那么在背景图案没有显示的情况下，你的文字在白颜色下很难阅读，所以应该选用一个跟你的背景图案颜色一致的背景色。! z) [2 O4 q1 C* }2 _7 e8 r
LEFTMARGIN、TOPMARGIN——页边空白。（只对INTERNET EXPLORER有效）3 I, J" R4 V3 P6 f! G4 }
LEFTMARGIN：左边页边空白。# m/ J3 `8 I; E8 _
TOPMARGIN：顶端页边空白。
, }7 w S. n5 r' X HTML的基本元素就是这些，怎么样，不太难吧。下一课我们就开始制作完整的HTML文件。好了，下课！如果你有什么地方不明白，就来我“办公室”问吧。 |
|
发表于 2008-1-19 23:22
| 