设计网站首页教学反思

第一篇：设计网站首页教学反思

本节课主要是了解网页的编辑过程，学会在网页中插入文字、水平线、图片等操作，会新建、保存、预览网页。

通过和word2003相比较来学习frontpage中有关的文字、图片等的插入，直接给学生布置出任务，让学生分组探究完成。新建、保存、预览网页和word的操作相差不大，可以对照WORD来学习。出示任务始终没找到更适合本校学情的方式，若通过发送，有部分机子接收不到；若通过课本布置任务又不能完全照课本（不适本校学情），只得整合课本选取修整通过口头安排任务，但总有很多学生忘记或搞不清。

再有学生差距太大，很多学生始终也没机会补齐所缺知识及技能，每节课基本完不成任务，甚至到现在都还有同学不会正确使用鼠标，很多符号更不知如何输入，键盘的有关基础知识缺失很多，打字太慢，一到输入文字就要浪费很长时间，感觉学生的基础知识和基本操作技能（键盘及鼠标的使用）缺太多，以后要注意逐步补充这方面的内容。

还有教学中需要注意的几个问题：

1.网站的作用，它与文件夹的区别,网页属性、水平线属性、图片属性设置方法。（引入对象不同，属性也不同，所以属性设置的对话框也不同。）

2.对于插入网页中的图片或剪贴画要引导学生调整位置和大小。

第二篇：教案【设计网站与制作首页】

教学目标

1.知识与技能：了解设计网站的一般流程以及网页的基本构成元素；学会运用表格进行版面布局；能够在网页中添加网页元素 2.过程与方法：

通过制作网站首页，掌握版面布局、添加网页元素和设置网页背景的基本技术方法，达到举一反三的效果。

通过学生跟随老师动手设计网站的实践活动，使学生掌握对象属性的设置方法，为学生今后学习其他软件奠定基础。3.情感态度价值观：

提高视觉美感素养，能够根据网站主题确定恰当的网页风格并具有初步的创意； 使学生善于交流，在分析探讨中学会欣赏与评价。教学重难点

1.学会使用表格规划版面布局的方法与技巧 2.恰当选取网页元素并进行设置。难点：掌握设置网页属性的一般方法 教学过程

一、创设情境、引入课题——5min 师：同学们，你们上过网吗？哪位同学说说自己都知道哪些网站？可以相互讨论一下。生：百度、新浪、腾讯„„

师：非常好，那么同学们还记得它们的样子吗？老师这里有一些我们常用网站的首页，咱们一起来欣赏、探讨一下。哪位同学说说，你最喜欢哪个网页？为什么？ 生：仔细观察几类首页的特点，并踊跃发言。

师：一个网站，最重要的是它的人气。独特的设计、新颖的构思都能够为你的网站吸引大众增光添彩。而首页，作为网站的“脸面”，能不能吸引访问者的注意，它更是重中之重。所以在设计制作首页时需要特别地花心思，那么怎么样设计一个好的首页让网站第一时间抢占浏览者的眼球呢？今天我们一起来学习《设计网站与制作首页》。

二、新课讲授

1.熟悉Dreamweaver开发环境——6min 师演示操作：运行Macromedia Dreamweaver MX 2004，在“起始页”对话框中，选择“创建新项目”中的“HTML”选项，进入操作界面。

师讲解：菜单栏；插入栏；视图模式按钮：设计视图、拆分视图、代码视图；文档工具栏；工作区、版面组、属性面板。

师：制作网站的第一步要定义站点。站点是存放所有网页以及相关图片、动画等媒体文件的文件夹。下面请大家跟随我一起进行操作，定义本地站点。师生共同操作：课本P53定义本地站点。2.制作网站首页——6min 师：设计网站首先要确定网站主题，主题是网站的灵魂，是确定网站风格与创意的前提和出发点。【板书：1.确定网站主题、名称】 我想大家应该非常熟悉自己的QQ空间，所以我们今天就以个人网站为例，做一个个人主页。现在我们一起创建网站首页。师生共同操作：

1）在“文件”面板的站点根目录“myweb”下，右键——新建文件——命名“index.htm”作为网站首页；新建文件夹，命名“images”，保存首页中用到的图片文件。2）双击“index.htm”文件，进入网页编辑状态。3）在“文档工具栏”上的“标题”输入框中输入页面标题：***个人主页，作为首页标题。按键盘上F12键预览网页，师：“请同学们观察哪里发生了变化？” 生：首页标题变为***个人主页。3.用表格布局首页——8min 师：好，在确立网站主题后，要设计网站栏目，规划出网站结构图【板书：2.规划网站栏目结构】。下面老师把QQ空间的主页展示给大家，大家观察并进行分析，咱们这个个人网站应该包含哪些栏目？请一位同学回答。

生：主页日志相册留言板说说个人档音乐时光轴更多

师：非常好，接下来我们就要设计网页版面布局了【板书：3.设计网页版面布局】。请同学们快速阅读课本P47网页版面布局部分的内容。

师演示讲解：我们可以借助表格实现网页的精细排版。打开“index.htm”文件——插入——表格。在“表格”对话框中可以设置行数、列数、表格宽度、边框粗细、单元格间距等参数。单击表格边框，选中整个表格，就会显示出表格的“属性”面板，在这里可以对单元格进行拆分。

