Dreamweaver 8.0能够快速地创建极具表现力和动感效果的页面，尤其对于DHTML（动态网页）的支持特别好，可以轻而易举地做出很多眩目的互动页面特效。再加上强大的CSS样式及CSS滤镜功能，还可以制作出文本以及图片的各种效果。Dreamweaver 8.0提供了数剧脚本的可视化开发，支持的动态脚本包括ColdFusion，J2EE，PHP，.NET等技术，同时现在加入了XML命名空间支持，ASP.NET表单控件对象，新的参考书内容和新的PHP服务器端行为。另外，Dreamweaver 8.0还增加了代码编辑功能，为用户提供了更为方便的代码编辑环境，同时为了方便用户设计，在Dreamweaver MX 2004的基础上新增了放大镜功能。
二、Dreamweaver的工作环境 在安装Dreamweaver 8.0之后，会自动在Windows地【开始】菜单中创建程序组，打开【开始】菜单，选择【所有程序】，选择【Macromedia】项目中的【Macromedia Dreamweaver 8】命令，即可启动Dreamweaver 8.0，启动界面如图8-1所示，选择创建的文件类型（选择什么类型，为什么，其它的要不要选择，为什么）
图8-1
图8-2
选择HTML项目，进入如图8-2所示的Dreamweaver 8.0工作界面。在Dreamweaver的工作环境中，最主要的成分包括编辑窗口、快捷工具栏、属性面板、浮动面板等几个部分。
1．编辑窗口
? 编辑窗口：用来显示当前所创建和编辑的文档内容； 2．快捷工具栏
? 插入工具栏：插入工具栏中包含有多种不同类型网页元素图标，使用非常的方便，使用时首先需要选择工具的类型，并在相应的工具类型中单击工具栏中相应标签下的按钮，即可选择不同类型的网页元素。对象面板中包含了8种对象，分别是：常用、布局、表单、文本、HTML、应用程序、Flash元素、收藏夹。
? 文档工具栏：文档工具栏中为设计者提供了设计的三种不同视图的切换按钮，它们分别是代码、拆分、设计，点击相应的按钮可以切换到对应的视图模式。利用该工具栏右侧的标题文本框可以为文档创建标题（注意与文件名不同，在浏览网页文件时，标题先生在浏览器的标题栏中）。 ? 标准工具栏：标准工具栏提供的工具按钮有：“新建”、“打开”、“保存”、“全部保存”、“打印代码”、“剪切”、“复制”、“粘贴”、“撤销”、“重做”，点击相应的工具按钮即可完成相应的操作。（工具栏在哪里打开和关闭） 3．属性面板
? 属性面板：属性面板显示了当前所选对象的相关属性特征，并允许设计者对属性进行修改。 4．浮动面板
浮动面板组：浮动面板为设计者提供了一个工具集，设计者可以将各种浮动窗口、面板等放置其中，并可以方便的组合为选项卡的形式，以节省屏幕空间，必要时可以将这些浮动窗口或面板从中分离出来，成为独立的浮动面板，方便设计者使用。
此外，状态栏：在 Dreamweaver 8.0中将状态栏分为几个功能区，分别显示文档的源代码、显示页面的大小和比例、传输时间等信息，另外，Dreamweaver 8.0在Dreamweaver MX 2004的基础上新增了选取工具、手形工具和缩放工具，使其功能更为完善。菜单栏：Dreamweaver 8.0的大部分的操作命令都可以使用菜单来完成。
8.1.3 网页的构成
一、创建一个简单的页面
打开Dreamweaver网页编辑器（如图8-1），在“创建新项目”栏目中选择所要创建的页面的类型，这里我们创建一个简单的HTML文件，因此，单击HTML即可进入Dreamweaver的工作环境，在编辑窗口中可以对课件页面进行编辑，下面我们来创建第一个简单的页面，熟悉页面创建的基本过程。
步骤1 设置页面属性
为了使整个课件页面形成统一的外观和风格，我们需要设置页面属性，一般而言，我们可以在新建的课件页面时进行这项设置，当然，也可以在制作完成之后再来修改页面的属性设置。
图8-3
操作提示：Dreamweaver为我们提供了灵活的页面设置功能：
单击菜单栏中【修改】菜单，点击【页面属性】命令，打开如图8-3所示“页面属性”对话框，在这里可以对页面的外观样式，包括字体格式、页面的背景图像、页边距等，页面的连接样式，标题样式等进行详细的设置。
本例中我们保留原有的默认格式，即不作任何设置，我们将在后续章节中通过其它方式对页面中相关元素属性进行修改。
步骤2 输入文本内容
将Dreamweaver工作环境切换到“设计”视图，就可在编辑区中输入文本了，同时还可以利用“属性”面板中的相关功能，方便地对文本进行格式。
直接在文档编辑区域输入文本内容，并在“属性”面板中点击“左对齐”按钮，为了产生首行缩进的效果，我们可以在文本的开始处插入四个“不换行空格符”，单击【插入】菜单，依次点击【HTML】|【特殊字符】|【不换行空格符】既可插入一个“不换行空格符”。
设计效果如图8-4所示：
图8-4
操作提示:
1. Dreamweaver为用户提供了三种视图模式，代码视图显示了这个文档的html代
码，设计者可以在这里直接对文档的代码进行编辑；设计视图为设计者提供了一种“所见即所得”的视图模式，设计者只需要向视图中添加相应的页面元素，如文本、图片等，并通过“属性”面板调整相关的参数即可；拆分视图为设计者提供了代码与页面效果相对照的视图模式，设计者可对照效果修改参数，也可以修改代码调整设计效果；
2. 不换行空格符是一种可以被Dreamweaver识别并解释为空格的符号，由于
Dreamweaver中在执行代码时会将常规空格忽略，因此采用添加“不换行空格符”的方式产生空格效果，其实质是在文档的html代码中添加了“ ”代码。
二、认识HTML
HTML（Hypertext Markup Language）是超文本标记语言的缩写，它是用于编写网页的主要语言，任何一个网页文件都对应着其相应的HTML语言代码。HTML是一种纯文本类型的语言，因此可以用任何纯文本编辑器，如Window的“记事本”程序进行编写、查看和修改。
HTML通过对各种标记、元素、属性、对象等的设置建立与图像、声音、视频等多媒体信息以及其他超文本的链接，通过各种标记（tag）控制各种对象的表现方式与位置关系，通常标记由符号“<”、“>”以及其中所包容的标记元素所组成。一般而言，HTML的语法有三种表达方式，如下所示：
<标记>对象
<标记 属性1=参数1 属性2=参数2 …>对象 <标记>
基本的HTML构成元素应该包括一些标准HTML标记。在下图中列出了文档（图8-5）的内容及对应的HTML文档（图8-6）：
图8-5
图8-6
可以看出，文档包含头head和正文body 正文两部分。头中含有标题title，正文中含有实际构成段落，列表和其他元素的文本。其总体结构如下：
文档正文
一个页面都应有html、head、title和body标记及它们相应的结束标记。网页的标题在(head)
第八章网络课件的规划与设计
