|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14191
- 金币
- 2386
- 威望
- 1647
- 贡献
- 1334
|
程序编制9 W( ~: E9 X$ T* B0 t: l
随着WEB的发展，与浏览者的交互越来越受到网站制作者的重视。现在的主页跟最初的静态主页相比，界面更加友好，功能更加丰富。这些技术需要一些编程语言来完成，如javascript、VBSCRIPT、CGI、ASP等等。要想使自己的网站在因特网的浩瀚海洋里脱颖而出，就必须掌握这些编程语言。3 c, A; S8 w0 z7 ^; x6 H' M* r7 P
经验4 }$ J) i8 D% Y+ }# |% b
经验不是一门技术，却是你制胜的法宝。网站制作中的很多问题，如网站结构、版面安排、中文处理等，都需要你的经验。网上有很多设计优秀的网站，要多学习、借鉴，自己多动手、多尝试，相信你也可以做出引人注目的漂亮网站。
% i6 T/ j: C0 T6 o 页面基本元素
& W5 [/ e" u8 P8 d) j+ B7 \ HTML的样子( O8 E6 ]6 V. o+ g( c
HTML语言是由一系列标记组成的，每个标记有它特定的含义。标记用<>标示，以便和页面的内容区分开来。大多数标记成对出现，后面的标记加上一个“/”，表示结束。就像这样：
/ n% e: |/ Y9 e. v. ^& S) F 这是黑体。
. P/ W0 {6 n2 T8 i' Y 这句话的显示结果是：
* C- |; B8 U. Y# ^3 [% ~ 这是黑体。2 v; D \; `2 f+ R0 y G5 q
表示黑体开始，表示黑体结束，标记在浏览器里不显示。如果你用过WPS中文处理系统，就会发现HTML的标记和WPS的控制符有点类似。把HTML的各种标记弄清楚，你就是主页制作大师了。简单吗？不一定，我们还是开始学习吧。4 J) L( ~( |! O' u9 `( a
我的第一页
+ [ C) j* Q% j' j我们首先来看一个最基本的主页的HTML代码：% S* k! B; I. s; z
% S; b1 t x b2 \--------------------------------------------------------------------------------
1 W# g) t4 ?( r2 afirst.html
9 Z l- e3 \# R6 J. K6 N% r: }( B这里是页的内容。: L7 S) a0 z- s8 z4 N
6 Y' ^ E+ v8 _) n3 f7 F
-------------------------------------------------------------------------------- B2 G: }, A3 c! j6 M/ R5 ?3 A
在“记事本”里输入上面的内容，保存文件，注意把“保存类型”改成所有文件（*.*），输入文件名“first.html”。使用浏览器查看一下结果。
( U2 Q" B" G: D( Z+ q6 H' ~3 J4 t图1-1
0 p+ ?% E8 h" h' ^5 y; ]; G, E6 L 从浏览器的“查看”-“源代码”菜单项里，我们可以看到我们刚才输入的源代码。 m/ X7 h' T& G, f; a
对比源代码和显示结果，我们发现，一个基本的HTML页有以下几部分构成：5 R1 P, `* H) w! [- x5 X/ J
! M2 T; o# k" ~" D; M 说明本页面使用HTML语言编写，使浏览器软件能够准确无误地解释、显示。
( D) U9 P& r _
5 z+ {0 G* k9 A3 l0 @/ A HTML页头，包含页面的一些设置信息。
, ?1 j; ]2 u$ ~/ T; ?" m
" c: D2 @3 b& u% f9 Y7 ^ TITLE是HEAD中的重要组成部分，它包含的内容显示在浏览器的窗口标题栏中。如果没有TITLE，浏览器标题栏显示本页的文件名。网上有很多人忽略了TITLE的设置，你可以经常看到UNTITLED或HOME PAGE等这样的默认标题。由于Internet Explorer的收藏夹和Netscape Navigator的书签都是用TITLE作为存储地址文件的标示，所以为你的主页起一个恰当的TITLE是很有必要的。
" L; b& A% R1 p9 |* e
7 A1 S7 O' [) b1 S% W5 s# @, l+ I BODY包含HTML页面的实际内容，显示在浏览器窗口的客户区中。* a$ z, m2 q6 c
页头( [3 h; |) x$ @* u. o" r
除了TITLE标记外，HEAD里还有其他的几个标记。这些标记虽然不常用，但是需要有一定的了解。5 H, P% _7 r# O* t, @7 U ?3 z
META
) K6 l* ~% b& v META标记用于描述不包含在标准HTML里的一些文档信息。激烈的竞争使浏览器厂商纷纷利用META开发出许多实用的功能，又使这些功能在常用的浏览器中都有效。下面介绍几个很有用的用法：
# X7 L$ A' L/ P- F8 p/ q
( a0 K7 F7 O0 H7 y# @9 A
. q- f" E" Z, ^: {1 M; d. L 本页的关键字和描述。在页面里加上这些定义后，一些搜索引擎就能够让读者根据这些关键字查找到你的主页，了解你的主页内容。/ w. B) \7 s0 n9 N2 U& a4 e( A: S
1 g" u" \1 _$ i) U: [ 浏览器将在60秒后，自动转到new.htm。你可以利用这个功能，制作一个封面，在若干时间后，自动带读者来到你的目录页。
4 z0 D" o9 I6 q1 m 如果URL项没有，浏览器就是刷新本页。这就实现了WWW聊天室定期刷新的特性。
' e. W5 u6 t; n) ^ Q- P o0 a0 X7 R/ D. T, E& O( r. X
描述本页使用的语言。浏览器根据此项，就可以选择正确的语言编码，而不需要读者自己在浏览器里选择。GB2312是指简体中文，而台湾BIG5内码的主页则是用BIG5。9 X1 p% Y3 f3 e. @& O: [* j9 @
# ?1 F v7 j9 w1 D( w, ?6 E 强制性调用网上的最新版本。浏览器为了节约时间，在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时，直接显示硬盘上的文件，而不是网上的。如果你想让读者每次都看到最新的版本，就加上这句话。1 S, s* K4 y; `' F, T- Q
LINK
# P" g! d5 c$ u- W) x- v0 N9 z 显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下：7 Y2 r2 s% K' ?" b7 ~" ~1 A% S ^
; G& D2 a6 m: c/ z" `/ Z' C
REL参数说明两个文档之间的关系，HREF说明目标文档名。关于层叠样式表，将在后面的课程中详述。; m' y6 B4 o$ Y. e4 b) P
BASE. O8 q6 N1 q8 b9 m& c3 O! U) P
本文档的原始地址。语法是：
' [ k: O) j2 t% o. c8 O 2 b2 r! r- ?; C x8 q
这样，读者下载你的文档之后，也可以知道是从哪里下载的。
( q& y- H7 k% b1 i9 Z! M8 @8 QBODY
; \/ v" P- ?/ U: H* Y0 g BODY标记有一些属性，用于定义页面内的显示效果。7 t* s, a% T2 |" B4 M
ALINK、LINK、TEXT、VLINK—— 文字的颜色。# c& w. T9 B, |! t
ALINK：当前激活的连接的文字颜色。
3 q# X5 |* d! I1 O LINK：连接的文字颜色。& I8 f) Y9 q9 U& V/ U
TEXT：文字的颜色。
2 j/ l: Z5 C' f* x9 o; d9 W VLINK：参观过的文字颜色。
, L8 X! [2 w) W# k% S 注意：文字的颜色要和背景色有明显的差别，以便读者浏览。
- O1 U* p/ I, K+ C( r BACKGROUND、BGPROPERTIES、BGCOLOR——页面的背景部分。
9 g ^! y8 ?$ L; ~# K9 a BACKGROUND：背景图案，该图案在页面内平铺。背景图案应保持单一色调，以保证页面文字易于阅读。; ^1 o: c+ B0 K6 _6 D
BGPROPERTIES：设置成FIXED，则背景图案不滚动。（只对INTERNET EXPLORER有效）
8 i) B3 _$ a5 {' [ |4 y BGCOLOR：背景色。
/ Y ~& {: m. \6 w5 x( f* H 注意：如果你的背景图案是深色调，因之文字颜色为淡颜色，那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”，那么在背景图案没有显示的情况下，你的文字在白颜色下很难阅读，所以应该选用一个跟你的背景图案颜色一致的背景色。1 E/ B ?$ y. A# \+ z' t! T; ? c
LEFTMARGIN、TOPMARGIN——页边空白。（只对INTERNET EXPLORER有效）2 l3 ~8 N0 x$ W' H" w) w9 F8 S
LEFTMARGIN：左边页边空白。8 T3 w& V+ V' G3 e" Q
TOPMARGIN：顶端页边空白。
- u# u. l4 K& P% U( U HTML的基本元素就是这些，怎么样，不太难吧。下一课我们就开始制作完整的HTML文件。好了，下课！如果你有什么地方不明白，就来我“办公室”问吧。 |
|
发表于 2008-1-19 23:22
| 