您的位置:首页网页设计DreamWeaver → Dreamweaver 4 简明教程五、让你的网页更漂亮之二

Dreamweaver 4 简明教程五、让你的网页更漂亮之二

时间:2004/11/7 2:36:00来源:本站整理作者:蓝点我要评论(0)

图片的处理

  假设现在我们插入的是如下这张图片:




  点选该图片,打开属性面板(Ctrl+F3),可看到如下图的状态:




  1、图片的缩略图及图片的大小。

  2、图片的长宽,如果图片长于宽跟原图的大小不一致的话,这里的数字会用粗体显示;点取一张图片,你可以看到图片会被套上一个框和三个点,三个点分别代表将图片向三个不同的方向拉伸,从而达到放大和缩小的效果;在拉伸过程中,按着Shift键,再拖动角上的点,可以使图片保持宽高比例拉伸,如下图。如果要将图片恢复为原始大小,可以按属性面板右下角的“Reset Size”按钮。



 

  3、Src是图片所在的位置;Link是该图片对应的超链接,由于没有做成链接,所以这里显示为空;后面的两个按钮 ,前者可以拉出一个箭头,直接将图片或链接指向文件夹的某一个文件,后者则是按照传统的方法打开文件夹去寻找某一个文件,按照实际操作的经验,前者作用不大;Target是链接的打开方式。关于链接的建立与注意事项将在后面介绍。

  4、Align:图片的对齐方式,这是最基本的网页排版方式之一,方式大家可以自行调试,在此就不占篇幅了,详情可参考:
  http://www.goeway.com/web/dreamweaver/series/bighead/align.htm;
  Alt:是图片的说明,假如我在这里输入:“我是猩猩我怕谁”,在浏览的时候,将鼠标移到图片上,就可以看到这些说明;
  Border:图片的边框宽度,例如输入 10:




  5、图片的置左、居中、置右,相信只要你使用过Word ,就不会对他感到陌生。

  6、Map:用于在一个图片上的不同区域制作多个不同链接,也留待后面介绍如何建立链接时介绍。

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 CSS优雅的公布栏源码高级CSS选择器的使用 将网站(主页)变成黑白DW设计网页时组织CSS的建议利用Dreamweaver合理优化网页元素布局22个Dreamweaver内置网页过渡特效简介

人气排行 如何用Dreamweaver制作电子相册下拉菜单全攻略-用Dreamweaver制作下拉菜单用Dreamweaver实现ASP数据库动态网站建设用Dreamweaver CS3制作下拉菜单如何在DW中插入Flash的参数详解Dreamweaver标签选择器的妙用巧用dreamweaver模板批量制作网页优化HTML代码加快网页速度