首页的设计与制作教学设计(最终定稿)

时间:2019-05-12 21:51:07下载本文作者:会员上传
简介:写写帮文库小编为你整理了多篇相关的《首页的设计与制作教学设计》,但愿对你工作学习有帮助,当然你在写写帮文库还可以找到更多《首页的设计与制作教学设计》。

第一篇:首页的设计与制作教学设计

教学目标

知识与技能:

1.设计自己的“模板”--设置幻灯片的母版;

2.插入图片并设置为透明色;

3.插入艺术字并设置艺术字的格式;

4.插入背景音乐并编辑声音对象。

过程与方法:由欣赏多媒体作品引入课题,然后在任务的驱动下,师生共同实践,逐步完成首页的设计与制作。

情感、态度与价值观:

1.体验多媒体作品的表现魅力,激发学生学习制作多媒体作品的兴趣;

2.经历多媒体作品的创作过程,形成积极主动参与作品创作的愿望,培养学生的协作能力与表达能力

教学重点和难点

重点:设置幻灯片的母版,设置艺术字的格式,插入并编辑声音文件

难点:设置幻灯片的母版和设置图片的透明色

教具和教学手段

教 具:多媒体网络教室

教学手段:任务驱动法

教 学 过 程

一、课题导入:

首先我们来欣赏一部多媒体作品-苏州园林,这部作品格调优雅,古色古香,突出反映了苏州园林的秀美典雅。

多媒体作品的首页如同图书的封面,作品能否吸引人们的眼球,首页的设计与制作相当重要,这节课我们就一起来学习如何制作多媒体作品“苏州园林”的首页。

二、分析任务:

师:大家来观察下这个首页由哪些元素组成的?

生:(背景,图片,艺术字,声音等)

师:这个首页设计采用了富有古典气息的背景底图,页面中包含由若干张苏州园林照片合成的图片以及艺术字构成的标题字,突出表现了苏州园林的古典与秀美。整个页面色调淡雅,图文并茂,给人一种美的享受。(打开“素材文件夹”,边讲边给学生看素材,让他们对素材有个了解)

下面我们就一起分析下完成首页的制作需要哪几个任务:

任务一:设计自己的“模板”;

任务二:插入图片并设置为透明色;

任务三:插入艺术字并设置艺术字的格式;

任务四:插入背景音乐并编辑声音对象。

三、完成任务:

了解了完成首页设计需要的任务,我们赶紧行动吧!

1.任务一:设计自己的“模板”---设置幻灯片的母版

首先在默认的“空演示文稿”下单击确认,然后选择“空白版式”

想一想,怎样设置所有幻灯片的背景并在每一张幻灯片左上角都放置“世界遗产”的图片?

如果我们在每一张幻灯片上都操作一遍,那么会很麻烦,其实软件给我们提供了一个很方便的操作:设置幻灯片的母版,通过设置母版,我们可以方便的统一整个作品的风格,单击“视图”-“母版”-幻灯片母版后,这时可能有的同学会说直接利用插入菜单中的图片命令来设置背景,但是这样操作很不好:图片容易被拖动,而且会覆盖上面的字,其实,软件给我们提供了专门的设置背景的方法:在幻灯片的空白处右击-“背景”-在“下拉框”中选择“填充效果”-“图片”选项卡-选择背景图片-确定-应用;插入“世界遗产”的图片,调整好它的大小和位置,但它的背景颜色和幻灯片的背景颜色不一样,怎么将它们融为一体呢?右击“世界遗产”图片-打开“图片工具栏”,单击“设置透明色”按钮后在“世界遗产”图片的白色区域内单击,即可将它的白色区域设置为透明色,这样两者就融为一体了!然后将“母版视图”改为“普通视图”。下面请大家动手操作,设置自己的“模板”。

学生操作:设置幻灯片的母版

思考题:尝试插入图片封面.jpg,并适当调整它的大小。通过什么样的操作使得它和背景融为一体?(完成快的同学思考,尝试操作)

学生演示:设置幻灯片的母版

2.任务二:插入图片并设置为透明色

有了任务一的基础,任务二应该很简单了吧?谁给大家演示下呢?

学生演示:插入图片并设置透明色。

就学生的演示情况进行总结,学生操作

先给出任务三,让完成快的学生先尝试操作

3.任务三:插入艺术字并设置艺术字的格式

