|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14249
- 金币
- 2415
- 威望
- 1647
- 贡献
- 1363
|
程序编制& S k2 m/ J8 N9 Z( i! [2 [3 a! A
随着WEB的发展，与浏览者的交互越来越受到网站制作者的重视。现在的主页跟最初的静态主页相比，界面更加友好，功能更加丰富。这些技术需要一些编程语言来完成，如javascript、VBSCRIPT、CGI、ASP等等。要想使自己的网站在因特网的浩瀚海洋里脱颖而出，就必须掌握这些编程语言。
, `* @( o4 g6 w7 r 经验
- K' ~& q4 ?0 m+ R 经验不是一门技术，却是你制胜的法宝。网站制作中的很多问题，如网站结构、版面安排、中文处理等，都需要你的经验。网上有很多设计优秀的网站，要多学习、借鉴，自己多动手、多尝试，相信你也可以做出引人注目的漂亮网站。8 M) }) i* [/ j$ k
页面基本元素# X$ k% z9 |9 s$ A
HTML的样子0 ~1 m/ j& X* X! J" ?8 ` R
HTML语言是由一系列标记组成的，每个标记有它特定的含义。标记用<>标示，以便和页面的内容区分开来。大多数标记成对出现，后面的标记加上一个“/”，表示结束。就像这样：
# f" L9 I* k* D. o 这是黑体。9 z$ @' S7 W$ Y' f4 u& Q
这句话的显示结果是： n/ i( K( y3 ? L0 p
这是黑体。- a. G1 [2 C: d0 x9 n
表示黑体开始，表示黑体结束，标记在浏览器里不显示。如果你用过WPS中文处理系统，就会发现HTML的标记和WPS的控制符有点类似。把HTML的各种标记弄清楚，你就是主页制作大师了。简单吗？不一定，我们还是开始学习吧。
# J) L- J8 k5 B0 ^ n 我的第一页
3 `- m& ~9 a/ D4 C4 w% r1 }我们首先来看一个最基本的主页的HTML代码：
; E1 {1 b: v! j7 }7 K
; @! `& H" ~3 k# v v! V1 g--------------------------------------------------------------------------------
* W' L7 ^0 V1 N7 Dfirst.html& U: v+ S$ E/ z* I) L; d7 T; m
这里是页的内容。
! u, B% L: z/ m9 H0 U
" k6 U/ w5 m( B) a$ P--------------------------------------------------------------------------------
. }5 S+ _7 o% \; a* S 在“记事本”里输入上面的内容，保存文件，注意把“保存类型”改成所有文件（*.*），输入文件名“first.html”。使用浏览器查看一下结果。* ]7 e% w% E, g- f
图1-1
: ^4 y0 ~% I6 {$ o$ t C+ y$ Z+ Y 从浏览器的“查看”-“源代码”菜单项里，我们可以看到我们刚才输入的源代码。
8 }& ^- R6 _! i5 O6 A 对比源代码和显示结果，我们发现，一个基本的HTML页有以下几部分构成：- ^# O! Z$ Y5 e. }, J
4 B% J/ ~+ ?6 N4 E2 r 说明本页面使用HTML语言编写，使浏览器软件能够准确无误地解释、显示。* [. s+ z6 x4 h3 }; ~- N% P
+ t. [- N) X$ Q* c# N0 o8 \! c8 Q HTML页头，包含页面的一些设置信息。4 P' Z$ | |8 N4 B& P
( h( p1 \5 S. _4 p% I TITLE是HEAD中的重要组成部分，它包含的内容显示在浏览器的窗口标题栏中。如果没有TITLE，浏览器标题栏显示本页的文件名。网上有很多人忽略了TITLE的设置，你可以经常看到UNTITLED或HOME PAGE等这样的默认标题。由于Internet Explorer的收藏夹和Netscape Navigator的书签都是用TITLE作为存储地址文件的标示，所以为你的主页起一个恰当的TITLE是很有必要的。) y# Q: U, }/ T- B& U! |- p
4 P/ }( g; p7 l9 T
BODY包含HTML页面的实际内容，显示在浏览器窗口的客户区中。4 A6 Z/ C! a5 X0 `1 k( L
页头
' y1 }$ F! \# S1 ?; Z$ e6 _* L% l 除了TITLE标记外，HEAD里还有其他的几个标记。这些标记虽然不常用，但是需要有一定的了解。5 M* p3 R+ c; X+ B9 c: p
META
; p# h: p! ~+ n/ l* m META标记用于描述不包含在标准HTML里的一些文档信息。激烈的竞争使浏览器厂商纷纷利用META开发出许多实用的功能，又使这些功能在常用的浏览器中都有效。下面介绍几个很有用的用法：; e7 o, r7 p8 Q) P8 Z
$ o3 w- }' k4 i' \( W' E3 `+ B# w6 {1 E& s) Z! f$ T- o/ o% ~$ B
本页的关键字和描述。在页面里加上这些定义后，一些搜索引擎就能够让读者根据这些关键字查找到你的主页，了解你的主页内容。
. ?) \* K; N* c o2 o1 O8 C. ]* A; H- k$ T# Y1 _+ I' t
浏览器将在60秒后，自动转到new.htm。你可以利用这个功能，制作一个封面，在若干时间后，自动带读者来到你的目录页。& J* l$ t$ K3 S5 ]$ P0 u
如果URL项没有，浏览器就是刷新本页。这就实现了WWW聊天室定期刷新的特性。
2 r9 ?- i: h; ~7 B
! J+ m3 [* y/ Y 描述本页使用的语言。浏览器根据此项，就可以选择正确的语言编码，而不需要读者自己在浏览器里选择。GB2312是指简体中文，而台湾BIG5内码的主页则是用BIG5。
2 l$ h. Q8 U7 v/ r6 x4 N( T, J z( t2 {& r: j1 u. f
强制性调用网上的最新版本。浏览器为了节约时间，在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时，直接显示硬盘上的文件，而不是网上的。如果你想让读者每次都看到最新的版本，就加上这句话。
8 A% E6 q: N; W! v# q0 cLINK& S2 l) A% m# I6 `6 }8 @8 T# x
显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下：; Q) U& h* d/ x3 ]
6 m- T. G( \! S+ V: N) n. H- B
REL参数说明两个文档之间的关系，HREF说明目标文档名。关于层叠样式表，将在后面的课程中详述。
( e3 E! j$ {" c z4 `7 v# i; s# QBASE
" C) R) W& `( L 本文档的原始地址。语法是：
- v7 K6 ]4 x0 q% E5 V/ ` b ! s, I: y$ Q9 n; J5 c' o: r2 C
这样，读者下载你的文档之后，也可以知道是从哪里下载的。5 L( R- U1 o4 E, |
BODY
* W5 t$ W3 K: n BODY标记有一些属性，用于定义页面内的显示效果。
! O6 k ?* d) l j) D! r' r ALINK、LINK、TEXT、VLINK—— 文字的颜色。
y& ]2 [7 [/ F2 g6 U ALINK：当前激活的连接的文字颜色。7 }: C( H8 J8 k+ |2 A
LINK：连接的文字颜色。% d7 O# ^/ [" ^- _8 [
TEXT：文字的颜色。
; g: X! g4 j( ?; n; o VLINK：参观过的文字颜色。4 C5 D( J+ ], ~
注意：文字的颜色要和背景色有明显的差别，以便读者浏览。
7 p4 M$ y7 l' G3 Y$ u BACKGROUND、BGPROPERTIES、BGCOLOR——页面的背景部分。 S& k: _; j0 |' j! b4 y
BACKGROUND：背景图案，该图案在页面内平铺。背景图案应保持单一色调，以保证页面文字易于阅读。
1 M: j* d+ w! X. [: U" ?. T. I8 s BGPROPERTIES：设置成FIXED，则背景图案不滚动。（只对INTERNET EXPLORER有效）6 w3 l" H6 T8 _( V) j) z
BGCOLOR：背景色。8 ? Y" r# H" D1 q7 |' T8 T! ^: ^
注意：如果你的背景图案是深色调，因之文字颜色为淡颜色，那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”，那么在背景图案没有显示的情况下，你的文字在白颜色下很难阅读，所以应该选用一个跟你的背景图案颜色一致的背景色。
2 ^) e& m1 u$ e% h9 r' J* u$ A: V LEFTMARGIN、TOPMARGIN——页边空白。（只对INTERNET EXPLORER有效）
' H/ s; v% ~/ p. p LEFTMARGIN：左边页边空白。6 c. ?& C) v7 U1 c
TOPMARGIN：顶端页边空白。 \& {' f1 y" \: ~! d# Q
HTML的基本元素就是这些，怎么样，不太难吧。下一课我们就开始制作完整的HTML文件。好了，下课！如果你有什么地方不明白，就来我“办公室”问吧。 |
|
发表于 2008-1-19 23:22
| 