中职高教版《网页设计与制作》3.2.2 DW CS6的工作界面课件

DW CS6的工作界面 课前导入 小明一直想要去参观背景的故宫，但一直没有去成，于是他开始上网搜索浏览故宫博物院。 https://www.dpm.org.cn/Home.html 他浏览的是网页 网页设计制作的工具有哪些？ Dreamweaver CS6 是Adobe公司收购Macromedia公司后最新推出的用于网页设计与制作的软件。 Dreamweaver CS6 所见即所得编辑器 3 DW的组成 标签选择器 菜单栏 文档编辑区 文档工具栏 属性面板 状态栏 标题栏 浮动面板组 以“所见即所得”的方式显示被编辑的页面内容。 4 标题栏：主要由工作区切换器、布局、扩展Dreamweaver和站点管理器组成，使用它可以更快捷地完成某种工作。 DW的组成 5 菜单栏:共有10个菜单项，包含了Dreamweaver 的所有操作命令，使用它们可以完成所有操作。 DW的组成 6 文档工具栏：包含了文档编辑区的三种视图模式，也包含了文档标题，文件管理和在浏览器预览等命令按钮 DW的组成 在浏览器预览 文件管理 文件标题 视图模式：“代码”、“拆分”、“设计”。 代码视图：可以查看已编辑好页面的HTML代码，也可以编辑HTML代码制作网页 设计视图：可实现所见即所得的设计方式 拆分视图：能同时显示“代码”视图和“设计”视图 7 “设计”按钮右侧的“标题”文本框，用于输入网页标题栏的信息。 DW的组成 在浏览器预览 文件管理 文件标题 “预览”按钮可用来预览正在编辑的页面。当计算机系统中有多个浏览器时，预览前可以选择游览器并提示保存该页面。 8 状态栏:位于文档编辑区的下方，左侧为标签选择器，右侧依次为选取工具、手形工具、缩放工具、设置缩放比例、分辨率、窗口大小、文档大小和网页下载速度。 DW的组成 标签选择器 选取工具 文档大小和下载速度 手形工具 缩放工具 设置缩放比例 分辨率 9 标签选择器：显示当前插入点位置的HTML源代码标记和选中标记在文档中对应的内容。 DW的组成 标签选择器 选取工具 文档大小和下载速度 手形工具 缩放工具 设置缩放比例 分辨率 “窗口大小”弹出菜单：显示当前文档窗口的大小尺寸，以像素为单位。当拖动文档窗口边框改变窗口大小时，会看到状态栏上“窗口大小”弹出菜单区域中显示的数值也会发生变化。可以通过选择“编辑”菜单中的“首选参数”选项，打开“首选参数”对话框，在左边选择“窗口大小”，使窗口大小匹配智能手机、平板电脑和普通电脑的分辨率。 10 文档大小和下载速度：显示当前编辑文档的大小，和该文档在Internet上被完全下载的时间，针对不同的下载速度，下载时间也不相同。 DW的组成 标签选择器 选取工具 文档大小和下载速度 手形工具 缩放工具 设置缩放比例 分辨率 11 选择“编辑”菜单下的“首选参数”选项，可以设置Dreamweaver用户界面的常规外观、行为和特写功能的相关选项， 设置DreamWeaver首选参数 12 属性面板：用于显示所选网页元素的属性，并可在属性面板上修改相关属性。选择不同的网页元素，属性面板所显示的内容不同，例如文本和图片所显示的属性是不同的， DW的组成 13 在Dreamweaver CS6中，面板被组织到浮动面板组中，浮动面板组位于工作界面的右侧，分别对应不同的功能，我们可以根据自己的需求，将不同的面板调出、隐藏或重新组合。 DW的组成 14 1、Dreamweaver CS6 的界面窗口中，标题栏包括（ ） A.工作区切换器 B.布局 C.站点管理器 D.扩展 Dreamweaver 随堂测试 2、Dreamweaver CS6 的文档工具栏中分别对应编辑区工作状态的按钮有（ ）A.代码 B.拆分 C.设计 D.实时视图 3、属于Dreamweaver CS6的界面组成的有（ ） A.标题栏 B.浮动面板组 C.属性面板 D标签选择器 ABC ABCD ABCD $