8. 2 Web 页面设计
1. 网页设计的原则
符合用户的需求
有效的使用资源生成一个一致的、令人愉快的、有效的网页外观和感观
在制作网页之前，应该明确制作的目的、需要完成的任务，以及要达到的要求
网页设计要有自己的风格，通常应伴有一定的标志
网页的页面不必太花哨，上面的图片不宜太多，每一幅图的尺寸不应太大，以免使浏览网页时花费太多的时间。
2. 网页设计的方法
可以用HTML语言所定义的标记及其属性来直接编写网页
也可利用特制的网页制作工具软件
3. 利用标记直接制作网页
一、对网页进行修饰
1）定义字符风格
物理修饰类型：直接指定了文本的具体形式
逻辑修饰类型：只是说明文本需要如何加以突出
物理修饰类型标记
<big</big：较大字体显示；
<small</small：较小字体显示；
<b</b：加粗；
<i</i：斜体；
<u</u：；加下划线；
<s</s：加文本贯穿线；
<tt</tt：显示打字机或电报字体；
2）改变字号
<font size=n</font（n=1~7）
3）加入横线
横线<hr；
横线厚度<hr size=n（n以像素为单位）；
横线长度<hr width=n（n以像素为单位）或横线长度<hr width=n%（n与页宽相比较）；
4）加入注释
<！——注释内容——
5）加入引文
<BLOCKQUOTE
6）加入著作权标志和注册商标符号
著作权：？
注册商标：？
7）在网页上署名
<ADDRESS
8）文本居中
<CENTER
或者 ALIGN=CENTER
9）改变背景
使用<BODY
<body bgcolor=#rrggbb（RGB色码）
使用平铺画
<body background=图形文件名（图形文件格式为gif和jpg）
二、超文本链接
超链接是超文本的一个重要特征，指的是通过标记符号的作用，把并不连续的两段文字或两个文件联系起来
1）链接文件的标记
要建立连接所具备的条件
确认被链接的文件的名称或URL
在文件中确定链接点，使用户可以在浏览窗口中看到一个特殊形式表现的文字串
结构：
<a href=“被链接点”</a
2）同一文件链接
再要跳转的地方加上要跳转的标记
给被跳转到的特定位置起个名字，并加上相应的跳转标记
同一文件的链接：设定锚点<a name=“定位名称”</a
链结到锚点<a href=“#定位名称”</a
3）不同文件链接
本地连接<a href=“被连接文件名”</a
连接到另一文件的一部分<a href=“被连接文件名#定位名称”</a
网络链接：<a href=“URL”</a
4）图片链接
在<A和</A中间在放上<IMG
三、在网页中加入图片
格式：
<img src=“图片名或URL”</a
用文字代替图片显示：
图形取代文字<img src=“URL”alt=n（无法显示图形时用）
动画：
<img src=“动画文件名 ”
四、在网页中加入表格
1）表格的组成
标题：指出表格的含义
标签：指出行、列存放内容的说明
数据：指出表格中的内容
单元：指出表格中各个独立的区域，其中一个区域可以放置表格标题或表格数据
2）创建表格
<caption<caption -表格标题；
<table……</table - 定义表格；
<tr - 定义表行；
<th - 定义表头；
<td - 定义表元（表格的具体数据）
4. 网页制作工具及应用
一、Microsoft 中文 Word 97
二、FrontPage Express