|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14443
- 金币
- 2507
- 威望
- 1647
- 贡献
- 1455
|
程序编制
; x& e3 V; ?* ?' o& P4 _ 随着WEB的发展，与浏览者的交互越来越受到网站制作者的重视。现在的主页跟最初的静态主页相比，界面更加友好，功能更加丰富。这些技术需要一些编程语言来完成，如javascript、VBSCRIPT、CGI、ASP等等。要想使自己的网站在因特网的浩瀚海洋里脱颖而出，就必须掌握这些编程语言。! t1 U4 U) H ?, K9 |
经验4 t( P, G+ ?( Y$ ~0 O b
经验不是一门技术，却是你制胜的法宝。网站制作中的很多问题，如网站结构、版面安排、中文处理等，都需要你的经验。网上有很多设计优秀的网站，要多学习、借鉴，自己多动手、多尝试，相信你也可以做出引人注目的漂亮网站。
! x0 y2 w, l2 x1 {& x5 K) a, R 页面基本元素
; }3 y. k* `2 V HTML的样子
7 G" @5 ^% g4 S HTML语言是由一系列标记组成的，每个标记有它特定的含义。标记用<>标示，以便和页面的内容区分开来。大多数标记成对出现，后面的标记加上一个“/”，表示结束。就像这样：7 |6 L# |: t, t; w- H
这是黑体。! f$ Y1 m. c! u# F9 S
这句话的显示结果是：2 J% s( j; F. [' G5 E3 M
这是黑体。
$ k1 N7 R0 o: I9 @ 表示黑体开始，表示黑体结束，标记在浏览器里不显示。如果你用过WPS中文处理系统，就会发现HTML的标记和WPS的控制符有点类似。把HTML的各种标记弄清楚，你就是主页制作大师了。简单吗？不一定，我们还是开始学习吧。, y4 Y# r* U, o( O g% b: \
我的第一页
. v; X: Q- H: y我们首先来看一个最基本的主页的HTML代码：. ]$ L" X3 E: W( n: n9 C& }' |
& _0 c6 n# d+ r+ K# e
--------------------------------------------------------------------------------, {) d$ ~! s* y$ _
first.html
! j& v- A% y2 J v/ e这里是页的内容。7 M |4 L' H; n, F$ c# ]2 o n
- ~+ W/ Z1 e6 f3 W9 S
--------------------------------------------------------------------------------
2 n! _- o/ I7 H6 U) q 在“记事本”里输入上面的内容，保存文件，注意把“保存类型”改成所有文件（*.*），输入文件名“first.html”。使用浏览器查看一下结果。$ H, q. @- n3 x, s
图1-1, n% {9 e& ]) O: B! A8 e% h
从浏览器的“查看”-“源代码”菜单项里，我们可以看到我们刚才输入的源代码。, n: f6 E M8 y
对比源代码和显示结果，我们发现，一个基本的HTML页有以下几部分构成：
5 U) k- S7 [2 _5 X- O2 Q9 y' G5 S/ L
说明本页面使用HTML语言编写，使浏览器软件能够准确无误地解释、显示。
6 f( E& l+ c$ ]+ q) `$ L0 C) {& y9 X9 V
j* P" S G- E7 l6 _+ O" c. p HTML页头，包含页面的一些设置信息。
- X. o8 ^ X4 r: a6 @, N/ J: W9 A
+ m1 g6 \8 n/ } TITLE是HEAD中的重要组成部分，它包含的内容显示在浏览器的窗口标题栏中。如果没有TITLE，浏览器标题栏显示本页的文件名。网上有很多人忽略了TITLE的设置，你可以经常看到UNTITLED或HOME PAGE等这样的默认标题。由于Internet Explorer的收藏夹和Netscape Navigator的书签都是用TITLE作为存储地址文件的标示，所以为你的主页起一个恰当的TITLE是很有必要的。
$ y2 M$ V8 M1 g. i; _3 P* K! i
8 ^7 V8 m0 C" \: h7 e BODY包含HTML页面的实际内容，显示在浏览器窗口的客户区中。+ n* k+ E* c& [6 F# N2 V# }7 L0 g e
页头* W( H9 j- Z' h( I
除了TITLE标记外，HEAD里还有其他的几个标记。这些标记虽然不常用，但是需要有一定的了解。) G/ N9 U2 C0 B7 D* x" _9 F1 q
META! i- X: s4 `: A9 A7 _
META标记用于描述不包含在标准HTML里的一些文档信息。激烈的竞争使浏览器厂商纷纷利用META开发出许多实用的功能，又使这些功能在常用的浏览器中都有效。下面介绍几个很有用的用法：* N+ d% g( ?' w
4 C+ H( O4 N- j v9 y1 i
) B7 g6 C" k6 t1 `+ ? 本页的关键字和描述。在页面里加上这些定义后，一些搜索引擎就能够让读者根据这些关键字查找到你的主页，了解你的主页内容。
- p- q2 T* ?4 C- P$ ] C3 A. C& W, T$ a3 u2 Q
浏览器将在60秒后，自动转到new.htm。你可以利用这个功能，制作一个封面，在若干时间后，自动带读者来到你的目录页。
& l2 p6 G+ w; s9 t5 Y a5 c7 z 如果URL项没有，浏览器就是刷新本页。这就实现了WWW聊天室定期刷新的特性。- \& m8 g' l+ l$ P* ]2 g
+ D9 b, u; k1 m( d
描述本页使用的语言。浏览器根据此项，就可以选择正确的语言编码，而不需要读者自己在浏览器里选择。GB2312是指简体中文，而台湾BIG5内码的主页则是用BIG5。
9 V. l7 M: }0 N3 s7 i2 H# t& n, R9 r$ f, B% W4 y# ]+ Y
强制性调用网上的最新版本。浏览器为了节约时间，在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时，直接显示硬盘上的文件，而不是网上的。如果你想让读者每次都看到最新的版本，就加上这句话。
/ e1 g, d7 R' @# |- F7 n' Z6 r) ~LINK0 t7 l* Z4 ^0 k% r# q
显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下：& u6 s9 h# {: U C! L
) C+ j2 V4 A5 |7 ~
REL参数说明两个文档之间的关系，HREF说明目标文档名。关于层叠样式表，将在后面的课程中详述。
8 w+ y- U& x) N3 `/ G+ i) yBASE( d0 e: q5 C8 \9 ~
本文档的原始地址。语法是：* x+ T4 O5 t3 l$ _. X
/ J; ] m# Q( s9 q+ i
这样，读者下载你的文档之后，也可以知道是从哪里下载的。5 E4 K/ F( `' e' v' Y1 Q! W- r& ~3 Q
BODY2 h: l8 W: |; K" `0 s' x2 v. v
BODY标记有一些属性，用于定义页面内的显示效果。1 ?' K7 {' w2 V$ G; a( B6 y
ALINK、LINK、TEXT、VLINK—— 文字的颜色。
# z$ X$ K8 r7 j [ ALINK：当前激活的连接的文字颜色。
\ q) ^! K, l* H) [. ` LINK：连接的文字颜色。: [ p8 r' A1 r: Y+ ~- h7 c6 u% S ~
TEXT：文字的颜色。
6 \0 J8 ~# ^) y5 V VLINK：参观过的文字颜色。' X/ F! \; _8 l0 m
注意：文字的颜色要和背景色有明显的差别，以便读者浏览。; `( e6 }( q; `6 ^
BACKGROUND、BGPROPERTIES、BGCOLOR——页面的背景部分。
5 H6 x. T H) \6 i- G" }7 B5 H) P BACKGROUND：背景图案，该图案在页面内平铺。背景图案应保持单一色调，以保证页面文字易于阅读。( w. d& k6 f! @; O
BGPROPERTIES：设置成FIXED，则背景图案不滚动。（只对INTERNET EXPLORER有效）$ L6 F/ ]$ y6 U
BGCOLOR：背景色。/ t* ^, Y" g/ X: x; V w
注意：如果你的背景图案是深色调，因之文字颜色为淡颜色，那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”，那么在背景图案没有显示的情况下，你的文字在白颜色下很难阅读，所以应该选用一个跟你的背景图案颜色一致的背景色。
. |9 c& W) F* a- j& F2 u LEFTMARGIN、TOPMARGIN——页边空白。（只对INTERNET EXPLORER有效）
6 f s" x+ |+ m' V7 P, _ LEFTMARGIN：左边页边空白。$ ~# o: H( j9 v8 t1 L5 @ \( Y
TOPMARGIN：顶端页边空白。
+ i. J; l3 B1 @- A HTML的基本元素就是这些，怎么样，不太难吧。下一课我们就开始制作完整的HTML文件。好了，下课！如果你有什么地方不明白，就来我“办公室”问吧。 |
|
发表于 2008-1-19 23:22
| 