首页 > 电脑专区 > 电脑教程 >

如在在Dreamweaver-DW插入图片以及编辑

来源:互联网 2023-02-20 23:38:48 297

今天小编给大家分享一下Dreamweaver如何插入图片,以及图片编辑、属性、大小以及连接等Saq办公区 - 实用经验教程分享!

如在在Dreamweaver-DW插入图片以及编辑Saq办公区 - 实用经验教程分享!

工具/原料

  • 电脑一台、Dreamweaver软件

方法/步骤

  • 1

    打开软件,新建html项目,进入设计模式,常用菜单右侧有一个图片插入按钮,点击图片插入,选择图片文件;Saq办公区 - 实用经验教程分享!

    如在在Dreamweaver-DW插入图片以及编辑Saq办公区 - 实用经验教程分享!

  • 2

    选择所需要的图片,进入编辑区,我们任意插入一张图片,如下图所示:Saq办公区 - 实用经验教程分享!

    如在在Dreamweaver-DW插入图片以及编辑Saq办公区 - 实用经验教程分享!

    如在在Dreamweaver-DW插入图片以及编辑Saq办公区 - 实用经验教程分享!

  • 2本页面非法爬取自百度经验
  • 3

    点击左下方,图片属性,调整图片大小,比如设计为100*100,操作如下图所示:Saq办公区 - 实用经验教程分享!

    如在在Dreamweaver-DW插入图片以及编辑Saq办公区 - 实用经验教程分享!

  • 4

    我们设计好图片,选择我们来设计连接,也就是我们点击图片可以连接到其他内容,操作如下图,在红色区域输入你要连接内容:Saq办公区 - 实用经验教程分享!

    如在在Dreamweaver-DW插入图片以及编辑Saq办公区 - 实用经验教程分享!

  • 5

    点击连接后弹出一个对话框,如下图所示,我们可以连接到文件,也可以连接到网站,连接到文件,选择所需文件,连接到网站选择数据源;Saq办公区 - 实用经验教程分享!

    如在在Dreamweaver-DW插入图片以及编辑Saq办公区 - 实用经验教程分享!

  • 6

    比如我们连接到图片,我们选择一张图片,如下图所示;Saq办公区 - 实用经验教程分享!

    如在在Dreamweaver-DW插入图片以及编辑Saq办公区 - 实用经验教程分享!

  • 7

    整个 过程结束,我们一起看看效果,点击预览,查看效果,具操作作如下:Saq办公区 - 实用经验教程分享!

    如在在Dreamweaver-DW插入图片以及编辑Saq办公区 - 实用经验教程分享!

  • 8

    效果如下:Saq办公区 - 实用经验教程分享!

    如在在Dreamweaver-DW插入图片以及编辑Saq办公区 - 实用经验教程分享!

  • 注意事项

    • 做网站,开开心心

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Saq办公区 - 实用经验教程分享!


    标签: 插入网站连接图片编辑

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码