第2章DW基础知识.ppt

内容要点:
1. Dreamweaver 的安装、启动与工作环境介绍
2. HTML基础(难点)
3创建站点并组织站点的结构(重点)
4在站点中创建网页(重点)
第 2章 Dreamweaver基础知识
的安装、启动与工作环境简介
(1)演示软件安装和启动的过程
Dreamweaver是由美国著名的软件开发商Macromedia公司推出的一个“所见即所得”的可视化网站开发工具;主要用于对Web站点、Web页和Web应用程序进行设计、维护、编码和开发。它以简洁的界面,强大的功能,成为众多专业网站和个人主页建站的首选软件。
(2)界面结构和工作环境
工作区设置对话框
首次启动 Dreamweaver 时,会出现一个工作区设置对话框,我们可以从中选择一种工作区布局。如果不熟悉编写代码,可以选择“设计者”。如果以后想更改工作区,可以使用编辑菜单“首选参数”对话框切换到一种不同的工作区。
首选参数对话框
(3)dw的窗口组成(参看教材p5-p9)
插入栏:又叫插入对象面板;
状态栏:提供了标签选择器(也叫做标记符选择器)、窗口尺寸、文件大小等网页信息
(4)dw菜单简介
标题栏
工具栏(在文档编辑窗口上部)
代码视图与设计视图的切换及其他常用按钮。
插入对象面板(和以前的工具栏类似;通过操作窗口/插入或CTRL+F2 来打开该插入栏,包括常用、布局、表单、文本等)
面板组
菜单
“文件”菜单包含“新建”、“打开”、“保存”、“保存全部”,还包含各种其他命令,用于查看当前文档或对当前文档执行操作,例如“在浏览器中预览”和“打印代码”。
“编辑”菜单包含选择和搜索命令,例如“选择父标签”和“查找和替换”。“编辑”菜单还提供对DW菜单中“首选参数”的访问。
“帮助”菜单提供对 Dreamweaver 文档的访问,包括关于使用 Dreamweaver 以及创建其扩展功能的帮助系统,还包括各种语言的参考材料。
“查看”菜单:使您可以看到文档的各种视图(例如“设计”视图和“代码”视图),并且可以显示和隐藏不同类型的页面元素和 DW工具及工具栏。
“窗口”菜单:提供对 DW中的所有面板、检查器和窗口的访问。
“修改”菜单:使您可以更改选定页面元素或项的属性。使用此菜单,您可以编辑标签属性,更改表格和表格元素,并且为库项和模板执行不同的操作。
 “命令”菜单:提供对各种命令的访问;包括一个根据您的格式首选参数设置代码格式的命令、一个创建相册的命令等。
“站点”菜单:提供用于管理站点以及上传和下载文件的菜单项。
“文本”菜单:使您可以轻松地设置文本的格式。
站点菜单:管理站点和(可不适用FTP软件)上传站点
文档编辑窗口:上面显示设计文档的标题,下面显示标尺和底格功能。
属性面板:用于显示或修改选定对象的属性信息。
状态栏
标签选择器:用于显示或选定网页对象
窗口大小弹出菜单:分别显示窗口和显示器的尺寸
下载时间显示栏:根据网页内容大致估算的下载时间