|
 
- UID
- 1
- 帖子
- 738
- 精华
- 28
- 积分
- 14159
- 金币
- 2370
- 威望
- 1647
- 贡献
- 1318
|
程序编制
# ?0 y) o L* s) p9 { 随着WEB的发展，与浏览者的交互越来越受到网站制作者的重视。现在的主页跟最初的静态主页相比，界面更加友好，功能更加丰富。这些技术需要一些编程语言来完成，如javascript、VBSCRIPT、CGI、ASP等等。要想使自己的网站在因特网的浩瀚海洋里脱颖而出，就必须掌握这些编程语言。! D4 H, A S9 a
经验
/ i- X. T8 ]& Z b( s! Q0 t 经验不是一门技术，却是你制胜的法宝。网站制作中的很多问题，如网站结构、版面安排、中文处理等，都需要你的经验。网上有很多设计优秀的网站，要多学习、借鉴，自己多动手、多尝试，相信你也可以做出引人注目的漂亮网站。% T6 Z$ k, D* t
页面基本元素$ C; q& D2 l9 o2 K
HTML的样子
+ i* l; ?0 S9 X8 v HTML语言是由一系列标记组成的，每个标记有它特定的含义。标记用<>标示，以便和页面的内容区分开来。大多数标记成对出现，后面的标记加上一个“/”，表示结束。就像这样：$ V9 U5 V( X5 e8 L! b
这是黑体。' d- |6 ~4 E! Y. A5 M
这句话的显示结果是：9 T$ z* d! ]7 Y: k' R
这是黑体。
3 M; K$ |) Y9 a, {! _# ~# r 表示黑体开始，表示黑体结束，标记在浏览器里不显示。如果你用过WPS中文处理系统，就会发现HTML的标记和WPS的控制符有点类似。把HTML的各种标记弄清楚，你就是主页制作大师了。简单吗？不一定，我们还是开始学习吧。
# r1 M v: m3 J' o 我的第一页 $ h# H/ [6 B7 g1 H j& T5 `
我们首先来看一个最基本的主页的HTML代码：/ `# F% C- m( Q' G7 a- o3 o4 Z
7 {9 ]5 R' [, Z# E* ?--------------------------------------------------------------------------------' F w( f7 O( _3 F; ~, K) j6 c4 r
first.html" P% C0 L6 }1 A0 P1 |1 e
这里是页的内容。3 |8 D( r _# k' u2 ~
7 ^0 e5 H1 @/ T$ L+ W, ~+ e
--------------------------------------------------------------------------------
) f* F9 N: E# J1 m. Q& c2 c 在“记事本”里输入上面的内容，保存文件，注意把“保存类型”改成所有文件（*.*），输入文件名“first.html”。使用浏览器查看一下结果。
: f9 H5 I0 u* R9 X) H图1-1
( S/ Q) v) b% f' ? 从浏览器的“查看”-“源代码”菜单项里，我们可以看到我们刚才输入的源代码。
! `2 v0 G; c& d 对比源代码和显示结果，我们发现，一个基本的HTML页有以下几部分构成：6 a [8 H1 o+ o" J4 l2 w9 s# m& \
6 {1 V' G0 h8 A6 V( \0 F T1 u 说明本页面使用HTML语言编写，使浏览器软件能够准确无误地解释、显示。) A2 S1 h# l& q" A( a, H
6 c1 L( O3 C% m4 @& S
HTML页头，包含页面的一些设置信息。
( D* t% K$ Y/ M! P7 F% K
" w; z+ H* T! }- g" l TITLE是HEAD中的重要组成部分，它包含的内容显示在浏览器的窗口标题栏中。如果没有TITLE，浏览器标题栏显示本页的文件名。网上有很多人忽略了TITLE的设置，你可以经常看到UNTITLED或HOME PAGE等这样的默认标题。由于Internet Explorer的收藏夹和Netscape Navigator的书签都是用TITLE作为存储地址文件的标示，所以为你的主页起一个恰当的TITLE是很有必要的。6 Z0 x9 ]- _: x
5 \. f& z% X# @) e" r% ~+ D BODY包含HTML页面的实际内容，显示在浏览器窗口的客户区中。
3 @* m3 w2 [! M- }1 M% | 页头
3 K" x/ H* @- \1 A; o: _4 u 除了TITLE标记外，HEAD里还有其他的几个标记。这些标记虽然不常用，但是需要有一定的了解。
3 q! g3 Z; F& \META
) `! p2 O5 K- @4 i META标记用于描述不包含在标准HTML里的一些文档信息。激烈的竞争使浏览器厂商纷纷利用META开发出许多实用的功能，又使这些功能在常用的浏览器中都有效。下面介绍几个很有用的用法：) A$ r6 H3 j& S; _0 p6 F4 O
( t. y1 G6 {! i: h9 n+ ^0 z2 l A7 ~/ A% f, `4 R( a0 H1 x. m
本页的关键字和描述。在页面里加上这些定义后，一些搜索引擎就能够让读者根据这些关键字查找到你的主页，了解你的主页内容。
( o$ u) M3 @$ ]* X4 V. |8 D; l+ |8 v9 |' C @, {
浏览器将在60秒后，自动转到new.htm。你可以利用这个功能，制作一个封面，在若干时间后，自动带读者来到你的目录页。% m0 W$ r5 I2 ?* c
如果URL项没有，浏览器就是刷新本页。这就实现了WWW聊天室定期刷新的特性。 q/ w2 @2 K+ i p5 b
' p9 T1 h2 X& Y
描述本页使用的语言。浏览器根据此项，就可以选择正确的语言编码，而不需要读者自己在浏览器里选择。GB2312是指简体中文，而台湾BIG5内码的主页则是用BIG5。6 f+ J1 Y1 e2 o) z- X6 y$ i
! u4 ]. l6 x6 n8 o1 D
强制性调用网上的最新版本。浏览器为了节约时间，在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时，直接显示硬盘上的文件，而不是网上的。如果你想让读者每次都看到最新的版本，就加上这句话。
8 f- ^! {" k QLINK! S% s L j) k
显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下：
2 W7 a/ |, _% l9 T3 u7 J+ {
# P1 W1 { @! b1 |& l. q REL参数说明两个文档之间的关系，HREF说明目标文档名。关于层叠样式表，将在后面的课程中详述。
' T1 x, f& K8 d9 T% XBASE8 z+ J$ @2 g# b1 ^3 _4 N
本文档的原始地址。语法是：
; F) q" p7 P7 L6 j- I 7 T7 x3 {; g: K* @& B% P
这样，读者下载你的文档之后，也可以知道是从哪里下载的。
6 @# n+ B$ ^; N8 ?1 F0 aBODY$ @! n( V# _) i+ s4 o
BODY标记有一些属性，用于定义页面内的显示效果。
" ? b) r+ a% v# m* b6 J ALINK、LINK、TEXT、VLINK—— 文字的颜色。
6 A7 i( ~4 u! z# B3 ~ ALINK：当前激活的连接的文字颜色。# T4 ^# N+ a/ G I
LINK：连接的文字颜色。
- b9 {. J7 l) q2 h TEXT：文字的颜色。
( @* _6 ^0 S7 a5 N B/ P- g VLINK：参观过的文字颜色。
& B1 q7 @1 g) a. O6 J; s" Y 注意：文字的颜色要和背景色有明显的差别，以便读者浏览。
- T0 r" g* a. }. `& @& y# O% w BACKGROUND、BGPROPERTIES、BGCOLOR——页面的背景部分。
! U# z* c; y) d Z. L+ f$ a. n BACKGROUND：背景图案，该图案在页面内平铺。背景图案应保持单一色调，以保证页面文字易于阅读。
0 {" Y6 ?) D7 Q0 }; r2 `4 B- U/ J2 x; c BGPROPERTIES：设置成FIXED，则背景图案不滚动。（只对INTERNET EXPLORER有效）
; y S/ d' c5 f! ^( ~ BGCOLOR：背景色。
9 ^0 F7 ?5 u' f" ~ 注意：如果你的背景图案是深色调，因之文字颜色为淡颜色，那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”，那么在背景图案没有显示的情况下，你的文字在白颜色下很难阅读，所以应该选用一个跟你的背景图案颜色一致的背景色。
; d$ n7 q5 J, i' {' b) N LEFTMARGIN、TOPMARGIN——页边空白。（只对INTERNET EXPLORER有效）
$ P8 l* B s* Z0 y0 B% W LEFTMARGIN：左边页边空白。+ o) {3 ~& u# Q8 }4 w& i
TOPMARGIN：顶端页边空白。" C% o8 Q: d6 O+ e7 U \
HTML的基本元素就是这些，怎么样，不太难吧。下一课我们就开始制作完整的HTML文件。好了，下课！如果你有什么地方不明白，就来我“办公室”问吧。 |
|
发表于 2008-1-19 23:22
| 