教师分析:“苏州园林”属于艺术字库中的哪一种样式?第一行第一列,有什么不同?字体:华文行楷,字号:60,加粗,填充色:金色;“suzhou garden” 属于艺术字库中的哪一种样式?第一行第一列,有什么不同?字体:arial black,字号:24,填充色:“填充效果”中的“双色”:第一个是淡黄色,第2个灰色,底纹样式为“水平”。

学生操作:插入艺术字并设置艺术字的格式

给出任务四,让完成快的学生思考

学生演示:插入艺术字并设置艺术字的格式

教师总结

4.任务四:插入背景音乐并编辑声音对象。

教师分析:放映幻灯片的时候,希望不要出现声音的图标,所以在插入声音文件后还要进行一定的设置。

教师讲解:插入声音文件,并将其设置为“循环播放”和自定义动画中的“不播放时隐藏”。

学生操作:插入背景音乐并编辑声音对象。

学生演示:插入背景音乐并编辑声音对象。

全部做好的同学做“课后作业”,没完成的继续操作

四、课后作业:上网查找苏州园林的相关资料,了解苏州有哪些着名的园林,找一找它们的图片。

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

教学目标

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)师:我现在给大家看一样东西,你知道是什么吗?(生答:面具)(2)师:你们知道这是什么做的么?(学生思考)

设计意图:以兴趣做先导,运用提问法来引发学生的好奇心。2.材料的发现与利用

师:再来看一些面具,能看出这些面具是用什么材料做的么?(欣赏中外面具作品,在欣赏中,同学们发现面具的制作材料是多种多样的)

设计意图:开阔视野、了解有关面具的更多信息、拓宽创作思路。(1)设计造型

引发学生思考:设计什么风格的面具?(粗犷、奔放或细腻;写实或抽象)(2)选择材料

面具所用的材料,在古时候以青铜、玉、陶为主,现代面具多用木头,还有布、瓷、皮、铜、纸、棕、竹、瓢、泥、石膏,甚至塑料和玻璃钢等。材料不同, 装饰方法也不同。根据材质可雕刻,可绘画,也可用纸浮雕的方法制作。(3)设计色彩

用什么样的色彩表现人物的个性?(色调统一、色彩对比强烈)

面具色彩丰富,不同的色彩象征不同的角色特征,下面我们欣赏一些典型的藏面具吧,让我们测试,看看你对色彩与人物的特点把握如何!(4)动手制作

制作方法:选、剪、折、弯、叠、挖、扣、贴、粘等等很多的手段。制作过程:①确定主题;②画出草图;③选材制作;④加工装饰。

设计意图:让同学们了解制作过程,设计出富有个性的面具,体现出同学们的创新精神,突破教学中的难点。课堂小结

(1)我们所做的面具是对环境的保护—废物利用;

(2)给我们带来更多的美的感受,并且可以装点我们的生活;(3)欢歌劲舞、交流情感。

第四篇:设计网站首页教学反思

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

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

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

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

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

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

第五篇:幻灯片制作与播放教学设计

教学设计:

第十课 幻灯片的制作和播放

沙寨中学赵磊

一、教学目标 知识与技能:

1.了解PowerPoint2003,初步认识PowerPoint2003的窗口组成。幻灯片的制作过程。

2.幻灯片的播放与保存。

3.使学生掌握单张幻灯片操作方法和播放效果的设置。过程与方法:

1、2、通过幻灯片的制作培养学生协作互助的能力。通过幻灯片播放效果的设置培养学生的创新思维能力。

情感态度与价值观: 1.培养学生的审美能力。

2.培养学敢于动手和勤于操作的意识。

3.通过前后知识、操作方法的比较,培养学生的学习方法和知识迁移能力。体会学习PowerPoint的乐趣。

教学重点、难点:

重点:掌握PowerPoint的启动、新建、在幻灯片中插入、编辑文字等基本方法。

难点:在幻灯片中插入和编辑文字。教学准备

1、幻灯片的制作和播放.ppt:用于教学。

2、启动计算机和“多媒体网络教室”程序,检查计算机和网络运行情况。

教学过程:

一、引入

1、教师播放《幻灯片的制作和播放.ppt》第二张幻灯片,通过多媒体投影仪展示,播放结束后师生谈话:

(1)看完这个多媒体文稿后,同学们有什么体会?(2)多媒体演示文稿都有什么用途?(3)你想亲自制作一个漂亮的多媒体文稿吗?

2、教师介绍:其实制作多媒体文稿并不难,计算机是利用多媒体制作工具来完成这个任务的。多媒体制作工具有许多种,其中PowerPoint是一种比较简单实用的多媒体制作工具,这节课我们就学习用PowerPoint制作多媒体文稿。

二、认识PowerPoint2003

1、教师继续介绍:PowerPoint是制作多媒体演示文稿的一种应用软件,它能够把文字、声音、图象、动画等信息组合到一起,作成五彩缤纷的多媒体文稿,而且还能播放多媒体文稿。

2、通过屏幕广播为学生演示播放《幻灯片的制作和播放.ppt》的第5张幻灯片介绍PowerPoint的窗口组成。

三、创建文本幻灯片

1、启动PowerPoint2003:教师示范:像启动“画图“和word2003一样,同学们试着启动PowerPoint(鼓励学生用两种方式)。师生一起归纳总结启动PowerPoint2003的方法。

2、新建第一张幻灯片:教师示范,学生指导教师操作:在启动对话框中单选“空演示文稿”,单击确定,出现“新幻灯片”对话框。

教师启动PowerPoint至此,通过屏幕为学生演示介绍:“新幻灯片”对话框中有许多幻灯片版式可供你选择,每当选择一种版式时,在光标所到位置就会显示该版式的说明。下面我们选择“标题幻灯片”版式,创建你的第一张幻灯片。

四、在幻灯片中插入文本,设置文本格式

(一)、作文本预留区中输入文字

1、教师:文字是多媒体文稿中非常重要的组成部分,几乎每一张幻灯片中都有文字。下面我们就在这张幻灯片中插入一些文字。

2、启动屏幕广播,教师演示讲解:在幻灯片中插入文字和word2003中不一样,不能直接输入文字,需要在文本框中才能输入文字。单击“单击此处添标题”框,选择输入法,在文本输入框中输入

“我是一名中学生,我喜欢计算机”,然后在空白幻灯片的其他地方单击鼠标,输入完毕。

3、让学生指导教师的操作演示完成插入标题文字“我是一名中学生,我喜欢计算机”、副标题文字“我的理想是好好学习”,师生共同总结操作中所要做到的细节。

(二)、在幻灯片中设置文本格式

1、教师引导学生迁移:在word中我们已经掌握修改文字、设置文字格式的方法,请同学们按这些方法试着使用文字格式工具栏中的各种工具改变这些文字的效果。教师巡视指导。

2、教师通过屏幕演示移动和调整文本框大小的方法:当文字的位置或文本框的大小不合适时,我们可以进行调整。单击“我是一名中学生,我喜欢计算机”,然后移动鼠标到文本框边缘,直到鼠标指针变成十字箭头的形状时,按下并拖动鼠标来改变文字的位置;鼠标指针指向文本框边框上的小白方块,形状变成双向箭头时,按下并拖动鼠标就可以调整文本框大小。

3、学生利用刚才学到的方法,独立指导教师在计算机上操作将新建的幻灯片美化。

五、设置播放效果

(一).设置幻灯片切换效果

教师通过屏幕演示设置幻灯片切换效果的方法:

1、选择要设置动画效果的幻灯片并切换到当前窗口。

2、从“幻灯片放映”菜单中选择“幻灯片切换”命令。

3、在“应用与所选幻灯片”组下面的方案模版中选择一种动画方案,从编辑窗口中可以预览所选的动画效果。

关闭屏幕广播,学生独立操作,教师巡视指导。

(二)设置自定义动画效果

教师通过屏幕演示设置自定义效果的方法:

1、选定幻灯片中的对象,使用“幻灯片放映”菜单中的“自定义动画”命令。

2、再自定义动画窗口中设置所需幻灯片上的动画效果。

教师通过屏幕对上述步骤进行实际操作,并要求比较设置幻灯片切换效果的方法与设置自定义动画效果的方法有什么相同和不同之处。

六、文件存盘

1、教师引导:PowerPoint的存盘和退出方法和word一样。让学生将自己制作的多媒体文稿起名(比如:自我介绍),保存到“d盘下学生作业文件夹”中,退出PowerPoint。

2、单击“幻灯片放映”菜单中的“观看放映”命令,享受一下放映效果。

