高中校本课程-【中职】创建网页链接教学设计学情分析教材分析课后反思

中职计算机应用专业

教学对象授课日期2020年10月

高二学生

使用教材《网页设计与制作》出版单位电子工业出版社

模块二任务6创建

课题计划学时1学时

网页链接

教学重点：7种链接的创建方法及设置、链接的运用

教学难点：锚记和邮件链接、将链接合理运用到网页制作中

教学关键：讲练结合，兴趣引导，任务驱动，自主探究，小组协作。

教知识目标能力目标情感目标

学1.培养学生严谨求实的

目1.了解链接的概念和

学习态度；

标1.链接的概念及类分类

2.培养学生团队协作、

型；2.学会各种链接的创

沟通交流和书面表达能

2.链接的创建及设置建方法；

力；

3.链接的正确运用3.能将各种链接运用

3.培养学生创新意识；

于网页制作中

4.培养学生爱岗敬业

本节课选自电子工业出版社《网页设计与制作》（第2版），本书共有

6个模块，18个任务。本节课选自模块二，任务6。本节课之前已经

目标学习过网页构成元素中的文本、图像和多媒体元素，本节课是另一种

设定网页中的重要元素。学生平时大多比较喜欢上网，对文本、图像、多

依据媒体元素等已经比较熟悉，也已经具备基本的操作能力，在此基础上

可以更进一步提升，为后续的“网页布局”作好知识储备，起到了承

上启下的作用。本节任务计划1课时。

本节课的教学设计，从“任务”着手，设计了完成“任务”所需要的

方法与步骤，并留有让学生自主探究去完成“任务”的空间。课堂教

学分为课前准备、课中学习和课后拓展三个环节。课前提前布置预习，

提高课堂效率；课中结合课程特点、专业特点和社会热点，培养学生

设计创新和自我探究意识，将课中教学分为情境创设、知识学习、课堂练

思路习、课后实训和总体评价五个环节。在职业教育“做中学，做中教”

特色的引领下，将课堂主导权交给学生，借助“伽卡他卡电子教室”

的教学辅助、微信交流群等信息化教学手段，加强课堂的参与性和互

动性，让学生在兴趣中、愉悦中掌握知识和技能，提高职业意识和创

造能力。

本节课的授课对象是中职计算机应用专业高二年级的学生，已经具备

基本的计算机操作能力，高一开设的PS、Flash课和计算机应用基础

学情课，都为本节课的学习打下了良好的基础。但是大部分学生缺乏实践

分析应用能力，学到的知识点不会合理的运用于实际，他们的特点是“模

仿能力”较强，但“创新能力”欠缺，需要进一步启发与引导，在授

课中需要注重创新和应用能力的培养。

本节课授课地点在微机室，借助教师机端的“伽卡他卡电子教室”和

一体机进行授课，便于边讲解边演示边操作。利用课件进行新旧知识

教学

点的衔接，辅助下一节课教学知识点的突破；本课教学示范使用网页

资源

制作的课件进行演示，考虑到知识点的强化效果还使用黑板做了知识

点的板书与总结。

课堂教学活动设计：

教学环节

教学采用“四阶段教学法”，将“教、学、练、做”融合为一体。

引入课题：

展示网页，让学生观察，找出前面学习过的网页元素。

【知识回顾】

课堂上先进行一个网页效果的展示，丰富的页面内容，引起学生兴趣。

首先，进行知识的回顾，让学生结合自己日常上网浏览网页的经历，

在回顾前面学习内容的过程中，让学生自我总结前面已经学习到的构

创设成网页的一些基本元素。教师对学生的总结给予肯定，并给出一种全

情境新的组成元素一一超级链接，即本节课的学习内容。同时，给出超级

激发链接的概念，让学生首先对本节课的学习目标有个大致的了解，循序

学生渐进的进入后面知识点的引入，让大家带着思考和兴趣进入后面的学

习。

学习

1.以培养学习兴趣为出发点，学生大多比较喜欢上网，从他们所熟悉

兴趣

的上网浏览网页的经历，创设快乐课堂学习情境。

2.对学生自己总结出来的知识点，给予充分的肯定和鼓励，以激发学

习热情。

3、通过引题让学生明确本节课的学习主题内容

【任务描述】

教师概述：超链接是网页中非常重要的特征。在浏览网页的时候，网

页之间的访问就是通过链接实现的，只需要单击鼠标就可以打开相链

接的页面。网页中的超链接，可以通过文本、图像、按钮等形式去实

现。这节课我们就来学习如何在网页中创建超级链接。

【任务解析】

教师引领：展示一个案例网页，展示之前提醒学生仔细观察、分析，

