网页超链接公开课教案

《网页超链接》公开课教案

泉州梅山工程学校黄朋辉

教学目标：

知识与技能：

1、熟悉以文字、图片为链接源的基本操作

2、掌握链接到站点内网页、电子邮件、网页内书签的操作

3、理解在网页（站点）内建立超链接的意义

4、了解广义的超链接内涵

过程与方法：

1、在教师引导下，在原有知识技能的基础上自主学习，实现知识迁移。

掌握建立超级链接的基本方法。

2、通过层次递进的任务，逐渐理解超链接的意义与内涵。

情感、态度和价值观：

1、在任务学习的过程中，加深学生对超链接的理解，让学生提高知识

技能迁移的能力。

2、通过引导学生自主探究，总结归纳知识技能要点，既激发了学生的

学习积极性，又提高学生的自主学习能力。

教学重点：

1、建立超链接的基本操作

2、链接到站点内网页、电子邮件、网页内书签的操作方法

教学难点：

1、链接到电子邮件、网页内书签的操作方法

2、理解在网页（站点）内建立超链接的意义

教学过程：

一、“问题”导入

师：用自己的话表述你认识的超链接。

生：思考，并回答问题。

师：讲解：超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。

二、原有相关知识技能回顾

师：在前面的章节的学习中，哪些技能应用涉及到超链接？

生：学生知识技能回顾，并回答问题。

师：布置任务，动手实践。

任务1：完成试题汇编第三章《运用与设置图像》第二、第十题。

任务2：完成试题汇编第四章《制作框架页面》第六题。

（注：以上任务分组操作，再分别请同学表述。）

知识链接：

路径：

1、绝对路径：包含精确地址而不考虑源文件的位置。

2、文档相对路径：和当前文档所在的文件夹相对的路径。

3、站点根目录相对路径：从当前站点的根目录开始的路径。

链接目标：

1．-blank：将目标文件载入到新的未命名浏览器窗口中。

2．-parent将连接的文档载入该链接所在框架的父框架或父窗口。

如果包含链接的框架不是嵌套框架，则所链接的文档载入整个浏览器窗口。

3．-self将链接的文档载入链接所在的同一框架或窗口。此目标是默认的，所以通常不需要指定它。

4．-top将链接的文档载入整个浏览器窗口，从而删除所有框架。

三、新知教学：书签超链接

师：实例操作演示：试题汇编第五章《创建链接》第一题第2,3,4步骤。

布置任务，动手实践。

任务3：完成试题汇编第五章第2、第8、第15题前4个步骤。

分组操作，巩固新知。

具体要求：

生：通过观看操作演示，完成任务3，反馈新知掌握情况。

师：巡视并个别辅导，强调重难点。

师：实例操作演示：试题汇编第五章《创建链接》第一题第5步骤。

布置任务，动手实践。

任务4：完成试题汇编第五章第2、第8、第15题第5个步骤。

邮件超链接。

具体要求：

生：通过观看操作演示，完成任务3，反馈新知掌握情况。

师：巡视并个别辅导，强调重难点。

四、拓展运用

师：结合实践应用，还可以补充空链接、外网的网页地址链接、文件下载链接、普通文件链接等。

拓展任务1：将题库中网页链接到一个普通文件，首页设置空链接。

具体要求：在网页的书签链接行右边添加文字“更多精彩”，将其链接到素材库中的word文档；首页设置空链接。

拓展任务2：将题库中网页添加友情链接到学校的网站，添加素材下载链接。

具体要求：将网页中的文字“友情链接”链接到校园网网址，添加“素材下载”，链接下载sucai.rar。

五、归纳总结

引导学生总结超链接的设置应用。学生发言，谈学习感受。

教师总结。

六、板书设计（ppt演示文件另附）

《网页制作教学设计》教案

《网页制作》教学设计法、说学法、说教学过程、说板书设计。一、说教材： (一)教材分析：本节内容是省编《信息技术》全一册第六章网络与INTERNET基础知识第五节的内容(2000年版为第八章第四节内容，2001、2002版教材第六章第五节内容)。虽然在这一节内容在新版教材变更为拓展模块，但针对现在网络快速发展，广大的学生接触，使用INTERNET的机会也大大增加，学生在使用网络获取信息时，更多的是通过浏览网页这一方式，我认为上好这节课是非常必要的，这对学生进一步认识、使用INTERNET更有益处，同时通过网页制作这一过程也利于学生对计算机常用素材的类型有更深入的了解，在一定程度上也起着培养学生运用综合知识能力作用，所以我认为这节课是非常值得我们去研究上好的，考虑这节课的内容及教法、学法的需要，我把这节分为两课时，第一时：学生自学，自练Word制作网页的基本方法；第二课：让学生自己构思创意一个内容丰富，页面美观的网页。 (二)教学目标：根据对教材的分析及学生实际情况，制定如下的教学目标： (1)知识目标：1、有关网页文件的说明 2、熟悉用Word制作网页的基本方法 3、超级链接是网页实现互相链接的基本方法 (2)能力目标：1、培养学生的自学能力 2、创意构思能力 3、能制作出具有多重链接、多种素材、内容丰富的网页。 (3)情感目标：1、教育学生正确认识和理解信息技术相关文化，伦理和社会问题，负责地使用信息技术。 (三)教学的重、难点：根据对教材的分析及网页制作过程中的实际情况，我认为要出制作内容丰富的网页，关键是要知道网页间互相链接的方法，所以我把超级链接做为本节的

