(任务)制作包含超级链接的展示张家界景点的网课件.pptx
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《(任务)制作包含超级链接的展示张家界景点的网课件.pptx》由用户(晟晟文业)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 任务 制作 包含 超级链接 展示 张家界 景点 课件
- 资源描述:
-
1、网页设计与制作任务驱动教程(第网页设计与制作任务驱动教程(第3 3版)版)网页设计与制作任务驱动教程 (第3版)网页设计与制作任务驱动教程(第网页设计与制作任务驱动教程(第3 3版)版)2单元6制作包含超级链接和 导航栏的网页【任务6-1】制作包含超级链接的展示 张家界景点的网页网页设计与制作任务驱动教程(第网页设计与制作任务驱动教程(第3 3版)版)3【任务描述】【任务6-1】制作包含超级链接的展示 张家界景点的网页(1)创建样式文件)创建样式文件base.css和和main.css,在该,在该样式文件中定义标签的属性、类选择符及其属性。样式文件中定义标签的属性、类选择符及其属性。(2)创建
2、网页文档)创建网页文档0401.html,且链接外部,且链接外部样式文件样式文件base.css和和main.css。网页设计与制作任务驱动教程(第网页设计与制作任务驱动教程(第3 3版)版)4【任务实施】1 1打开网页打开已有网页打开已有网页0601.html。2 2设置超级链接的属性打开【页面属性】对话框,在该对话框单击打开【页面属性】对话框,在该对话框单击“分类分类”列表项列表项“链接(链接(CSS)”,在右侧设置,在右侧设置“链接链接”属性,将属性,将“链接颜色链接颜色”颜色设置为颜色设置为“#00A5F6”,“变换图像链接变换图像链接”颜色设置为颜色设置为“#C60119”,“已访问
3、链接已访问链接”颜色设置为颜色设置为“#1A22C4”,“活动链接活动链接”颜色设置为颜色设置为“#FFA024”。网页设计与制作任务驱动教程(第网页设计与制作任务驱动教程(第3 3版)版)5“下划线样式下划线样式”设置为设置为“仅在变换图像时显示仅在变换图像时显示下划线下划线”,如图,如图6-2所示,设置完成单击【确定】所示,设置完成单击【确定】按钮即可。按钮即可。图6-2在【页面属性】对话框设置链接属性网页设计与制作任务驱动教程(第网页设计与制作任务驱动教程(第3 3版)版)63 3创建文本形式的外部链接(1)选中网页底部导航栏中的文字)选中网页底部导航栏中的文字“张家界张家界旅游网旅游网
4、”。(2)在【属性】面板的)在【属性】面板的“链接链接”文本框中输文本框中输入外部链接的绝对路径入外部链接的绝对路径“http:/”。网页设计与制作任务驱动教程(第网页设计与制作任务驱动教程(第3 3版)版)7(3)外部链接的绝对路径输入完成之后,)外部链接的绝对路径输入完成之后,属性面板中的属性面板中的“目标目标”下拉列表框即变为可选下拉列表框即变为可选状态,下拉列表中有多个选项可供选择,这里状态,下拉列表中有多个选项可供选择,这里选择选择“_blank”。可以按照同样的方法为可以按照同样的方法为“黄山旅游网黄山旅游网”、“途牛网途牛网”、“昆明旅游网昆明旅游网”、“桂林旅游网桂林旅游网”等
5、文本设置外部超级链接。等文本设置外部超级链接。网页设计与制作任务驱动教程(第网页设计与制作任务驱动教程(第3 3版)版)84 4创建文本形式的内部链接(1)选中网页顶部导航栏中的文字)选中网页顶部导航栏中的文字“天子山自然天子山自然保护区保护区”。(2)在)在Dreamweaver CC的主界面中,选择命令的主界面中,选择命令【插入】【插入】【Hyperlink】,弹出【】,弹出【Hyperlink】对话框。】对话框。(3)在【)在【Hyperlink】对话框中,单击】对话框中,单击“链接链接”列列表框中右边的【浏览文件】按钮,在弹出的【选择文件】表框中右边的【浏览文件】按钮,在弹出的【选择文
6、件】对话框中选择文件夹对话框中选择文件夹“webpage”中的网页文件中的网页文件“tzs.html”。网页设计与制作任务驱动教程(第网页设计与制作任务驱动教程(第3 3版)版)9(4)在)在“目标目标”下拉列表框中选择下拉列表框中选择“_blank”。(5)在)在“标题标题”文本框中输入文字文本框中输入文字“欣赏天子欣赏天子山美景山美景”,如图,如图6-5所示。所示。超级链接的参数设置完成后,单击【确定】按超级链接的参数设置完成后,单击【确定】按钮即可。钮即可。图6-5在【Hyperlink】对话框中设置超级链接的参数网页设计与制作任务驱动教程(第网页设计与制作任务驱动教程(第3 3版)版)
7、10至此,至此,1个文本形式的内部链接便创建完成。个文本形式的内部链接便创建完成。可以按照同样的方法为网页顶部导航栏中的可以按照同样的方法为网页顶部导航栏中的文本文本“索溪峪自然保护区索溪峪自然保护区”、“黄龙洞黄龙洞”、“宝宝峰湖峰湖”、“张家界其他景点张家界其他景点”添加内部链接,添加内部链接,“目标目标”设置为设置为“_blank”。网页设计与制作任务驱动教程(第网页设计与制作任务驱动教程(第3 3版)版)115 5创建图片形式的内部链接(1)选 中 网 页)选 中 网 页 0 6 0 1.h t m l 中 的 图 片中 的 图 片“bfh.jpg”,然后在【属性】面板中,单击,然后在
8、【属性】面板中,单击“链链接接”列表框中右边的【浏览文件】按钮,在弹出列表框中右边的【浏览文件】按钮,在弹出的【选择文件】对话框中选择文件夹的【选择文件】对话框中选择文件夹“webpage”中的网页文档中的网页文档“bfh.html”,单击【确定】按钮,单击【确定】按钮返回【属性】面板。返回【属性】面板。网页设计与制作任务驱动教程(第网页设计与制作任务驱动教程(第3 3版)版)12接着在【属性】面板的接着在【属性】面板的“目标目标”下拉列表框下拉列表框中选择中选择“_blank”,如图,如图6-6所示。所示。图6-6在【属性】面板中设置图片的链接属性(2)设置超级链接)设置超级链接title属
9、性属性单击【文档】工具栏中的【拆分】按钮,切换单击【文档】工具栏中的【拆分】按钮,切换到拆分视图窗口。到拆分视图窗口。网页设计与制作任务驱动教程(第网页设计与制作任务驱动教程(第3 3版)版)13在标签在标签内添加内添加title属性,即输入以下属性,即输入以下HTML代码:代码:title=云梯百丈上天台,高峡平湖云梯百丈上天台,高峡平湖一鉴开一鉴开。(3)保存网页,按)保存网页,按F12键预览其效果,将鼠键预览其效果,将鼠标指针放置在设置了超级链接的图片上时,就会标指针放置在设置了超级链接的图片上时,就会看到图片旁边的提示信息看到图片旁边的提示信息。网页设计与制作任务驱动教程(第网页设计与
10、制作任务驱动教程(第3 3版)版)14按照同样的方法为网页按照同样的方法为网页0601.html中另一张图中另一张图片片“tzs.jpg”设置超级链接和提示信息,链接到设置超级链接和提示信息,链接到文件夹文件夹“webpage”中的网页文档中的网页文档“tzs.html”,“目标目标”设置为设置为“_blank”。网页设计与制作任务驱动教程(第网页设计与制作任务驱动教程(第3 3版)版)156 6创建电子邮件链接(1)选中网页)选中网页0601.html底部导航栏底部导航栏的文字的文字“您的建议您的建议”,在【属性】面板的,在【属性】面板的“链接链接”文本框中输入文本框中输入“mailto:”
11、和邮箱和邮箱地址,如地址,如“mailto:”。网页设计与制作任务驱动教程(第网页设计与制作任务驱动教程(第3 3版)版)16(2)在邮箱地址的后面加上)在邮箱地址的后面加上“?subject=对网站的意见与建议对网站的意见与建议”,完整的语句为,完整的语句为“mailto:?subject=对网站的意见对网站的意见与建议与建议”。这样预览页面时,用户单击该电子。这样预览页面时,用户单击该电子邮件链接弹出发信窗口会有现有的主题。然后邮件链接弹出发信窗口会有现有的主题。然后单击【确定】按钮即可。单击【确定】按钮即可。网页设计与制作任务驱动教程(第网页设计与制作任务驱动教程(第3 3版)版)177
展开阅读全文