带着问题去看：1.链接是怎么回事？2.链接可以通过哪些对象（元素）

来实现？3.各种链接实现了什么样的链接功能？

教师活动：在案例展示过程中和学生一起解读案例网页，逐步引导，

从初步认识到链接的存在形式，到各种链接的实现方式，到最终完成

的链接功能，让学生带着三个问题的思考，逐步深入，慢慢探究，然

后返回，让学生回答以上三个问题。

学生活动：用观察、发现法找出以上三个问题的答案。各小组派出代

表分别给出以上问题的答案。

教师总结：在刚才的网页展示中，用文本、图像、按钮等形式完成了

一定的网页功能。那么，到底有多少种链接类型呢？

【任务目标】

本节课讲授7种链接的创建及设置方法。重点是文本、图像、邮件和

锚记。难点是邮件和锚记。

1.文本链接

创建方法：多种实现方法，让学生都了解，在实际操作中可以让学生

选用自己用起来最顺手的一种。

学生活动：按教师要求，将课前发的素材中的webl和web2两个文档

链接起来

教师活动：让学生注意链接完成之后的“目标”，讲解“目标”中5

种选项的不同含义。并让学生练习，自己发现各种“目标”的不同。

2.图像链接

两种情况：整张图片和图片中的一部分，分别设置链接。

第一种情况，让学生自主完成；

第二种情况，让学生回顾前面学习图像部分内容时的“热区”工具,

逐步引导，学生自己探索实现方法。

【小结一下工通过文本和图像两种链接的设置，共同点是：第一步

首先选择要进行链接的对象（即源位置的元素，可以是文本或图像）,

然后按照要完成的链接的功能选择合适的链接对象（目标位置元

素）。

3.邮件链接：（重点+难点）

课堂方法同上，不同点也是特别强调的重点与难点：mailto:在输入时要

拼写正确，且中间不能留有空格。

活动

4.锚记链接：（重点+难点）

自主

（1）锚记的插入及命名方法（特别强调）

合作（2）锚记的设置，要注意先后顺序（特别强调）

探究学生练习，教师巡视指导，有问题及时解决。

5.文件下载链接

学生自主完成文件下载链接的设置。

6.空链接

【课堂评价】

1.教师利用“伽卡他卡电子教室”教师端的【课堂评价】功能，让学

生对教师本节课的实际授课满意度进行一个直观的评价，通过反馈

的结果进行实时的课堂满意度分析，教师根据学生反馈情况，及时

交流

查漏补缺，进行教学反思，便于提高教学效果，更好的完成后续的

与

教学任务。

评价

2.每位学生学习完本节课知识点，并完成【任务实训】之后，对自己

的学习情况进行自我评价，小组成员之间进行互评，小组与小组之间

相互沟通，交流得失。

链接，是一个网站的灵魂，它可以将许许多多不同的网页通过文字、

本课图片、Flash等元素联系起来，用户只需点击就可以访问链接的对象。

这节课我们介绍了7种链接的创建与设置方法，重点是前四种（文本、

小结图像、邮件和锚记），需要特别注意的是邮件链接和锚记链接的设置。

作业完成一个个人网站的首页设计，要求布局设计合理，色彩运用正确，

内容丰富，能把学到的知识点合理运用于实践中。以图表的形式绘制

布置出来。

本节课的教学设计，从“任务”着手，设计了完成“任务”的方法与

步骤。课堂教学分为课前准备、课中学习和课后拓展三个环节，将“教、

学、练、做”融为一体。从上课总体情况来看，课前预习有些学生没

有充分渗透知识点。导致在课堂中学生进度不太一致，预习过的学生

一点就会，那些根本没参与课前学习的，需要更多的时间去接受和理

教学反思

解当堂讲授的内容，较那些提前预习过的学生，会产生“慢半拍”的

效应，在课前预习环节需要增加更多引起学生兴趣从而激发学习动力

的方法。课后的拓展训练，更能锻炼学生的思维能力，让他们学会改

变固有的教材灌输的学习模式，而是变成自己灵活设计并能实际应用

的能力，能力的培养比单纯的知识传授更重要。

【板书设计】

超级链接

一、链接的定义

二、链接的分类

内部、外部。

1.文本链接2.图像链接

3.邮件链接4.锚记链接

5.文件下载6.空链接

7.脚本链接

三、链接的应用（实训）

学情分析

本节课的授课对象是中职计算机应用专业高二年级的学生，结合

学生的年龄现状、心理现状及在校期间的学习状况，对他们的学情分

析如下：

一、文化知识状态

授课对象的文化知识基础较差，这部分学生在初中学习阶段就属