师生共同操作：下面请同学们跟随我进行操作，简单布置我们的个人主页结构。4.添加首页内容——3min 师演示操作：为了节省时间，老师已将文本内容为大家准备好，咱们直接把一部分内容复制粘贴进来。

类似我们学习过的Word等文本编辑软件，可以在属性面板中设置字体、字号、颜色等。5.插入图像——4min 师演示：我们现在按F12键浏览一下，这样的网页你们喜欢看吗？为什么？ 生：不喜欢，都是字。师演示：那我们现在就来学习如何插入图片，选择“插入——图像”，如果图片大小不合适，可以选中图片，在属性面板中设置图片的宽度和高度。6.设置网页背景——3min 师：网页背景可以是颜色，也可以链接调用图像文件，下面请同学们认真看我的演示。

三、知识回顾——3min 师：请几位同学说说本节课学到了哪些知识或者技能？ 生：积极思考并发言。

四、布置任务——2min 小组合作：下节课我们需要利用本课所学知识和技能为班级设计一个主题网站的首页。课下请同学们4人为一组，分工合作，确定网站主题和名称，并作出栏目规划和版面设计，搜集整理相关资料，以小组为单位提交至老师邮箱，以备下节课使用。【多媒体展示】

五、课程收尾——5min 师：剩余5分钟时间大家快速为个人主页添加文本和图片，将没完成的部分补充完整，做得快的同学可以尝试修改格式以及设置网页背景。【教师巡视课堂，进行个别指导。】

第三篇：《麻雀》教学设计 - 北京市房山区教师进修学校 网站首页

《麻雀》教学设计

单位：长育中心小学 年级：四年级 姓名：陈淑芬

《麻雀》教学设计

第一课时

教学目的：

1、认识15个生字，学会其中12个；理解“野物、分明、蓬起、绝望、拯救、安然”等词语的意思。

2、初读课文，初步了解课文主要内容。

教学重难点：掌握课文生字新词，读准字音，认清字形，初步了解课文主要内容。

教学过程：

一、导入

课前板书课题：麻雀，在课题旁贴一幅麻雀的图，目的是营造氛围，激发学生学习的兴趣。

导语：（教师边指板书边说）麻雀是我们非常熟悉的一种鸟，它给你留下的印象是怎样的呢？请你用一两句话描述一下。（学生自由发言，只要学生讲的符合实际，教师就要及时给予肯定，可以根据学生的发言导学，如：你的观察能力真强。你的知识真丰富，我很欣赏你。等等）

这节课我们就来学习第17课《麻雀》，来欣赏作家笔下的麻雀是怎样的。这篇文章的作者是俄国杰出作家屠格涅夫，今天就让我们随着作者屠格涅夫回到故事发生的地方。

二、学习新知

1、自学字词，扫清障碍。

（1）初读课文，看书后生字表自学生字新词。

（2）小组交流：学会了哪些生字新词，用什么方法学会的。

2、教师检查

（1）指读生字，并说说读字音时有哪些需要注意

嗅、撼、奈、绒、躯、拯、幼、浑、哑、搏、庞、愣

（2）注意订正以下字的读音：（教师出示两种读音，学生进行选择）

桦 huà（√）拯 chěng（）

huá（）zhěng（√）

（3）说说如何记住生字的字形。

拯：右边是丞，丞字的第五笔是“捺”，不是“点”；另外还要注意最后一笔“横”不要丢掉。

庞：：“广字头”下面是“龙”字，切记不要丢掉撇，写成“尤”。

（4）分段指读课文，检查字音的掌握情况。

（5）自读课文，记住字音字形，结合课文进一步理解词义。

野物——这里指野生动物。

分明——非常明白的意思。

蓬起——指散乱地竖起。

绝望——毫无希望。

拯救——救助、搭救的意思。

安然——安安稳稳的样子。

3、自学尝试，自悟自得。

自学提示：

（1）自读课文，整体感知: 文章中都出现了谁？他们之间发生了什么事？

（2）自读课文时还有哪些不懂的问题标示出来。

随学生发言教师板书：

4、质疑疏疑，初步解疑。

学生提出自学中不懂的问题，较容易的问题边提边由学生解答。较难的问题疏理后放到下次课导读时解决。

5、简要总结。

6、布置作业。

（1）抄写生字词，牢固掌握。

（2）读课文，进一步理解同学们提出的问题。

附：板书设计

第二课时

教学目的：

1、能够针对问题展开讨论，勇于发表自己的见解。体会“„„可是它不能安然地站在高高的没有危险的树枝上，一种强大的力量使它飞了下来。”所表达的意思和情感。

2、有感情地朗读课文，背诵自己喜欢的段落。

3、了解课文内容，体会老麻雀的爱子之情。

教学重点：

有感情地朗读课文，了解课文主要内容，体会老麻雀的爱子之情。

教学难点：

能够针对问题展开讨论，勇于发表自己的见解。体会“„„可是它不能安然地站在高高的没有危险的树枝上，一种强大的力量使它飞了下来。”所表达的意思和情感。

