网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > Dreamweaver
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.Dreamweaver CS3中Spry详细区域功.
.Dreamweaver MX 2004从零开始(2).
.DreamweaverMX Ultradev探索(3-1).
.Dreamweaver CS4新特性之JavaScr.
.Ultradev实例教程:2.1 建立一个简.
.Dreamweaver中空格问题的探讨.
.用Dreamweaver MX建立一个简单的.
.Ultradev实例教程:1.3 Ultradev所.
.十六则Dreamweaver使用快技法.
.Dreamweaver MX 2004从零开始(6).
.Dreamweaver 4 简明教程(五、让你.
.Dreamweaver MX教程:在居中页面.
.Dreamweaver CS3 新功能描述.
.Dreamweaver 基础 :DW的"文档"窗.
.用Dreamweaver8在网页中插入Flas.
.Dreamweaver行为全接触(3).
.Dreamweaver若干技巧.
.Macromedia Dreamweaver 8.0.1更.
.Dreamweaver中幂格式文本巧实现.
.Dreamweaver MX 打造我们的留言本.

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

发表日期:2004-1-29


  图片的处理

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



  点选该图片,打开属性面板(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:用于在一个图片上的不同区域制作多个不同链接,也留待后面介绍如何建立链接时介绍。
上一篇:Dreamweaver 4 简明教程(五、让你的网页更漂亮之一) 人气:18100
下一篇:Dreamweaver 4 简明教程(五、让你的网页更漂亮之三) 人气:15591
浏览全部Dreamweaver 4 简明教程的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