Dreamweaver界面介绍和基本应用攻略

 时间:2024-10-20 02:22:16

1、打开Dreamweaver软件,然后在新建下面点击HTML,其他的是略微高级一点的,对于我们初学者做好一个HTML网页就很不错了。

Dreamweaver界面介绍和基本应用攻略
Dreamweaver界面介绍和基本应用攻略

2、我们新建一个HTML网页后,可以直接输入文字,我就输入“我的个人网页”。

Dreamweaver界面介绍和基本应用攻略
Dreamweaver界面介绍和基本应用攻略

3、界面的最上面一行就菜单栏,有文件,编辑,查看,修改等等,我们可以点开看看里面有哪些功能,需要用的时候就不会陌生。

Dreamweaver界面介绍和基本应用攻略
Dreamweaver界面介绍和基本应用攻略

4、下面一行就是插入面板,有常用,布局,表单,数据等几类,点击哪一个下面就会显示它们一下功能,例如常用下面有一个图像,点击图像就是插入图像。

Dreamweaver界面介绍和基本应用攻略
Dreamweaver界面介绍和基本应用攻略

5、选择我们需要插入的图像,点击确定,又弹出一个属性对话框,接着点击确定,就插入了一张照片。

Dreamweaver界面介绍和基本应用攻略
Dreamweaver界面介绍和基本应用攻略
Dreamweaver界面介绍和基本应用攻略

6、接着下面就是文档工具栏,左边有代码,拆分,设计,一般都在设计上,也可以查看代码,也可拆分边设计边看代码,我们设计的每一部分都是有对应的代码。

Dreamweaver界面介绍和基本应用攻略
Dreamweaver界面介绍和基本应用攻略

7、最下面左下角是属性,可以编辑一些属性,界面的右面是一个浮动面板,可展开可折叠,里面也有不少功能。

Dreamweaver界面介绍和基本应用攻略
Dreamweaver界面介绍和基本应用攻略
Dreamweaver界面介绍和基本应用攻略

8、假如现在我的网页编辑好了,那怎么去看到网页打开的效果呢,在文档工具栏有个互联网图标即在浏览器预览,点击后下面出现几个选项,一般我们选择预览在IExplore。

Dreamweaver界面介绍和基本应用攻略
Dreamweaver界面介绍和基本应用攻略

9、这时会提示是否不错,点击是,然后选择保存的文件名和路径,最后点击保存。

Dreamweaver界面介绍和基本应用攻略
Dreamweaver界面介绍和基本应用攻略

10、然后就开始打开连接浏览器了,最后就显示我们刚制作的网页效果了,再根据效果进行改进。

Dreamweaver界面介绍和基本应用攻略
Dreamweaver界面介绍和基本应用攻略
  • DW如何配置搜索动态相关文件为已禁用
  • Flash8如何实现滑动切换图片(AS2)
  • Animate/FLASH如何调整组件字体大小(AS3)
  • 怎么用dreamweaver创建文档
  • Dreamweaver文字或图片怎么添加连接?
  • 热门搜索
    讲文明手抄报 心理健康手抄报模板 小学二年级手抄报 母亲节手抄报简单漂亮 手抄报版面设计模板 初中生手抄报 交通规则手抄报 中秋节手抄报图片大全 有关汉字的手抄报 五水共治手抄报