教学过程：

一、导入

同学们，通过上节课的学习我们知道在老麻雀、小麻雀、猎狗与猎人之间发生了一件动人的事。（边说边板书：同上节课板书）

谁来简单地说说发生了一件什么事？（学生回答：描述的是老麻雀在猎狗面前奋不顾身地保护小麻雀，使得它免受伤害的故事。）

过渡：上节课同学们还有„„问题不明白，这节课我们带着问题来深入地学习课文。

二、学习新知

1、默读课文，你认为哪些地方的描写最感动你，就动笔画一画，并在边上加批注。

2、小组交流，互议互得。

在自学的基础上与小组同学交流，你读懂了什么，把不懂的问题提出来与小组同学讨论讨论。

3、班级汇报，梳理脉络。

（1）通过自学和小组交流，你们对文章的理解一定更深了，下面开始汇报。汇报方式不拘一格，可以把你感受到的，通过读表现出来，还可以通过重点词句的分析谈你的理解。

重点理解：

①猎狗要吃的是一只怎样的小麻雀？课文是怎样把小麻雀写具体的。谈谈你的感受。

我顺着林阴路望去，看见一只小麻雀（呆呆地）站在地上，（无可奈何）地拍打着翅膀。它嘴角（嫩黄），头上长着（绒毛），分明是（刚出生）不久，从巢里掉下来的。

学法：

A.如果学生自己谈到这里，老师要引导学生深入地理解，如果学生没有找到这个点，老师可以随着课文的进行提出来。学生先从老麻雀救小麻雀入手，待学生理解了这部分后，老师可以引导说：“老麻雀在凶猛而高大的猎狗面前，奋不顾身要保护的是一只怎样的小麻雀？课文是怎样把小麻雀写具体的。谈谈你的感受。”

B.重点理解括号中的词语（可以根据词义理解，也可以联系生活实际理解），体会小麻雀的稚嫩幼小，尚无自救能力，使人产生同情之心。

板书：同情

C.指导学生有感情地朗读课文。

②面对有着如此稚嫩生命的小麻雀，猎狗嗅过之后，张开大嘴，露出锋利的牙齿。在这危急关头，老麻雀怎么做的？

突然，一只老麻雀从一棵树上飞下来，像一块石头似的落在猎狗面前。它蓬起了全身的羽毛，绝望地尖叫着。

学法：

A.句子的引入同上例。分析时视学生实际情况而定，也可根据思考•练习中括号中的问题来回答。

B.体会“像一块石头似的落在猎狗面前”形象地表现出老麻雀飞落时动作之快，用力之猛，反映了老麻雀着急、紧张的心情，也显示了它的勇敢。体会蓬起了“全身的羽毛”可以做动作比一比，也可以结合实际说一说；“绝望地尖叫着”老麻雀对自己能否挡住猎狗没有把握，但仍尽力尖叫保护自己的幼子。“可是它不能安然地站在高高的没有危险的树枝上，一种强大的力量使它飞了下来。”这句话中的强大力量就是“爱”，此处放手让学生展开讨论，可以理解成“母爱”，可以理解成“亲情”，也可以理解成“爱”。以上几句使人从内心深处产生对老麻雀的敬佩。

板书：敬佩

C.指导学生有感情地朗读。

③“爱”的力量是巨大的，结果怎么样呢？齐读最后两个自然段，回答问题。

板书：唤回（2）总结课文，梳理脉络。

文章1、2、3自然段讲了猎狗发现掉在地上的小麻雀，4、5自然段讲在小麻雀即将遭到不测的时候，老麻雀奋不顾身地从树上飞下来保护小麻雀，表现了老麻雀的爱子之心，也正是它的爱，保护了小麻雀。

6、7自然段讲猎狗愣住了，慢慢地后退。在整个故事发生的过程中“猎人”先是同情小麻雀，继而敬佩老麻雀，最后唤回猎狗，保住了小麻雀的生命。

三、布置作业

1、背诵自己喜欢的段落。

2、读一读《猎人日记》。（老师可以视班级的实际情况，推荐相关文章）

附：板书设计

第四篇：《 死海不死》教学设计 - 威海市实验中学 网站首页

人教版初中语文第三册第二单元

《 死海不死》教学设计

威海市实验中学

张芬

一、教学设计思路：

根据新课程标准的要求，语文课要体现时代特点和现代意识，要引导学生关注人类，关注自然，发展思维，培养语感，倡导自主合作，探究的学习方式。第四册教材前三个单元都是说明文，要求着重培养学生阅读说明文的能力。《死海不死》是第二单元的一篇科学小品文。单元要求是理解课文内容，掌握常用的几种说明方法。为达成这些目标，我准备从体裁入手，使用多媒体教学手段，运用质疑导学五环节的教学模式，采用质疑讨论法，合作探究法，充分调动学生自学的积极性，充分发挥学生的主体作用，使学生进一步掌握阅读说明文的规律和方法，达到学以致用的目的。

二、教学目标以及重点难点

根据新课程标准的总体目标，根据教材的特点，结合学生语文整体素养提高的实际需要。我认为本课应确立的目标是：

1、了解死海的特征及其成因，学习举例子、列数字、作比较的说明方法。

