[第2章Dreamweaver8基础.pptVIP

第2章 Dreamweaver 8基础 2.1 【案例11】“Dreamweaver 8学习天地”网页 2.2 【案例12】“长城—世界建筑史上一大奇迹”网页 2.3 【案例13】“中国名胜—故宫”网页 2.4 【案例14】“中国名胜—故宫”网页修改 2.5 【案例15】“国画欣赏”网页 2.1 【案例11】“Dreamweaver 8学习天地”网页 1．新建和打开网页文档 （1）新建网页文档：单击“文件”→“新建”菜单命令，即可调出“新建文档”对话框。 从该对话框可以看出，利用它可以建立各种类型的文件。从“类别”列表框中选择“基本页”选项，然后选择“基本页”列表框中的“HTML选项”，再单击【创建】按钮，即可新建一个空白的HTML网页文档。 另外，在“文档类型”下拉列表框中可以选择文件类型，单击【首选参数】按钮可以调出 “首选参数”对话框。 （2）打开网页文档：单击“文件”→“打开”菜单命令，调出“打开”对话框。在该对话框内选中要打开的HTML文档，单击【打开】按钮，即可将选定的HTML文档打开。例如，可打开前面编写的名字为HTML1.HTML文档。 另外，在“Macromedia Dreamweaver 8”对话框状态下，单击【打开】按钮，也可以调出“打开”对话框。 2．保存和关闭文档 （1）单击“文档”→“保存”菜单命令，可以原名字保存当前的文档。 （2）单击“文档”→“另存为”菜单命令，即可调出“另存为”对话框。利用该 对话框可以将当前的文档以其他名字保存。 （3）单击“文档”→“保存全部”菜单命令，即可将当前正在编辑的所有文档以原名保存。 （4）单击“文档”→“关闭”菜单命令，即可关闭打开的当前文档。如果当前文档在修改后没有存盘，则会调出一个提示框，提示用户是否保存文档。 （5）单击“文档”→“全部关闭”菜单命令，即可关闭所有打开的文档。 3．页面属性设置 将鼠标指针移到网页文档窗口的空白处，单击鼠标右键，调出一个快捷菜单，再单击快捷菜单内的“页面属性”菜单命令，调出“页面属性”对话框。另外，单击网页文档窗口的空白处，再单击网页文档“属性”栏内的【页面属性】按钮也可以调出“页面属性”对话框。 利用“页面属性”对话框，可以设置页面的标题文本、页面字体、页面背景色或图像、页面大小与位置、背景图像的透明度等。利用“页面属性”对话框设置网页页面参数的方法简介如下。 （1）背景颜色设置：单击【背景颜色】按钮 ，会调出一个颜色面板。利用该颜色板可以设置网页的背景颜色。 （2）背景图像设置：单击“页面属性”（外观）对话框中“背景图像”文本框右边的【浏览】按钮，调出“选择图像源文件”对话框。 利用该对话框选择网页背景图像，再单击【确认】按钮，即可给网页背景填充选中的图像。如果图像文档不在本地站点的文件夹内，则在单击【确认】按钮后，会提示用户将该图像文档复制到本地站点的图像文件夹内。 （3）文本颜色设置：单击【文本颜色】按钮，会调出颜色面板。利用它可以设置文本颜色，其方法与设置背景颜色的方法一样。 （4）页面四个方向的边距设置：通过四个文本框可以设置页面四个方向的边距，单位为像素。“左边距”和“右边距”设置只对IE浏览器有效，“上边距”和“下边距”设置只对Netscape Navigator浏览器有效。 （5）页面文本的字体和大小设置：利用该对话框中的“页面字体”和“大小”下拉列表框可以设置页面中文本的字体和文本大小。 （6）页面文字设置：单击选中“分类”列表框中的“标题/编码”选项，此时的“页面属性”对话框。利用该对话框可以设置网页标题、文档的类型和网页的编码等，在对话框底部还显示“站点”文件夹的位置等信息。 （7）标题大小和颜色设置：单击选择“页面属性”对话框中“分类”栏中的“标题”选项，此时“页面属性”（标题）对话框。在“标题字体”下拉列表框中选择一种标题的字体（此处选择“同页面字体”选项），在“标题1”到“标题6”栏可以设置标题的大小和颜色。 （8）链接字属性的设置：单击选择“页面属性”对话框中“分类”栏中的“链接”选项，此时切换到“页面属性”（链接）对话框。可以利用该对话框内的“链接字体”和“链接颜色”栏来设置链接文字的字体、大小、风格、颜色等。“变换图像链接”栏的作用是当图像不能显示时，将显示为该栏设置的颜色。“已访问链接”栏的作用是设置单击过的链接字的颜色。“活动链接”栏的作用是设置获得焦点的链接字的颜色。“下画线样式”栏的作用是设置链接字的下画线样式。 （9）跟踪图像属性设置：单击选择“页面属性”对话框中“分类”栏中的“跟踪图像”选项，此时切换到“页面属性”（跟踪图像）对话框。利用该对话框可以设置跟踪图像的属性，跟踪图像也叫描图。“跟踪图像”文本框用来设置在页面编辑过程中使用的描图图像的地