Dreamweaver介绍
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Dreamweaver 基础知识
本章目录
Dreamweaver概述 1. Dreamweaver概述 2 .工作界面 3 .基本操作
Dreamweaver概述 1. Dreamweaver概述
Dreamweaver是由美国著名的多媒体软件 Dreamweaver是由美国著名的多媒体软件 开发商Adobe公司（电脑软件公司， Adobe公司 开发商Adobe公司（电脑软件公司，位于美 国的圣何塞）开发的一个“所见即所得” 国的圣何塞）开发的一个“所见即所得”的 可视化网站开发工具，Dreamweaver是 可视化网站开发工具，Dreamweaver是 网页设计三剑客”中的重要成员， “网页设计三剑客”中的重要成员，主要负 责网站的创建与管理、网页板式设计、网页 责网站的创建与管理、网页板式设计、 编辑和排版。 编辑和排版。
分为以下几类： 分为以下几类： 外观 链接 标题 标题/ 标题/编码 跟踪图像
4)、 4)、网页文档的打开
方法1 方法1：文件→打开
方法2 在文件面板中， 方法2：在文件面板中，双击指定的文档
5)设置页面属性 5)设置页面属性
步骤如下 新建或打开一网页 页面属性（单击属性面板中“ 单击修改→页面属性（单击属性面板中“页面
属性按钮） 属性按钮） 页面属性” 在“页面属性”对话框中设置
窗口界面组成（设计界面） 窗口界面组成（设计界面）
菜单栏 插入面板 工具栏
文档窗口
面 板 组
属性面板ห้องสมุดไป่ตู้
窗口组成（代码界面） 窗口组成（代码界面）
代码窗口
插入工具栏
菜单形式的插入面板
制表符形式的插入面板
文档工具栏
文档工具栏
标准工具栏
属性面板
面板组和相应的下拉菜单
面 板 组 下 拉 菜 单
8的基本操作 3. Dreamweaver 8的基本操作
1)新建网页 1)新建网页 2)网页浏览 2)网页浏览 3)网页的保存 3)网页的保存 4)网页文档的打开 4)网页文档的打开 5)设置页面属性 5)设置页面属性
1) 新建网页
a.创建新文档 a.创建新文档 方法1 在初始界面中单击“创建新项目” 方法1：在初始界面中单击“创建新项目”下 边的“HTML” 边的“HTML 方法2 文件” 新建” 方法2：“文件”→“新建”命令 方法3 方法3：双击文件面板中的文档名 b.根据模板创建文档 b.根据模板创建文档 模板是已经布局设计好的网页结构， 模板是已经布局设计好的网页结构，你只需在 适当的位置上填入实际页面元素
Dreamweaver8工作界面 2. Dreamweaver8工作界面
1)、Dreamweaver的 1)、Dreamweaver的窗口构成 a.初始界面 a.初始界面 b.工作界面 b.工作界面 2)菜单栏和 菜单栏和工具栏 2)菜单栏和工具栏 a.插入工具栏 a.插入工具栏 菜单”形式和“制表符” 有“菜单”形式和“制表符”形式的两种 b.文档工具栏 b.文档工具栏 3)、 3)、视图方式 HTML代码视图 拆分视图、 代码视图、 HTML代码视图、拆分视图、设计视图 4)、 4)、属性面板 5)、 5)、面板组 注意： 注意：面板组的打开和隐藏
2)网页的浏览 2)网页的浏览
方法1 单击“浏览” 方法1：单击“浏览”按钮 方法2 F12功能键 方法2：按F12功能键 方法3 文件→在浏览器预览→ 方法3：文件→在浏览器预览→ IExplore6.0 方法4 方法4：在相应的文档上双击网页文档
3)网页的保存 3)网页的保存
方法1 方法1：文件→保存 方法2 方法2：文件→另存为
本章目录
Dreamweaver概述 1. Dreamweaver概述 2 .工作界面 3 .基本操作
Dreamweaver概述 1. Dreamweaver概述
Dreamweaver是由美国著名的多媒体软件 Dreamweaver是由美国著名的多媒体软件 开发商Adobe公司（电脑软件公司， Adobe公司 开发商Adobe公司（电脑软件公司，位于美 国的圣何塞）开发的一个“所见即所得” 国的圣何塞）开发的一个“所见即所得”的 可视化网站开发工具，Dreamweaver是 可视化网站开发工具，Dreamweaver是 网页设计三剑客”中的重要成员， “网页设计三剑客”中的重要成员，主要负 责网站的创建与管理、网页板式设计、网页 责网站的创建与管理、网页板式设计、 编辑和排版。 编辑和排版。
分为以下几类： 分为以下几类： 外观 链接 标题 标题/ 标题/编码 跟踪图像
4)、 4)、网页文档的打开
方法1 方法1：文件→打开
方法2 在文件面板中， 方法2：在文件面板中，双击指定的文档
5)设置页面属性 5)设置页面属性
步骤如下 新建或打开一网页 页面属性（单击属性面板中“ 单击修改→页面属性（单击属性面板中“页面
属性按钮） 属性按钮） 页面属性” 在“页面属性”对话框中设置
窗口界面组成（设计界面） 窗口界面组成（设计界面）
菜单栏 插入面板 工具栏
文档窗口
面 板 组
属性面板ห้องสมุดไป่ตู้
窗口组成（代码界面） 窗口组成（代码界面）
代码窗口
插入工具栏
菜单形式的插入面板
制表符形式的插入面板
文档工具栏
文档工具栏
标准工具栏
属性面板
面板组和相应的下拉菜单
面 板 组 下 拉 菜 单
8的基本操作 3. Dreamweaver 8的基本操作
1)新建网页 1)新建网页 2)网页浏览 2)网页浏览 3)网页的保存 3)网页的保存 4)网页文档的打开 4)网页文档的打开 5)设置页面属性 5)设置页面属性
1) 新建网页
a.创建新文档 a.创建新文档 方法1 在初始界面中单击“创建新项目” 方法1：在初始界面中单击“创建新项目”下 边的“HTML” 边的“HTML 方法2 文件” 新建” 方法2：“文件”→“新建”命令 方法3 方法3：双击文件面板中的文档名 b.根据模板创建文档 b.根据模板创建文档 模板是已经布局设计好的网页结构， 模板是已经布局设计好的网页结构，你只需在 适当的位置上填入实际页面元素
Dreamweaver8工作界面 2. Dreamweaver8工作界面
1)、Dreamweaver的 1)、Dreamweaver的窗口构成 a.初始界面 a.初始界面 b.工作界面 b.工作界面 2)菜单栏和 菜单栏和工具栏 2)菜单栏和工具栏 a.插入工具栏 a.插入工具栏 菜单”形式和“制表符” 有“菜单”形式和“制表符”形式的两种 b.文档工具栏 b.文档工具栏 3)、 3)、视图方式 HTML代码视图 拆分视图、 代码视图、 HTML代码视图、拆分视图、设计视图 4)、 4)、属性面板 5)、 5)、面板组 注意： 注意：面板组的打开和隐藏
2)网页的浏览 2)网页的浏览
方法1 单击“浏览” 方法1：单击“浏览”按钮 方法2 F12功能键 方法2：按F12功能键 方法3 文件→在浏览器预览→ 方法3：文件→在浏览器预览→ IExplore6.0 方法4 方法4：在相应的文档上双击网页文档
3)网页的保存 3)网页的保存
方法1 方法1：文件→保存 方法2 方法2：文件→另存为