2、体会神话传说在说明文中的作用。

3、懂得自然界的神秘现象是可以认识的，培养学生的科学精神，增强环保意识。

本课的重点是学习几种说明方法的运用。难点是对神话传说作用的理解。

课前准备：

教师制作多媒体课件等。教学流程：

第一环节：配乐、配画、创设情境，激发兴趣。

大千世界，无奇不有，我们的地球母亲神奇无比：两极冰川如山，赤道烈日炎炎，高山巍峨，平原广阔，河流滔滔，大海茫茫……而这里有蓝天、白云、碧水、岩石，却很难见到树木花草，踩不到柔软的沙滩，捡不着五彩的贝壳，眺望广阔的水面，只见三三两两的男女，仰天躺在水面上，有的闭目养神，有的悠闲看报；无论你是弄潮高手，还是地道的旱鸭子，都可以尽情地扑入湖水中，尽情地享受着水中漂浮的乐趣；你若喜欢，还可用海底的黑泥护面、覆体，美容健身……这里就是被戏称为地球母亲的肚脐——世界上最低的咸水湖“死海”。今天让我们一起来到这个神奇的地方，共同去探索它的奥秘。（出示课题）

（这样的的导语，配以形象的视觉画面、优美的听觉音乐，本身就给学生以美的熏陶，也会紧紧吸引学生，使学生兴趣盎然地进入学习状态。）

第二环节：四人一组自学探讨。

首先，请学生回忆阅读说明文一般从哪几个方面入手：认真朗读，整体把握。做到：明对象，知内容；抓特征，晓事理；辨方法，析作用；理顺序，品语言。

接着，各小组根据自己的特点，选择最适合本组的学习方式，灵活运用讲读课学到的阅读说明文的方法，进行讨论探究。也可以借用教师投影中的思考题，自学讨论。投影的思考题为：

①死海有什么特征？死海形成的科学原因是什么？作者采用了怎样的说明方法？

②你能各用一个词语概括死海的昨天、今天、明天的情景吗？

③你认为文章引用神话传说对说明死海特征起什么作用？对增强全文的表达效果有什么作用？

④找出你最喜欢或认为说明语言准确的句子或段落，加以品味，说说自己的体会。

⑤“死海不死”和“死海真的要死了”中的“死”各指的是什么？

（这一设计，体现了以学生为本的思想，可以保护学生的求知欲望，激活学生主动参与学习的意识，提高学生自主解决问题的能力，培养良好的自学习惯。）

在学生自学研讨的时候，教师要巡视观察学生自学的状况，及时调控，对提出疑问的学生给以适当点拨，注意各个层次的学生自学的状况，并适当到进行学法指导，及时捕捉学生思维的亮点进行鼓励。

在四人自学讨论时，教师为每一组同学的桌子上放一个盛着凉开水的烧杯，杯内放一个沉入水底的熟鸡蛋，旁边放一包食盐。教师告诉学生这些物品可以使用，但不讲如何使用，目的是让学生自我发现，动脑动手，自主想办法探究问题。

第三环节：学生自学成果交流。

第一步，要求是：假如你们一组同学是导游小姐或导游先生，正带着游客在死海的一艘游轮上观光。请你们根据课文内容，发挥自己的想象力，创造性地介绍死海的有关知识，使游客了解死海，同时对死海产生浓厚的兴趣。

（这样做的目的是让学生不仅了解课文的说明内容，还做到了学以致用，提高学生口头表达能力，培养了创造思维能力。）

第二步，当游客的各组同学，听后从三点进行评议：是否根据课文内容？语言是否流畅自然？是否有创造性的表现？（这样可使学生会用、会听，会评。）

在学生评议的过程中，教师抓住时机，把表扬导游或评价者作为切入点，引导学生完成思考题，借助投影给学生一个完整的印象。怎么引导这就要教师根据学生课堂表现情况，临场发挥，随机应变。比方说：这组同学导游当的真不错，他们非常巧妙、非常科学地告诉了我们死海的特征，书上说死海有哪些特征？作者采用了怎样的说明方法告诉读者的？

（这样做，可以让学生心情舒畅地自觉地与课本对话，启迪了学生的思维，将知识系统化，水到渠成地完成了本课的重点之一。）

再如：谈到列数字说明时，教师可以追问：“这写数字删去行不行？此时，学生可以用比较感悟法，进一步理解数字说明的好处，明白如何在说明文写作中正确运用列数子说明。

因为物理课上还未学到浮力，对于使用了作比较说明的一句“这样，就使海水的密度大于人体的密度，无怪乎人一到海里就自然漂起来，沉不下去。”的理解可能不深，学生若做了水中加盐让鸡蛋浮出水面的实验，便很容易深刻理解死海咸度很高这一本质特征了。浮出水面的鸡蛋已凝聚了学生的智慧，可以作为奖品送给各组表现最出色的同学，让他们拿回家，告诉父母是如何得到的。

