辽师大版信息技术八上第二单元《网站设计与制作》课件ppt.pptVIP

9．CSS CSS是“Cascading Style Sheet”的缩写，意为层叠样式表 　　　用于对网页布局、字体、颜色、背景和其他图文效果实现更加精确的控制。 10．JavaScript JavaScript是一种脚本语言，可以和HTML语言混合在一起使用 用来实现在一个Web页面中与用户交互作用。有关JavaScript的详细内容将在第13章讲解 2.4.2　Dreamweaver 8的工作环境 Dreamweaver 8的工作界面主要包括：菜单栏、工具栏、文档窗口、属性面板、面板组等。 1．菜单栏 Dreamweaver 8的菜单栏包含10类菜单：文件、编辑、查看、插入、修改、文本、命令、站点、窗口、帮助。 2．工具栏 Dreamweaver 8的工具栏主要分为插入工具栏、标准工具栏、文档工具栏、样式呈现工具栏。 （1）插入工具栏 插入工具栏包含用于将各种类型的“对象插入到文档中的按钮。 显示插入工具栏的方法：选择菜单【窗口】→【插入】选项，文档窗口上方将显示出插入工具栏。通常情况下会显示“常用”工具栏。 切换不同类型的插入工具栏的方法： 单击插入工具栏上的“向下箭头”按钮，选择不同种类的对象，各种类型对象对应的按钮将会显示在工具栏上。 （2）标准工具栏 标准工具栏包含网页文档的基本操作工具，例如新建、打开、 保存、剪切、复制、粘贴等按钮。 （3）文档工具栏 文档工具栏包含用于选择所需开发环境的“代码”、“拆分”、 “设计”按钮和多个弹出式菜单，它们提供各种“文档”视图、 各种查看选项和一些常用操作。 （4）样式呈现工具栏 使用样式呈现工具栏可以切换到“设计”视图，以查看在打印媒体 类型、手持型媒体类型、投影媒体类型上的显示效果。 　 3．文档窗口 文档窗口也称为文档编辑区。文档窗口中所显示的内容可以是代码、网页，或者两者的共同体。 　　　　　 4．属性面板 　　属性面板用于查看和更改所选取的对象或文本的各种属性，每个对象有不同的属性 　　　5．面板组 　　 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．搜索帮助信息 　Dreamweaver 8帮助系统可以对Dreamweaver帮助执行全文搜索。例如查找有关“CSS”的内容，操作方法如下： 　　（1）打开Dreamweaver 8帮助系统的窗口。 　　（2）单击“搜索”标题，切换到“搜索”选项卡。 　　（3）在文本框中输入要查找的单词：CSS，然后单击【列出主题】按钮，在下方的列表框中便会列出有关内容的标题。 　　（4）双击结果列表中一个主题，例如双击“使用CSS样式面板”主题，右侧列表框中便会显示该主题的相关内容，并且所搜索的单词会呈选中状态。 课堂实践 （1）启动Dreamweaver 8，认识Dreamweaver 8的工作环境。 （2）在Dreamweaver 8主窗口中观察其各个菜单、工具栏、面板的