dreamweaver8教程(编辑修改稿)

dreamweaver8教程(编辑修改稿)内容摘要：

这样在任何背景下， Flash 动画都能实现透明背景的显示。 插入 Flash 文本 我们将光标放置在表格 3 第二行的单元格中，用 Flash 文本制作导航栏目。 单击常用快捷栏的媒体按钮，在列表中选择 Flash文本，弹出 “ 插入 Flash文本 ”对话框，字体随意，大小 22px，颜色设置为 F5E458，转滚颜色为 54C994，文本为 “ 图片素材 ” ，背景颜色 6DCFF6，选择自己需要的路径链接。 同样方法我们分别在表格 3的第 6行制作 “ 代码素材 ” 、 “Flash 动漫 ” 、 “ 精美壁纸 ” 和 “ 音频视频 ” 等栏目。 插入 Flash 按钮 我们在将光标放置于插入 Flash 按钮的位置，单击常用快捷栏的媒体按钮，在列表中选择 Flash 按钮，弹出 “ 插入 Flash 按钮 ” 对话框。 “ 样式 ” 用来选择按钮的外观， “ 按钮文本 ” 用来输入按钮上的文字， “ 字体 ” 和 “ 大小 ” 用于设置按钮上文字的字体和大小，字号变大，按钮并不会跟着改变。 “ 链接 ” 用于输入按钮的链接，可以是外部链接，也可以是内部链接。 “ 目标 ” 用来设置打开的链接窗口。 如果需要修改 Flash 按钮对象，可以先选中它，然后在属性面板中单击 “ 编辑 ” 按钮，会自动弹出刚才的 “ 插入 Flash 按钮 ” 对话框，更改它的设置就可以了。 插入 FlashPaper 我们还可以在网页中插入 Macromedia FlashPaper 文档。 在浏览器中打开包含 FlashPaper 文档的页面时，浏览者能够浏览 FlashPaper 文档中的所有页面，而无需加载新的 Web 页。 也可以搜索、打印和缩放该文档。 在 “ 文档 ” 窗口中，将光标放放在页面上想要显示 FlashPaper 文档的位置，然后选择 “ 插入 ”“ 媒体 ”“FlashPaper”。 在 “ 插入 FlashPaper” 对话框中，浏览到一个 FlashPaper 文档并将其选定。 如果需要，通过输入宽度和高度（以像素为单位）指定 FlashPaper 对象在网页上的尺寸。 FlashPaper 将缩放文档以适合宽度。 单击 “ 确定 ” 在页面中插入文档。 由于 FlashPaper 文档是 Flash 对象，因此页面上将出现一个 Flash 占位符。 如果需要，在属性检查器中设置其他属性。 插入 Flash 视频 二、插入声音 声音能极好的烘托网页页面的 氛围，网页中常见的声音格式有 WAV、 MPMIDI、 AIF、 RA、或 Real Audio 格式。 添加背景音乐 在页面中可以嵌入背景音乐。 这种音乐多以 MP3， MIDI 文件为主，在 DW中，添加背景音乐有两种方法，一种是通过手写代码实现，还有一种是通过行为实现。 在 HTML 语言中，通过 BGSOUNG这个标记可以嵌入多种格式的音乐文件，具体步骤是 ： 我们将 音乐文件存放在 med 文件夹里。 打开 网页，我们为这个页面添加背景音乐 切换到 DW 的 “ 拆分 ” 视图，讲光标定位到 /body之前的位置，在光标的位置写下下面这段代码： bgsound src＝ med/，如下图所示。 按下 F12键，在浏览器中查看效果，我们可以听见背景音乐声。 如果希望循环播放音乐，将刚才的源代码修改为以下代码即可： bgsound src=med/ loop=true 嵌入音乐 嵌入音频可以将声音直接插入页面中，但只有浏览者在浏览网页时具有所选声音文件的适当插件后，声音才可以播放。 如果希望在页面显示浏览器的外观，可以使用这种方法。 打开 网页，将光标放置于我们想要显示播放器的位置。 单击快捷栏上的 “ 媒体 ” 按钮 ，从下拉列表中选择 “ 插件 ”。 弹出 “ 选择文件 ” 对话框，在对话框中 音频文件。 单击确定按钮后，插入的插件在文档窗口中以下图所示图标来显示。 选中该图标，在属性面板中可以对播放器的属性进行设置： 要实现循环播放音乐的效果，单击属性面板中的 “ 参 数 ” 按钮，然后单击“ ＋ ” 按钮，在 “ 参数 ” 列中输入 loop，并在 “ 值 ” 列中输入 true 后，单击 “ 确定 ” 按钮。 要实现自动播放，可以继续编辑参数，在参数对话框的 “ 参数 ” 列中输入autostart，并在值中输入 true，单击 “ 确定 ” 按钮。 按下 F12键，打开浏览器预览，这个页面实现了嵌入音乐的效果，在浏览器里显示了播放插件。 三、创建链接关系 链接是一个网站的灵魂，一个网站是由多个页面组成的，而这些页面之间依据链接确定相互之间的导航关系。 超级链接是指站点内不同网页之间、站点与 Web之间的链接关 系，它可以使站点内的网页成为有机的整体，还能够使不同站点之间建立联系。 超级链接由两部分组成：链接载体和链接目标。 许多页面元素可以作为链接载体，如：文本、图像、图像热区、动画等。 而链接目标可以是任意网络资源，如：页面、图像、声音、程序、其他网站、 Email甚至是页面中的某个位置 锚点。 链接的类型 如果按链接目标分类，可以将超级链接分为以下几种类型： * 内部链接：同一网站文档之间的链接。 * 外部链接：不同网站文档之间的链接。 * 锚点链接：同一网页或不 同网页中指定位置的链接。 * Email 链接：发送电子邮件的链接。 关于链接路径 绝对路径，为文件提供完全的路径，包括适用的协议，例如 、 ftp， rtsp等。 相对路径，相对路径最适合网站的内部链接。 如果链接到同一目录下，则只需要输入要链接文件的名称。 要链接到下一级目录中的文件，只需要输入目录名。 然后输入 “/“ ，再输入文件名。 如链接到上一级目录中的文件，则先输入 ”../“ 再输入目录名， 文件名。 根路径：是指从站点根文件夹到被链接文档经由的路径，以前斜杠开头，例如， /fy/ 就是站点根文件夹下的 fy子文件夹中的一个文件（ ）的根路径。 创建外部链接 不论是文字还是图像，都可以创建链接到绝对地址的外部链接。 创建链接的方法可以直接输入地址也可以使用超级链接对话框。 （ 1）直接输入地址 打开 页面，输入并选中文字 “ 闪客启航网页技术区 ”。 在属性面板中， “ 链接 ” 用来设置图像或文字 的超链接， “ 目标 ” 用来设置打开方式。 我们在 “ 链接 ” 文本框直接输入外部绝对地址 “ 目标 ” 项的下拉列表中选择 _blank（在一个新的未命名的浏览器窗口中打开链接）。 如下图所示。 （ 2）使用超级链接对话框 打开 页面，选中文字 “ 闪客启航 ”。 单击常用快捷栏中的 “ 超级链接 ” 按钮。 弹出 “ 超级链接 ” 对话框，我们进行以下各项的设置： “ 文本 ” 文本框用来设置超级链接显示的文本。 “ 链接 ” 用来设置超链接连接到的路径。 “ 目标 ” 下拉列表框用来设置超链接的打开方式，有四个选项。 “ 标题 ” 文本框用来设置超链接的标题。 设置好后，单击 “ 确定 ” 按钮，向网页中插入超链接。 龙腾教程网 创建内部链接 在文档窗口选中文字，单击属性面板 “ 链接 ” 后的 按钮，弹出 “ 选择文件 ” 对话框，选择要链接到的网页文件，即可链接到这个网页。 我们也可以拖动 “ 链接 ” 后的 按钮到站点 面板上的相应网页文件，则链接将指向这个网页文件。 此外，我们还可以直接将相对地址输入到 “ 链接 ” 文本框里来链接一个页面。 创建 E－ mail 链接 单击常用快捷栏中的 “ 电子邮件链接 ” 按钮，弹出 “ 电子邮件链接 ” 对话框，在对话框的文本框那输入要链接的文本，然后在 E－ mail 文本框内输入邮箱地址即可。 创建锚点链接 所谓锚点链接，是指在同一个页面中的不同位置的链接。 打开一个页面较长的网页，将光标放置于要插入锚点的地方，单击常用快捷栏的 “ 命名锚记 ” 按钮，插入锚点。 再选中需要链接锚点的文字，再属性面板中拖动链接后的 到锚点上即可。 制作图像映射 打开 文件，选中 102。 gif 图片，在属性面板中，有不同形状的图像热区按钮，选择一个热区按钮单击。 然后在图像上需要创建热区的位置拖动鼠标，即可创建热区。 此时，选中的部分被称着图像热点。 选中这个图像热点，在属性面板上可以给这个图像热点设置超链接即可。 现在，请发挥你的想象力，巧妙运用各种页面元素来丰富你的网页，把它装扮的更加生动和精彩。 Dreamweaver 教程第五章： 使用 CSS美化页面 层叠样式表 (CSS) 是一系列格式设置规则，它们控制 Web 页面内容的外观。 使用 CSS 设置页面格式时，内容与表现形式是相互分开的。 页面内容（ HTML 代码）位于自身的 HTML 文件中，而定义代码表现形式的 CSS 规则位于另一个文件（外部样式表）或 HTML 文档的另一部分（通常为 head 部分）中。 使用 CSS 可以非常灵活并更好地控制页面的外观，从精确的布局定位到特定的字体和样式等。 术语 “ 层叠 ” 是指对同一个元素或 Web 页面应用多个样式的能力。 例如，可以创建一个 CSS 规则来应用颜色，创建另一个规则来应用边距，然后将两者应用于一个页面中的同一文本。 所定义的样式 “ 层叠 ” 到您的 Web 页面上的元素，并最终创建您想要的设计。 CSS 样式表的创建，可以统一定制网页文字的大小、字体、颜色、边框、链接状态等效果。 在 Dreamweaver 8中 CSS 样式的设置方式有了很大的改进，更为方便、实用、快捷。 一、创建 CSS样式 选中菜单 “ 窗口 ”“CSS 样式 ”。 打开 CSS样式面板。 单击 “CSS 样式 ” 面板右下角的 “ 新建 CSS规则 ” 按钮，打开 “ 新建 CSS规则 ” 对话框。 在 “ 选择器类型 ” 选项中，可以选择创建 CSS 样式的方法包括以下三种： 类：我们可以在文档窗口的任何区域或文本中应用类样式，如果将类样式应用于一整段文字，那么会在相应的标签中出现 CLASS 属性，该属性值即为类样式的名称。 标签（重新定义特定标签的外观）：重新定义 HTML 标记的的默认格式。 我们可以针对某一个标签来定义层叠样式表，也就是说定义的层叠样式表将只应用于选择的标签。 例如，我们为 body和 /body标签定义了 层叠样式表，那么所有包含在 body和 /body标签的内容将遵循定义的层叠样式表。 高级（ ID、伪类选择器等）：为特定的组合标签定义层叠样式表，使用 ID作为属性，以保证文档具有唯一可用的值。 高级样式是一种特殊类型的样式，常用的有 4种： a:link 设定正常状态下链接文字的样式。 a:active 设定鼠标单击时链接的外观。 a:visited 设定访问过的链接的外观。 a:hover 设定鼠标放置在链接文字之上时，文字的外观。 为新建 CSS 样式输入或选择名称、标记或选择器，其中： 对于自定义样式，其名称必须以点（ .）开始，如果没有输入该点，则 DW回自动添加上。 自定义样式名可以是字母与数字的组合，但 .之后必须是字母。 对于重新定义 HTML 标记，可以在 “ 标签 ” 下拉列表中输入或选择重新定义的标记。 对于 CSS选择器样式，可以在 “ 选择器 ” 下拉列表中输入或选择需要的选择器。 在 “ 定义在 ” 区域选择定义的样式位置，可以是 “ 新建样式表文件 ” 或“ 仅对该文档 ”。 单击 “ 确定 ” 按钮，如果选择了 “ 新建样式表文 件 ” 选项，回弹出 “ 保存样式表文件为 ” 对话框，给样式表命名，保存后，回弹出 “CSS 规则定义 ” 对话框。 如果选择了 “ 仅对该文档 ” ，则单击 “ 确定 ” 后，直接弹出 “CSS规则定义 ” ，在其中设置 CSS 样式。 “CSS 规则定义 ” 对话。