新编Dreamweaver CS3动态网页设计与制作教程第2章

《新编Dreamweaver CS3动态网页设计与制作教程第2章》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、2.1项目1：选择工作区布局2.2项目2：调用DreamweaverCS3辅助功能2.3项目3：本地站点的建立2.4项目4：文档管理2.5课堂综合训练2.6小结习题第2章DreamweaverCS3基础DreamweaverCS3包括三种工作区布局：针对编程人员的编码器、适合网站设计师的设计器和可供网站测试人员使用的双重屏幕。这三种环境能分别给不同角色的工作带来很大的方便，从而发挥DreamweaverCS3出色的工作效率。【设计器】为默认工作区布局，如图2.1所示。2.1项目1：选择工作区布局图2.1【设计器】工作区布局在【编码

2、器】布局下，将重要的面板和编辑窗口集成在一起，从而缩小了编辑窗口。窗口右侧是DreamweaverCS3的代码布局，面板组停靠在左侧。本书大部分内容将在【设计器】布局中进行介绍。1.操作步骤选择工作区布局的具体操作步骤如下：(1)如果要切换工作区布局，可以选择【窗口】→【工作区布局】菜单，然后在展开的子菜单中选择相应的布局命令即可，如图2.2所示。图2.2【工作区布局】子菜单(2)点击【保存当前】，弹出【保存工作区布局】对话框，如图2.3所示，给当前布局模式命名，运用此菜单，用户可以依据个人习惯保存工作区布局模式。输入自定义名称“

3、设计1”。(3)点击【管理】子菜单，弹出【管理工作区布局】对话框，可对用户自定义布局进行删除、重命名操作，如图2.4所示。图2.3【保存工作区布局】对话框图2.4【管理工作区布局】对话框(4)启动DreamweaverCS3后会显示欢迎界面，并要求用户从中选择新建、打开或者以其他方式创建文档，如图2.5所示。(5)打开编辑窗口，可以看到DreamweaverCS3主窗口，其工作界面分为标题栏、菜单栏、文档工具栏、状态栏、属性面板、浮动面板组等，如图2.6所示。详细介绍如下：图2.5DW欢迎界面图2.6DreamweaverCS3主

4、窗口操作界面●　菜单栏：位于标题栏下方，包括【文件】、【编辑】、【查看】、【插入记录】、【修改】、【文本】、【命令】、【站点】、【窗口】和【帮助】等10个菜单项，它们包含了DreamweaverCS3的所有操作命令，通过它们可以对网页文档进行制作、编辑和修改。　　●　插入面板：包含了用于创建和插入对象的按钮。当鼠标移动到一个按钮上时，会出现包含有该按钮名称的工具提示，单击该按钮即可插入相应的元素。　　●　属性面板：属性面板用来显示文本编辑窗口中被选中的元素的属性，并允许用户在属性面板中对元素属性进行修改。选中的元素不同，面板中

5、的内容就不同。●　文档工具栏：包含了比较常见的文档按钮，可以实现“代码”视图、“设计”视图及同时显示“代码”和“设计”视图的拆分视图间的快速切换。文档工具栏还包含一些与查看文档、在本地和远程站点间传输文档相关的常用命令和选项。　　●　状态栏：位于文档编辑区域最底部的是状态栏，状态栏中的【选取工具】、【手形工具】和【缩放工具】按钮分别用来选取对象、移动页面工作区域和缩放页面。状态栏【设置缩放比例】列表菜单可用于显示和调整浏览器窗口的内部尺寸，按比例缩放浏览器大小。【窗口大小】菜单可以选择显示器大小，默认为640 × 480像素。状

6、态栏最右侧显示的是网页下载速度，即下载文件时的数据传输速率(以kb/s为单位)。●　标签选择器：标签选择器位于状态栏的最左边，用于显示当前选定内容标签的层次结构。单击选择器中的任何标签，可以显示该标签的全部内容。若要设置标签选择器中某个标签的类或者ID属性，可右键单击该标签，从弹出的快捷菜单中选择一个类或ID。　　●　浮动面板组：为了方便设计者的使用，DreamweaverCS3将一些常用的面板组合到一个统一的面板组中，每个面板都可以自由展开和折叠，并可以和其他面板停靠在一起或取消停靠。单个面板还可以拖动到编辑窗口中，使用户可以

7、轻易地访问所需面板。2.相关知识点保存工作区布局的方法；　　认识DreamweaverCS3主窗口工作界面。1.屏幕阅读器支持功能屏幕阅读器会朗读计算机屏幕上显示的文字，DreamweaverCS3支持WindowEyes屏幕阅读器。DreamweaverCS3用户可以使用屏幕阅读器来协助创建Web页。屏幕阅读器会从“文档”窗口的左上角开始朗读。它还会在创作过程中朗读在辅助功能标签或属性中提供的非文本信息，例如应用程序中的按钮标签文字或图像说明。2.2项目2：调用DreamweaverCS3辅助功能2.操作系统辅助功能Dream

8、weaverCS3支持Windows操作系统的高对比度设置。在Windows控制面板中的【辅助功能选项】中选择【显示】标签，勾选【使用高对比度】，用户可按个人喜好选择可读性好的字体和颜色。　　启用高对比度后，它会对DreamweaverCS3产生