第三步，采用谈话的方式，引导学生谈自己对文章引用神话传说的认识，鼓励学生各抒己见，找准时机，让学生据理论辩，培养学生的求异思维和发散思维能力。持肯定态度的同学可以借助学过的《卧看牵牛织女星》、《日本平家蟹》，运用类比推理的方法，举一反三，总结出神话传说在本文中的作用（“屡淹不死”的传说，形象地说明了死海浮力大、咸度高的特征，增强了读者阅读的兴趣；同时，也说明了死海的历史悠久。“死海形成的神话，虽然不能科学地说明死海形成的科学原因，但却将人类童年时代对自然变化的幼稚认识与现代人的科学认识作对比，表明人类对死海的认识有一个缓慢的发展过程，增加了文章的神秘色彩，使文章生动形象。）持否定态度的同学，也可以用目的分析法，让同学们意识到科普作品也应依靠科学本身的趣味吸引读者，慎用神话传说，从而培养学生热爱科学、探索自然、崇尚真知、实事求是的科学态度。

第四步，理顺序，品语言比较容易，着重鼓励那些发言机会较少的同学，用增删比较法等方法，来品味赏析，培养语感。（本步骤，也可与第二步合并，视情况而定）

第四环节，质疑问难，总结拓展。

1、质疑问难

因为学贵有疑，小疑则小进、大疑则大进，课堂拿出时间让学生自由发问，集体解疑，可以让学生学到更多的知识，养成善于发问的好习惯，使学生会学，终身收益。

2、总结拓展

请学生总结，谈学本课的收获，或教师总结，如：本节课我们一起看到了死海奇异的景观，听到了死海神奇的传说，解开了死海“死”与“不死”的奥秘，知道了大自然的奇妙无比，我们为人类拥有这样多姿多彩的生存环境而感到庆幸。可是当你读到文章结尾知道“死海真的要死了”时，你心里会有怎样的感受？……地球是我们唯一的家园，保护海洋资源，保护生态环境是我们义不容辞的责任，你能想出什么办法来拯救死海，让她充满生机与活力，永远给人类带来不尽的恩惠呢？

(设计此问题，目的是调动学生积极动脑，发挥想象力，大胆设计拯救死海的措施，激起学生创新思维的火花，引导学生关注人类，关注自然，增强环保意识，优化的思维品质)。

（一天的时间，我就搜集了140多条关于死海的信息，有世界各国科学家、地质学家有关死海的过去、现在以及未来的研究论证；有死海周边国家对死海的开发利用与采取的保护措施；有亲临死海的游人墨客的赞叹描绘，有国际旅行社对死海图文并茂的介绍。相信学生占有的资料也不会太贫乏，这一环节的拓展延伸，很容易激起学生创新思维的火花，课堂一定会掀起高潮。）第五环节，布置作业

1、继续利用课余时间，从报刊、图书或网上收集有关死海的资料，了解死海的现在及将来，在班里交流，贴出墙报。目的是按照新课程标准的要求，开拓学生的视野，增加学生的阅读量，使学生养成搜集资料，阅读探究的习惯，以便将来有质的飞跃。

2、以“死海”为话题写一段话或一篇小短文。

板书设计：

死海不死（说明文）

死 举例子

特征

咸度高 列数字 引用传说

不死

作比较

成因：自然界变化的结果—— 列数字 引用神话

状况：过去（荒凉）—现在（生气）—将来（死）

第五篇：制作网站首页教案设计

制作网站首页教案设计

制作网站首页教案设计

广东省云浮市郁南县平台镇初级中学

黄伟兴

教学课题：制作网站首页 教学背景：

网站首页是网站的“脸面”，学生通过学习设计网站首页，一方面培养他们为提高作品吸引力、展现自我而积极思考、探究、尝试的意识和态度，另一方面通过学习各种基本网页设计技术，亲历网页制作的一般过程，更好地为接下去几节课的学习和活动参与打下基本功。教学目标：

1、知识与技能：

（1）了解网页一般由哪些元素组成。（2）学会运用表格进行版面布局。（3）能够在网页中添加网页元素。（4）能在网页中设置超链接。

2、过程与方法：

（1）通过制作网站首页，掌握版面布局、添加网页元素和设置超链接的基本技术方法，达到举一反三的功效。

（2）通过学生动手设计网页的实践活动，使学生掌握对象属性的设置方法，为学生今后学习其他软件奠定基础。

3、情感态度与价值观：

制作网站首页教案设计

（1）提高视觉素养，能根据网页主题确定恰当的网页风格并具有初步的创意。（2）通过运用表格布局网页对象活动，进一步掌握各种不同对象属性的设置方法和规律，提高学生学习信息技术的信心。

（3）在合作实践过程中，培养学生的审美能力和创造能力，在小组协作学习中，培养学生合作帮助、团结协作的良好品质。

（4）培养学生大胆构思、自我创新的精神，培养学生的美感及创作后的成就感。

（5）善于和老师、同伴一起分析讨论，在分析、探讨中学会欣赏，学会评价。

4、学情分析：

