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