Dreamweaver 4 简明教程(五、让你的网页更漂亮之二)_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

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

作者：闵涛文章来源：闵涛的学习笔记点击数：694 更新时间：2009/4/23 12:19:42

　　图片的处理

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

　　点选该图片，打开属性面板（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：用于在一个图片上的不同区域制作多个不同链接，也留待后面介绍如何建立链接时介绍。

[办公软件]如何在Excel表格单元格中输入比例(如4:1并让其正确…  [VB.NET程序]用VB.Net实现DirectSound9 (4) DS3D
[VB.NET程序]几个 WMI 的例子（初级） - 4  [VB.NET程序]VB程序员眼中的C# 4
[VB.NET程序]禁止使用 Alt+F4 关闭窗口  [Delphi程序]从实例看 Delphi 4 中的动态
[网页制作]Dreamweaver MX打造弹出“向导”  [网页制作]使FrontPage与Dreamweaver亲密合作
[网页制作]Fireworks/Dreamweaver双剑合壁造弹出菜单(2)  [网页制作]Fireworks/Dreamweaver双剑合壁造弹出菜单(1)

教程录入：mintao 责任编辑：mintao

上一篇教程： Dreamweaver 4 简明教程(五、让你的网页更漂亮之一)

下一篇教程： Dreamweaver 4 简明教程(五、让你的网页更漂亮之三)

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……