于基础较差的学生，经过一年多的中职在校学习，产生了较大的知识

差，有部分学生能够适应正常的中职学生的学习规律和生活状态，学

起来相对比较从容，而另一部分学生基本上已经放弃了学习的动力和

能力。这种状况导致了知识掌握和接受上的差异。

本课程的前导课程是高一开设的《图形图像处理》和《二维动画

制作》，这也是网页设计中必须具备的基础，通过调查了解，在已经

结束的PS和Flash两门课的学习中，学习成效也是参差不齐的，通

过课堂检测有10%的学生反映灵活、一点即通；有70%的学生表现平

平，对一般的问题教师要讲解后才能理解；10%的学生可能需要教师

反复讲解，还有部分学生由于基础太差，要补充大量以前的知识才能

理解，这种个体差异增加了教师授课的难度。

二、学习能力状态

1.学习能力差，缺乏学习热情

通过调查发现，大部分学生自尊心比较强，希望自己的学习成绩

很棒，但由于该年龄段的学生在生理及心理特点上的制约，同时又受

到外界环境的影响，不能保持稳定的学习愿望和兴趣，缺乏主动学习

的热情，部分学生学习起来比较费劲，久而久之会对自己丧失自信心,

学习积极性受挫易产生厌学心理。

2.学习兴趣不足，心理较自卑

大部分中职生，入校时成绩都不太理想，很多没有考入普通高中，

是无奈之下才选择上的中职学校，感觉自己是被淘汰下来的，觉得自

己没有前途了，于是有些学生自暴自弃，自由散漫，在课后也不主动

学习，布置的作业也懒得去做，对学习缺乏兴趣，这也是导致学生不

爱学习的原因。

3.学习方法不正确，学习效率低

有些学生在学习上花费不少时间，但学习效率不高；部分学生没有

养成良好的学习习惯、学习时间分配不合理、学习中比较盲目，缺乏

针对性等，这些原因都会导致学生的学习效果不理想。

4.没有学习目标，学习价值观不正确

调查中发现，很多学生甚至包括学生家长直接就说不需要学习，

学习对他们来说就是一件可有可无的事情，这种个别现象不处理好,

还会误导一大部分学生，这种价值观的存在，也给教师上课增大了难

度。

三、学情对策

基于以上分析，针对学生的特点制定以下对策：

1.从兴趣引领入手，重视对学生的心理疏导，帮助学生树立正确

的价值观，在心理上排除对本课程学习的“敬畏”心理。

2.多看学生的优点，去除成绩偏见，对优生和学习接受能力稍差

的学生一视同仁，消除学生自卑心理。

3.在授课过程中贯穿对学生的抗压能力和自我纠错能力的培养，形成

正确积极的生活和学习态度。

4.在授课过程中，难易结合，结合学科特点和学生年龄段特点，以学

生比较易于接受的贴近日常生活的事件和案例进行引导教学，同时注

重培养学生更有效的学习方法和学习习惯。

5.课后多参与班级群的学生交流活动，多参与学生感兴趣的话题讨论,

既能拉近与学生的距离，也能更好的找到课堂教学的切入点和课堂知

识的传授渠道。

作为职校的教师，要与时俱时，多了解中职学生的心理特点，多

进行有益的学情分析，以更有效率的方式上好每一节课，全面提高学

生的综合素质，争取为学校培养优秀学子，为社会培养有用之才，“使

无业者有业，使有业者乐业，乐业者为社会创造价值”。

教学效果分析

本节课的课堂教学任务完成之后，课后通过多种方式的评测，对

本节课的教学效果分析情况如下：

一、教学目标达成情况

通过本节课的课堂教学活动以及课堂检测和书面作业、超星学习

平台上的小测验等方式的检测，本节课的教学目标任务全部完成。学

生对本节课知识点的掌握程序达到95%以上，对三个知识点的综合应

用能力达到90%以上。

二、教学效果满意度情况

课下在班级讨论组的交流中，90%以上的学生完全掌握了本节课的

教学内容，表示对本节课的教学效果完全满意。另有近10%的学生表

示，在本节的授课过程中能听懂，但是要完全接受，还需要一个过程

慢慢消化。

三、评测练习的检测情况

1.课堂上的随堂检测及案例解析，学生掌握程序98%以上。

2.布置的家庭作业，除了请假的学生，作业上交率100%,正确率

90%以上，另外10%主要是因为部分学生的书写不够规范、严谨，从而

影响了作业的评测成绩。

3.布置的课后作业和小测验，学生参与度90%,参与评测的学生

答题正确率及达标率98%以上。

4.布置的课后预习任务，学生完成度70%o有部分同学还没有进