学生已经具备了计算机软件使用的基础，但学生在学习过程中往往会把注意力停留在技术实现的层面上，让学生认识和掌握制作网站首页的方法，故操作性强。在前面几节课学生初步确定了网站的主题，收集了部分资料。学生已经在word文档的学习中掌握在文档中插入图片、艺术字等素材方法，为制作网页中的添加素材这一环节打下基础，同时表格教学比较枯燥，表格嵌套、根据图片特点裁剪图片、设计制作表格等知识点更加枯燥乏味。图片处理操作水平的差异和教学内容的枯燥，可能会造成很多学生不愿动手、不会动手。在实际教学时，教师应该时刻给予学生恰当的引导，在调动学生学习兴趣方面下足功夫。

5、素质目标：

制作网页要应用到多方面的知识，培养学生的知识迁移能力，同时给学生提供了自由发挥的空间，学生可以充分发挥自身的创造力与想象力，培养学生综合运用知识的能力。教学重点难点：

1、教学重点：

制作网站首页教案设计

（1）能用表格规划版面布局的方法与技巧。（2）恰当选取网页元素与设置。

2、教学难点：

（1）掌握超链接技术设置网站导航功能的方法。（2）掌握设置网页属性的一般方法。教材分析：

1、本节的作用和地位：

本节课侧重培养信息表达的能力，对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。

2、本节主要内容介绍：

课改后信息技术课已不再是单纯的计算机技能课，它强调以培养信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。这节课的主要任务是使学生掌握在FrontPage用表格规划网页及在网页中插入图片、声音、水平线等相关知识与操作，并能合理、灵活地应用到网页制作中，美化自己的网页。教学方法：

1、先学后教，“兵”教“兵”

先学，就是让学生自学，尝试独立操作；后教，是根据学生自学效果，教师进行精讲、点评，并尽量让学生去“教”；“兵”教“兵”，就是让学生充当小教师的角色，自学得较好的学生操作给其他学生看，通过示范，在学生间起到相互

制作网站首页教案设计

促进，相互影响的作用，达到共同进步。

2、任务驱动，小组竞赛法

根据学生不同的学习能力、知识储备、兴趣爱好，依据自愿组成原则，将全班分成若干个小组。通过网页教学课件的辅助，在教师的引导下，各小组按照自己规划出的网页设计方案，以任务驱动和分工合作形式制作网页。并通过自我评价、小组评价、师生互评相结合的评价方式使学生自主完成作业，由学生自己担任评委，评选出优秀网页，通过展示学生的优秀作品来激发学生对网页制作的兴趣。

由操作能力强的学生充当组长，带动其他成员完成网页制作，一来培养他们合作互助的关系，二来培养学生之间、师生之间的感情。

整节课教师只扮演一个组织者和提示者的角色，一步步引导学生完成本课的目标，让学生充分发挥自主性、协助性，培养他们合作、创新的能力。

3、提问引导法

根据学生已有的知识结构体系，采用提问的方式引出每个教学目标，中间穿插观察、自主探究、合作交流的方式加深学生的印象，培养学生的观察能力，动手能力和团结合作精神。让学生自觉主动地去分析问题、解决问题，学生在操作过程中不断发现问题、解决问题，使学生由学会知识变为会学知识。教学评价：

在教学过程中一方面要考查学生能否顺利掌握制作网页的基本技术方法，根据设计需求完成网站首页的制作，另一方面又要考查学生在作品中是否做了科学的布局规划、是否合理地运用了各种网页元素，作品是否具备表现力和较强的可读性。教学过程：

制作网站首页教案设计

一、创设情景、引入课题、明确任务

师：上节课我们已经规划了自己的网站，今天老师给大家带来了一个礼物，它是一个漂亮的网站，它就是“老师个人学校网站”，里面有许多关于同学们的内容，如：你们漂亮的生活相等，请同学们欣赏。

生：学生认真观看，自主互相讨论，畅谈想法及发表意见。

师：继网站筹划之后我们就要着手来进行网页的设计了，第一个要进行的当然是首页的制作。首页是网站的“脸面”，能不能吸引访问者的注意，它显得尤为重要，所以在设计制作首页时需要特别花心思。怎样设计一个好看的网页让网站第一时间抢占浏览者的眼球呢？再度打开网站的首页。生：仔细观察该首页的特点。并互相讨论，各抒已见。

师：上节课已经搜集了素材，这节课咱们来动手制作网站的首页。指导学生使用FrontPage打开范例“班级网站”的首页，让学生进行小组交流，回答以下几个问题：

1、你知道有哪些软件可以用来制作网页吗？

2、该网页包含了很多元素，它们是如何整齐有序地分布在网页中的？用什么可以分割网页的版面布局呢？

3、该首页包含了哪些元素？是否能很好地表达主题思想？结合小组收集到的素材，你认为在自己的网站首页中可以添加哪些网页元素？

4、导航栏是网站的“地图”，没有它，浏览者就会“迷路”。选定范例网站首页导航栏中的栏目文字，单击常用工具栏上的超链接按钮，看看会出现什么？ 生：观察思考、探究、小组合作交流，回答教师提出的几个问题，并确立自己将要开展的工作。

制作网站首页教案设计

师：其实很多文字处理软件都可以设计网页，如Word中，利用“另存为web页”就可以将文档保存为网页，有些图像处理软件如PhotoShop也可以制作网页，Windows“记事本”也可以制作网页等，不过FrontPage和Dreamweaver却是最方便的网页制作软件，因为它们不仅可以制作网页，而且能方便地设计和管理网站，很适合入门学习。

