网页制作与网站设计_05DreamweaverCS3创建超级链接.ppt

小张想自己设立了一个网页，在运行过程中可能会出现问题，通过浏览者能反馈的信息，及时改进，提高网页的制作水平。 任务四 任务描述 任务说明 操作步骤 在网页上创建E-mail链接，可以使浏览者快速反馈自己的意见，当浏览者单击电子邮件链接时，系统会自动启动默认的电子邮件收发软件（如Outlook、Outlook Express等），收件人邮件地址被电子邮件超级链接中指定的地址自动更新。 任务四 任务描述 任务说明 操作步骤 1）新建一个HTML文件，输入一段文字，如图5-10所示。 任务四 任务描述 任务说明 操作步骤 图5-10 建立HTML文件 2）在菜单栏中选择“插入记录”|“电子邮件链接”命令或点击插入面板中“常用”标签下的“电子邮件链接”按钮， 出现“电子邮件链接”对话框，在“E-mail”文本框中输入邮箱地址，如图5-11所示。 任务四 任务描述 任务说明 操作步骤 图5-11 在“E-mail”文本框中输入邮箱地址 3）单击“确定”按钮，即可插入电子邮件链接。 4）按F12键，保存文档并预览网页，点击E-mail的链接文字，网页就会自动打开邮件处理程序，并在收件人栏中填写好所设置的邮箱地址，如图5-12所示。 任务四 任务描述 任务说明 操作步骤 图5-12 E-mail链接效果 小张想自己设立了一个网页，在运行过程中发现当文本内容分成多页时，不能快速找到需要内容，有什么方法可以快速定位，方便查找需要的内容吗？ 任务五 任务描述 任务说明 操作步骤 锚点链接通常用于大量文本的网页，由于网页内容非常多，浏览器的滚动条变得很长，而使浏览者无法快速找到所以内容。使用锚点链接可以给文本分段，来为网页添加内部链接。单击该链接，就可以跳到网页中指定位置。 任务五 任务描述 任务说明 操作步骤 1）打开一个长网页文档，如图5-13所示 任务五 任务描述 任务说明 操作步骤 图5-13 打开网页文档 2）将光标定位于第一首前，选择菜单中的“插入记录”? “命名锚记”命令，或点击插入面板中“常用”标签下的“命名锚记”按钮， 弹出“命名锚记”对话框，在对话框中输入“1”，如图5-14所示。 任务五 任务描述 任务说明 操作步骤 图5-14 命名锚记 3）单击“确定”按钮，插入“锚记名称1”，如图5-15所示。 任务五 任务描述 任务说明 操作步骤 图5-15 插入命名锚记1 4）选择文字1.长歌行　(汉)汉乐府，在“属性”面板的“链接”文本框中输入锚记“#1”(英文输入法下)，如图5-16所示。 任务五 任务描述 任务说明 操作步骤 图5-16 输入链接 5）将光标定位于第二首前，选择菜单中的“插入记录”?“命名锚记”命令，或点击插入面板中“常用”标签下的“命名锚记”按钮， 弹出“命名锚记”对话框，在对话框中输入“2”，如图5-17所示 任务五 任务描述 任务说明 操作步骤 图5-17 命名锚记 6）单击“确定”按钮，插入“锚记名称2”，如图5-18所示。 任务五 任务描述 任务说明 操作步骤 图5-18 插入命名锚记2 7）选择文字2.咏鹅　(唐)骆宾王，在“属性”面板的“链接”文本框中输入锚记“#2”(英文输入法下)，如图5-19所示。 任务五 任务描述 任务说明 操作步骤 图5-19输入链接 8)用同样的方法插入其他命名锚记，并设定相应的链接。 9）设置结束后，按F12键，保存文档并在浏览器中预览网页时，就可以通过单击超级链接来定位到命名锚记所在的位置。 任务五 任务描述 任务说明 操作步骤 项目五 Dreamweaver CS3创建超级链接 网页制作技能训练 项目五 任务一 创建超级链接的方法 任务二 文字超级链接 任务三 任务四 任务五 图片超级链接 创建E-mail链接 创建锚点链接网页 网页制作技能训练 项目五 任务一 创建超级链接的方法 任务一 任务描述 任