《网页设计与制作》教学设计
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
《网页设计与制作》教学方案
任务一:了解超链接(详)
→什么是超链接
所谓超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。
→超链接分类型
内部链接:这种链接的目标点是同个网站中的其他网页(文档),称为内部链接。
外部链接:这种链接的目标点是不同站点或本站点以个的网页(文档),称为外部链接。
空链接:指没有指定目标文件的链接,单击空链接不会打开任何文件。
电子邮件链接:链接到一个电子邮件地址。
教法:演示讲解
学法:观摩认识
任务二:创建超链接(详)
1.到网站内页面的超链接——内部链接(网站内部页面之间创建相互链接关系)
步骤1选中页面中的文字或图像,在属性面板中单击“链接”文本框右侧的文件夹图标,以通过浏览选择一个文件,也可以用快捷方式创建。
步骤2从“目标”下拉菜单中,选择文档的打开位置。
-self:会在当前网页所在的窗口或框架打开(默认方式)
-blank:每个链接会创建一个新的窗口-new:会在同一个刚创建的窗口中打开
-top:会在完整的浏览器窗口中打开
-parent:如果是嵌套的框架,则在父框架中打开
2.到网站外页面的超链接——外部链接
步骤1选中文字或图像之后,直接在属性面板的“链接”文本框中输入外部的链接地址,如步骤2然后在“目标”下拉菜单中设置这个链接的目标窗口(参数同上)。
教法:演示操作
学法:练习体验
【提醒】链接中使用完整的URL地址如:是浏览网页网络协议)
域名)
任务三:判断超链接的访问状态(略)
超链接的四个状态含义如下:
a:link:超链接的正常状态
a:visited:访问过的超链接状态
a:hover:鼠标经过超链接时的状态
a:active:选中超链接时的状态
教学法:演示说明,学生学会辨别就可以了。