• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >Dreamweaver教程 > 教你把图片添加到Dreamweaver工程中

教你把图片添加到Dreamweaver工程中

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含图片添加等相关知识,佚名 希望在学习及工作中可以帮助到您

1、打开Dreamweaver软件。如果你电脑里没有Dreamweaver软件的话 请点击:Dreamweaver v8.0 简体中文版(附注册机+8.02补丁):http://www.jb51.net/softs/243.html

怎样把图片添加到Dreamweaver工程中

2、点击HTML。

怎样把图片添加到Dreamweaver工程中

3、创建一个新工程。

怎样把图片添加到Dreamweaver工程中

4、鼠标放到两个<body>里面。(先准备好图片,下面现场下载图片)

怎样把图片添加到Dreamweaver工程中

5、百度一下你想添加到工程里的图片

怎样把图片添加到Dreamweaver工程中

6、点击下载。

怎样把图片添加到Dreamweaver工程中

7、图片处理一下,大小,水印等,处理到自己想要的效果。

8、怎样把图片添加到Dreamweaver工程中 9

回到工程里,刚才那个界面,点击“插入”,选择“图像”。

怎样把图片添加到Dreamweaver工程中

10、会弹出选择图片窗口。点击“确定”。

怎样把图片添加到Dreamweaver工程中

11、浏览选择你的图片,右侧可以看到预览,点击“确定”。

怎样把图片添加到Dreamweaver工程中
12 、弹窗,点击“确定”。
怎样把图片添加到Dreamweaver工程中

13、浏览找到图片。

怎样把图片添加到Dreamweaver工程中

14、选中图片,并点击“确定”。

怎样把图片添加到Dreamweaver工程中

15 、详细说明里就会有图片的路径。点击“确定”。

16、怎样把图片添加到Dreamweaver工程中

17、在弹窗中点击“确定”。

怎样把图片添加到Dreamweaver工程中

18、之后就可以看到,图片已经添加进来了。效果如下:

怎样把图片添加到Dreamweaver工程中

注意事项

图片大小可以在工程外面设置,也可以在里面设置。简单初级教程,其他问题请继续关注,提问。

您可能想查找下面的文章:

相关文章

  • 2017-08-06Dreamever如何嵌入css样式?html嵌入css方法介绍
  • 2017-08-06dreamweaver教程之怎么快速批处理图片链接
  • 2017-08-06Dreamweaver 正则表达式字符查找替换方法($1,$2使用说明)
  • 2017-08-06Dreamweaver怎么绘制视化表格?
  • 2017-08-06Dreamweaver怎么新建网页并保存?
  • 2017-08-06Dreamweaver中CSS面板该怎么设置?
  • 2017-08-06Dreamweaver制作网页幻灯片效果的方法
  • 2017-08-06dw如何插入flash动画?dw插入flash动画方法
  • 2017-08-06dreamweaver站点导入和导出操作步骤
  • 2017-08-06Dreaweaver mxp文件和mxi文件扩展安装方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Dreamweaver站点中新建文件夹和修改/删除/移动文件的操作方法
    • Dreamweaver CS5怎么设计制作网页框架?
    • Dreamweaver正则表达式彻底解决zencart中的Session Cookie报错、XML解析错误以及空白
    • 在Dreamweaver中利用CSS样式表设置网页
    • Dreamweaver怎么清理冗余的网页代码
    • 在dreamweaver中如何插入图片呢?
    • 利用DreamweaverCS5制作一个含有动态标题的教程
    • 在Dreamweaver中实现网页状态栏中活动文字效果的方法
    • dreamweaver做网页实例教程 制作弹出菜单
    • 操作Dreamweaver的18条诀窍详细介绍

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有