《Dreamweaver中超链接的应用》教案

公开课教案课程名称《网页制作》教程课题名称：Dreamweaver中超链接的应用授课班级：任课教师：授课时间：授课日期20015-10-13课程Dreamweaver网页制作班级14计算机班授课人讲次1课时2实训室603机房课题Dreamweaver中超链接的应用教学目的要求⑴知识目标：熟练掌握使用Dreamweaver软件对网页中各种超链接的设置与应用的操作方法。⑵能力目标：①通过任务布置、学生活动、学生演示等形式培养学生遇到问题，解决问题的信息处理能力；培养学生协作学习的能力。②培养学生较熟练地运用Dreamweaver进行超链接的设置与应用；③培养学生理解、设置、应用网页中各种超链接的能力。⑶德育目标：①通过学生完成在网页中插入超链接任务，培养学生网页制作的设计能力，增强学生学习的自信心。激发学生对Dreamweaver网页制作的浓厚兴趣②在同学之间的交流合作中，引导以优带差、共同进步，培养学生互相帮助、团结协作的良好品质。教学重点Dreamweaver中超链接的应用所必须要掌握的7个基本步骤：1、设置常规超链接(内部超链接、外部超链接）2、设置文本超链接3、设置图像超链接4、设置电子邮件链接5、设置命名锚记链接6、文件下载链接7、设置空链接教学难点1、设置常规超链接(内部超链接、外部超链接）2、设置文本超链接3、设置图像超链接4、设置电子邮件链接5、设置命名锚记链接实训材料及器材计算机、极域电子教室软件、网页制作素材时间分配教学内容及过程教学方法及教学内容的拾漏补遗1’5’第一环节：组织教学引导学生进入学习状态，注意操作事项等。第二环节：导入1、结合素材网页版的电子书《抗日英雄传》进行人文素养渗透，抗日英雄传是歌颂中华民族的积极抵抗外侵精神，无数革命先辈的鲜血，终于换来抗日战争胜利的曙光，也是世界反法西斯战争文化宝库中的璀璨明珠。建议课后学生诵读这本网页版的电子书，使他们受到情感熏陶，获得思想启迪，激发爱国情怀和学习斗志，领悟人文精神，塑造完美人格。2、学生演示网页制作中的框架布局来设计网页（第1节课已结合任务驱动法、自主探究学习模式，引导学生完成相应的任务）。3、让学生简述网页制作中的框架布局操作出现的问题。4、简评学生在操作中出现的问题，导入本课超链接属于网页的一部分，它可以使网页与站点之间建立连接。各个网页链接在一起后，才能成为一个有机整体，真正构成一个网站。人文素养渗透演示讲授讨论时间分配教学内容及过程教学方法及教学内容的拾漏补遗17’第三环节：教师演示、讲解操作步骤Dreamweaver中超链接的应用一、超链接的含义超链接由源端点和目标端点两部分组成，其中设置了链接的一端称为源端点，跳转到的页面或对象称为目标端点。二、超链接的分类1、按照源端点的不同，可以将超链接分为文本链接、图像链接和表单链接3种。文本链接：是指以文字作为超链接源端点的链接。图像链接：是指以图像作为源端点的超链接。表单链接：需要与表单结合使用，当用户单击表单中的按钮时，会自动跳转至相应页面。2、根据目标端点的不同，超链接可分为内部链接、外部链接、锚点链接和电子邮件链接4种。内部链接：其目标端点是本站点中的其他网页或文件。外部链接：指链接的目标端点与源端点不在同一个站点中。锚点链接：如果网页太长，可用锚点链接实现跳转到当前网页或其他网页中的某一指定位置。电子邮件链接：单击电子邮件链接，将打开系统默认的电子邮件收发程序。三、设置链接属性在没有选中任何对象的前提下，单击“属性”面板上的“页面属性”按钮，打开“页面属性”对话框，首先在左侧列表中选择“链接”选项，然后在右侧设置各项链接属性。演示提问讨论讲授、演示、讨论时间分配教学内容及过程教学方法及教学内容的拾漏补遗30’四、设置常规超链接常规超链接包括内部超链接和外部超链接，内部超链接是指目标文件位于站点内部的链接；外部超链接可实现网站与网站之间的跳转，也就是从本网站跳转到其他网站。1．内部超链接内部超链接的设置非常灵活，在选中要设置超链接的文本或图像后，可以在“属性”面板上的“链接”编辑框中直接输入要链接对象的相对路径；也可以通过单击“属性”面板上“链接”编辑框右侧的“浏览文件”按钮，在弹出的“选择文件”对话框中选择链接对象。2．外部超链接外部超链接只能采用一种方法设置，就是在选中对象后，在“属性”面板上的“链接”编辑框中直接输入要链接网页的网址。五、设置文本超链接要给某段文本设置超链接，可以先用鼠标选中该文本，然后在“属性”面板上的“链接”编辑框中设置被链接对象的URL地址。六、设置图像超链接给整个图像添加超链接，首先用鼠标选定要制作超链接的图像，然后在“属性”面板上的“链接”编辑框中设置被链接对象的URL地址。知识扩展：给图像局部添加超链接给图像局部添加超链接也称为“图像热点”技术，很多时候都需要为一张图片的不同部位设置不同的链接，这就需要讲授、演示、讨论演示、提问、35’用热点链接。热点链接又叫图像映射，是使用热点工具将一张图片划分成多个区域，并为这些区域分别设置链接。七、设置电子邮件链接很多网页都会在最下方留下作者或公司的E-mail地址，用户可以直接单击E-mail地址，给网站相关人员发送邮件，这就是所谓的电子邮件链接。需要注意的是，电子邮件链接是将浏览者的本地电子邮件管理软件“OutlookExpress”的“新邮件”窗口，而不是向服务器发出请求。这是一种特殊类型的链接，又叫电子邮件链接。在“属性”面板上“链接”编辑框中输入“mailto:电子邮箱地址”八、设置命名锚记链接有些网页的内容非常多，以致浏览器的滚动条变得很长，而使得浏览者无法快速找到所要的内容。为解决这个问题，我们可以通过命名锚记链接来为网页添加位于该网页内部的超链接，单击该超链接，就跳转到网页中指定的位置。要设置命名锚记链接，应首先插入命名锚记，然后创建跳转到该命名锚记的链接。九、文件下载链接文件下载链接的设置方法与文字链接类似，区别在于所链接的文件不是网页文件而是其他文件，如“.exe”“.doc”“.zip”等文件。十、设置空链接空链接是一个未指派目标的超链接，设置空链接的目的通常是激活页面上的对象或文本，使其可以应用行为。给页面对象设置空链接的方法很简单，选定对象后，在“属性”面板上的“链接”编辑框中输入符号“#”即可。第四环节：学生操作、巡回指导本节在前面操作的基础上对素材网页版的电子书《抗日英雄传》进行进行完善，让学生上机练习设置网页链接属性、设置图像热点链接、设置图像站内链接、给页脚文本添加站外链接，制作一本完整的《抗日英雄传》网页电子书。遇到疑难再向老师提出，老师进行即时解答。讨论巡视、指导、督促、答疑演示、提问、讨论督促2’【学生活动】学生按照操作要求，尝试完成学习任务。学生间互相交流，遇到难处可以向教师请教。【教师活动】教师巡视，指导，督促，答疑。在巡视过程中，发现学生操作中的问题给予必要的帮助。发现操作较好的同学，给予鼓励和表扬并引导其协助教师指导，实行以优带差、共同进步的训练过渡。第五环节：小结1、理解超链接的含义2、理解超链接的分类3、设置链接属性4、设置常规超链接(内部超链接、外部超链接）5、设置文本超链接6、设置图像超链接7、设置电子邮件链接8、设置命名锚记链接9、文件下载链接10、设置空链接实训结束,督促学生整理好鼠标键盘、摆放好坐凳。后记结合素材网页版的电子书《抗日英雄传》进行人文素养渗透，激发学生的爱国情怀和学习斗志。全体学生都能认真思索、积极参与、发现问题、深入挖掘、肯说愿谈、乐于交流、平等互助、勇于竞争，课堂气氛活跃而有序。