欢迎来到培训无忧网!

全国切换

咨询热线 400-001-5729

位置:培训无忧网 > 新闻资讯 > 电脑/IT > 网页制作 >  长沙学网页设计如何插入图像

长沙学网页设计如何插入图像

来源:培训无忧网 发布人:裴裴

2022-11-06 12:02:42|已浏览:117次

网页设计如何插入图像

网页设计如何插入图像

网页设计如何插入图像?网页设计插入图像的方法:将插入点移动到要插入的图像的位置,选择"插入|图像"菜单命令,或"插入"面板上的"常用|图像"按钮的"图像"下拉菜单项,打开"选择图像源文件"对话框选择图形即可。以下是网页设计如何插入图像得具体介绍

1、插入图像

将插入点移动到要插入的图像的位置,选择"插入|图像"菜单命令,或"插入"面板上的"常用|图像"按钮的"图像"下拉菜单项,打开"选择图像源文件"对话框。

选择好要插入的图像文件后,点击"确定"按钮,会出现"图像标签辅助功能属性"对话框。其中,"替换文本"下拉列表项用于指定图像的描述信息,当鼠标移动到图像上时将显示该信息。单击"确定"按钮,即可将选定的图像添加到页面中。

如果插入的图像位于站点文件夹之外,系统会弹出"是否将此图像文件复制到根文件夹中"的信息框。点击"是"按钮,弹出"复制文件为"对话框,点击 "保存"按钮,图像文件将被保存在选定的文件夹中。

2、图像属性设置

在Dreamweaver的文档窗口中选择一个图像,会出现"图像属性"面板,其中显示了该图像的常用属性。如果该面板没有出现,可以单击"窗口|属性"菜单命令来打开所选图像的"属性"面板。

3、插入图像占位符

在网页制作过程中,如果要插入的图像尚未制作完网或尚未计划要插入的图像,可以使用图像占位符来预留图像的位置,以便在网页中添加其他对象。

插入图像占位符时,仅用于临时放置图像,在实际浏览时将以叉的形式显示。

插入图像占位符时,将插入点移动到要添加图像占位符的位置,并选择 "插入|图像对象|图像占位符"菜单命令,或 "插入"面板中的"常用|图像 "图标的"图像占位符"下拉菜单项,打开"图像占位符"对话框。在对话框中设置图像占位符参数,点击 "确定 "按钮,完成设置。

在用图像替换图像占位符时,可以直接双击图像占位符,在弹出的"选择图像源文件"对话框中选择图像源文件即可。

4、插入鼠标经过图像

鼠标插入图像上也叫交互式图像。当鼠标移到一个图像上时,会转换成另一个图像,而当鼠标指针移开时又会返回到原来的图像。这种动态效果常被用在网页导航栏的导航按钮上。

鼠标移过的图像由原始图像和替换图像组成,它们的大小应该相等。如果这两张图片的尺寸不同,Dreamweaver将调整第二张图片的尺寸,使之与第一张图片的尺寸一致。

要插入鼠标经过图像,将插入点移动到需要添加鼠标经过图像的位置,选择"插入|图像对象|鼠标经过图像"菜单命令,打开"插入鼠标经过图像 "对话框。在对话框中设置鼠标经过图像的参数,点击"确定"按钮即可。

      注:尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-66439.html 违者必究!部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们,了解更多相关资讯请关注网页制作频道查看更多,了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多:150 3333 6050

留下你的信息,课程顾问老师会一对一帮助你规划更适合你的专业课程!
  • 姓名:

  • 手机:

  • 地区:

  • 想学什么:

  • 培训无忧网
免 费 申 请 试 听
提交申请,《培训无忧网》课程顾问老师会一对一帮助你规划更适合你的专业课程!