网页超级链接教案

网页超级链接教案 (prontpage2000) 教学目的：知识目标：让学生掌握网页超级链接的方法情感目标：认清网络的作用，上网的利与弊能力目标：1、实现网页之间的链接 2、改变链接课前准备：教师先制作好二张以上的网页，并且它们之间做好超级链接，在边引入时，边操作，让学生彻底领悟网页之间的链接是什么样的。教学内容：一、引入：同学们，在咱们上网时，每单击一组文字或者图片，都会有相应的网页出现，来对该文字或图片做进一步的说明，看完之后，还可以再回到原先的网页。那么，这就是网页之间的链接，让网页之间可以随意的切换。这节课，我们就来看一下，网页之间的链接是怎么做的？二、讲授新课： 1、复习：学生动手制作：新建一个网站，然后包含两张网页；在网页上，有文字并且插入图片；保存网页。师：注意：在编辑网页时，每完成一张网页，都要保存。 2、回忆：以前我们曾学过制作幻灯片，在PowerPoint 里，我们曾制作过超级链接，我们知道，可以用图片或者是文字。在这里，Prontpage 里，也是用这两种方式。教师演示：首先，我们在主页( index.html )里，添加文字和图片，然后，保存。

再次，新建一个newpage1.html ，添加文字和图片，然后，保存。开始制作：首先，在主页当中，选中文字，然后，单击鼠标右键，出现菜单，选择超级链接，出现对话框，在这里去选择，你所要链接的网页(注意，在选择网页，不能选择当前你正在编辑的网页，这里我们选择newpage1.html )。然后，单击确定。我们看一下，是否完成链接任务。单击“预览”标签，看一下效果。单击刚才做链接的文字，看是否能到所链接( newpage1.html )的网页。如果能，证明完成任务。这是主页上做好的链接，接下来，我们来到newpage1.html ，去做链接，让它链接到主页。我们在newpage1.html 上，选择一张图片，然后，单击鼠标右键，出现菜单，选择超级链接，出现对话框，在这里去选择，你所要链接的网页，这里我们选择主页)。然后，单击确定。再到“预览”标签看效果。同学们，可以看到，无论是文字还是图片，操作方法相同。这样，两张网页，我们做好了链接，它们之间可以相互的切换，也就是我们在主页，可以单击文字，到newpage1.html ，在newpage1.html 上，我们可以单击图片，到主页上。在这里，我们想一个这样的问题：当前，我们是有两张网页，如果，再新建一个网页的话，也就是三张网页，如果我们想让链接到主页的图片，让它链接到第三新网页的话，怎么去做呢？接下来，同学们带着这个疑问，做一下练习，首先，做好老师刚才讲的链接，然后，再动手试试，解答老师刚才提的问题。三、学生操作练习四、老师解答：改变链接的网页：我们先选中所做好链接的图片或文字，然后单击鼠标右键，选择“超级链接属性” ，出现对话框，在这里，去选择你所要链接的网页。五、学生练习六、教师总结

建立超链接教学设计

建立超链接教学设计学习目标： 1、了解超链接的基本概念； 2、掌握同一站点内不同网页间及不同对象上的超链接的制作方法； 3、掌握同一页面中超链接的制作方法； 4、掌握不同站点间超链接的制作方法及E-mail链接的制作方法。学习重点：超链接制作方法学习难点：根据需要选择适当超链接类型学习方法：任务驱动法、讨论法、自主探究法课时安排：1课时课前准备：将本节所需材料放到教师机高二学生共享文件夹中教学过程：一、导入新课我们在浏览网页时，都会发现当鼠标移动到网页上的某些地方时，鼠标指针就会变成手形。对准单击时，还可以看到网页跳转到了其他网页上或者是网站上了。这是为什么呢？这就是“超链接”发挥了作用。正是由于有了"超链接"，因特网才会如此神奇，如此流行！前面我们已经分小组学习了单张网页的制作，并制作了自己的网站，今天我们就来学习如何建立超链接，将零散的网页和文件串起来，组成一个有机整体。二、下载资源在“网上邻居-->教师机-->高二学生共享”中找到“建立超链接”文件夹并下载到D盘上，