行下节课学习内容的预习，或者参与预习但是没有完成全部进度。

四、针对本节课效果分析的整改情况

针对以上的评测结果分析及课堂的效果分析，在下次课的教学活

动中，需从调动全班学生的学习积极性入手，鼓励他们多参与课上及

课下的学习讨论活动，有不懂或有疑惑的地方，及时向老师及同学请

教，然后通过家庭作业及教学平台上的各种评测方式检测学习效果，

争取当堂课能解决的问题就不要拖到下一节课上，尽量做到当堂课的

学习任务当堂课就完成。

对于部分接受新知识的能力较差的学生，我将会利用课下时间，

通过面对面辅导和微信、QQ等交流的方式随时进行辅导，做到有问

必答，鼓励他们多查阅超星学习平台上的课程资料，通过自学方式或

者向老师、同学相互交流讨论的方式完成本节课的学习任务。

“凡事预则立，不预则废。”强调课前预习的重要性，鼓励学生

养成自觉和自主学习的习惯，通过预习方式提前进入后续章节的学习,

以提高后续内容的教学效果及课堂效率。

教材分析

《网页设计与制作》课程是中职计算机应用专业必开的一门专业课

程，是一门实践性很强的专业技术课程，又是一门主干课程。通过本

课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网

页设计工具Dreamweaver设计制作常见的静态网页和简单的动态网页,

使学生掌握该软件的操作方法和操作技巧，学会运用其创建个人或企

业网站，具备一定的网站设计能力，具备网站建立和维护能力。培养

学生的综合职业能力、创新精神和良好的职业道德，并让学生运用所

学知识做出具有特色的网站，使学生能够得到全面的培养，成为社会

所需人才。

根据整个教材内容的设置，对本节课的教材选择与上课内容进行

如下分析:

一、教材地位与作用

本节课是电子工业出版社《网页设计与制作》(DreamweaverCS6)

教材中模块2任务6《独具匠心一一创建网页链接》的教学内容。教材

主要讲了网页中的超级链接的概念、分类及7种链接的设置方法和应

用。超级链接是网页中的常用元素之一，在网页设计中起着十分重要

的作用，也是必不可少的。所以学好本节课，对整个课程的学习也是

起着重要的作用。

教材采用模块教学方式，共6个模块，介绍了网页设计基础、初

级应用、页面布局、高级应用、网站的测试和发布、综合应用等内容。

本节课是模块2任务6的内容，后面将要进入模块3网页布局的学习。

前两个模块是整个课程学习的基础。而链接是一个网页中必不可少的

一个元素，通过本节课的学习，要求学生学会并掌握多种超级链接的

创建方法、以及设置超级链接目标窗口、设置邮件链接、锚记链接等，

通过学习能掌握网页设计的基本元素的应用，并能够独立完成课堂任

务，熟练运用于网页设计与制作中，为学生专业学习打好基础。学完

这节课，就是该课程初级应该阶段的结束，在整个课程学习中起着承

上启下的作用。

二、教材的重点与难点

本节课共讲了三个知识点：什么是超级链接、超级链接的分类、

7种超级链接的设置方法及应用。

重点：7种超级链接的设置方法

难点：邮件链接、锚记链接的设置、综合应用能力

三、教法与学法

如何将所学知识点熟练应用于网页设计与制作中是本课学习的

最终目的。在重点内容的讲授上，我采用的是“任务驱动”的方法,

以任务引领学习，通过任务的具体操作引出相关的知识点，通过“任

务描述”和“任务解析”，引导学生在“学中做”“做中学”，把基础

学习和基本技能的掌握有机地结合在一起，从具体的操作实践中培养

自己的应用能力，并通过“知识拓展”追加相关小技巧等提高性知识，

进一步开拓学生视野，最后通过“上机实训”，促进学生巩固所学知

识并熟练操作。课程中采用的经典任务来自于生活，更符合中职学生

的理解能力和接受程度。

本课的难点是锚点链接和电子邮件链接的设置。教学中采用任

务驱动的方式，通过“任务描述”和“任务解析”把教学内容分解、

细化，引导学生以小组讨论和学生合作探究的方法，在“学中做”“做

中学”，把基础学习和基本技能的掌握有机地结合在一起，同时也锻

炼了学生的团结协作能力，增强了团队意识。

评测练习

1.若想在网页中某位置单击可以弹出内容为“你好！”的对话框，应

在链接文本框中输入o

答案：javascript:alter（'你好！'）

2.关于超链接，属性是指定链接的目标窗口。

答案：目标

3.在链接位置输入,可以制作邮件链接，用户设

