- Dreamweaver+jQuery移动网页设计从新手到高手
- 张雪玲 刘琳
- 835字
- 2021-04-04 00:02:08
3.3 设置图像属性
插入图像后,如果图像的大小和位置不合适,还需要对图像的属性进行相应的调整,如大小、位置和对齐方式等。
3.3.1 调整图像大小
选择插入的图像,在“属性”面板中的“宽”和“高”文本框中输入具体的图像大小,如图3-13所示。
图3-13
★知识要点★
图像“属性”面板中可以进行如下设置。
· 宽和高:以像素(PX)为单位设定图像的宽度和高度,当在网页中插入图像时,Dreamweaver会自动使用图像的原始尺寸,还可以使用以下单位指定图像大小的单位:点、英寸、毫米和厘米。在HTML源代码中,Dreamweaver将这些单位转换为像素。
· Src:指定图像的具体路径。
· 链接:为图像设置超链接。可以单击按钮选择要链接的文件,或直接输入URL路径。
· 目标:设置链接时的目标窗口或框架,在其下拉列表中包括4个选项。
» _blank:将链接的对象在一个未命名的新浏览器窗口中打开。
» _parent:将链接的对象在含有该链接的框架的父框架集或父窗口中打开。
» _self:将链接的对象在该链接所在的同一个框架或窗口中打开。_self是默认选项,通常不需要指定。
» _top:将链接的对象在整个浏览器窗口中打开,因而会替代所有框架。
· 编辑:启动“外部编辑器”首选参数中指定的图像编辑软件,并使用该图像编辑软件打开选定的图像。
» 编辑:启动外部图像编辑器编辑选中的图像。
» 编辑图像设置:弹出“图像预览”对话框,在该对话框中可以对图像进行设置。
» 重新取样:将“宽”和“高”的值重新设置为图像的原始大小,调整所选图像大小后,此按钮显示在“宽”和“高”文本框的右侧。如果没有调整过图像的大小,该按钮不会显示。
» 裁剪:修剪图像的大小,从所选图像中删除不需要的区域。
» 亮度和对比度:调整图像的亮度和对比度。
» 锐化:调整图像的清晰度。
· 地图名称和热点工具:标注和创建客户端图像地图。
· 替换:图片的注释。当浏览器不能正常显示图像时,便在图像的位置用这个注释代替图像。
· 原始:指定在载入主图像之前应该载入的图像。
3.3.2 设置图像对齐方式
选择图像并右击,在弹出的快捷菜单中选择图像的对齐方式,如图3-14所示。对齐后的效果,如图3-15所示。
图3-14
图3-15