三、预习检测回答下面三个问题： 1、超链接是什么？明确：是链接源到链接目标的链接。 2、链接源及链接的目标指的是什么？明确：⑴链接源：就是链接的载体，Frontpage中，链接的载体是指显示链接的部分，如文字或图片； ⑵链接的目标：是指链接到的位置。既可以是文件、网页，也可以是网页中的某个位置以及电子邮件的地址。 3、常见的超链接有哪几种？ ⑴到网页或文件的超链接； ⑵到外网站的超链接； ⑶到书签（网页中的某一位置）的超链接； ⑷到E-mail的超链接；四、演示操作建立到网页的超链接（资源在刚下载的“建立超链接”文件夹中）用FrontPage打开“神奇的超链接.htm”，在网页文字“什么是超链接”上建立一个到网页“什么是超链接.htm”的超链接。 1、步骤： ⑴选中文字：“什么是超链接” ⑵执行“插入”→“超链接”，打开“创建超链接”对话框 ⑶单击按钮“制作一个指向您计算机上文件的超链接”，打开“选择文件”对话框；

Dreamweaver网页制作教案

认识Dreamweaver 一、学习目的了解Dreamweaver，学会利用Dreamweaver制作网页。二、学习内容 Dreamweaver的基本知识。【学习步骤】 1、 Dreamweaver的功能 Dreamweaver可以像普通的字处理软件一样编辑Internet上以HTML格式保存的所有文件，也就是网页；它支持动态HTML，可以在网页中产生动画；还可以在网页中插入各种插件，以产生特殊效果。 Dreamweaver可用于管理站点，它像文件夹一样创建和打开站点，用不同的方式查看站点中各个网页之间的关系，调整站点的组织结构，使整个站点条理清晰。 2、 Dreamweaver的窗口（1）标题栏（2）菜单栏（3）工具栏（4）视图栏（5）文件夹列表（6）工作区 3.网页工作区的三个视图方式选项它们分别是“普通”、“HTML”“预览”，它们之间的相互切换十分容易实现的。普通视图方式是Dreamweaver对网页所见即所得编辑方式的最佳体现，在此方式下，可以像在Word中那样直接进行各种编辑操作，实现网页编辑的所有功能。

HTML视图实际上是一个文本编辑器，其中给出了普通视图方式下所件网页的HTML代码。在这里可以用菜单命令进行复制、粘贴、删除、查找等操作。对于HTML语言中的不同成分均用不同的颜色显示，这样比较容易区分各种语法成分。为了在制作网页过程中能够随时查看网页的实际效果，Dreamweaver提供了预览视图方式。 4.安装dreameaver的方法安装及注册 5.关闭dreameaver 6.保存网页的方法三、小结 Dreamweaver的基本知识

网页制作教案

课堂任务快速建站技术—模板的应用课程名称：利用模板快速建站课时数：4 教学目标：知识与技能：了解模板的定义，模板的可编辑区域的定义。过程与方法：掌握在网页中创建模板的三种方法；掌握模板的可编辑区域的定义、建立和取消；掌握模板的应用和取消；掌握如何将模板从网页中分离出来；掌握使用模板快速建站；情感与价值观：培养学生主动思考问题的习惯和自主学习的能力。教学重点：在DreamWeaver8中创建模板和应用模板。教学难点：学会模板的可编辑区域的定义、建立和取消。教法：任务驱动法学法：记录关键步骤，积极动手练习。课前准备：第三章第三节素材和实例，视频教程：快速建站技术－模板的应用.WMV，快速建站技术－模板的应用(快速更新).WMV。教学过程设计：（一）导入设计：我们制作一个网站时，会发现许多网页的版面和元素都是相同的，在设计一个新页面时，我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几十、上百张页面都基本相同，这时修改或更新网页的共同元素如网站标志时，会发现工作量实在太大！而使用Dreamweaver 软件中的模板功能来创建新网页，可以大大提高更新和修改的工作效率，网站的维护工作会轻松很多。本节主要内容如下。（二）新课讲解设计：（1）请学生带着以下问题阅读P110～115知识预读，问题如下： A、模板的定义？ B、模板创建的三种方式？了解资源面板的使用方式。 C、学会模板的可编辑区域的定义、建立和取消； D、学会模板的应用和取消； E、学会如何将模板从网页中分离出来；（2）教师提问，请学生一一回答以上问题。期间对回答问题的同学要多多表扬，如“你真棒”。增强学生对教师的亲和力。（3）教师在学生回答问题的同时，总结评价并补充相关要点。（4）教师展示完成后的模板网站作品，与学生共同讨论分析该网站制作过程。（5）教师演示建立模板,创建可编辑区域,应用模板等部分操作（详见教材任务一）。

Dreamweaver中超链接的应用教案

公开课教案课程名称《网页制作》教程课题名称：Dreamweaver中超链接的应用授课班级：任课教师：授课时间：