二、先学后教、任务驱动、自主学习

1、用表格进行版面布局

师：（1）提问学生都为他们的主页准备了哪些内容和素材（如文本、图片、动画、音频、视频）？

（2）引导学生阅读教材，然后动手实践。生：（1）学生回答老师的问题。（2）上网学习相关的技能技巧。

（3）小组合作自主探究，教师引导，并安排操作熟练的学生进行演示。师：（1）教师巡视课堂，做个别辅导。针对学生普遍存在的问题，教师做详细讲解。

（2）以前我们可以用表格来表示数据信息吗？表格还可以用来对网页版面实现分割吗？

（3）你打算怎样安排它们的具体位置才能使网页更加合理美观，方便访问者访问？

（4）让打开学生常去的网站，腾讯QQ网站，让学生观察并提问他们发现了什么，再逐一把表格中的各元素删除，使网页上只留下一个空表格结构。（5）提醒学生要在编辑窗口和预窗口之间切换观察，使表格结构调整得更加

制作网站首页教案设计

合理。

（6）如何才能让表格不显示在我们的网页中呢？

生：思考回答问题，小组合作探究、交流，完成老师布置的任务。

师：（1）对比展示两张素材相同布局不同的网页。一个使用表格布局，但表格边框隐藏，其页面工整，文本、图片摆放对称，具有一定的规律；另一个不用表格布局则页面凌乱，图文混杂，摆放杂乱。（2）教师简单演示。

A：添加表格；B：表格属性设置面板中的几个常用设置选项说明。（3）指出学生易出错或难于处理的问题及学生可能遇到的问题。

生：（1）认真观看教师演示，归纳总结交流自己动手动实践过程中存在的问题和不足、成功的心得体会及改进思路等。

（2）互相找出易出错或难于处理的问题及学生可能遇到的问题，合作探究解决的办法。

2、添加网页元素

师：（1）要求学生把事先准备好的各种网页元素（如文本、图片、动画、音频、视频）添加到主页，也可使用教师机的共享资源库的素材。（2）把学生用到的技能要点发到学习网站上。

生：（1）小组合作交流，对之前收集到的素材进行选用，添加到网页中。（2）上网学习相关的技能技巧。（3）上网查找需补充的素材。

制作网站首页教案设计

（4）学有余力的同学还可以尝试怎样让网页更加生动。如添加视频、背景音乐等。

师：（1）恰当地为学生提供方法，讲授经验心得。（2）解决学生提出的疑难问题。

（3）鼓励学生进行发现和尝试提高他们的动手能力。

（4）教师巡视课堂，做个别辅导。针对学生普遍存在的问题，教师做详细讲解。

师：（1）教师简单演示。

（2）指出学生易出错或难于处理的问题及学生可能遇到的问题。

生：认真观看教师演示，归纳总结交流自己动手动实践过程中存在的问题和不足、成功的心得体会及改进思路等。

3、设置超链接

师：（1）如何通过超链接技术实现网站的导航功能？

（2）再次提出导航栏是网站的“地图”，没有它，浏览者就会“迷路”。选定范例网站首页导航栏中的栏目文字，单击常用工具栏上的超链接按钮，看看会出现什么？

（3）你发现哪些地方需要设置超链接吗？试对它们进行设置。（4）如何检查各个链接目标是否设置正确？

生：动手尝试，通过自主探究、小组合作交流，回答老师的问题。师：教师简单演示。

制作网站首页教案设计

三、课堂小结、作品展示、师生评价

（1）教师引导学生进行总结，针对本节课的重点知识进行提问，了解学生对相关知识的掌握。

（2）学生相互欣赏作品，推荐优秀作品在全班进行展示。我们来评一评，哪个作品做得好，好在哪里？那个作品还存在不足之处，都有那些方面？师生共同评价，教师对完成情况好的学生和帮助他人的学生给与表扬。

四、教学反思

本节课采用的教学理念和教学方式是在建构主义的教学理论指导下，采用“任务驱动教学法”,让学生这种“带着任务自主学习”的探究模式下实现知识的意义建构。以学生自己实践、自主学习为主，老师巧妙引导，适时指点为辅，学生在这种学习过程中处于积极主动的主体地位，从而可以充分发挥学生的学习主动性和创造性，使学生自主地获取知识。让学生通过合作协调、构思创新的方式完成整节课学习的方法，极大调动了学生的学习积极性，培养了其信息表达的能力，加强了学生的信息意识，提高了信息处理的能力。在探索式学习中，重要的不只是仅对任务完成的学习，而是学习者对知识的探索过程，是学习者在探索知识过程中的思维飞跃，是个性化发展的极好过程。同时，自主学习可以使每一位学生根据自己的知识基础与学习方法自定步调进行个别化学习，克服了传统课堂教学中压制个性化发展而采用“一刀切”的人为现象,但在引导过程中要注意掌握好“度”，既让学生自己探索，掌握知识，又要合理补充，及时纠错。

制作网站首页教案设计

《网站制作——站点创建与首页制作》教学设计

一、教材分析

