您的位置:学习中国 推荐教程 Dreamweaver 正文
原作者:admin 添加时间:2007-05-22 原文发表:2007-05-22 人气:44


使用背景图片

背景图片通常用来修饰网页的背景。使用背景图片一定要小心,如果你还要使用插图,要注意插图与背景图的颜色是否能和协。另外文字是否因为背景图的使用而难以看清楚。背景图片可以使用很小的图片,浏览器会将图片重复排列,直到排满整个网页。

如果想在网页中插入图片背景,在文件窗口内点击鼠标右键,在弹出的菜单中选择页属性Page Properties。


 


点击浏览按钮找到想使用的图片 ,点击确定,文件窗口内就会显示出背景图片。

背景图片的衔接通常是非常紧密的,所以通常你无法看出图片是堆砌出来的。这个背景图片的大小只有
102 x 102 pixels.

背景使用的图片
 

图像地图 Image Maps
图像地图就是将一个图片分割成有多个不同超链接的区域。点击不同的区域会连接到不同的网址。图像地图是建立图形化链接的方式。
图像地图的使用方法有两种:客户端和服务器端。
Both types of image maps involve a listing of co-ordinates that define the regions and which URLs those co-ordinates are associated with.
图像地图在HTML文档中使用<MAP> 标签来实现。请看下面的实例:

 

<IMG SRC="Picture.gif" USEMAP="#map1">

<MAP NAME="map1">

<AREA SHAPE="RECT" COORDS="9,120, 56,149" HREF="whatever.htm">  

<AREA SHAPE="RECT" COORDS="100,200, 156,249" HREF="wherever.htm">

</MAP>

 

 

SHAPE:

RECT或RECTANGLE: 表示区域是方形的,需要对角线两点的坐标: X1, Y1, X2和 Y2

CIRC或CIRCLE: 表示区域是圆形的,需要确定圆心位置、离心度和半径。

POLY或POLYGON: 表示区域是多边形的,需要至少三个坐标。

本页地址
相关文章

在网页中使用图片(2)
在网页中使用图片(1)
使用超链接(2)
使用超链接(1)
文字格式的设定
了解Dreamweaver的使用界面
Dreamweaver MX进阶教程:制作虚线
Dreamweaver制作网页实用七招
用Dreamweaver进行数据库操作
在网页中使用图片(4)
DreamweaverMX进阶教程一可视化操作iframe
DreamweaverMX进阶教程二滚动字幕
DreamweaverMX进阶教程三轻松制作弹出菜单
DreamweaverMX进阶教程四使用插件
DreamweaverMX进阶教程五制作弹出窗口
DreamweaverMX进阶教程六网页添加背景音乐
DreamweaverMX进阶教程七创建基于框架的网页
DreamweaverMX进阶教程八操作框架
DreamweaverMX进阶教程九使用用于框架的行为

相关评论


本文章所属分类:首页 推荐教程 Dreamweaver   Dreamweaver