时间分配教学内容及过程教学方法及教学内容的拾漏补遗 17’ 第三环节：教师演示、讲解操作步骤 Dreamweaver中超链接的应用一、超链接的含义超链接由源端点和目标端点两部分组成，其中设置了链接的一端称为源端点，跳转到的页面或对象称为目标端点。二、超链接的分类 1、按照源端点的不同，可以将超链接分为文本链接、图像链接和表单链接3种。文本链接：是指以文字作为超链接源端点的链接。图像链接：是指以图像作为源端点的超链接。表单链接：需要与表单结合使用，当用户单击表单中的按钮时，会自动跳转至相应页面。 2、根据目标端点的不同，超链接可分为内部链接、外部链接、锚点链接和电子邮件链接4种。内部链接：其目标端点是本站点中的其他网页或文件。外部链接：指链接的目标端点与源端点不在同一个站点中。锚点链接：如果网页太长，可用锚点链接实现跳转到当前网页或其他网页中的某一指定位置。电子邮件链接：单击电子邮件链接，将打开系统默认的电子邮件收发程序。三、设置链接属性在没有选中任何对象的前提下，单击“属性”面板上的“页面属性” 按钮，打开“页面属性”对话框，首先在左侧列表中选择“链接”选项，然后在右侧设置各项链接属性。演示提问讨论讲授、演示、讨论

时间分配教学内容及过程教学方法及教学内容的拾漏补遗30’ 四、设置常规超链接常规超链接包括内部超链接和外部超链接，内部超链接是指目标文件位于站点内部的链接；外部超链接可实现网站与网站之间的跳转，也就是从本网站跳转到其他网站。 1．内部超链接内部超链接的设置非常灵活，在选中要设置超链接的文本或图像后，可以在“属性”面板上的“链接”编辑框中直接输入要链接对象的相对路径；也可以通过单击“属性”面板上“链接”编辑框右侧的“浏览文件”按钮，在弹出的“选择文件”对话框中选择链接对象。 2．外部超链接外部超链接只能采用一种方法设置，就是在选中对象后，在“属性”面板上的“链接”编辑框中直接输入要链接网页的网址。五、设置文本超链接要给某段文本设置超链接，可以先用鼠标选中该文本，然后在“属性”面板上的“链接”编辑框中设置被链接对象的URL地址。六、设置图像超链接给整个图像添加超链接，首先用鼠标选定要制作超链接的图像，然后在“属性”面板上的“链接”编辑框中设置被链接对象的URL地址。知识扩展：给图像局部添加超链接给图像局部添加超链接也称为“图像热点”技术，很多时候都需要为一张图片的不同部位设置不同的链接，这就需要讲授、演示、讨论

网页制作的教学设计

网页制作的教学设计一、教学目标 1 、知道站点、主页的概念，能在指定位置建立只有一个网页的站点； 2 、认识FRONTPAGE 的界面； 3 、掌握在主页中插入文字、图片、水平线； 4 、掌握页面文件与图片的保存。二、教学重点 1 、能在指定位置建立只有一个网页的站点（难点） 2 、能在页面中插入文字、图片、水平线 3 、掌握页面文件与图片的保存（难点）三、学情分析学生已经学习了WORD 、POWERPOINT 与上网浏览信息，对计算机的基本操作（WORD 中文档的编辑，网页的浏览等）比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。四、教学方法在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。五、教学过程设计教师活动：1 、引入课题：（激发兴趣，活跃气氛）同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）浏览新浪网站，浏览的第一个页面称为什么？（主页）我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。问题1 ：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，

通过超链接把不同的页面链接起来）问题 2 ：网页是不是就是主页？( 第一个页面称为主页, 网站设计者可以确定哪一个是主页, 主页的文件名一般为：index.htm, 主页也是网页) 设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet 上，让所有的人访问浏览。今天我们学习用Frontpage 建立站点，制作一个主页。先来研究一下没有发布的网站, 打开教师做的网站问：同学们看到了什么？（文件夹）总结：可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。请学生浏览教师课件，了解学习任务 2 、新建站点 FP 的启动问：与word 比较，有什么不同？（增加了视图区，编辑区有三个窗口）总结：视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式预览窗口：浏览器中出现的效果，与PowerPoint 中的“放映幻灯片”类似。 Html 窗口：编写HTML （超文本标记语言，它是描述网页内容和外观的标准。）打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。

优秀教案在演示文稿中创建超级链接

优秀教案在演示文稿中创建超级链接【教学目标】知识与技能： 1.了解“超级连接”的概念，以及“超级链接”的形式。 2.学会在幻灯片中制作超级链接的三种方法。 3.通过任务驱动，培养学生对资料的整理和分析能力，以及灵活运用已学知识的能力。过程与方法：通过教师的演示、学生的任务驱动、学生小组讨论来实现掌握在幻灯片中动作按钮、对象（艺术字、图片、文字）动作设置，培养学生处理信息的发散思维。情感态度与价值观：培养学生的创新意识和审美观，树立良好的学习习惯。而、重点：【教学重难点】重点：1.了解“超级链接”的概念和用途。 2.掌握、并区分幻灯片中三种形式的超级链接。难点：在完成任务过程中，灵活运用三种形式的超级链接【教学过程】一、导入师：观看国产动漫的ppt，思考，这个ppt与以前的ppt