本节课是江苏科学技术出版社教材，初中信息技术（8年级）第3章第2节的第二课时的内容，是继网站规划、网站设计后进行网站实现的关键一节，在整个课程的学习过程中至关重要。这节课的主要任务是运用Dreamweaver软件，让学生掌握在网页中插入图片、声音、水平线等相关知识与操作，并能合理、灵活地编辑和美化自己的网页。

二、教学目标 1．知识与技能

（1）掌握简单网页的新建方法。

（2）能够在网页中插入、排版文字，掌握图片、水平线的插入方法及属性的设置方法，能够灵活应用“网页属性”对话框，设置网页属性，如背景、背景音乐。

（3）掌握保存网页的方法，了解网页保存与普通文档保存的不同点。2．过程与方法

（1）对比教学，使学生掌握学习应用软件的基本方法和规律，达到举一反三的功效。

（2）任务驱动、自助探究，动手设计网站的实践活动，建立对象属性设置的思维方法和操作方法，为学生今后学习其它软件奠定基础。

（3）小组合作，培养学生自助、协作学习的能力。3．情感态度与价值观

制作网站首页教案设计

（1）能够在对比学习中，让学生体验软件学习的一般方法及规律，提高其学习信息技术的信心。

（2）能够在网站首页的设计和创建的过程中，掌握对象属性的设置方法，初步体验成功的快乐。

（3）能够通过小组交流学习，激发学生探究创新的学习精神。

三、教学重难点 1．教学重点（1）站点的建立。

（2）简单网页设计方法，如文字、图片以及水平线的插入与编辑等。（3）设置网页属性的一般方法。2．教学难点

（1）站点的作用和存储路径。（2）网页的保存。

四、教学方法

对比和任务驱动教学法，自助探究和合作学习法，五、教学准备

教学内容准备：整理、归类相关素材，并分发到学生电脑指定盘。上课地点：多媒体教室

六、教学过程 1．情境导入

制作网站首页教案设计

分发导学案，展示《旅游日记》网站，提问学生放假出门旅游的经历，引导学生思考如何记录旅行过程，讲解网站展示的内容，激发学生创建网站的学习兴趣。

设计意图：由学生生活实际入手，自然过渡，激发兴趣，活跃气氛。2．新课教学（1）网站介绍

通过展示的网页，分析其组成元素：网站标志、标题、水平线、文字介绍、背景图片、背景音乐，强调网站内容的合理布局。

（2）建立站点

由于我们的网站需要制作多个网页文件以及相关图片、声音文件等，所以网站建设初期就要做好管理准备，我们以站点的形式来管理网站内部文件。

任务1 在D盘下建立一个站点文件夹，站点名称：0128（即班级序号+学号）。教师活动：指导学生对照书本进行学习（限时）； 学生操作期间教师巡视课堂，做个别辅导； 针对学生中普遍存在的问题，教师可做详细讲解。

学生活动：明确教师要求后，阅读教材，开展对照着教材的自学活动； 举手反馈完成与否。

设计意图：对照教材操作步骤自学软件的相关操作。（自学为主）提问思考：在文件夹列表中看到了什么？

分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在“images”文件夹中。

设计意图：了解站点的作用，强调站点的管理。

制作网站首页教案设计

（3）设计首页

再次强调一般首页组成情况，提出课堂制作要求（可跳出案例中各对象的具体摆放要求，但要求出现元素不得缺少）。

任务2 新建首页，要求首页中有如下对象： 网站的图片标志和标题。网站的建立主旨（文字介绍）。水平线（起分隔作用）。

链接到下一页的标记（可为文字，也可为图片）。

教师活动：指导学生示范，讲解如何插入图片（来自文件）、插入水平线等。（注意各对象“插入点”的选择）

学生活动：按要求小组合作完成任务。

设计意图：类比Word中对象的插入方法，使学生学会知识迁移。并在完成基本任务的前提下，鼓励学生创新。（类比学习法、知识迁移学习法）

（4）编辑与预览主页

提出具体编辑要求，引导学生设置相关对象的属性。

任务

3编辑主页

设置网站标题文字为隶书、7级、蓝色、居中。设置水平线粗细为5像素。

设置文字介绍文字为楷体、小二号、蓝色、加粗。选择一张淡雅图片，将其设置为首页背景图片。为首页加上背景音乐。

制作网站首页教案设计

教师活动：指导学生示范，讲解如何设置文字、图片、水平线以及网页属性等。

学生活动：按要求小组合作完成任务。

（强调：必须在“普通” 窗口下编辑，网页背景图片的像素符合要求）。设计意图：通过小组交流学习，培养学生自助、协作学习的能力，激发学生探究创新的学习精神。

（5）保存网页

教师活动：深入讲解示范。

学生活动：认真听讲，按要求保存自己的网页。

（强调：选择一个其他文件的文件夹分类保存图片等素材）３．总结与评价

（1）引导学生填写任务完成测评表，相互检查作业，推荐优秀作品，展示给全班同学，表扬完成情况好的同学与帮助他人的同学。

（2）对照本堂课的学习情况进行总结，提问本节课的重点知识，反馈学生相关知识的掌握情况。

设计意图：加强总结反馈，鼓励学生互帮互助