dw8入门图文教程

dw8入门图文教程内容摘要：

～ ^_^～ （ 1）插入一个 1行 1 列的表格（表格 1），表格的宽度为 726px，边框粗细为 0，单元格边距为 0、单元格间距为 1，背景颜色为 892321，将表格居中对齐。 （ 2） 插入一个 3 行 2列的表格（表格 2），表格的宽度为 100％，边框粗细为 0，单元格边距和单元格间距都为 0，背景颜色 6DCFF6。 设置第一行左边单元格的宽为 173px，高为 137px，设置第二行的高为 238px，将第三行的两个单元格合并，高度为 50px。 在第一行左侧单元格插入图片 img/,在右侧单元格插入图片 img/。 在第三行将光标水平居中，输入文字 “ 版权所有 169。 闪客启航 ” （ 3）在表格 2第二行左侧单元格插入一个 6行一列的表格（表格 3），表格宽度为 95％，边框和单元格边距为 0，单元格间 距为 5，将表格居中对齐。 第一行高度为 15，其余各行高度都为 40。 (4) 在表格 2 右侧单元格插入一个 1行 2列的表格（表格 4），表格宽度为 550px。 边框、单元格边距和间距都为 0。 好啦～我们完成了页面的布局，开始插入页面元素。 将光标放置在表格 4右侧单元格中，单击常用快捷栏中的媒体按钮，然后在弹出的列表中选择 Flash。 弹出 “ 选择文件 ” 对话框，选择 swf 文件夹中的 文件。 单击 “ 确定 ” 按钮后，插入的 Flash 动画并不会在文档窗口中显示内容，而是以一个带有字母 F的灰色框来表示。 在文档窗口单击这个 Flash 文件，就可以在属性面板中设置它的属性了。 勾选 “ 循环 ” 复选框时影片将连续播放，否则影片在播放一次后自动停止。 通过勾选 “ 自动播放 ” 复选框后，可以设定 Flash 文件是否在页面加载时就播放。 在 “ 品质 ” 下拉列表中可以选择 Flash 影片的画质，以最佳状态显示，就选择 “ 高品质 ”。 “ 对齐 ” 下拉列表用来设置 Flash 动画的对齐方式， 为了使页面的背景在 Flash 下能够衬托出来，我们可以使 Flash 的背景变为透明。 单击属性面板中的 “ 参数 ” 按钮，打开 “ 参数 ” 对话框，设置参数为wmode，值为 transparent。 这样在任何背景下， 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 视频 请参见玉树老师的教程（在上面的 FlashPaper 文档中）。 入门图文教程 :插入声音 [新浪 ViVi] [百度搜藏 ] [ 书签 ] [作者 :未知 | 点击数 : 419 | 时间 :2020124]【 大 中 小 】 声音能极好的烘托网页页面的氛围，网页中常见的声音格式有 WAV、 MP MIDI、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 键，打开浏览器预览，这个页面实现了嵌入音乐的效果，在浏览器里显示了播放插件。 入门图文教程 :创建链接关系 [新浪 ViVi] [百度搜藏 ] [ 书签 ] [作者 :未知 | 点击数 : 366 | 时间 :2020124]【 大 中 小 】 链接是一个网站的灵魂，一个网站是由多个页面组成的，而这些页面之间依据链接确定相互之间的导航关系。 超级链接是指站点内不同网页之间、站点与Web 之间的链接关系，它可以使站点内的网页成为有机的整体，还能够使不同站点之 间建立联系。 超级链接由两部分组成：链接载体和链接目标。 许多页面元素可以作为链接载体，如：文本、图像、图像热区、动画等。 而链接目标可以是任意网络资源，如：页面、图像、声音、程序、其他网站、 Email甚至是页面中的某个位置 锚点。 链接的类型 如果按链接目标分类，可以将超级链接分为以下几种类型： * 内部链接：同一网站文档之间的链接。 * 外部链接：不同网站文档之间的链接。 * 锚点链接：同一网页或不同网页中指定位置的链接。 * Email 链接：发送电子邮件的链接。 关于链接路径 绝对路径，为文件提供完全的路径，包括适用的协议，例如 、 ftp， rtsp等。 相对路径，相对路径最适合网站的内部链接。 如果链接到同一目录下，则只需要输入要链接文件的名称。 要链接到下一级目录中的文件，只需要输入目录名。 然后输入 “/“ ，再输入文件名。 如链接到上一级目录中的文件，则先输入 ”../“ 再输入目录名，文件名。 根路径：是指从站点根文件夹到被链接文档经由的路径，以前斜杠开头，例如， /fy/ 就是站点根文件夹 下的 fy子文件夹中的一个文件（ ）的根路径。 创建外部链接 不论是文字还是图像，都可以创建链接到绝对地址的外部链接。 创建链接的方法可以直接输入地址也可以使用超级链接对话框。 （ 1）直接输入地址 打开 页面，输入并选中文字 “ 闪客启航网页技术区 ”。 在属性面板中， “ 链接 ” 用来设置图像或文字的超链接， “ 目标 ” 用来设置打开方式。 我们在 “ 链接 ” 文本框直接输入外部绝对地 ，在 “ 目标 ” 项的下拉列表中选择 _blank（在一个新的未命名的浏览器窗口中打开链接）。 如下图所示。 （ 2）使用超级链接对话框 打开 页面，选中文字 “ 闪客启航 ”。 单击常用快捷栏中的 “ 超级链接 ” 按钮。 弹出 “ 超级链接 ” 对话框，我们进行以下各项的设置： “ 文本 ” 文本框用来设置超级链接显示的文本。 “ 链接 ” 用来设置超链接连接到的路径。 “ 目标 ” 下拉列表框用来设置超链接的打开方式，有四个选项。 “ 标题 ” 文本框用来设置超链接的标题。 设置好后，单击 “ 确定 ” 按钮，向网页中插入超链接。 创建内部链接 在文档窗口选中文字，单击属性面板 “ 链接 ” 后的 按钮，弹出 “ 选择文件 ” 对话框，选择要链接到的网页文件，即可链接到这个网页。 我们也可以拖动 “ 链接 ” 后的 按钮到站点面板上的相应网页文件，则链接将指向这个网页文件。 此外，我们还可以直接将相对地址输入到 “ 链接 ” 文本框里来链接一个页面。 创建 E－ mail 链接 单击常用快捷栏中的 “ 电子邮件链接 ” 按钮，弹出 “ 电子邮件链接 ” 对话框，在对话框的文本框那输入要链接的文本，然后在 E－ mail 文本框内输入邮箱地址即可。 创建锚点链接 所谓锚点链接，是指在同一个页面中的不同位置的链接。 打开一个页面较长的网页，将光标放置于要插入锚点的地方，单击常用快捷栏的 “ 命名锚记 ” 按钮，插入锚点。 再选中需要链接锚点的文字，再属性面板中拖动链接后的 到锚点上即可。 制作图像映射 打开 文件，选中 102。 gif 图片，在属性面板中，有不同形状的图像热区按钮 ，选择一个热区按钮单击。 然后在图像上需要创建热区的位置拖动鼠标，即可创建热区。 此时，选中的部分被称着图像热点。 选中这个图像热点，在属性面板上可以给这个图像热点设置超链接即可。 现在，请发挥你的想象力，巧妙运用各种页面元素来丰富你的网页，把它装扮的更加生动和精彩。 入门图文教程 :创建 CSS 样式 [新浪 ViVi] [百度搜藏 ] [ 书签 ] [作者 :未知 | 点击数 : 526 | 时间 :2020124]【 大 中 小 】 层叠样式表 (CSS) 是一系列格式设置规则，它们控制 Web 页面内容的外观。 使用 CSS 设置页面格式时，内容与表现形式是相互分开的。 页面内容（ HTML 代码）位于自身的 HTML 文件中，而定义代码表现形式的 CSS 规则位于另一个文件（外部样式表）或 HTML 文档的另一部分（通常为 head 部分）中。 使用 CSS 可以非常灵活并更好地控制页面的外观，从精确的布局定位到特定的字体和样式等。 术语 “ 层叠 ” 是指对同一个元素或 Web 页面应用多个样式的能力。 例如，可以创建一个 CSS 规则来应用颜色，创建另一个规则来应用边距，然后将两者应用于一个页面中的同一文本。 所定义的样式 “ 层叠 ” 到您的 Web 页面上的元素，并最终创建您想要的设计。 CSS 样式表的创建，可以 统一定制网页文字的大小、字体、颜色、边框、链接状态等效果。 在 Dreamweaver 8 中 CSS 样式的设置方式有了很大的改进，更为方便、实。