在播放顺序上有什么不同。生：师：这个ppt可以随心所欲的浏览，有选择性的浏览，提高浏览的效率。这个功能就是ppt里的“超级链接”，今天我们这节课就来一起学习怎样《在演示文稿中创建超级链接》。师：要做成这样一个链接，首先要找到一个作为链接用的对象。师，生（看课件展示并总结）：文字，文本框，图形，动作按钮师：可是“超链接”究竟在PowerPoint的哪个菜单呢？我们先来找找看。学生找到菜单：插入——超链接师：找到了超链接，问题就很容易解决了！有没有同学能帮助老师来完成这个操作呢？学生上台尝试操作。师：很好，这个同学已经打开了“插入超级链接”对话框。（学生回答，老师将步骤分别板书在黑板上。选中“连接点” 单击右键，选中“超链接” 选择“链接目标”）

超级链接教案

FrontPage—超级链接【课程分析】本节内容是信息技术教材，超级链接是网页组成中的重要元素。正是因为超链接的作用，使得因特网上丰富的信息资源构成了开放互动、相互连接的知识网络，以便我们在阅读时灵活地选择和转化内容，主动而迅速地获得很多相关信息。【学生分析】初中的学生永远喜欢新奇的东西，这就是为什么我们教师要不断的创新。在前面学习网页制作的过程，刚刚接触网页制作的那种兴奋已经逐步消退，他们也发现了原来FrontPage 和前面的word和ppt很相似，很容易，同时也有这样一种感觉没有学到什么新鲜东西，很没有意思。超级链接学生在ppt中接触过，所以学生他们期待的是新鲜有趣的超级链接。【设计理念】在信息技术教学过程，除了我们教会学生“怎么做”，还有一点非常的关键就是要让学生了解“为什么这么做”，所以我们在课堂不仅仅要简单演示操作，学生也不是简单模仿教师的操作。我们要通过有效的方法，让学生有趣的、迅速的了解操作背后的相关概念和术语，达到举一反三的目的。这些都是基础，最关键的是“怎么用”，所以我在课堂上给学生一个空间让学生去发挥，自己设计超级链接的应用，然后展示，让学生从别人的创意中得到启发。【教学目标】 1、知识目标 ①了解超级链接、链接载体、链接目标的概念 ②能够明确链接载体和链接目标的区别 ③了解什么可以做链接载体，什么可以做链接目标。 2、能力目标 ①掌握如何使用图像、文字、图像热区建立超级链接。 ②掌握如何链接到内部文档、外部文档、电子邮箱地址。 3、情感目标 ①培养学生对网页制作的浓厚兴趣，激发学生的学习积极性。 ②培养学生对信息查询、处理的能力，提高学生的信息素养【教学重点】 1、为文字对象建立外部网站、本地文件和邮箱地址三类超级链接； 2、为图片对象及图片热区建立超级链接。【教学难点】 1、超链接的特点、意义。 2、为图片热区对象设置超链接。【难点突破】 1.结合电子地图链接、智能选择题和发散思维等体验超链接的魅力，让学生了解超链接的特点，明确超链接的意义。 2.利用动画演示超链接的链接方式，分析超链接特点。 3.结合电子地图，让学生对热区的概念更容易地接受。【教学过程】一、新课导入（体验超级链接）师：同学们我们一起来观察下面以下两幅网页，你来看这两个网页有什么特点。教师展示智能选择题和电子地图学生通过观看教师电子地图和智能选择题来体验超级链接

PPT超链接教学设计

幻灯片中创建超级链接》教学设计【学习者分析】教学对象是初一年级的学生，在前面的学习中，学生对修饰、完善自己创作的幻灯片具有很高的热情。需要教师精心为学生营造一个良好的自主学习环境，让学生在探究中掌握运用超级链接制作交互幻灯片的方法。【教学目标】 ●情感态度与价值观：通过制作有关新疆历史文化的幻灯片，进一步了解新疆的人文风貌，激发学生的热爱家乡之情。 ●过程与方法：掌握在幻灯片中运用超级链接进行交互的方法和步骤。 ●知识与技能：了解超级链接的概念和作用，并能利用超级链接实现简单的交互。【教学重、难点】 1．在幻灯片中创建超级链接的步骤和方法。 2．超级链接在幻灯片中的使用方法。【教学资源】 1．教师准备多媒体课件。 2．教师准备有关新疆风土人情、旅游和美食的相关资料。 3．多媒体网络教室软件。【教学过程】一、创设情境导入新课师：同学们，你们生在新疆，长在新疆。你对新疆这个多民族聚集的地方有多少了解呢？下面让我们来看一组图片，了解一下新疆的风土人情以及丰富的旅游资源。教师播放图片。师：同学们，假设现在你是一名导游，你准备从哪些方面向外地游客介绍新疆的特色？是景点，美食或者购物或者其他？生1：我要向他们介绍新疆的著名旅游景点，如天池、卡纳斯湖。

