Dw网页设计课件2.ppt

Dw网页设计课件2

一、 Dreamweavercs4概述

1、Dreamweavercs4的安装

下载安装程序；

进行安装

2、 Dreamweavercs4的工作区

（1）标题栏；

（2）菜单栏；

（3）属性

举例：

dreamweaver精彩网页设计实例导航\ch03\

（3）插入导航条功能：实现网页的导航方法：插入|图像对象|导航条

注意：每个网页文件只能包含一个导航条

举例：

dreamweaver精彩网页设计实例导航\ch02\

四、插入超级链接

网站是由一个个的网页构成的，网页之间不是彼此孤立而是相互关联的。

网页之间的关联一般是通过“超级链接”的方式。

超级链接由两部分组成：链接载体和链接目标。

链接载体：页面中引导浏览者去单击某个超级链接的载体，是一种指针。

许多页面元素都可以作为链接的载体，如文本、图像等。

链接目标:超级链接的指向位置或文件URL。

它可以是任意的网络资源，如：页面、图像、声音、各种文件、程序、E-mail,甚至是页面中的某个位置（即锚点）。

链接目标的分类：

_blank:将链接的文档载入一个新打开的浏览器窗 口。

_parent:将链接的文档载入该链接所在框架的父框架或父窗口。如果包含链接的框架不是嵌套框架，则所链接的文档载入整个浏览器窗口。

_self:将链接的文档载入链接所在的同一框架或窗口。此目标是默认的，所以通常不需要指定它。

_top:将链接的文档载入整个浏览器窗口，从而删除所有框架。

注意：当页面上无框架时， _top、 _parent、 _self这几个选项的表现是一样的，都是在原来的窗口打开网页。

1、文字链接

方法:

(1)选中文本，属性|链接文本框中直接输入网页路径

（2）选中文本，属性|指向链接按钮

（3）选中文本，属性|浏览文件按钮

（4）选中文本，常用|链接按钮

（5）“插入”菜单|超级链接

2、图像链接

方法：选中图片命名锚记能链接同一网页的不同部分，方法同上。

3、使用图像地图

定义：一张地图，当单击图片中的不同区域时，分别打开不同的URL页面。

创建圆形热点

创建矩形热点

创建多边形热点

移动热点区域

4、内部链接与外部链接

内部链接：链接目标文件位于同一个站点内部，也称为相对地址链接。

外部链接：链接目标文件位于站点之外或直接位于Internet上，也成为绝对地址链接。

5、电子邮件链接

方法：

（1）“插入”菜单|电子邮件链接

（2）常用|“插入电子邮件链接”按钮

（3）属性链接文本框中直接输入mailto:电子邮件名称

6、命名锚点链接

功能：常用于内容庞大繁琐的网页命名锚记能链接同一网页的不同部分，快速重定向网页特定的位置，比如：快速到首页、尾页或者网页中某篇文章处，便于浏览者查看网页内容。

创建过程分为两步：创建命名锚记和链接到命名锚记。

（1）创建锚记

“插入”菜单|命名锚记 或者

“插入”面板|常用|命名锚记

（2）创建链接

相同页面的链接：#锚记名称

不同页面的链接：链接目标路径#锚记名称

(再讲)

8、空链接

在链接文本框中输入：#

作用：自动将当前页面重置到页面的首端，即页面的开始处。

9、脚本链接

在链接文本框中直接输入：

Javascript:后面跟一些Javascript代码或函数调用

Javascript:( );

10、Dreaweaver3种链接路径

（1）绝对路径：

提供所链接文档的完整的URL

（2）文档相对路径

省略掉对于当前文档和所链接的文档的都相同的绝对URL部分

（3）站点根目录相对路径

提供从站点的根文件夹到文档的路径

五、插入多媒体

1、插入音乐

方法一:超级链接到声音文件

方法二：嵌入声音文件到网页中

插入|媒体|插件

注意：用户浏览器端必须拥有辅助应用程序才能查看常见的视频格式，

如real player、QuickTime和Windows Media Player等。

2、添加背景音乐

（1）这种音乐多以MP3、MIDI文件为主

（2）选择“代码”视图，将光标定位在之后，输入下列代码：

(3)如果希望循环播放：

(4)保存文件，按F12预览该文件。