网页设计与制作案例教程-电子教案2.pptVIP

Dreamweaver 8的工作界面主要包括：菜单栏、工具栏、文档窗口、属性面板、面板组等。 2.4.2　Dreamweaver 8的工作环境 1．菜单栏 Dreamweaver 8的菜单栏包含10类菜单：文件、编辑、查看、插入、修改、文本、命令、站点、窗口、帮助。 2．工具栏 Dreamweaver 8的工具栏主要分为插入工具栏、标准工具栏、文档工具栏、样式呈现工具栏。 （1）插入工具栏 插入工具栏包含用于将各种类型的“对象”（例如图像、声音、动画、表格、框架、层、表单等）插入到文档中的按钮。 显示插入工具栏的方法：选择菜单【窗口】→【插入】选项，文档窗口上方将显示出插入工具栏。通常情况下会显示“常用”工具栏。 切换不同类型的插入工具栏的方法：单击插入工具栏上的“向下箭头”按钮 ，选择不同种类的对象，各种类型对象对应的按钮将会显示在工具栏上。 （2）标准工具栏 标准工具栏包含网页文档的基本操作工具，例如新建、打开、保存、剪切、复制、粘贴等按钮。 （3）文档工具栏 文档工具栏包含用于选择所需开发环境的“代码”、“拆分”、“设计”按钮和多个弹出式菜单，它们提供各种“文档”视图、各种查看选项和一些常用操作。 （4）样式呈现工具栏 使用样式呈现工具栏可以切换到“设计”视图，以查看在打印媒体类型、手持型媒体类型、投影媒体类型上的显示效果。 3．文档窗口 文档窗口也称为文档编辑区。文档窗口中所显示的内容可以是代码、网页，或者两者的共同体。 4．属性面板 属性面板用于查看和更改所选取的对象或文本的各种属性，每个对象有不同的属性。 5．面板组 Dreamweaver 8包括多个面板，这些面板都有不同的功能，将它们叠加在一起便形成了面板组。面板组主要包括“CSS”面板、“应用程序”面板、“标签检查器”面板、“文件”面板、“框架”面板、“历史记录”面板。 各个面板可以打开或关闭，平常没有用到时可以关闭，要使用时再显示出来，这样可能充分利用有限的屏幕空间。 显示面板的方法：单击选择【窗口】菜单相应的菜单项即可。要单独关闭某一个面板，在对应面板标题位置单击右键，打开快捷菜单，然后单击【关闭面板组】即可。 Dreamweaver 8提供了操作方便、功能完备的帮助系统，对Dreamweaver 8的使用方法提供了详细的说明。 2.4.3　Dreamweaver 8的帮助系统 1．打开帮助 在Dreamweaver 8主窗口中，单击菜单【帮助】，会弹出下拉菜单，该菜单列出了多种打开帮助系统的方法。 2．提供帮助的方式 Dreamweaver 8主要提供了三种获取所需信息的途径：目录、索引和搜索，最快捷的方法是按快捷键F1。 3．帮助系统的目录列表 切换到“目录”选项卡，依次单击【Dreamweaver入门】→【Dreamweaver基础】→【了解Dreamweave 8 工作区】→【工作区布局】，在右边的窗格中便会显示有关“工作区布局”的详细说明。 4．使用索引查找所需的信息 使用Dreamweaver 8帮助系统的索引可以快速找到所需的信息。例如查找有关“不换行空格”的相关内容，操作方法如下： （1）打开Dreamweaver 8帮助系统的窗口。 （2）单击“索引”标题，切换到“索引”选项卡。 （3）在文本框中输入“HTML”。下方的列表框中自动显示与“HTML”相关内容的标题，例如“不换行空格”、“设置格式和插入”等。 （4）在下方的列表框中双击“不换行空格”，右侧便会显示详细内容。 5．搜索帮助信息 Dreamweaver8帮助系统可以对Dreamweaver帮助执行全文搜索。例如查找有关“CSS”的内容，操作方法如下： （1）打开Dreamweaver 8帮助系统的窗口。 （2）单击“搜索”标题，切换到“搜索”选项卡。 （3）在文本框中输入要查找的单词：CSS，然后单击【列出主题】按钮，在下方的列表框中便会列出有关内容的标题。 （4）双击结果列表中一个主题，例如双击“使用CSS样式面板”主题，右侧列表框中便会显示该主题的相关内容，并且所搜索的单词会呈选中状态。 ★ 课堂实践 ★ （1）启动Dreamweaver 8，认识Dreamweaver 8的工作环境。 （2）在Dreamweaver 8主窗口中观察其各个菜单、工具栏、面板的组成。 （3）利用Dreamweaver 8的帮助，查找有关“JavaScript”的内容，请分别利用“目录”、“索引”、“搜索”三种途径完成。 ★ 课外拓展实践 ★ （1）熟悉Dr