2012年自考“互联网及其应用”串讲笔记（29）
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
| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 全 |
资料来源于网络，仅供参考！
编辑推荐：
京公网安备 11010802030524号