生2：介绍新疆的特色美食。生3：介绍旅游的路线。师：大家回答得不错，现在老师专门收集了一些资料，放在D盘的“新疆特色”文件夹下，大家先看一看师：这些都是老师收集的资料。我用一张幻灯片把这些资料全部展示出来了。请大家看这张幻灯片（图1），只要老师任意单击某一项文字标题，相关的资料就会立刻展示出来，你们想看哪个方面的内容？图1 学生边说内容，教师随机单击某两项文字标题，展示相应资料内容。（见下图）图2

《网页制作》教学设计(优质课比赛优秀设计)

《网页制作》教学设计（优质课比赛优秀设计）《网页制作》教学设计一、教材或教学内容分析本章内容在本教材中的位置处于第五章，是在文字处理(Word2000)和网络基础及因特网应用两章之后。学生所学的文字处理软件Word和将要学习的网页制作软件Frontpage同是Microsoft公司的产品，在软件的使用上有很多的共通之处，所以在学习frontpage的时候，很多内容可以让学生自学，而不必面面俱到地在课上讲授。而第四章网络基础及因特网的应用又为学生对网页的理解奠定了基础，学生对网页中的基本元素——文字、图片、动画、声音等都有所了解，而网页的制作就是将这些元素重新组合到网页上，学生要学的就是这种组合的方法。所以说，虽然大多数学生以前都未接触过网页的制作，但有了以上这些基础，学起来就轻松多了。本章内容按照学生已有的基础，我对教学内容分了一下类，也为教学的组织工作打下一点基础。本章内容主要由网页基础知识、网站的建立和管理、网页的制作、创建超链接、图片的处理、网页框架。重点是网页的制作和创建超链接，学会了这些就可以开始简单的网页制作了。难点是网页框架，这部分相互之间关系比较复杂，必要时，老师在对各组个别辅导时，可以给予分别讲解。这个分类可以为组长安排各个组员的任务提供参考，使分工更加合理。二、教学对象的分析第 1 页共 6 页信息技术课虽然已经成为初中的必修科目，但是城乡学生之间掌握情况的差异却相当大，条件好一点的初中学生不仅已经熟练掌握了课本上的内容，还对一些常

用软件有所了解;而差一点的可以说是从高中开始才正式接触到信息技术知识的学习，他们需要多锻炼、多指导，所以协作学习对学生的学习帮助很大。三、教学策略的选择及媒体的使用在教学策略的选择上，我使用的是任务驱动和协作学习相结合的方法。任务驱动就是要求本章内容学习完之后，每个小组都要完成自己班级网站的制作，并在全班进行评比，选择最好的作为班级主页挂到学校主页上去，这有助于激发学生参与学习的积极性。协作学习则是让学生在学习过程中互帮互助，用较短的时间、教少的精力学到更多的东西，完成一个集体项目，让他们在学习之后获得成就感。因此在媒体的选择上，我们使用的是TOP2000系统。TOP2000系统有利于教师进行分组教学和学生作品的点评及成果的展示。教学过程开始之前，教师把学生按座位分成四组，每个组都按学生对计算机的掌握程度平均分配，保证每个组都有计算机操作方面比较突出的，也有相对比较差的，使其形成能够互帮互助的学习小组。并由他们自己选出组长各一名，然后由组长根据组员的情况，确定在班级主页制作过程中主要完成什么任务，也就是说起到一个组织者的作用。做过网页的人都知道，做网页是一项比较费时的工作，而要学生在较短的时间内制作出像样的网页是比较困难的，而在这个过程中，网页的设计占去了相当多的一部分时间，组长把任务分到各组员头上以后，组员就可根据自己要完成的任务相对集中的做某方面的工作，做完以后，组员之间进行经验交流，告诉组员自己的网页是如何制作出来的，在完成自己的网页后，再重复一遍制作过程花费的时间的不多的。这样，其他组员就可在较短的时间之内第 2 页共 6 页掌握比较先进的网页制作方法，而不必再花那么多时间去探索。因为每位组员都必

网页超链接的制作

网页超链接的制作教学目标： 1．知识与技能（1）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超级链接的创建方法。（2）掌握网页内书签的作用及创建书签链接方法，掌握交互式按钮、框架网页内超级链接的设置方法。（3）理解热区链接的含义及创建方法。 2．过程与方法（1）通过创建网页超级链接的操作，使学生了解网页中创建超级链接的基本方法，破除对网页链接的神秘感。（2）通过对不同对象设置超级链接的操作，使学生总结出操作的规律，培养学生自主学习与操作的能力。（3）通过网页不同的超级链接方法，拓展学生思维，创建多种形式的网页链接。 3．情感态度与价值观（1）通过链接我国主要自然保护区网页，激发学生热爱祖国、热爱自然、热爱生命的激情。（2）完成超级链接，使学生感受成功的喜悦和快乐。教学重、难点： 1．教学重点：（1）超级链接的含义及链接源和链接目标的含义。（2）超链接的制作方法——给文字、图片制作超链接，制作书签链接，给交互式按钮

