手机
当前位置:查字典教程网 >网页设计 >Dreamweaver教程 >Dreamweaver插入图片的基本方法
Dreamweaver插入图片的基本方法
摘要:1、启动Dreamweaver1)点击“开始-所有程序-Macromedia-MacromediaDreamweaver8&rd...

 1、启动Dreamweaver

1)点击“开始-所有程序-Macromedia-Macromedia Dreamweaver 8”,

Dreamweaver插入图片的基本方法1;

2)在中间的“创建新项目”中点第一个 HTML,打开一个空白文档,把标题改为“插入图片”;

Dreamweaver插入图片的基本方法2

3)点“文件-保存”命令,以 tupian 为文件名保存文件,保存位置在建立的站点中;

2、插入图片

1)在右边的侧边栏中间,在文件面板中找到“站点-青青草”,瞄准敲右键,选“新建文件夹”命令,新建一个名为 images 的文件夹;

Dreamweaver插入图片的基本方法3

Dreamweaver插入图片的基本方法4

2)这个images 文件夹主要用来放图片的,把要用的图片复制到这个文件夹中,也可以直接拖进去,图片的文件名必须是英文的;

Dreamweaver插入图片的基本方法5

在右键菜单里有个“编辑”菜单,这里面有“拷贝、粘贴、删除、重命名”等命令;

Dreamweaver插入图片的基本方法6

3)点常用工具栏中间的“插入图像”按钮

Dreamweaver插入图片的基本方法7,出现一个“选择图片”对话框,中间有一个文件夹images

Dreamweaver插入图片的基本方法8

注意上面的“查找范围”应该是站点的文件夹,中间是images文件夹,打开它,选择刚才复制进去的图片,点“确定”即可;

Dreamweaver插入图片的基本方法9

如果插入的图片不在站点内,会出来一个复制的提示,这时候点“是”就可以了;

Dreamweaver插入图片的基本方法10

4)保存一下文件,点预览按钮,看一下图片的效果;

另外一种更简单的方法是,直接把右边站点里的图片拖到页面中,要插图片的位置,也可以插入图片;

【Dreamweaver插入图片的基本方法】相关文章:

dreamweaver制作滚动字幕的方法

Dreamweaver CS4新增相关功能介绍

Dreamweaver 入门教程之创建页面

Dreamweaver中制作细边的表格的技巧

Dreamweaver标签选择器的妙用

Dreamweaver CS3集成Spry效果图文教程

将Dreamweaver CS3默认的UTF-8编码改为GB2312

Dreamweaver网页制作教程:超级链接

Dreamweaver如何设计自动关闭的网页

Dreamweaver CS3 实现多分辨率层定位

精品推荐
分类导航