当前位置: =>
教案精选：高中信息技术《网页制作的“超链接”》教学设计
& & & &教案精选：高中信息技术《网页制作的“超链接”》教学设计
以下是第二资源教育网()小编精心搜集整理的，希望对您有所帮助!
&整体设计思路：*导言 &*学习目标 &*提示 &*学习资源 &*随堂练习 &*评价 &*拓展与思考 &*教学反思
& &前期，我们学习了上网的相关内容，现在为止，我们所制作的网页都是孤立存在的，还没有形成一张相互联系的网，因为我们没有用到“超链接”的功能，今天我们就一起来学习如何通过“超链接”让我们的网页神奇起来。 & &
& &那什么是“超链接”呢？
& 我们在浏览网页时，经常会发现当鼠标指针移动到某些文字或图片时，它就会变成一只“手”，这时单击鼠标就可以打开另一网页了或转到另一个位置。这就是我们将要讲述的网页"超链接"方式。没有链接就没有web网的生命力，正是由于有了"超链接"，因特网才会变得如此神奇，如此富有魅力！
& & 下面，我和同学们一起来感受“超链接”的美妙！
知识和技能：进一步了解网络，能通过登录网站独立收发邮件；掌握网上注册电子信箱的通常步骤，能够对知识归纳、总结。 说明：本节课要求同学们能够熟练的使用各种形式的“超链接”，最终制作一个操作方便、实用、美观的网页。
习 过程和方法：能读懂软件的操作指导；通过疑问――观察――尝试――交流――总结来提高学生自主学习、合作学习的能力，逐步形成良好的学习习惯和学习方法。
目 情感态度和价值观：要培养学生乐用、善用网络资源；激励学生积极思考、主动探究、勤于动手、勇于创新的意识；增强学生网络安全意识，养成文明上网的美德。
教学内容：
标 从文字（或图片）链接到另一个网页文件。
从文字（或图片）链接到某个网站地址。
从文字（或图片）实现网页内部的链接――“书签”。
学习重点：各种不同形式的超链接的实现方法。
学习难点：书签
学习“超链接”时，先要弄清楚几个基本的概念。
& &1、链接源：本网页中已经存在的元素，可以是文字、图片等多种对象形式。
& & 2、链接目标：可以是另外一个网页、一个网站地址、电子邮件地址、本网页的其他位置或一个普通的文件、一幅图片、一段动画等等。
& &3、书签：实际上是网页内部的超链接。一般是当网页的内容较多时，我们无法看到所有的内容，若拖动滑动条看又比较麻烦，由此我们可以将网页中的一些关键词与网页中相应的具体信息链接起来，从而通过这些关键词就可跳转到与其相链接的部分，这就是书签。 & & & & & & & & & &
本地资源：
学 一.参照课本76页:第5课 &网页的链接
二.教师提供资源
习 1、从文字（或图片）链接到另一个网页文件。 （阅读材料：如何从文字（或图片）链接到另一个网页文件）
2、从文字（或图片）链接到某个网站地址。（阅读材料：如何从文字（或图片）链接到某个网站地址）
资 3、从文字（或图片）链接到电子邮件地址。（阅读材料：如何从文字（或图片）链接到电子邮件地址）
4、从文字（或图片）实现在网页内的链接――“书签”。（阅读材料：书签的创建步骤）
源 网络资源：
注意:在前面我们已经学习了如何搜索自己需要的素材，所以鼓励大家从因特网上获得更多更切合自己情况的帮助。这里向大家提供几个常用的搜索引擎。
&3、 & & & & & & & &
第一步：启动frontpage2000。
第二步：登录资源站点:""
第三步: 下载"超链接练习站点"
第四步：请同学们借助老师提供的学习资源自学各种形式“超链接”的创建，并完成以下基本的练习。（可相互讨论、相互借鉴、相互交流，最后请同学演示操作过程） &
& &练习要求如下：（首先从frontpage2000打开站点“超链接练习”,并打开它的主页：index.htm） & &
& &1、为“我喜爱的精彩文章”中的“寂静之声”建立超链接到“寂静之声.htm”
& &2、为“我喜爱的网站”中的第一个站点建立超链接,链接地址为:。
& 3、为标题“联系我哟”建立电子邮件超链接，链接地址为你自己的e_mail。
& &4、为主页中的标题“ 我喜爱的网站 ”建立书签与相应的内容链接。
思考: & 1、能不能从文字或图片链接到一个word文件、一幅图片或一个动画，一段声音呢？ &&
& & & & &2、如何从书签的位置跳回到页首位置？即实现页面的来回切换？&
提高练习:有能力的同学建立一个比较完整的网站作为随堂作业 。 &&
网站的主题可以从以下任选：
& 1）展现自我风采的个人网站 & & 2）班级或母校网站
&3）描述友情、亲情等的网站 & & 4）介绍自己参与的研究性学习的网站
& 5）体育、音乐等专题的网站 & & 6）可根据自身情况自定主题
另有要求如下：
&1、建立一个包含至少2个网页的站点，并要实现网页之间的超链接。
& 2、网页内要有文字或图片正确链接到网站地址。
& 3、网页要包含电子邮件的超链接。
&4、网页内要使用书签，并要实现页面的上下切换。&
& 5、总体来说，制作的网页应该美观大方、操作方便、实用。
学习范例：
习 1、xx同学创建的青岛五十八中环保网：
2、高二xx班主页：
3、高一xx班主页：
第五步：相互交流，演示部分同学的成果。 & & & &
评价 本节课我们学习了各种超链接的使用方法，通过本节课的学习你应该能够使自己的网页更加神奇、美妙！
1, 5, 62, 42, 1, 210, 66, 1 bitmap
现有一幅中国地图,要求实现将每一个省份都链接到各省具体的地形图(即电子地图的实现)，该怎么办？
教学 1、基于网络环境下的教学，虽有极大的学习空间，但教师要加强课堂调控，充分利用资源，完成学习任务，以兴趣任务引导学生进入学习情境，才不失为一个好的手段；
反思 2、通过邮件和学生沟通，不但增进了师生之间的情感交流，而且也激发了学生的学习兴趣；
3、学生的创造力是无穷的，师生不断互学互进，不断总结，才会实现师生的共同进步。
温馨小贴士：您可以访问第二教育资源网()查看更多与本文相关的文章.
第1页 / 总2页&&&&
教案精选：高中信息技术《相关
高中信息技术教案阅览排行
高中信息技术教案兴趣排行当前位置： >
语言：简体中文
授权：免费软件&&&&分类：
本文档是WebPlus使用手册；个性化信息门户平台(WEBPLUS)是帮助用户快速搭建企业级信息门户网站的平台工具，该平台可以十分便捷的整合其他结构化、非结构化的信息及各类应用系统，从而实现一个信息门户所具备的功能。感兴趣的朋友可以过来看看…
语言：简体中文
授权：免费软件&&&&分类：
本文档主要讲述的是WebPlus 网页制作与维护；希望对大家会有帮助；感兴趣的朋友可以过来看看…
语言：简体中文
授权：免费软件&&&&分类：
本文档主要讲述的是深度分析HTML5在移动开发方面的发展状况；希望对大家会有帮助；感兴趣的朋友可以过来看看…
语言：简体中文
授权：免费软件&&&&分类：
w3cschool2016最新版离线教程是根据2016年08版本下载整理。包含html5,css,javascript,jquery,bootstrap,php,java,mysql,sql,redis等基础教程和参考手册，没网络也能用W3Cschool学编程了…
语言：简体中文
授权：免费软件&&&&分类：
本文档主要讲述的是HTML5移动开发之路 jQueryMobile页面间参数传递；在单页模版中使用基于HTTP的方式通过POST和GET请求传递参数，而在多页模版中不需要与服务器进行通信；希望本文档会给大家带来帮助；感兴趣的朋友可以过来看看…
语言：简体中文
授权：免费软件&&&&分类：
本文档主要讲述的是使用jQuery Mobile移动开发框架将博客转化为Mobile网站；jQuery Mobile是一个非常不错的移动端网站应用的解决方案，很多网站都使用jQuery Mobile来生成Mobile手机端的移动网站应用；希望本文档可以帮助到大家；有需要的朋友可以下载看看…
语言：简体中文
授权：免费软件&&&&分类：
本书采用直观、循序渐进的方法讲解了如何借助jQuery Mobile，通过一个单一的代码库来创建适合各种移动设备的移动应用，每章内容针对初学者精心设计，通过实践提高应用技能，巩固所学知识…
语言：简体中文
授权：免费软件&&&&分类：
本文档是webgame网页游戏开发设计简明教程；webgame程序构成：三大部分。第一是数据流程。第二是程序。第三是美术。其中，数据流程包括了功能。也只有在功能中才能体现数据流程。有需要的朋友可以下载看看…
语言：简体中文
授权：免费软件&&&&分类：
本书以实例驱动讲解的方式，让零基础读者也能轻松掌握jQuery Mobile下的应用开发，以APP项目实战为主线来讲解jQuery Mobile移动开发，这些APP是全平台项目，可以跨平台使用…
语言：简体中文
授权：免费软件&&&&分类：
本文档主要讲述的是Axure原型设计之页面视觉层次；视觉层次是高效率网页设计的重要原则之一。这篇文章将向大家介绍为什么设计一个具有视觉层次的网页是这么重要。在了解这些原则之后，你可以在自己的基础设计练习中运用到这些知识。有需要的朋友可以下载看看…
语言：简体中文
授权：免费软件&&&&分类：
本文档主要讲述的是Axure原型设计之yahoo组件库；希望对大家的学习会带来帮助；感兴趣的朋友可以过来看看…
语言：简体中文
授权：免费软件&&&&分类：
本文档主要讲述的是Axure原型设计之页面配图；当接到这个需求的时候，开始考虑哪种配图方案更能辅助文字为用户呈现一个良好的页面形象,当遇到操作失败时如何能更好的消除访客的挫败感，辅助访客完成访问目标。 提供个性化的友好界面并提升访问体验呢…
语言：简体中文
授权：免费软件&&&&分类：
初学axure时会想如何快点实现做交互的效果，做交互要对部件的属性和axure的基础功能有认识和了解才能更快的实现，作者介绍这个案例主要用到的部件是“动态面板”需要对动态面板的属性有所了解；有需要的朋友可以下载看看…
语言：简体中文
授权：免费软件&&&&分类：
本文档主要讲述的是HTML5新增语义化标签解析及用法；HTML5标准添加的新元素当中，用于标识常见页面结构的包括：section、header、footer、nav、article和mark等。有需要的朋友可以下载看看…
语言：简体中文
授权：免费软件&&&&分类：
本文档主要讲述的是html语言剖析；html 是在 sgml 定义下的一个描述性语言，或可说 html 是 sgml 的一个应用程式，html 不是程式语言，如 c++ 和 java 之类，它只是标示语言，基本上你只要明白了各种 标记的用法便算学懂了 html；有需要的朋友可以下载看看…
语言：简体中文
授权：免费软件&&&&分类：
本书提供了对于最佳实践及技术的手把手指导，详细介绍了HTML和CSS构建网页所需要了解的两种核心编程语言，深入阐述了为当今多设备多平台环境开发独特的现代网站所需的HTML及CSS最新版本…
语言：简体中文
授权：免费软件&&&&分类：
本文档主要讲述的是HTML5微信页面设计；希望对大家会有帮助；感兴趣的朋友可以过来看看…
语言：简体中文
授权：免费软件&&&&分类：
网易微博iPhone平台Web App产品在2012年第一季度已经成功上线。现将此项目开发的经验教训分享给大家，希望与大家在HTML5开发环境中共同成长。有需要的朋友可以下载看看…
语言：简体中文
授权：免费软件&&&&分类：
本文档主要讲述的是网页游戏开发入门教程(webgame+design)；希望对大家的学习会有帮助；感兴趣的朋友可以过来看看…
语言：简体中文
授权：免费软件&&&&分类：
FreeMarker 允许 Java servlet 保持图形设计同应用程序逻辑的分离，这是通过在模板中密封 HTML 完成的。模板用 servlet 提供的数据动态地生成 HTML。模板语言是强大的直观的，编译器速度快，输出接近静态 HTML 页面的速度；感兴趣的朋友可以过来看看…
语言：简体中文
授权：免费软件&&&&分类：
本文详细分析了HTML5技术的简介和发展前景，并深入探讨了HTML5引入的核心标签Canvas元素，介绍了Canvas可以实现的主要功能，在此基础上实现了部分类似Windows画图板的功能；有需要的朋友可以下载看看…
语言：简体中文
授权：免费软件&&&&分类：
原文比较简单明了，适合初学入门，跟着上面的代码很快就能学会 HTML5 的 Canvas 基本的绘图功能。本文就是根据此文翻译而来，只不过原文中有些地方个人感觉介绍得过于简单，因此结合其他相关材料，根据自己的理解，对某些章节的内容略作修改。感兴趣的朋友可以过来看看…
语言：简体中文
授权：免费软件&&&&分类：
本文以 HTML5 工具专业性为主要指标，不以名气论高低， 10 星以下的 H5平台不列入排名。 四个指标，功能是 H5 工具使用的基础，模板属于工具适用性的象征，定制服务能体现平台的生态性，易用度则是用户友好范畴。感兴趣的朋友可以过来看看…
语言：简体中文
授权：免费软件&&&&分类：
本文将WEB前端研发编程能力划分了八个等级，每个等级都列举出了对应的特征及破级提升之方法，希望每位在看本文的同学先准确定位自己的等级，参考突破之法破之。感兴趣的朋友可以过来看看…
语言：简体中文
授权：免费软件&&&&分类：
本书详尽地讲解和分析了HTML5中的所有新特性和核心技术，能为有一定HTML基础的读者迅速提升HTML5开发技能提供绝佳指导。全书包含297个代码示例和16个快速参考索引，极具实战性和实用性，欢迎下载阅读…
语言：简体中文
授权：免费软件&&&&分类：
本文档主要讲述的是Web表单设计；感兴趣的朋友可以过来看看…
语言：简体中文
授权：免费软件&&&&分类：
本文档主要讲述的是静态HTML网页制作；感兴趣的朋友可以过来看看…
语言：简体中文
授权：免费软件&&&&分类：
本文档主要讲述的是网页制作HTML代码全攻略；感兴趣的朋友可以过来看看…
语言：简体中文
授权：免费软件&&&&分类：
本文档主要讲述的是Photoshop制作网站首页；感兴趣的朋友可以过来看看…
语言：简体中文
授权：免费软件&&&&分类：
无论是APP UI设计大神还是APP设计新手，都是需要制定一套属于自己的配色方案或配色计划色彩，从当代建筑、路标、人行横道以及运动场馆中获取灵感，由此引发出大胆的颜色表达激活了色彩，与单调乏味的周边环境形成鲜明的对比…
CopyRight &
JB51.Net , All Rights Reserved君，已阅读到文档的结尾了呢~~
全国电脑制作之高中网页设计辅导经验谈[摘要]:随着全国中小学电脑制作活动的开展与影响,参与的学生越来越多,学生取得的成绩也越来越大,有力地促进了学生信息素养与...
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
全国电脑制作之高中网页设计辅导经验谈
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='/DocinViewer-4.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口高中信息技术&FrontPage网页设计技巧综合运用说课稿
您现在的位置：&&>>&&>>& >>
>> 浏览文章
高中信息技术&FrontPage网页设计技巧综合运用说课稿
作者：佚名 资料来源：网络 点击数： &&&
高中信息技术&FrontPage网页设计技巧综合运用说课稿
高中信息技术 FrontPage网页设计技巧综合运用稿说课题目：&&&&&&&&&&&&& FrontPage网页设计技巧综合运用专家们、教师们：大家好！今天我说课的题目是：FrontPage网页设计技巧综合运用我的说课将从以下几个方面进行：一：说教材二：说教学目的三：说学生四：说教学方法及实现途径五：说有关教学设计中的三个引导点首先说教材：教材的选取：教材使用经全国中小学教材审定委员会审查通过，全日制普通高级中学信息技术教科书，高中第三册，第一单元FrontPage网页设计的总结运用课。这一教材由广西科学技术出版社出版本节教学内容所处的地位：是巩固与提高学生网页设计技巧的极好机会，而且是教师抓住机会进行更精彩、更有意义的教学设计与教学实施的关键时期，我想这点会在我后面的教学设计阐述中体会。接下来说教学目标：基础知识目标：巩固前面已学的网页设计技巧，而且将激发学生自主去探讨，更多的网页设计技巧。能力培养目标：培养学生互相合作，共同提高的良好品质；鼓励学生们在这一网页设计运用课中，充分利用网络资源，培养自己主动学习及探究能力和综合信息素养 。情感教育目标：如何使信息技术教学成为培养学生综合素质的一个平台，如何设计除了教会学生使用一些基础软件知识之外的更多的东西，这是我一直在计算机课教学中思考的一个问题；学生情感教育的培养，一直应成为我们课堂教学中，不可缺少的重要素质教育目标之一，所以选择母爱为主题，由此培养学生对母爱的理解及体验母亲对儿女平凡而伟大的爱；另外也为丰富我自己的情感：我作为一名普通的教学人员，我希望在我的教学中做我应做的，做我能做的，多探讨，多尝试，丰富学生的内心同时，我也在其中丰富自己，并感受更多的快乐。接下来说学生：学生计算机知识背景：我的学生是高二的学生，高二的的学生经过高一计算机基础知识的学习以后，他们有一定的网络知识，如何设计一个教学环节不仅仅简单让学生回顾复习一下，而是能达到更高的层次，下面了解一下：学生的身心特点：高中生在心理和行为上表现出强烈的自主性，具有很强的自信心和自尊心，热衷于展现自己的力量和才能；他们已不满足于父母、老师的讲解，或书本上的现成结论， 学生与父母的交流：在高中阶段，高生中的自主、独立性使他们的个性处于极其张扬与反叛的时期，父母与的交流往往在这一时期成为多事之秋。所以希望能通过这一教学，激发学生们心中对母亲的爱的理解与感受。而如何根据学生情况，使这一美好的愿望在我的网页设计教学中实现呢？用怎样的教学设计与方法来进行呢？这对我们师生都将是一个很大的挑战。下面是实现这些教学理念的教学方法及实现途径：教学方法一及实现途径：用任务驱动教学设计与母爱内容相结合：把所学的网页设计技巧与母爱内容相结合，巧设任务，对学生进行引导。例如：网页中文字的修饰与滚动字幕的设计，让学生结合母爱内容，自拟一个标题，进行设计展示；从有关母爱的文章资料中选择感受深刻的有关母爱的段句并配上图片在网页中进行设计；同样的背景图片及音乐，另外表格对网页整齐化的设计，都进行精心安排，结合母爱主题进行练习。教学方法二及实现途径：课堂以学生为主，教师为引导，师生一起互相探讨学习的教学方法，教师在设计中分别把所学的网页设计技巧与母爱网页设计一一对应，设计成任务，学生之间分组合作，互相学习，相互探讨，把所有任务分成四组，班上学生分成四组，每个组负责一个任务在全班进行展示，如果有任务本组不能解决的，让其他组同学上来协组完成，让他们自己当老师。教学方法三及实现途径：让学生在已学习的网页设计技巧应用之上，用形式多样的方法让学生感受母爱，同时进行课本以外网页设计知识的探讨：例如：给学生提供有关母爱的散文与诗歌文章及背景音乐，让学生尝试如何把朗诵与文字同时展示在网页中，鼓励学生把自己喜欢的母爱文章进行课后自己录制放到网页中；向学生介绍有关录音的软件；再例如：引导学生使用特效设计代码，老师提供一两个特效代码，让学生尝试，由此鼓励学生在以后的设计中到网上自主进行资料搜索并下载进行尝试运用。……教学方法四及实现途径：给学生提供提问与学习的平台，鼓励学生利用网络资源进行学习。给学生提出自己在网页设计中想实现而自己又不知道如何操作实现的网页设计问题，这些问题如果可以在课堂上解决的，首先鼓励学生进行互相交流解决，教师可以当堂解决的，应给予引导，如果不能解决的，鼓励学生与自己一起到网上进行学习，并在课后再进行交流，探讨解决。最后说有关教学设计中母爱情感培养的三个引导点：一：说学习兴趣：苏联当代著名教育家苏霍姆林斯基在给教师的建议中说到：“在每一个年轻的心灵里，都存放着求知好学、渴望知识的火药，只有教师的思想才有可能点燃它”。所以为进一步激发学生的网页制作兴趣，进行如下教学程序：1、&教师进行鼓励：一张网页的设计，技巧是基础，在基础之上如何设计出一张你较为满意的网页，还有许多其他的综合能力的体现，赠言：一分耕耘，一分收获，以此鼓励。2、&激励办法：母爱主题的网页设计将邀请来欣赏，把好的作品放于学校网站上。二、说有关母爱音乐：如何把时尚与情感教育相结合？我想在此我找到了很好的结合点，那就是结合现代青少年最喜欢的歌星周杰伦，他自创自唱的歌曲：听妈妈的话作为我的这节设计课的开场，当我的学生走进电教室，此时当我给我的学生播放这首歌，我的学生会不约而同的跟着节拍与我一起唱：听妈妈的话，我想在那一刻，有什么样的方法会让我的学生与我一起在深深地感受着母亲的爱呢？的确，伴着这首歌，也会使我的网页设计主题内容：母爱，自然传递给学生。三、说阅读、朗读：阅读、朗读是最能使人的心灵变得明亮且是培养丰富情感的重要方式，我在网上查找了很多有关母爱的文章，一首很简洁而对母爱深刻描述的诗：MOTHER，课前与班主任、语文老师和英语老师了解情况，得到学生的同意，最后我设计班上的两位学生在课堂上朗读。另外倾听也是情感培养的重要方式，我找到有关母亲的一个英文的小，让我的英语老师朗读并录音，在课堂上播放给学生，进行倾听，从中让学生体会母爱。著名教育家孔子提倡诗乐，他说：“温柔敦厚，诗教也。”基于此，总之，在整个教学过程中，如果说充分利用网络资源，及丰富形式多样的资料进行网页设计教学，让学生的网页设计技巧巩固中深深感受母爱和理解母爱，还不如说是我自己也是学生中的一员在深深的体会母爱吧。我的这节说课就到此。谢谢专家们，老师们的耐心聆听，希望专家们，老师们给我指导，我相信有大家的参与，我的这一节教学设计将会好。&&& 再次谢谢大家
上一篇：下一篇：