第4章超链接的创建与管理.ppt

第四章第四章 超链接的创建与管理超链接的创建与管理 4.1 创建文本超链接 超链接允许我们从自己的页面出发直接指向因特网上存在的任何一个页面，或者说，在一台计算机上可以打开因特网上成千上万的网页文件。 按照链接的范围，超链接可以分为内部超链接、外部超链接和锚记超链接。内部超链接是指打开的超链接对象在本网站中；外部超链接是指打开的超链接对象在WWW其它网站中；而锚记超链接可以链接到同一网页中的不同位置，也就是书签。按照建立超链接的对象不同，可以分为文本超链接和图片超链接。 第四章第四章 超链接的创建与管理超链接的创建与管理 4.1.1 建立网站内文本超链接 我们在浏览网页的时候，常常会看到一些蓝色带下划线的文字，将鼠标指针移动到这些文字上时，鼠标指针变成手形，单击鼠标会打开另一个网页。这个链接就是一个文本超链接，带下划线的文字称为热区文本。 选取建立超链接的热区文本。单击“属性”面板中的“浏览文件”按钮，打开“选择文件”对话框，在“选择文件”对话框中，选择网页文件，单击“确认” ，完成操作。 使用拖曳的方法也可以建立超链接。第四章第四章 超链接的创建与管理超链接的创建与管理 4.1.2 创建网站外文本超链接 除了可以将主页上的文字与网站中的网页链接起来以外，还可以与网站外的文件相连，甚至可以是因特网上的网站。 首先选中建立超链接的热区文本，然后在“属性”面板的“链接”框中直接输入因特网地址即可。 第四章第四章 超链接的创建与管理超链接的创建与管理 4.1.3创建电子邮件超链接 电子邮件超链接就为浏览者与网页所有者之间架起了沟通的桥梁。浏览者只需单击电子邮件超链接，就可以打开电子邮件编写软件，并且自动输入电子邮件地址，非常方便。 选择热区文本，单击菜单栏上的“插入”，在弹出的下一级子菜单中选择“电子邮件超链接”,打开“电子邮件超链接”对话框，在“E-mail”框中输入网页制作者的电子邮件地址，单击“确定”按钮。 直接在“属性面板”的“链接” 框中输入：mailto:电子邮件地址 ，也可以达到同样的效果， 第四章第四章 超链接的创建与管理超链接的创建与管理 4.1.4 修改超链接 方法一：在编辑窗口中选中错误超链接的热区文本，然后在“属性面板”的“链接”文本框中进行修改，完成后用鼠标在任意区域单击即可。方法二：可以单击“修改”菜单，在弹出的菜单中单击“更改链接”命令，最后在“选择文件”对话框中重新选择链接的文件，单击“确认”按钮完成修改 。第四章第四章 超链接的创建与管理超链接的创建与管理 4.1.5重新打开一个窗口的超链接 我们在浏览网页的时候，常常会遇到这种情况，在打开超链接时，网页内容并没有显示在IE窗口中，而是重新打开一个窗口，在新开窗口中显示所链接的内容。这种形式的超链接可以使浏览者非常方便的查询各种信息。 在建立超链接时，在属性面板中单击目标右边的下拉箭头，在下拉菜单中选择“_blank”，然后将网页保存，可以完成重新打开窗口超链接。 第四章第四章 超链接的创建与管理超链接的创建与管理 4.2创建图片超链接 除了文字以外，图片也可以建立超链接，而且还可以利用热区功能为图片的不同位置建立不同的超链接。图片的热区与文字的热点文本相似，它是图片上的一部分，单击这一部分可以打开相链接的网页。第四章第四章 超链接的创建与管理超链接的创建与管理 4.2.1创建整个图片超链接 选中图片，然后在“链接”框中输入因特网地址。在网页任意位置单击鼠标，这样就为图片文件建立了超链接 。第四章第四章 超链接的创建与管理超链接的创建与管理 4.2.2创建图片热区超链接 选中整个图片，用鼠标单击“属性面板”的“矩形热点工具”按钮 。拖动鼠标在网页底部的整个图片上拖动鼠标指针，划一个虚框，可以发现图片被选区域变虚。在“属性”面板中单击链接框右端的“浏览文件”按钮，打开“选择文件”对话框。在“选择文件”对话框中选择要链接的网页，保存网页后，完成设置。 第四章第四章 超链接的创建与管理超链接的创建与管理 4.3使用Flash动态文本超链接 Dreamweaver也内建了一些Flash的功能，使得我们不必安装Flash，就可以制作Flash动态文本和Flash按钮，并创建超链接。 Dreamweaver、Flash和Fireworks合称网络三剑客，在利用Dreamweaver制作网页的过程中。可以随时调用Flash和Fireworks来为网页制作动态效果和处理图片。 第四章第四章 超链接的创建与管理超链接的创建与管理 4.3.1使用Flash文本创建超链接 确定光标的位置。单击“插入对象”面板中的“媒体”，打开“媒体”选项卡，单击 “插入Flash文本”按钮，打开“插入Flash文本”对话框。 在 “文本框” 中，输入文字；单击“字体” ，选择字体和字号；单击“转滚颜色”右边的颜色块，在调色板中选择动态效果颜色；单击“链接”框右边的“浏览”按钮，选择链接的文件。在“另存为”框中输入Flash文件名称，单击“确定”即可。第四章第四章 超链接的创建与管理超链接的创建与管理 4.3.2使用Flash按钮创建超链接 可以设置Flash文本以外，还可以设置Flash按钮。 单击“插入对象”面板中“媒体”选项卡的“插入Flash按钮”按钮，打开“插入Flash按钮”对话框。选择按钮样式；在按钮文本框中输入按钮文本；单击“字体”框选择字体和字号；在“链接”文本框中输入因特网地址；在“另存为”文本框中输入Flash文件名称；最后单击“确定”。第四章第四章 超链接的创建与管理超链接的创建与管理 4.4创建并使用布局模板 使用网页模板可以解决这个问题。 在网站的各个网页保持相同的布局非常重要，这样可以给浏览者一个整体的感觉，否则就过于凌乱了。这不仅仅表现在网页的背景色，文字的字体、字号上等方面，甚至许多区域的文字内容也可以是一样的。形成网站统一的风格后，使得浏览者在浏览网站的不同网页时，不会因为风格不同而分散注意力，而且可以非常方便的找到通往其它网页的超链接，因为他们的位置是一致的。 第四章第四章 超链接的创建与管理超链接的创建与管理 4.4.1创建布局模板 将制作好的网页另存为模板是创建布局模板的好方法。打开已经编辑好布局的网页，用鼠标单击“文件”菜单，在弹出的菜单中选择“另存为模板”命令 。在“另存模板”对话框中输入模板的名称，单击“保存”按钮，。模板文件建立后自动处于打开状态。由于模板文件在应用后是不能编辑的，所以要为模板文件建立可编辑区域。 单击“模板”选项卡，在“模板”工具栏中单击“可编辑区域”按钮 ，在出现的“新建可编辑区域”对话框中，输入“可编辑区域”的名称，单击“确定”按钮。最后，用鼠标单击“文件”菜单，在弹出的菜单中选择“保存”命令，将模板文件保存。第四章第四章 超链接的创建与管理超链接的创建与管理 4.4.2使用网页布局模板 打开要使用模板的网页，用鼠标单击“修改”菜单，在弹出的菜单中选择“模板”，最后在弹出的下一级菜单中选择“套用模板到页”命令。 在弹出的对话框中选择网页模板文件“bujv”，注意要选中“当模板改变时更新页面”，这样当网页制作过程中，出现问题时，可以随时更改模板，同时使用该模板的网页将自动更新。最后单击“选定”按钮。 在网页的“可编辑区域”中输入相关的文字，用鼠标单击“文件”菜单，在弹出的菜单中选择“保存”命令，将网页文件保存。 第四章第四章 超链接的创建与管理超链接的创建与管理 4.5 制作网页书签 所谓书签，就是到网页中某个具体位置的链接。当网页内容过长时，使用书签可以快速地浏览到所关心的信息。第四章第四章 超链接的创建与管理超链接的创建与管理 4.5.1 网页书签 当网页有很多信息时，如果不使用滚动条，只能看到其中的一部分。使用书签可以解决这个问题。为网页上的一些条目建立书签，在网页顶部添加书签超链接，单击书签后，相应的信息就会出现在屏幕顶端。第四章第四章 超链接的创建与管理超链接的创建与管理 4.5.2 网页书签的制作首先在网页的顶端输入书签说明文本，这些名称将作为书签的热区文本。 拖动滚动条，选中网页底部的书签位置文字。单击的“插入”菜单，在下拉菜单中选择“命名锚记” ，在“命名锚记”对话框中输入“1”作为锚记的名称， 单击“确定”。拖动滚动条到网页顶端，选中相应的书签的热区文本，“属性面板”的“链接”框中出现：#1，松开鼠标，网页顶端的几个字变成蓝色带下划线， 这就完成了一个书签超链接。重复操作，可以建立多个书签超链接。