Dreamweaver网页设计案例教程 沈大林 等 第2章 Dreamweaver 8基础

《Dreamweaver网页设计案例教程 沈大林 等 第2章 Dreamweaver 8基础》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章Dreamweaver8基础2.1【案例11】“Dreamweaver8学习天地”网页2.2【案例12】“长城—世界建筑史上一大奇迹”网页2.3【案例13】“中国名胜—故宫”网页2.4【案例14】“中国名胜—故宫”网页修改2.5【案例15】“国画欣赏”网页2.1【案例11】“Dreamweaver8学习天地”网页1．新建和打开网页文档（1）新建网页文档：单击“文件”→“新建”菜单命令，即可调出“新建文档”对话框。从该对话框可以看出，利用它可以建立各种类型的文件。从“类别”列表框中选择“基本页”选项，然后选择“基本页”列表框中的“HTML

2、选项”，再单击【创建】按钮，即可新建一个空白的HTML网页文档。另外，在“文档类型”下拉列表框中可以选择文件类型，单击【首选参数】按钮可以调出“首选参数”对话框。（2）打开网页文档：单击“文件”→“打开”菜单命令，调出“打开”对话框。在该对话框内选中要打开的HTML文档，单击【打开】按钮，即可将选定的HTML文档打开。例如，可打开前面编写的名字为HTML1.HTML文档。另外，在“MacromediaDreamweaver8”对话框状态下，单击【打开】按钮，也可以调出“打开”对话框。2．保存和关闭文档（1）单击“文档”→“保存”菜单命令，可以

3、原名字保存当前的文档。（2）单击“文档”→“另存为”菜单命令，即可调出“另存为”对话框。利用该对话框可以将当前的文档以其他名字保存。（3）单击“文档”→“保存全部”菜单命令，即可将当前正在编辑的所有文档以原名保存。（4）单击“文档”→“关闭”菜单命令，即可关闭打开的当前文档。如果当前文档在修改后没有存盘，则会调出一个提示框，提示用户是否保存文档。（5）单击“文档”→“全部关闭”菜单命令，即可关闭所有打开的文档。3．页面属性设置将鼠标指针移到网页文档窗口的空白处，单击鼠标右键，调出一个快捷菜单，再单击快捷菜单内的“页面属性”菜单命令，调出“页面

4、属性”对话框。另外，单击网页文档窗口的空白处，再单击网页文档“属性”栏内的【页面属性】按钮也可以调出“页面属性”对话框。利用“页面属性”对话框，可以设置页面的标题文本、页面字体、页面背景色或图像、页面大小与位置、背景图像的透明度等。利用“页面属性”对话框设置网页页面参数的方法简介如下。（1）背景颜色设置：单击【背景颜色】按钮，会调出一个颜色面板。利用该颜色板可以设置网页的背景颜色。（2）背景图像设置：单击“页面属性”（外观）对话框中“背景图像”文本框右边的【浏览】按钮，调出“选择图像源文件”对话框。利用该对话框选择网页背景图像，再单击【确认】

5、按钮，即可给网页背景填充选中的图像。如果图像文档不在本地站点的文件夹内，则在单击【确认】按钮后，会提示用户将该图像文档复制到本地站点的图像文件夹内。（3）文本颜色设置：单击【文本颜色】按钮，会调出颜色面板。利用它可以设置文本颜色，其方法与设置背景颜色的方法一样。（4）页面四个方向的边距设置：通过四个文本框可以设置页面四个方向的边距，单位为像素。“左边距”和“右边距”设置只对IE浏览器有效，“上边距”和“下边距”设置只对NetscapeNavigator浏览器有效。（5）页面文本的字体和大小设置：利用该对话框中的“页面字体”和“大小”下拉列表框

6、可以设置页面中文本的字体和文本大小。（6）页面文字设置：单击选中“分类”列表框中的“标题/编码”选项，此时的“页面属性”对话框。利用该对话框可以设置网页标题、文档的类型和网页的编码等，在对话框底部还显示“站点”文件夹的位置等信息。（7）标题大小和颜色设置：单击选择“页面属性”对话框中“分类”栏中的“标题”选项，此时“页面属性”（标题）对话框。在“标题字体”下拉列表框中选择一种标题的字体（此处选择“同页面字体”选项），在“标题1”到“标题6”栏可以设置标题的大小和颜色。（8）链接字属性的设置：单击选择“页面属性”对话框中“分类”栏中的“链接”选

7、项，此时切换到“页面属性”（链接）对话框。可以利用该对话框内的“链接字体”和“链接颜色”栏来设置链接文字的字体、大小、风格、颜色等。“变换图像链接”栏的作用是当图像不能显示时，将显示为该栏设置的颜色。“已访问链接”栏的作用是设置单击过的链接字的颜色。“活动链接”栏的作用是设置获得焦点的链接字的颜色。“下画线样式”栏的作用是设置链接字的下画线样式。（9）跟踪图像属性设置：单击选择“页面属性”对话框中“分类”栏中的“跟踪图像”选项，此时切换到“页面属性”（跟踪图像）对话框。利用该对话框可以设置跟踪图像的属性，跟踪图像也叫描图。“跟踪图像”文本框用

8、来设置在页面编辑过程中使用的描图图像的地址和名称。“透明度”栏的作用是调整描图的透明度。4．建立本地站点建立本地站点就是将本地主机磁盘中的一个文件夹定义为站点，然后