制作超链接，框架页面内的超链接，图片区域制作超链接等。 2．教学难点（1）书签链接中名称及对应链接位置的设定。（2）在框架页面中制作超链接时，目标对象所选择的显示窗口形式。教学方法与教学手段：任务驱动法、讨论探究法、讲解与演示法、类比知识迁移法。教学准备： “动物——人类的朋友”站点，包括未链接的网页，如欢迎页、表格页、框架页，表单页等。教学过程：１．引入展示两个主页，一个已经创建了链接，一个没有创建链接，让学生进行比较并找出区别，引出本课课题——超级链接。提出：我们在先前的学习中，哪个软件中的相关操作与它类似？什么是超级链接？找一个例子，分析链接源和链接目标分别是什么？学生展开交流，通过对比找出不同点，并积极思考，回答老师的问题。设计意图：通过对比操作、交流，再辅以知识迁移，明确本节课教学内容。 2．新授（1）站内超级链接引导学生回顾PowerPoint中超链接的制作方法（教师提示：右击链接源，利用快捷菜单制作超链接），辅以教材中的内容，让学生自行探究并完成以下操作：

《网页设计与制作》课程教案设计

《网页设计与制作》课程教案一、课程定位本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法，并能够使用这3款软件制作出美观实用的网页。二、课程总目标掌握网页制作的基本方法和技能，掌握网站建设的流程，能够运用所学知识建设常用的网页和网站，同时能够美化网页，设计人性化、艺术化的网站静态页面部分。（一）知识目标： 1.熟悉网页制作的基本元素； 2.掌握Dreamweaver CS6软件的基本操作方法； 3.掌握在网页中插入文字、图片、声音、flash等的方法； 4.掌握常见的网页布局方法，学会使用CSS美化网页； 5.掌握在网页中使用表单和制作网页特效的方法； 6.掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画并巧妙地和网页中内容搭配起来。 7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静态页面部分。（二）职业能力培养目标 1. 能够根据网站开发需求，去寻找网页设计和网站开发所需要的文字、图片、动画、声音、视频等素材并作美化处理； 2．能够制作出符合主题色彩的网页，网页要求美化、被绝大多数浏览者接受和喜爱；

3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态页面。（三）素质目标 1.具有勤奋学习的态度，严谨求实、创新的学习精神； 2.具有良好的心理素质和职业道德素质； 3.具有高度责任心和良好的团队合作精神； 4.具有运用理论知识发现问题、分析问题并解决问题的能力，同时能够不断学习，不断创新，让自己的设计越来越完善，有止于至善的精神。（四）职业技能证书考核要求：可以根据自身情况考取“全国计算机信息高新技术资格证”，“网页设计制作员”，“网页设计师”等职业技能证书。三、重点、难点章节及内容 1.重点章节： 1.2 网页、网站相关术语简介 1.6 网站建设的基本流程 2.3 Dreamweaver CS6的工作环境 3.2 创建本地站点 3.4 使用站点 3.5 网页设计中的规范 4.1 网页文件的基本操作 4.3 插入文本 4.4 插入水平线 4.5 插入其他基本元素 4.6 创建列表 5.1 超级链接概述 5.2 创建超级链接 5.3 使用dw制作各种超级链接

在网页中建立各种超级链接

在网页中建立各种超级链接实训目标 1．掌握内部、外部超级链接的创建方法； 2．掌握E-mail链接的创建方法； 3．掌握锚点链接的制作方法； 4．掌握链接颜色的设置方法； 5．了解图像映射的制作方法； 6．了解跳转菜单、翻转图像实例、导航栏的制作方法。实训内容准备工作本实训所需的网页及图象文件均在实训二课件的“实训\materials”文件夹下。 1、解压文件解压文件“实训二在网页中建立各种超级链接.rar”，请将“课堂实训”文件夹中的“materials” 文件夹复制到D盘根目录下，并将其重命名为“future”。 2．新建站点新建网站“畅想未来”，将站点和个人文件夹future建立一一对应的关系。任务一、在网页中建立各种超级链接设计目标在实训一完成的index.htm页面中，制作一个具有超级链接的网页。其浏览效果见“实训\result”文件夹中的index4.html文件所示。当鼠标移到栏目标题文本上时就会变成手形，同时在浏览器下方的状态栏中显示链接地路径，单击时便会跳转到相应的链接内容。 2、页面分析该页面包含了内部超级链接、外部超级链接、空链接和脚本链接、Email超级链接等。页面效果请参见实训二课件中“实训\result”文件夹下的index4.html文件。

