当前页:网页制作 >>>在图片里制作连接的三种方法(图)
在图片里制作连接的三种方法(图)
来源:本站原创   责任编辑:黄舒奇   最后修改时间2016-05-28
    方法一:用图片做背景
    第一步:打开Dreamweaver,新建一个页面,插入与图片大小的表格,然后在表格中单击鼠左键,这时看下面的属性,背景-单击后面的文件夹,找到你站点里的图片,选择打开就把图片设置为背景了。如图1
               
                     图1 单击背景后面的文件夹,插入图片
    第二步:在做背景的表格中打上字,与平时一样可以做连接了。
   效果演示: 



首   页视频教程实例制作原创习作网页制作网页特效网页素材
     图2 在表格中输入文字,这样也能制作连接
    方法二:直接在图片上制作连接
     第一步:打开Dreamweaver,新建一个页面,插入与图片大小的表格,然后将图片导入到表格。
     第二步:在图片上绘制一个层,在层里再插入一个表格,打上字,一样可以制作连接。绘制层可以随心所欲地放置,如图3
     
                       图3 在图片上绘制一个层
  效果演示:
       
                      图4 在层上输入文字,制作连接
    方法三:用热点工具为图片做连接
    第一步:打开Dreamweaver,新建一个页面,插入与图片大小的表格,然后将图片导入到表格中。
    第二步:选中图片,属性左下可以看到图片的三种热点工具,第一个是巨型,第二个是椭圆形,第三个是多边形热点工具。如图3
                         
                                图5 热点工具
    下面我们还用这张图片做实例吧,图中最显目的山,我们设置为首页吧,因为山是不规则的,我们就要用多边形热点工具,鼠标在多边形热点工具上单击,然后是顺着山外表画一个封闭的不规则的图形,在属性链接处输入首页地址,如图4。
     
                         图6 选择不同形状的热点工具
     视频教程是看的,我们就把天空设置为视频教程吧,河边远方小山我们就设置为原创习作吧,网页制作并不是花,我们把右边的花设置为网页制作吧,左方山上的小凉亭和树我们就把它设置为网页特效吧,河流设置为网页素材。
     用什么热点工具你自己选择啦。好了,请试一下,看我上面说的对不对吧。
    效果演示:   
       
                                图7 效果演示
                            下一页:如何隐藏网页中的播放器