2、引导学生通过交作业将自己制作的多媒体文稿上交到教师机“我的文档”中的“作业”文件夹中,便于教师检查。

七、思考与练习

新建一个多媒体文稿“我的家庭”,在幻灯片中输入一段文字,然后设置字体为隶书,字号为48,字型为加粗。基础比较好的同学,可以任意设置,进行美化。

八、课堂结束

学生关闭计算机,课堂结束。教学设计思想:

一、充实教学目标:为了让学生们感受多媒体文稿在工作学习中的重要作用,进一步培养学生的实践能力和创新精神,本课教学目标不仅仅局限于让学生掌握PowerPoint的启动、新建、在幻灯片中插入、编辑文字的基本方法,而是充实了初步了解多媒体文稿和培养学生创新精神,让学生体会到PowerPoint的乐趣。

二、充分体现学生自主精神:本课没有学生看成是知识的“容器”和课堂的“傀儡”,而是充分发挥学生的自主意识,给学生创造动脑思考和动手实践的机会,教师在课堂上取消“一言堂”的做法,把课堂看成是学生自我学习、自我探索和自我发展的天堂。

三、优化教学方法:课堂上,教师把谈话、讲授、启发、引导、讨论、实践等多种教学方法有机地结合起来,能充分满足学生思维的具体形象性,调动学生学习的积极性。

四、优化教学形式:本课是一节上机实践课,使用“多媒体网络教室”组织室内各机,利用屏幕广播、交作业、实时监看等,便于师生之间、学生之间互相交流,提高课堂教学效率;课堂开始播放一段包括文本、图象、声音、动画等信息的演示文稿,形象生动,激发学习形象。

教学过程结构流程图

实例引入→初步认识多媒体文稿和PowerPoint→ 新建第一张幻灯片→在幻灯片中插入文字设置文本格式→设置播放效果→文件存盘、退出→思考与练习→课堂结束。

下载首页的设计与制作教学设计(最终定稿)word格式文档
下载首页的设计与制作教学设计(最终定稿).doc
将本文档下载到自己电脑,方便修改和收藏,请勿使用迅雷等下载。
点此处下载文档

文档为doc格式


声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:645879355@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。

相关范文推荐

    “网页制作”教学设计与思考(大全)

    “网页制作”教学设计与思考 [摘要]中小学信息技术已不再是单纯的计算机技能,它强调以培养信息素养为目标,以任务驱动为模式,以应用软为载体。只有在实际教学中突破以往的教学......

    网页制作教学设计与思考

    [摘要]中小学信息技术课已不再是单纯的计算机技能课,它强调以培养信息素养为目标,以任务驱动为模式,以应用软件为载体。只有在实际教学中突破以往的教学模式,才能培养出适应信息......

    网页制作教学设计与创新

    教学设计与创新 1、“学训合一”创造真实的职场环境 课程内容主要围绕培养学生在中小企业网站设计、维护方面等技能,以职业活动的工作过程为依据而进行改造。主要内容包括:网......

    网页设计与制作教学总结

    教学总结 2010年7月5日 本学期承担0450821,04A0801班的网页设计与制作课程的教学任务。 教学目的:通过课程的教学,使学生掌握该软件的操作方法和操作技巧,学会运用其创建个......

    《风车的制作》教学设计与评析

    信息技术学科落实“三环六步”模式典型课例 第9课《风车的制作》教学设计与评析 陈国胜 【教学目标】 1.熟练word中文字的剪切、复制、移动的操作 2.区分剪切操作与复制操作的......

    《制作年历》教学设计与教学反思

    小学数学综合与实践活动课 《制作年历》教案 教材分析: 《制作年历》这一教学内容是一节数学综合与实践应用课,是课程标准实验教材新增加的一个教学内容,也是我们学校数学组的......

    幻灯片制作与播放教学设计

    教学设计: 第十课 幻灯片的制作和播放 东关中学——杨明富 一、教学目标 知识与技能: 1.了解PowerPoint2003,初步认识PowerPoint2003的窗口组成。幻灯片的制作过程。 2.幻灯片的......

    面具的设计与制作教学设计

    第四单元 第3课 独特的装扮 面具的设计与制作 七年级美术 郗华 教学目标: 1、初步学会面具的设计与制作。选用恰当的材料,运用剪、刻、粘贴、彩绘等技法,设计制作出平面或立体......