湖北职晚计算机科学与技术理论课教案一《网页设计》 教学项目十 HTML中超级链接标志的使用 【教学内容】 讲解HML中超级链接标志 【教学目的】 使学生掌握超级链接标志的使用 【教学重点】 1.超级链接标志的使用 【教学难点】 1.理解书签超级链接的意义 target属性不同取值对应的含义 【教学方式】 案例分析式、练习式相结合 【教学参考】 1.杨浩著 清华大学出版社 2. Wittime工作室重庆出版社 3.文本图片
湖北职院计算机科学与技术系理论课教案—《网页设计》 教学项目十一 HTML 中超级链接标志的使用 【教学内容】 讲解 HTML 中超级链接标志 【教学目的】 使学生掌握超级链接标志的使用 【教学重点】 1. 超级链接标志的使用 【教学难点】 1. 理解书签超级链接的意义 2. target 属性不同取值对应的含义 【教学方式】 案例分析式、练习式相结合 【教学参考】 1．> 杨浩著 清华大学出版社 2．> Wittime 工作室 重庆出版社 3．> 电脑报社出版 【新课】 一、超级链接的实现 格式： 文本|图片 1. 链接到网址 例：设定到网址的超级链接
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 超级链接例 / center Kahref=http://www.sinacomcn>新浪网 Kahref=http://www.cctv.com>央视国际163电子邮局 超级链接例二-夏 i crosott Internet Exp1orer 文件q)编辑①)查看Q收密)工具)帮助d ⊙后:回哈户☆收的媒色,是圆,回 他址①)eD:1 Documents and setting1)zK桌面2hm 转到练接 友憤链接 新浪网去视国际163电子邮局 完毕 我的电脑 「精品课程1e1 「3记事本B链 思考: 怎样实现点击图片与文字均可链接到湖北职院网站?
湖北职院计算机科学与技术系理论课教案—《网页设计》 超级链接例一 友情链接 新浪网 央视国际 163 电子邮局 思考： 怎样实现点击图片与文字均可链接到湖北职院网站？
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 m回必 】G: Front.当 .\htelxwp148,htm 职、业技不 我的个人网页/ title〉 Kahref=http://www.hbvtc.cn> br湖北职业技术学院 2.链接到电子邮件地址 格式 a href= mailto:emai>图片|文字</a 例
湖北职院计算机科学与技术系理论课教案—《网页设计》 我的个人网页 湖北职业技术学院 2. 链接到电子邮件地址 格式： 图片|文字 例：
湖北职晚计算机科学与技术亲理论课教案一《网页设计 我的个人网页- icrosoft Internet Explorer 文件)铜指①)查看Q)收④)工具①)帮助 后退·0困图的搬收夹的媒体的③,品圆·回当 地址Q)包G:{ FrontPage\htnlsamp1e19.htm M转到链接” 联系我们 无标题-邮件(纯文本 回图 文件①)编辑)视图①)插入①)格式)工具①)动作(5)帮助0 日电色自!选项)、倒? 件人)」 xgzliiQ163 net 主题T 我的电脑 始2。·如刻材回a“E4记,·我的,无标,日?810 我的个人网页 联系我们 3.链接到指定的文件
湖北职院计算机科学与技术系理论课教案—《网页设计》 我的个人网页 联系我们 3．链接到指定的文件
湖北职晚计算机科学与技术糸理论课教案一《网页设计》 3我的个人网页一重 文件)编错①)查着收△)工具①)帮助aD ⊙后·的批索次收徽的媒的③,四,□ 畅销书推荐 2.灵的奶的 「材 我的个人网页 title gcolor-eeffo0> / center> 1i>谁动了我的奶酪心灵鸡汤至高利益 说明:在使用标志时,可以配合使用属性 target
湖北职院计算机科学与技术系理论课教案—《网页设计》 我的个人网页 畅销书推荐 谁动了我的奶酪 心灵鸡汤 至高利益 说明：在使用标志时，可以配合使用属性 target:
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 target=self超级链接网页显示在当前框架 target= blank超级链接网页显示在一个新窗口 target=top超级链接网页显示在整个窗口 target= parent超级链接网页显示在上一层的框架 4.链接到书签 (1)定义书签 链接点 (2)设定书签链接 文本图片<a 例:设定有三个书签的链接 一节第二节第三节
湖北职院计算机科学与技术系理论课教案—《网页设计》 target=_self 超级链接网页显示在当前框架 target=_blank 超级链接网页显示在一个新窗口 target=_top 超级链接网页显示在整个窗口 target=_parent 超级链接网页显示在上一层的框架 4．链接到书签 (1) 定义书签 链接点 (2) 设定书签链接 文本|图片 例：设定有三个书签的链接
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 惨使用 1;1=///a 罟意民亮 上盘蒂本棉实对未器势 的 ri1.:///G:/xntP“/tm1ap1他/11.h 鬏汽高昙院卖塘面娉 去,蛰大些叢的橘不鲁 真的梵辟这牌学度:“品若产四德点己 埜票端 收的媒·一-□ 第二 装都器召话需活不最需资西甲n容需 梦點算∴舍明息工是,显不只要不整s一部 书签使用
湖北职院计算机科学与技术系理论课教案—《网页设计》 书签使用
湖北职晚计算机科学与技术理论课教案一《网页设计》 微笑第一节 第二节 第三节√/a br> 第一节林是在篮球场上认识他的。当时他并不知道他 的名字。只是好像有一次 林正在一旁独玩球,然后他走过来,微笑着说:"—起玩吧,正好我们少个 人。”其实林是一个很内向的人,不喜欢和不认识的人一起玩球,但他的微 笑给林留下了深刻的印象,所以就欣然答应了。 以后,林发现他每天早晨都很早来到这里,他打球不错,对人也很热情 br>见到人总会上前问声好。最重要的是他脸上总会带着微笑。林很奇怪为什么 br>他看起来总是无忧无虑,没有任何烦恼。 p〉第二节再后来,林知道了他叫强。 以后的交往中,林发现强很有意思,他绝对是那种无忧无虑的人,他很会 br>说笑话,如果不小心踩了他的脚,他也会笑嘻嘻地说:“哎呀,对不起,耽误 你的脚落地了。"他喜欢说"事情还不算很坏″"还有机会″—类的话。看起来似 br>乎已经没有希望的事情,他仍会兴致勃勃地去做,虽然大多数时候不会改变事
湖北职院计算机科学与技术系理论课教案—《网页设计》 微笑 第一节 第二节 第三节 第一节林是在篮球场上认识他的。当时他并不知 道他 的名字。只是好像有一次， 林正在一旁独玩球，然后他走过来，微笑着说："一起玩吧，正好 我们少一个 人。”其实林是一个很内向的人，不喜欢和不认识的人一起玩 球，但他的微 笑给林留下了深刻的印象，所以就欣然答应了。 以后，林发现他每天早晨都很早来到这里，他打球不错，对人也很热情， 见到人总会上前问声好。最重要的是他脸上总会带着微笑。林很奇怪为什么 他看起来总是无忧无虑，没有任何烦恼。 第二节再后来,林知道了他叫强。 以后的交往中，林发现强很有意思，他绝对是那种无忧无虑的人，他很会 说笑话，如果不小心踩了他的脚，他也会笑嘻嘻地说：“哎呀，对不起，耽误 你的脚落地了。"他喜欢说"事情还不算很坏""还有机会"一 类的话。看起来似 乎已经没有希望的事情，他仍会兴致勃勃地去做，虽然大多数时候不会改变事
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 情状况,他也会微笑着面对失败。考试完了,林没有考好,心情很苦闷,“真惨呀。”他独自站在操场上 看着欢乐的人群发呆。这时强走了过来,唱着一首很奇怪的、好橡是自己编出 来的歌,一副很悠闲自在的样子,他走到林的面前停了下来,做了一个鬼脸, 林看着他滑稽的样子,忍不住笑了起来。“对,就是这个样子,笑-笑,别 想那些烦心的事了,事情还不是很糟,不是吗?"他微笑着说。慢慢的,林的脸上也开始有了微笑。 p第三节第三天,他仍然没来。一直到第四天他才来。但脸色变得很苍白,精神似乎 也不如从前了。只有那副微笑挂在他的脸上,丝毫未变。 p〉过了一些天,林又没有来到篮球场,而且一直没来,“他怎么没来呢? br>林开始担心起来。后来他打听到林的住处。那是一座环境很幽静的房子。他 敲了敲门,但很久都没人开门。这时,一位老奶奶走了过来 “别敲了,他家没人,都在医院呢。” “医院?” br>“是啊,这家孩子得了白血病,已经没几天了。哎,真可怜。” 老奶奶带着一声叹息走远了。林呆呆地站在那里,“怎么会呢?他怎么 br>会得白血病呢?看他的样子不像是有病的人呀,他得了这样的病怎么还会整
湖北职院计算机科学与技术系理论课教案—《网页设计》 情状况，他也会微笑着面对失败。 考试完了，林没有考好，心情很苦闷，“真惨呀。”他独自站在操场上， 看着欢乐的人群发呆。这时强走了过来，唱着一首很奇怪的、好橡是自己编出 来的歌，一副 很悠闲自在的样子，他走到林的面前停了下来，做了一个鬼脸， 林看着他 滑稽的样子，忍不住笑了起来。“对，就是这个样子，笑一笑，别 想那些烦心的事了，事情还不是很糟，不是吗？"他微笑着说。 慢慢的，林的脸上也开始有了微笑。 第三节一天，强没有来到篮球场。“大概是他有事吧？” 林这样想着。第二天， 第三天，他仍然没来。一直到第四天他才来。但脸色变得很 苍白，精神似乎 也不如从前了。只有那副微笑挂在他的脸上，丝毫未变。 过了一些天，林又没有来到篮球场，而且一直没来，“他怎么没来呢？ 林开始担心起来。后来他打听到林的住处。那是一座环境很幽静 的房子。他 敲了敲门，但很久都没人开门。这时，一位老奶奶走了过来。 “别敲了，他家没人，都在医院呢。” “医院？” “是啊，这家孩子得了白血病，已经没几天了。哎，真可怜。” 老奶奶带着一声叹息走远了。林呆呆地站在那里，“怎么会呢？他 怎么 会得白血病呢？看他的样子不像是有病的人呀，他得了这样的病怎么 还会整
湖北职晚计算机科学与技术理论课教案一《网页设计》 天无忧无虑的呢? p〉带着疑惑和同情。林来到医院看望强。来到病房前,他惊讶地看见,强 正坐在病床上悠闲地翻一本杂志,只是人消瘦了许多。看到林,他仍然是微 微一笑,然后举起那本杂志,顽皮地说:“看,乔丹又要复出了。他从不会 br>对他的年龄服输的。他还有机会,只要不服输,只要不放弃希望,一切都会 br>好起来的 会好起来的。强就是这样生活着的,他从来没有服输,也从来没有放弃过希 )望,所以他能快乐地活着。p〉以后,强再也没有来过篮球场。 【课后小结】 本节介绍了HM中超级链接标志的使用,书签链接是一类特殊的链接方式,理解和 使用书签链接学习HM中超级链接标志的难点
湖北职院计算机科学与技术系理论课教案—《网页设计》 天无忧无虑的呢？" 带着疑惑和同情。林来到医院看望强。来到病房前，他惊讶地看见， 强 正坐在病床上悠闲地翻一本杂志，只是人消瘦了许多。看到林，他仍然 是微 微一笑，然后举起那本杂志，顽皮地说：“看，乔丹又要复出了。他 从不会 对他的年龄服输的。他还有机会，只要不服输，只要不放弃希望， 一切都会 好起来的......" 林听着，突然他全明白了。是的，只要不服输，只要不放弃希望，一切都 会好起来的。强就是这样生活着的，他从来没有服输，也从来没有放 弃过希 望，所以他能快乐地活着。 以后，强再也没有来过篮球场。 【课后小结】 本节介绍了 HTML 中超级链接标志的使用，书签链接是一类特殊的链接方式，理解和 使用书签链接学习 HTML 中超级链接标志的难点