置时还可以替浏览者加入邮件的o

答案：mailto:邮箱地址主题

4.制作外部链接的时候，可以在“链接”文本框中直接用键盘输入

该网页在Internet上的,并且包括所使用

的o

答案：绝对路径传输协议

5.创建到锚点的链接过程分为两步，一是创建锚点,

二是创建链接。

答案：命名锚记

课后反思

本节课，是模块2的任务6,也是模块2的最后一节课。教材共

有6个模块，分别是网页设计基础、初级应用、页面布局、高级应用、

网站的测试和发布、综合应用等内容。模块2分为4个任务，把网页

制作中的基础性操作：创建站点、文本、图像和多媒体元素、超级链

接进行逐一讲解。这一节课也是承前启后的一节课，对前面所有学过

的知识点进行了进一步的巩固。

本节课通过“任务描述”和“任务解析”，引导学生在“学中做”

“做中学”，把基础知识的学习和基本技能的掌握有机地结合在一起，

从具体的操作实践中培养学生的应用能力，并通过“知识拓展”追加

相关小技巧等提高性知识，进一步开拓学生视野，最后通过“上机实

训”，促进学生巩固所学知识并熟练操作。

本节课重点讲解了网页中的链接的概念、分类、及7种常用链接

的设置方法，通过本节课的学习能结合实际完成相应链接方式的应用,

学以致用，从而丰富网页的内容。

通过本节课的讲解，结合随堂和课后的小测验以及来自学生和同

事的反馈情况，对本节课的反思如下：

一、对自身的反思

1.通过本节课设置的评测练习，对学生的课堂内容掌握情况进行

的随堂测试及课后作业的检测，从结果来看，学生对本节课的授课内

容接受情况很好，95%以上学生能够独立正确完成测试题目，教学效

果基本满意。

2.本节课很多方面引用了日常生活中的小案例，比较通俗易懂，

学生反馈说这种方式较易接受。

3.学生学习态度认真，讲解的速度及难度学生基本都能够跟上。

4.发现学生在掌握基本知识点的基础上，通过引导可以举一反三,

完成一些类似题目。

5.大部分学生上课态度比较积极认真，课堂气氛活跃，互动较好。

6.在回放录制的视频时一，发现有几个同学没有参与小组讨论和互

动，后续需要多加关注。

7.从检测结果的分析来看，有几名同学对新知识的学习能力较强,

但是独立操作起来，在实践应用的方面稍差一些，需要多加锻炼

动手操作和应用的能力。

8.在激发学生兴趣方面虽有一定效果，但做的还不够理想，主要

原因是因为一部分对前后的知识衔接还兼顾不了。

9.有部分学生在高一的《图形图像处理》和《二维动画设计》课

程中掌握的不够熟练，在一些简单的操作上浪费太多时间。需要

在以后的课程中加以贯穿。

10.多次强调要记住快捷方式，这样可以提高效率。但是还是有

一些学生习惯于慢慢的用菜单去操作，虽然没有问题，但是在技

能考试中会浪费掉一部分时间，强调效率。

二、对学生的反思

1.学生整体学习兴趣比较高，学习氛围比较浓厚，比前一节课有

所进步，本节课学习效果良好，课后要多鼓励学生，继续努力。

2、学生能够跟上进度认真听讲，只有几名同学接受速度稍有点

慢，对这几名学生需要在课后给予单独的辅导，以便能够跟上整个班

级的教学进度。

3、学生能够根据课堂所学知识点举一反三。不少同学在做完我

留的测试题目之后，又参照课本案例尝试做了几个小案例，把所学运

用于实践中，对这种学以致用的作法，大力提倡并对这些学生提出表

扬。

4.部分学生的学习积极性还需加强，布置的教学平台上的小测验,

有几个同学没有做。这几位学生需单独谈话，了解情况，根据了解到

的情况设置相应的解决方案。

5.有几个学生上课时精神状态不好，经了解是因为晚上睡觉太晚

所致，这几位学生需单独谈话，把课程补上，教导他们处理好学习与

休闲时间的分配，并能够合理的使用手机。

三、对下次授课的改进与反思

通过本次授课及本节课教学效果的测试和学生的反映情况，改进

方面如下：

1.下次在课堂上要加大跟学生的互动环节；

2.注意自己讲课时的速度，要照顾到大多数同学的接受能力；

3.在以后的讲课过程中，多结合学生较易接受的常见的事例讲解,

以激发学生兴趣。

4.熟练课堂内容，去掉一些口头语。

5.在信息化教学手段的运用上，备足课，使课堂内容更充实、更

丰富，力争达到更好的教学效果。

课标分析

一、课程性质和任务