Dreamweaver 网页设计 吴权威 王绪溢 第四章新.pptVIP

第4章 超链接与分割框架 4-1 超链接 4-2 让图像变成链接地图 4-3 分割网页画面的框架工具 4-4 小知识 4-1　超链接 4-1-1 文字超链接的设置 4-1-2 打开新窗口显示超链接网页 4-1-3 设置打开新窗口的大小 4-1-4 建立电子邮件链接 4-1-5 长网页中的定位锚点 4-1-1　文字超链接的设置 当网页中某段文字有相关的网页或网站时，可以为这些文字加上超链接设置，浏览者只要点选这些链接，就可以打开超链接指定的网页，做更深入的了解。 （1）移动鼠标把要变成超链接的文字设成标记区域，接着打开属性面板，然后单击“浏览”文件按钮。 4-1-1　文字超链接的设置 4-1-1　文字超链接的设置 （2）出现“选择文件”对话框后，在“查找范围”切换文件所在文件夹，接着在列表中选择链接文件名，然后单击“确定”按钮。 （3）移动鼠标单击　在浏览器中预览/调试按钮，再从弹出的菜单中选择“预览在iexplore”（也可以按下【F12】键，快速打开浏览窗口）。 4-1-1　文字超链接的设置 4-1-1　文字超链接的设置 变成超链接的文字会改变颜色，并被加上下划线，当鼠标移到这些文字上时会变成图标 。 Dreamweaver的另一个特色就是用　指向文件按钮，直接拖动到文件面板列表中要链接的文件上，则“链接”栏马上就会显示链接的位置路径。 4-1-1　文字超链接的设置 4-1-2　打开新窗口显示超链接网页 原始网页和新网页同时被查看 ：将超链接目标属性设为_blank 。 目标菜单中有4个属性供选择 ： _blank：超链接的内容会另外打开一个新窗口来显示。 _parent：超链接的内容会显示在主框架内。 _self：超链接的内容会显示在目前的窗口或框架内。 _top：若是此网页有框架，则会拆除目前所有的框架，并显示在主窗口内。 4-1-2　打开新窗口显示超链接网页 选择超链接文字后，在“目标”列表中选择“_blank”。 4-1-2　打开新窗口显示超链接网页 按下【F12】键，打开浏览窗口后，移动鼠标选择超链接文字，系统就会自动另外打开一个新窗口来显示。 4-1-3　设置打开新窗口的大小 除了另外打开新窗口显示链接网页外，还可以自订新窗口的大小，设置窗口是否要显示工具栏、滚动条等。 （1）移动鼠标选择文字后，接着打开属性面板，在“链接”栏输入javascript:;，然后打开行为面板并单击　添加行为按钮，再从弹出的菜单中选择“打开浏览器窗口”。 4-1-3　设置打开新窗口的大小 4-1-3　设置打开新窗口的大小 （2）出现“打开浏览器窗口”对话框后，移动鼠标单击“浏览”按钮。 4-1-3　设置打开新窗口的大小 （3）出现“选择文件”对话框后，在“查找范围”栏中切换文件所在文件夹，接着在列表中选择文件名称，然后单击“确定”按钮。 4-1-3　设置打开新窗口的大小 （4）回到“打开浏览器窗口”对话框后，分别在“窗口宽度”栏和“窗口高度”栏输入打开窗口的大小，接着在“属性”区勾选“需要时使用滚动条”，然后单击“确定”按钮。 4-1-3　设置打开新窗口的大小 4-1-3　设置打开新窗口的大小 若是鼠标事件很少，表示所选择的浏览 器版本较旧，可单击　 添加行为按钮，接着选择 “显示事件”，再从弹出的 子菜单中选择较新的浏览 器版本就可以了。 4-1-4　建立电子邮件链接 （1）将光标移到要插入电子邮件链接的位置，然后到常用模式上单击　电子邮件链接按钮。 4-1-4　建立电子邮件链接 （2）出现“电子邮件链接”对话框后，在“文本”栏输入要显示的链接文字，接着在“E-Mail”栏输入电子邮件地址，然后单击“确定”按钮。 4-1-4　建立电子邮件链接 单击【F12】就可看到设置的效果了。 4-1-4　建立电子邮件链接 打开电子邮件窗口如下。 　　若在E-mail地址后加上“?subject=主题文字”，则启动链接打开新邮件窗口时，主题文字会自动显示在邮件窗口的“主题”栏中。 4-1-5　长网页中的定位锚点 　 当网页内容长度超过一个画面可容纳的范围时，可以在适当位置插入锚点（anchor），以方便浏览长网页的内容。 4-1-5　长网页中的定位锚点 出现“命名锚记”对话框后，在“锚记名称”栏输入自定义的锚点名称，然后单击“确定”按钮。 设置好锚点后，回到编辑区，就会出现一个　锚点标记，可以清楚地知道锚点位置（锚点标记在实际浏览时是不会出现 ）。 4-1-5　长网页中的定位锚点 另外一种插入锚点的方法是，移动鼠标到菜单栏依序选择“插入/命名锚点”。