第一篇:《让网页声情并茂》教学设计
《让网页声情并茂》教学设计
教材分析:
本课是在学生会创建站点,建立包含文字、图片及网页背景的基础上,学习在网页中插入动画、视频以及设置网页背景音乐等其他网页元素的方法,初步掌握制作“声情并茂”的网页的方法,通过对添加动画、视频媒体信息操作方法的认知,丰富网页元素内容,进一步晚上学生制作网页的知识与方法体系。
学情分析:
1、学生已经学习了多媒体的概念和多媒体制作软件powerpoint,对媒体信息的类型、存在形式及在演示文稿中添加声音等媒体信息才操作并不陌生。
2、已经掌握在frontpage中通过“插入”—>“图片”命令插入图片及通过“网页属性”设置网页背景的方法,体验了图片和网页背景在网页中的作用,已具备一定的制作网页实践经验,在作品中添加多媒体信息,对学生具有较强的吸引力,动手实践的兴趣叫浓厚。
教学目标:
1、知识与技能:在网页中插入Flash动画;设置网页的背景音乐;在网页中插入视频。
2、过程与方法:使用任务驱动的方法,通过一些小组讨论,让学生可以自己解决一些学习上的问题,这样也能加深学生对知识点的了解。
3、情感态度价值观:过学习,让学生体验利用先进计算机多媒体带来的欢乐,同时激发学生学习兴趣,培养学生自主学习的能力。
教学重难点:
1、教学重点:掌握在网页中插入Flash动画、视频的方法。
2、教学难点:会设置“网页属性”中的选项。
教学方法:
1、讲授法;
2、演示法;
3、练习法;
4、讨论法;
教学过程:
一、谈话导入,激发兴趣 展示一些带有音乐视频的动画.师:同学们,我们在网站上经常会看到这些可爱的卡通视频和好听的背景音乐。在我们的自己创建的网站上该如何加上这些声情并茂的多媒体呢?
请学生回答。引导学生发表见解,并给予评价与补充,之后进行总结。
师:FrontPage的一个突出功能是支持多媒体,我们能够很容易在网页里插入声音、视频和动画以及设置网页的背景音乐。揭示课题--让网页声情并茂。
【设计意图】在课的一开始就对学生提出问题,让学生在思考中,理解怎样让网页变得“声情并茂”。这样的导入方式比直接告诉学生效果要好很多。
二、自主探究,合作交流
1、在网页中插入Flash动画
师:在网页中我们最常看到的就是flash动画,例如动漫卡通片、小游戏之类的,大多都属于Flash范畴,flash动画体积小,而且互动性较强,所以我们的网页中要是能加上这些东西,那就更加生动活泼了。可是在frontpage中不能直接插入.SWF的动画,我们就要用点小方法啦,完成插入操作后往往要借助于格式龚娟设置相应的“对齐”。
(1)让学生先通过看书来了解操作的大概步骤,并试着自己先进行操作看看。(2)教师在巡视指导的过程中发现个别操作较好的同学,由同学来讲解给学生听。(3)教师在同学演示完后,小结一些优点和误区,并将错的地方再加以演示。(4)学生再次自由操作,适当的可以互相帮助小组内的同学。(5)教师巡视,个别辅导,对学生操作给予奖励性评价与补充。
(6)引导学生用浏览器预览刚刚制作完成的网页,通过有趣的七巧板游戏,体验Flash动画的优点。
2、设置网页的背景音乐
师:现在的网页游戏一般都配有相关的背景音乐,让玩家融入游戏中,可见网页中的音乐作用不小,如何在网页中插入背景音乐呢?
(1)学生根据教材活动二的操作步骤,完成操作。(2)学生思考,能不能设定背景音乐的循环播放次数。
(3)教师请完成比较好的学生做展示,其他学生评价操作中的优点及不足。(4)教师巡视,对学生进行个别辅导。
3、在网页中插入视频
(1)教师示范操作,讲解插入视频的方法:通过插件方法来实现;与插入flash的方法相似,(2)教师布置任务,学生操作练习,独立完成“做一做”的内容。(3)教师到学生中巡视,辅导个别学生。
(4)请一个学生演示操作,引导学生用实例操作来说明。
【设计意图】本环节通过教师讲解,消除学生的陌生感,用任务引导学生操作实践与探究方案,演示操作也可以加深印象。此外对于一些比较简单的操作,可以让学生独立完成,提高学生自学与动手能力。
三、交流讨论,归纳总结
1、引导学生谈本课学习内容。
2、布置课后思考题
(1)如果插入网页的视频、动画等不在站点文件夹中,保存网页时会出现什么现象?(2)Frontpage支持将所用格式的视频都插入到网页中吗?
【设计意图】帮助学生梳理知识,提出问题,引发学生思考,拓展知识。
板书设计:
让网页声情并茂
一、在网页中插入Flash动画
二、设置网页的背景音乐
三、在网页中插入视频
教后反思:
1、本节课,学生大多能根据教材所示的操作步骤自行完成操作,对于个别比较困难的操作,学生可以向小组内其他成员寻求帮助,或者直接向老师求助。
2、在本节课的教学过程中,学生参与到课堂教学过程中来的积极性还是比较高的,具有专研的精神,都努力完善自己的作品。
3、在课堂各环节的时间分配还算合理,大体可以按照既定时间完成,做到不拖课也不会剩余太多时间。
4、在操作示范时,大部分学生能认真观看,必要时做好笔记,但是同时也有一部分学生开小差,这部分学生在自己操作时往往会遇到更多的困难。
第二篇:《让网页动起来》教学设计
《让网页动起来》教学设计
教材分析:
教材主要是介绍通过在网页中添加字幕与在网页中添加“动态图片”,“更改属性”等DHTML动态效果,让“网页动起来”。通过前面的学习,学生熟悉了教材第一课所列举的网页所有的组成元素,已基本掌握建立一个“静态”网站的方法。本课知识拓宽了网页制作的途径,拓展了之前制作网页的方法,弥补了之前表达网页效果制作手段上的不足。
学情分析:
1、学生在此之前已经会利用ACDSee将彩色图片修改成黑白图片,能熟练地通过word字处理软件进行字体的设置,已学会了制作“静态”网页的操作方法。
2、目前因特网上网页的动态效果应用普遍,学生在平时上网浏览信息时经常接触,对网页的动态效果已经有一定的感性认识,因而,在网页中添加字幕和DHTML动态效果后,网页具有良好的动感,对小学生更具吸引力,学习本课的兴趣将相对较高。
教学目标:
1、知识与技能:在网页中添加字幕,并能对添加的字幕进行设置;在网页中添加DHTML动态效果,并了解其用途和特点。
2、过程与方法:在小组活动中培养学生自我探究、主动学习、自我创新的能力,培养学生如何获取信息、处理信息和应用信息的能力。
3、情感态度价值观:让学生在自主解决问题的过程中培养成就感,为今后学会自主学习打下良好的基础。
教学重难点:
1、教学重点:运用滚动字幕、悬停按钮美化自己的网页
2、教学难点:给网页插入字幕、DHTML动态效果
教学方法:
1、讲授法;
2、演示法;
3、练习法;
4、讨论法;
教学过程:
一、观赏导入,激发兴趣
1、展示已按本课要求制作完成的网页,特意将鼠标悬停在会产生动态效果的图片及文字上,引导学生注意观察,想想网页中哪些元素吸引了自己。
2、请学生谈谈网页中哪些元素吸引了自己。
师:这张网页向我们展示了与前几节课不一样的东西,原本静态的网页多了一些动态的元素,如滚动的字幕、会变化的图片等。揭示课题——让网页动起来。
【设计意图】前几课所学网页中的文字和图片均是“静态”的,因此导入部分展示包含“动态”文字及图片的网页,引起学生的注意,激发其好奇心和求知欲。
二、自主探究,合作交流
1、在网页中添加字幕。
师:网页中常常有一些滚动的文字,我们称之为“字幕”。在网页中添加字幕,如同在网页中插入图片。教师操作演示:(1)打开主页;
(2)将光标移到网页的末尾,执行“插入”-“水平线”命令,插入一条水平线;(3)将插入点光标定位在水平线的下一行;
(4)执行“插入”-“组件”-“字幕”命令,打开“字幕属性”对话框,在“文本”框中输入“欢迎光临笨笨熊之家,请多指教!”,单击“确定”按钮;(5)保存后,预览网页,观察字幕效果。
字幕的字体、字号、颜色、背景等设置操作与WORD的一样。
学生动手操作练习,教师到学生中巡视,帮助困难学生及时解决问题,鼓励完成的学生发挥创造力和想象力,完善作品。
2、在网页中添加DHTML动态效果。
师:所谓DHTML动态效果,就是访问者在浏览网页的文字或图片时,随着单击鼠标或鼠标悬停或加载网页等事件发生,文字或图片就会相应地按设定的效果变化;事件消失,文字或图片恢复原样。教学操作演示:
(1)用图像处理工具将一张图片处理成黑白图效果,并存到主页所在文件夹下的images文件夹中;
(2)打开做好的主页,选中图片;
(3)单击“格式”下拉菜单中的“动态HTML效果”命令,打开“DHTML效果”工具栏;(4)在“DHTML效果”工具栏的“开启”下拉框中,选择“鼠标悬停”事件;(5)在“应用”下拉框中,选择“交换图片”;
(6)在“选择设置”下拉框中,单击“选择图片„„”弹出“图片”对话框;在“图片”对
话框中,选择要交换的图片文件,单击“确定”;(7)保存后,预览网页效果。
学生动手操作练习,教师到学生中巡视,帮助困难学生及时解决问题,鼓励完成的学生发挥创造力和想象力,完善作品。
3、试一试。
编辑“七巧板”主页,实现如下效果:浏览网页时,当鼠标指针悬停在“鲁班锁”或“九连环”或“华容道”文字上,文字变成加粗、倾斜、红色。
【设计意图】让学生阅读教材有助于明确任务,实践后在回过头来理解DHTML动态效果,能够帮助学生更好地掌握知识。
三、交流讨论,归纳总结
1、请同学展示自己已经完成的作品,并说说自己为什么这么设置。对完成得比较好的同学进行鼓励性评价。
2、请学生结合自己本课的操作,说说自己学到了什么?
【设计意图】通过师生交流,帮助学生梳理知识点,通过问题引发学生思考。
板书设计:
让网页动起来
一、在网页中添加字幕
二、在网页中添加DHTML动态效果
教后反思:
经过本课的学习,学生初步掌握了在网页中插入字幕并进行相应设置以及通过“鼠标悬停”等动态效果,体验“网页动起来”后浏览者带来的视觉冲击,感受frontpage网页制作功能的强大,发现原来网站中动态效果的实现也不是很难,激发制作网页的兴趣,调动进一步学习的积极性,为后续课程的学习打下基础。同时,通过教师的引导,探究学习“字幕属性”对话框、“速度属性”的设置于文字“更换属性”设置与动态效果的关系,删除选定对象动态效果的操作方法,体验探究的乐趣,体会交流的重要性。
第三篇:信息技术让诗词教学声情并茂
信息技术让诗词教学声情并茂
苏联心理学家赞可夫主张在教学过程中,要充分调动学生的学习积极性,十分重视学生的“情绪生活”,设法造成一个愉快的生动活泼的学习气氛。而信息技术则可以把所要传授的知识形象化、直观化、具体化,使客观事物的形、色、声直接诉诸学生的感官,能眼见其形,耳闻其声,感官性极强。它以其直观的形象,美妙地图画,艳丽的色彩,动听的音乐,充分展现语文美的因素,激发起学生强烈的学习兴趣。它将知识一目了然地展现在学生面前,通过知识形成过程的充分展开,培养了学生的观察能力和思维能力,使学生的学习变得轻松愉快,激发求知欲,充分调动了学生学习积极性。为学生创新意识和探索精神的培养提供了良好的环境。信息技术可以拓宽和加深课堂学习的内涵和外延。因而,随着新课程改革的深入发展,信息技术在语文学科尤其是古诗词教学中越来越体现出其优越性。
一、创设情境,激发兴趣
兴趣是最好的老师。信息技术的使用加上良好的学习情境的创设,是学生获取知识的前提和基础,它能激发学生的学习兴趣,并使这种兴趣维持整个教学活动的始终。这种良好的学习情境正是教师所追求的。因此,我运用多媒体技术进行古诗教学时,努力通过图、文、声等多种功能,给学生以适当的感官刺激,由此调动学生的学习兴趣,激发他们的求知欲。
如教学《锦瑟》时,学生还未走进教室,我便打开计算机,播放早巳准备好的软件。整个教室里立刻回荡起旋律优美的乐曲。整个教
室回荡着音乐,学生们在强烈的文化氛围的感染下,产生了学好古诗的强烈愿望。铃声响了。我站在讲台前扫视了一下教室,只见同学们静静地坐在那里,注视着我。此刻,我饱含激情地开始讲解:“说起唐诗大家都知道,它是中国古诗发展的最高峰。许多作品虽然距离现在已有千年,但是我们仍然可以从中感受到中华文化那经久不衰的魅力。这节课我们再来学习这首唐诗并结识它的作者。”学生在这种潜移默化的熏陶下,产生了对中华传统文化的喜爱之情。这节课中,我运用多媒体技术和生动的语言,保持这种良好的学习情境,并使这种兴趣贯穿整个教学活动的始终。
二、再现情境,以情促思
诗是诗人抒发情感的载体,而感情又一定要通过意象构成一种意境,然后借助语言文字表达出来。当我们吟诵和品味一首首优美的诗篇时,脑海里便闪现出一个个事物——“大漠”“孤烟”“明月”“清泉”“枯藤”“老树”„„然而这些情境再现,如果只依靠教师语言的描述是远远不够的。只有通过图画再现出来,才变得具体可见。
如《山居秋暝》,写的是诗人归隐山林时所见的优美景色,表达了诗人热爱大自然,寄情山水的愿望,把美好的想象与现实的景物极其自然的交融在一起。教学时,我让同学们观看风景片,雨后初晴,空气格外清新,也特别明净。秋月的银辉,洒遍了苍翠的松林,腾起一片朦胧的蒙蒙的雾气。山涧涨溢,清澈的泉水淌过岩石,响起淙淙悦耳的声音。竹林深处,传来了欢声笑语,浣衣女子结伴归来;远处的莲叶,不停的颤抖着,渔人荡舟水上,满载而归„„这样,便把诗
人所营造的安逸的山居生活呈现在学生眼前,这无疑给生活在平原地区的学生在学习山水诗时插上了想象的翅膀。从而使学生深深地体会到诗句虽短,但诗人却把山居的宁静、安逸写到了极至!真是诗中有画,画中有诗。由此激发学生热爱古诗,热爱祖国的壮丽河山。
三、优化朗读,思随情动
由于其艺术形成的特殊性,也就具有了语言、音乐、绘画、情感多种因素的美。在挖掘这些美的因素时,多媒体技术有着强大的、无可比拟的优势。古诗押韵合辙,节奏鲜明,读起来琅琅上口,悦耳动听,呈现出抑扬顿挫的音乐美。然而要想把古诗读出韵味来,也并非一件易事。因为诗歌是想象和激情的语言,贯穿其间的往往就是“情感”这条看不见的线索。那么在帮助学生读懂诗句的基础上,我们就要通过朗读体会诗的节奏、诗的韵律,培养学生的语感,使他们在读中受到情感的熏陶。
如教学《念奴娇·赤壁怀古》时,我在学生理解词句的基础上,再现“火烧联营”场景。这时大屏幕上出现了周渝指挥“赤壁之战”时镇定自若的儒将画像。伴着海浪拍激岩石的声音,我让学生听示范朗读。
学生静静地坐在那里,眼中看到的是形象逼真图画,耳中听到的是阵阵海浪声,充满激情的朗诵。此时,诗、书、画、声多种美的因素融为一体,既使学生们的心灵受到了强大的感染与震撼,也使学生产生了一种要努力读好诗词的强烈愿望。学生有了读好诗词的强烈愿望,学生们在练习时都特别认真。一个同学读完了,其他同学真诚地
提出自己的意见。然后主动把自己对词句的理解,用朗读表达给大家听。学生们积极地、主动地揣摩着、品味着诗句。这时,我悄悄地点击电脑,教室中再次响伴奏乐曲,学生随着音乐的节奏用情地朗诵起来。朗朗的书声和乐曲声交融在一起,是那样的和谐、动听。每位同学都在朗诵中感受到了中华文化的美,朗读水平也得到了很大的提高。
四、增大密度,提高效率
教师在运用多媒体技术进行教学前,根据教案精心设计编排了教学软件。虽然需要投入大量的时间和精力,然而课前的精心设计和准备却能极大地提高课堂上的教学效率。课堂上,教师只要点击鼠标,就能在短时间里使学生看到清晰的画面、逼真的录像、动听的音乐……避免教师动手操作教具时的手忙脚乱和顾此失彼,从而赢得了教学时间,提高了教学效率。
唐诗宋词是中国传统文化的精粹,但毕竟是年代久远的东西,学生较难深刻地领会诗词的意境美和把握诗人的写作风格,如果以信息技术作工具就不同了。如讲教杜甫诗歌时,我就利用了多媒体,因为现代语文教学重视创造性思维的培养,重视情感的感悟和熏陶,重视语文运用能力和语感的培养。所以在讲课前做了个关于杜甫生平和思想的课件,通过音乐和画面让学生像看电视一样从感观上的听、看来感受杜甫的生平,了解杜甫的思想及当时的社会背景,再通过画面想像:在这样的社会环境下的诗人,他的创作风格会是如何呢?在回答问题前,让学生出示搜集的资料,引导学生自动、自主地学习,之后,经过讨论,整理资料,然后对照作品,通过理性分析,更深刻地领会杜甫诗歌的思想风格。
一节课中,我既完成了诗句理解和朗读、背诵训练,又对学生进行了作者简介、诗句评析和作者其他作品的欣赏。使学生提高了朗读水平,增强了审美情趣,也使学生对作家、作品、诗歌的风格也有了一个初步的了解。这样由感性到理性,一方面使学生得到情感的感悟和熏陶,并拓宽了学生的眼界,对杜甫这一诗人和他的作品有了一个整体的了解;另一方面,培养了学生学习的自主性和搜集材料,分析资料的实践能力,也实现了学生作为学习主体的地位和老师在教学中“导”的地位。
总之,运用电教媒体进行语文教学,有助于化解学生认识活动中的难点,深化学生情感活动,能让学生学得兴趣盎然,老师教得生动活泼,达到激情引趣,以情促思,思随情动的目的。所以,要想运用多媒体手段教好古诗,需要教师提高信息技术应用的水平。这样我们才能适应时代的发展,适应现代学生的需要。只有强强结合,教学的效果才能锦上添花。
第四篇:怎样让学生朗读声情并茂
怎样让学生朗读声情并茂
中图分类号:G623.2 文献标识码:B 文章编号:1672-1578(2017)04-0065-01
朗读是语文课上常用的教学手段,“正确、流利、有感情地朗读”。通过朗读,可以让学生的感情和作者的感情产生共鸣,达到陶冶情操的目的。语文教材多数课文课后思考与练习的第一个作业就是:“有感情地朗读课文”,朗读的重要性由此可见。一堂小学语文课,如果学生不能声情并茂地朗读课文,那就谈不上体会意思、品悟感情。教学研究者曾经提出一种观点:一篇课文可以不讲,但决不能不读;可以少讲,但决不能少读;你可以讲不好,决不能读不好。我始终觉得这种观点非常正确,并且自觉地付诸行动之中,我对自己的要求就是一句话:让每一个孩子都能声情并茂地朗读课文。下面谈一谈我在日常教学中是如何扎扎实实落实朗读教学的:
1.正确的姿势是朗读最基本的要求
正确的朗读姿势很重要,因为它不但有利于学生的身体健康和骨骼的发育,也可以使学生朗读过程中的发声吐气准确、顺畅。在朗读中,我要求学生要坐姿端正:头身直、肩平、足平,两手将书捧起呈45度角。要把腰板挺起,以饱满的精神,洪亮的声音,抑扬顿挫的朗读。另外要注意发音正确,用普通话,吐字清晰,读准字音,不读破句,注意表情,有情有韵。朗读就像说话、应轻轻松松、自自然然。
2.激发学生朗读的兴趣
在语文课上我注重运用多种多样的形式去激发学生朗读的积极性,把时间留给他们,把机会留给他们,共同学习讨论。如:师生之间,学生与学生之间进行比读,分角色朗读,设情景读,评选朗读能手等,只要能激发学生有读的愿望和兴趣的?k法我都乐意去试一试。
3.有目的的指导朗读
读很重要,但不能盲目的读。每教一篇课文,对每次朗读的安排,我都有明确的朗读目标:初读时,要求学生应读准字音,读通句子,获得文章的整体感知;研读时,要求学生边读边想画面,使学生入情入境,在心灵上与文中的人物沟通;品读时,应读出语气、语调,抓住重点的词、句读出人物个性来,把自己的体会用语言表达出来,做到每次朗读都是读前有要求。如教学《圆明园的毁灭》一课,指导学生抓住“凡是、统统、任意”等词语体会侵略者的野蛮。《北京的春节》抓住关键词“赶、到处、都穿起、贴上”感受除夕的喜庆、热闹。抓“除非、必定”体会春节在人们心目中的位置,感受团圆的氛围……
4.读后进行适当的朗读评价
学生朗读完后,及时发现他们的不足,适当点拔,给予鼓励,并提出更高的要求,引导他们在逐渐实践中掌握朗读的规律,学会朗读的基本方法。课堂上,我不是笼统的评价。如:“很好,不错,你读出了感情”这样的评价,并不能真切地让学生知道到底好在哪儿?而是具体地指出“你读出了他当时高兴的心情?”“你还没有把你的决心读出来,能不能更坚定一点儿!”好在哪儿?不好在哪儿?怎么读就能达到效果?总之,在朗读后,哪怕是一个词,一句话,及时给予肯定,学生在表扬中得到了肯定,看到了希望,自信心就油然而生。
5.朗读形式多样化
注重朗读形式的多样化不仅有助于学生理解课文内容,读准读好文章,还能激发学生的朗读热情,促进学生兴趣的提高。朗读中我主要采取以下形式:带读:教师或读得好的学生带领学生读;学生自由读:让学生用自己喜欢的方式读书。范读;开火车读:按课文一节一节地开火车读。分角色朗读:先指导学生体会文本中人物的思想感情,研究语调和语气,在分别练习的基础上,再分角色有感情地朗读下去;还有齐读、指名读、自己选段读、小组齐读、分角色读、男女生赛读、小组合作读、领读……多样化的读书方式激发了学生的兴趣,愿读、乐读的氛围在班内传扬开来。例如《搭石》一课,我根据学生自愿原则,选择喜欢的段落、或认为优美的语段、或觉得自己读的好的语段在小组朗读,学生读得多而不腻烦,印象深而非机械重复,接着,我又引导学生评读、赛读……学生在读中相互碰撞、相互触发,每一个学生都变得想读、能读、爱读,且读出了美、读出了情趣、读出了感情。不少学生还指出了对方的优点与不足,正是在这种互相激励的气氛中,学生的读书兴趣被调动了起来。
讲授《卖木雕的少年》这篇课文时,我就采用了分角色朗读。学生通过对文中人物说话的语气和表情进行了模仿,通过这种模仿加深了对课文的理解,有了这种理解,再去朗读课文的时候,他们就能很好的把文中的感情表达出来。每读一次时,我都提出了不同的要求,提醒学生不能为读而读,使每一遍的读都有明确的目标。
总之,在语文教学中声情并茂的朗读是学习语文最基本的语言训练活动和必不可少的手段。没有朗朗书声的的课堂是沉闷的课堂;没有教好学生读好课文的语文课是失败的课堂。朗读,是为了更好的理解、感悟课文。古人云:“授之学生于鱼,莫如授之以渔”。经过一段时间的指导和有计划的培养,我相信学生的朗读能力都会有很大的提高,也会从此喜欢上朗读的。
第五篇:浅谈网页设计课程教学
浅谈网页设计课程教学
摘要:网页设计课程是计算机和艺术的交叉学科课程,应注重将技术和艺术相结合起来进行教学。本文针对“网页设计 ”课程的特点,结合实践应用,阐述在教学方面的一些体会。
关键词:网页设计,教学方法
Abstract: website design course is a cross computer science and artistry course, it is need to combine teaching methods of these subjects.this paper is to base on the feature of “website design” course and practice , to give some opinion about teaching.Key words : website design, a teaching method
一、引言
《网页设计》课程是职业院校计算机类专业及电子商务专业的一门专业课程,也是一门实践性很强的职业技术课程。由于《网页设计》课程实践性和更新性很强,该课程如果采用传统的教学方式,那结果是不理想的。在这里结合自身的实际经验,谈谈网页设计课程的教学。
二、教学策略
1.课程特点
网页设计课程是计算机和艺术的交叉学科课程。在教学过程中,除了要求学生掌握基本的技术外,也必须对艺术设计有一定的了解。网页设计应注重技术和艺术的统一性。在进行网页设计时,应考虑网站的总体结构,风格定位,色彩的应用,版式的设计等方面的因素,力求形式与内容的统一,让网页的显示达到快捷,美观的视觉效果。
2.教学方案
要设计一个好的网页作品,首要的因素不是创新,而是“用户体验”,第一步应该站在用户的角度去考虑设计方案,所有的形象风格都必须服从主题,服务用户。这就对网页的整体形象有了较高的要求,整体形象包括版式设计,色彩的应用,logo设计,素材设计,广告设计,web图像设计及优化,交互方式等等。在教学时,我们可以结合实际,要求学生从版式布局设计和网页元素的处理及色彩搭配三方面着手,归纳如下:
(1)版式设计
网页的美感来源于网页的版式设计,它突出了网页设计的艺术性和个性,属于网页的艺术设计,好的版式设计会使得网页显得更具有美感和创意。网页的版式设计是基于内容的,应该从实用性和艺术性考虑。网页内容一定要主次分明,中心突出;导航要清晰;可以图文并茂,是网页显得生动和活跃。除此以外,网页的版式设计要符合统一、分割的原则。统一即指整个网站版式风格的统一性、整体性;分割即指要科学的划分整个页面。
网页的版式设计主要是表格、层等技术的应用。表格是一种最简单的布局手法,它可以将图像和文字做最恰当的编排,达到清晰易懂的效果。层(div)的布局,是现在正当流行的排版手法,它主要应用相对位置等的关系进行准确定位,再加上层叠样式表的辅助,突出了它对网页的设计具有可扩展的优势。
文字是网页内容的主要载体,所以文字的视觉效果在版式设计中也起着关键的作用。文字的设置可以分为字体、大小、颜色、行距等,通过这些属性设置,使文字排列得整体和美观。但要注意的是中文字体和英文等其他字体的设置,是有一定区别的。英文的字体有很多的选择,但中文的正文字,总的来说,就两种:宋体和黑体。在传统的版式设计中,大家都还是倾向于英文的排版,从视觉上来看,英文字体更有韵律性,因为每个字母本身高矮不一致;但是中文字体相对来说,就显得单调和独立些,所以在设计时,这两种文字要作不同的处理。另外,也不要选择一些非常特殊的字体,除非用户的浏览器认识这些特殊字体,否则将会出现乱码。如果遇到非要使用特殊字体的情况,可将文字转换成图片再将其应用。对于字号而言,单位应采用em,而不是px,这点在使用层叠样式表(css)时尤为重要,还要注意的是em和px是有差别的,所以在使用的时候也要对上号,否则也达不到预先的视觉效果。文字一行的字数最好不超过50字,首页的标题在10-20字为佳;行距一般使用的是20-22像素的行距,这样使得整个的文字内容部分不会显得太紧凑或者太松散。文字的整体排列一般有四种基本形式:两端对齐、居中对齐、左对齐或右对齐、图文环绕排列。在整个网页版式设计中,标题文字的设计原则应该是“醒目而不夸张”。
导航栏的设计在网页设计中也很重要,它对整个网站内容有提纲和导航的作用,在设计的时候,要注意首先导航栏的风格也要和整个网页风格保持统一,另外最好采用文字,因为网络的速度可能会影响图片的正常下载;不过现在flash按钮的导航栏已经成为时尚,它可以实现丰富的动感效果。
(2)网页元素的处理
网页元素包括logo、按钮、图片、动画、声音、banner等。在网页中包含这些对象时要注意的有:首先是logo的设计,logo代表了整个网站或者企业的文化,一个有特色、具有视觉冲击力的logo,可以直接影响浏览者对网站的判断,给浏览者留下记忆深刻的印象。其次,要确保网页上的每一个元素都有存在的必要性,不要使用冗余的技术和内容;再次,要保持形式和内容的统一;最后,要尽量的使网页具有快捷性。对于网页的特效技术,最好采用javascript或css技术来实现。
(3)色彩的处理
并非所有的颜色都能应用于网页,网页中的颜色会受到硬件、浏览器等的影响,即使网页中使用了非常合理、非常漂亮的配色方案,每一位用户所看到的效果也不一定相同。所以,最好使用使用网页安全色来避免和解决这种问题。网页安全色是指在不同的硬件环境和软件环境下都能在浏览器上正常显示的颜色,并且现显示的效果都一样,不会出现失真的现象。在页面设计中,整个网页的色彩种类最好不要超过3种,一种或者两种主体色,其他为辅助色。颜色种类太多,会让人觉得很杂乱。另外,文字内容和网页的背景颜色的对比要做到突出,比如:背景为深色,则文字的颜色可以选取浅色调;背景为浅色时,文字颜色就应该深些;这种深浅的变化在色彩学中称为“明度变化“。比如有些主页,背景色和文字颜色都采用的是深色,由于色彩的明度较近,所以浏览者来浏览阅读的时候,会感觉吃力,从而影响阅读;但是色彩的明度变化也不能太大,明度变化大会导致亮度的反差强,让人觉得很刺眼,同样会影响整个网页的视觉效果。在进行颜色搭配时,还要注意的是:第一,采用的颜色应具有联想性,不同的色彩会产生不同的联想,所以色彩的选取也要和网页的内涵有关。第二,色彩的合理性。根据网页的主题的不同,选取相应的色彩,比如红色,可以体现出网站的热情和喜庆;蓝色可体现出科技的气息等。第三,色彩要有鲜明性,这个才能给浏览者深刻的印象,并有耳目一新的感觉。
(4)网页赏析
在教学过程中对学生的引导是非常重要的,设计网页得多看多学,网页设计的技术和风格在日新月异地变化,所以在提高学生设计技术的同时,还要多培养学生的审美能力,知道怎么设计才是一个好的网页。创建网页是一个不断学习的过程,在看一个网站的时候,找到这个网站的优点缺点,注意哪些是可以借鉴的,哪些是需要避免的,在看的同时,可以看些成熟的网站,也可以看些成长中的作品,在同期的比较中,也有助于自身的提高。另外,鼓励学生看源文件,了解某些效果是如果实现的,在效仿的同时进行改进和创新。
(5)考核方式
网页设计课程的考核应该打破传统的考试方式,建议采用机考的方式,学生通过一学期的学习,应能自行设计各种网页,熟练掌握其基本制作方法和技巧,在规定的时间内设计网 页。这也是一种对提高学生动能能力的一种鞭策方法。
三、结束语
在网页设计课程教学中,应当充分认识到网页设计课程的特点,结合实际,采取相应的教学措施和方法完成教学任务,以达到良好的教学效果。对于信息科技迅猛的发展今天,必须摒弃陈旧的教学理念,及时提高自身的专业水平,完善自身的教学理念,寻找更好的教学方法,激发学生的学习兴趣,培养学生追求新知的能力和动手实践的能力,从而达到学以致用的效果。
参考资料: 田博文,《Dreamweaver8基础培训教程》,人民邮电出版社,2007年2月
孙素华,<< Dreamweaverms2004完美网页设计>>,中国青年出版社,2005年10月