3．制作步骤说明：请在完成下面操作前，先将所有的素材文件放置在对应的文件夹下；在Dreamweaver 中本地站点future 中打开index.html 页面，依次按照下述内容在页面中创建各种超级链接。（1）创建内部超级链接内部超级链接：就是在同一个站点内的不同页面之间建立超级链接关系； ? 为“未来都市”文本创建超级链接在网页中选定文本“未来都市” ，在“属性“面板中单击“浏览文件”，在打开的“选择文件”对话框中选择需要的网页文件（ex4_city.html ）； ? 在“目标”选择框中选择“_blank ”，以确保在新的浏览窗口中打开连接文件；

超链接教案

建立超链接一、教学内容 1．为文本对象建立外部网站、本地文件和电子邮箱地址等四类超级链接； 2．为图片对象建立超级链接（包括热区链接）。 3．建立书签链接二、教学目标 1．知识和技能目标（1）明确超级链接的意义。（2）掌握创建超链接的一般方法。 2．过程和方法目标（1）培养学生发现问题、解决问题的能力。（2）培养学生自主学习、自我探索的自学能力。（3）培养学生的审美能力。 3．情感和态度目标（1）培养学生的交流意识和能力。（2）培养学生勇于挑战、大胆探索、不断创新的精神。三、教材内容分析网站的精彩之处就在于把大量的页面和信息通过各种链接组织起来，单击含有超级链接的文本或图片，可以实现页面的跳转。而如何将一个个独立的网页及页面中的信息通过超级链接组合成一个有机的整体，是本课的主要任务。所以本课的重点是学习建立超链接的方法，难点是通过探索理解超链接的特点和意义；针对以上教学重难点首先回顾并结合浏览网页作品引入新课，让学生体验超级链接的魅力，激发学生的学习兴趣，接着引出超链接的概念、链接的种类，然后给出创建超链接的一般方法。四、教学方法及策略教师通过制作的网页教学课件的辅助，引导学生以任务驱动形式有选择地自主学习。通过自我评价、学生互评相结合的评价方式使学生自主完成作业，网页课件演示与学生自主浏览相结合，通过讲、练、体验、评价指导等手段让学生学会分析并制作超链接。采用半成品加工策略，提高学习效率。五、教学过程那什么是“超链接”呢？我们在浏览网页时，经常会发现当鼠标指针移动到某些文字或图片时，它就会变成一只“手”，这时单击鼠标就可以打开另一网页了或转到另一个位置。这就是我们将要讲述的网页"超链接"方式。没有链接就没有WEB网的生命力，正是由于有了"超链接"，因特网才会变得如此神奇，如此富有魅力！回顾：由网上冲浪引入课题。师：上网简单而有趣，那同学们知道我们为什么能够在网上跳来跳去像冲浪一样吗？这是因为网页使用了超越空间界限的法宝——超级链接。提出问题：我们浏览的网页哪些是超级链接呢？常用的超链接结构有哪些各自优缺点？

超链接教案

《建立超链接》教学设计通州中学杨文鹏一、教学内容分析《建立超链接》是江苏省普通高中教科版《网络技术应用》教材第4.3.3节中的教学内容，经过前面几节课的学习，同学们已经能根据老师提供的奥运素材建立《我的奥运》网站，制作了主页（index.htm）及多个子网页，但这些网页内部的目录和正文、各个网页之间都是相对独立的，还没有形成有机的整体，同时将本网站链接到其它网站上，这样可以获取更多的信息。本节课将从网页的三种超链接形式入手，与学生一起学习网页中点睛之笔“超链接的建立”。和同学们一起完善《我的奥运》网站。二、教学对象分析随着因特网的普及，现在很多家庭都有了网络，学生接触网络机会比以前大大的增加了，很多同学对网页中的超链接技术已经有了些直观性的认识，但对于自己建立网站并创建超链接还比较陌生。通过这节课的学习能激发学生的学习的兴趣。当然学生的水平可能有些参差不齐，所以在上课前对学生进行了异质分组。通过同学间的互相帮助来弥补这部分的不足。三、教学目标： 1、知识与技能：（1）明确超级链接的意义。（2）掌握创建超链接的一般方法。 2、过程与方法：（1）培养学生发现问题、解决问题的能力。（2）培养学生自主学习、自我探索的自学能力。（3）培养学生的审美能力。 3、情感态度价值观：（1）培养学生的交流意识和能力。（2）培养学生勇于挑战、大胆探索、不断创新的精神。四、教学重点、难点：重点是学习建立超链接的方法，难点是通过探索理解超链接的特点和意义五、教学方法：《建立超链接》这节课以动手操作实践为主，因此我安排在网络机房上课，并结合学生准备的素材，利用网络平台和多媒体辅助教学手段，采用探索学习法、互动式的教学法、小组协作讨论式等方法进行组织教学。这样给学生创设了一个良好的操作实践课堂教学情境，使学生的注意处于积极的功能状态，激发学生的求知欲望和兴趣，激励他们积极的心向，