当前位置:文档之家› 第2课 美化网页显身手

第2课 美化网页显身手

第2课 美化网页显身手
第2课 美化网页显身手

教学设计(美化教室一角)

教学设计 1 学习书籍推荐设计,队角安排设计与制作,课程图标设计,掌握班队活动叫的设计,制作与安排方式。 2 训练学生的形象思维和概括能力,培养学生进行美术创意设计能力。 3 培养学生热爱集体,热爱学习,团结合作的意识,增强集体主义观念和参与活动的自信心。 二重点难点 1 增强学生的集体合作意识和参与活动的自信心。 2 培养学生的美术设计与组合应用能力 三课前准备:各色卡纸,彩笔剪刀胶水 四教学过程 一谈话导入 队角是我们少先队员的活动阵地,用文字,图画,实物,照片,图书来制作队角,宣传一个具有正能量的中心内容供我们经常观赏和利用。今天,我们一起来设计一个有创意的队角安排方案。我们如何设计布置呢?

二学习指导 1 详细观察“好书推荐”,“课程图标”引导学生体会设计创意和如何表现主题的。 2 再看看少先队队角的设计图,揭示:凡是设计方案都有一个明确的主题。看我们教材上的队角是什么书体呢? (以小学生日常行为规范为主题) 3 认真观察,为了表现这个主题,这一队角设计了那些内容?(学生表述) 4 队角还有咨询箱,工具箱,小队日志,中队日志等内容。5你知道队角用什么材料制作的吗? (吹塑纸,材质,图片) 三探究队角设计方案 1 看教材上的队角设计草图及学生作品展示,你准备用一个什么主题来装一我们的队角? (学生表达创意) 2比较草图及学生作品,你觉得哪个会更好?为什么?分析,小结 内容:主次分明,布局,搭配合理 画面:色彩鲜艳 3说说教材上草图及学生作品的特点. 4尝试设计队角草图,说说你的想法和分东要求。 (针对布局设计问题,教室点评演示)

四分工设计 1根据为此分成四个小组,每组选定一个队角布置方案,分工草拟,3人设计教育与宣传内容,3人设计小队或中队日志封面及其他物品的外观。 2学生设计草图,教室巡视指导。 五展示评述:各小组分别介绍各自的设计方案,病说说用什么材料来制作,教师给予鼓励。 第二课时 一任务导入 上节课,我们学习了书籍推荐设计,课程图标设计,着重学习了队角安排设计,现在,再次拿出上节课的队角设计草图,展示一下,并简要的说说设计创意。 二课节要求 刚才同学们都展示了我们上节课设计的队角草图,今天,我们就大显身手,根据草图布置出来,看看哪一组完成的又好又快。 1首先拿出准备好的剪刀,彩色卡纸,彩笔,胶水等。

《网页的美化》教案

《网页的美化》 教学设计 教材版本青岛版 课题《网页的美化》 学校龙子心中学授课教师杨斌课型新授课授课班级初二(1)班课时 1 课程纲要依据 本节课的定位在于“熟练掌握”的程度上,旨在让学生通过对《网页的美化》的学习,了解掌握美化网页的方法、步骤,熟练掌握美化网页的操作,提高审美意识,激发学生对网页制作进行更深入的学习和研究的兴趣。 教材分析 结合本校学生和教学环境的特点,深入地领会由青岛出版社出版的初中《信息技术》(八年级)教材的编写意图,设计了制作“情感小屋”网站的主题活动,制作“情感小屋”网站。 学情分析 初二学生已经学习了很多信息技术基础知识,并且具备了一定的操作计算机、上网搜索、编辑图象的能力。通过前几周的学习,学生对网站制作有了初步的认识,并建立了站点,制作了首页,而且还通过表格归整了网页中的各元素,使网页趋于整洁。但是,由于制作的网页中还未有设置背景、背景音乐、Flash动画、字幕等元素,还显得单调。他们希望能够通过学习新的知识,进一步美化他们制作的网页。 教学目标①了解美化网页的常用方法,理解美化网页对提高网站质量的作用。 ②学会在网页中设置背景、音乐、Flash动画和滚动字幕。 ③提高审美意识,善于发现美,美化生活从自身做起。 教学重点在网页中设置背景、音乐、Flash动画和滚动字幕。教学难点在网页中设置音乐、Flash动画。 教学方法讲授法、自主学习法、任务驱动法、实验探究法等 教学资源计算机及多媒体网络教室系统、FrontPage2003软件等 板书设计 网页的美化 一、美化网页的作用 二、美化网页的方法 三、美化网页的流程 四、具体操作: 1. 插入背景音乐 2. 设置网的背景 3. 设置表格的背景 4. 插入Flash动画 5. 插入滚动字幕

网站界面如何美化的几种方法

武汉网页设计培训:网站界面如何美化的几种方法 网站的界面是网站给来访者留下第一印象的直接窗口。网站界面的漂亮与否直接影响到访客对网站的兴趣以及停留时间!所以网站的界面美化工作是应该引起足够重视的。那到底该如何美化网站界面使他容易被访客所接受呢?今天我们就跟大家一起来探讨一下网站界面的美化的几个原则以及具体的方法。 一、网页设计界面优化原则 武汉网页设计界面优化原则一、行业特征 网站就像你的穿着打扮,要有自己的风格自己的个性。但是这种个性要与自己的身份职务相搭配。也就是说你的网站要根据你的行业特点进行美化,比如说科技类网站善用蓝色,娱乐类网站善用橙色,政府门户类网站大多用红色调。 总结下就是你的网站界面要符合行业特征! 武汉网页设计界面优化原则二、访客喜好 如果你的访客是年轻人充满活力个性十足的,那你的网站配色以及LOGO就要符合这个定位符合你受众的喜好。你的网站色调也要表现的充满活力动感十足!举个例子说太平洋女性网主色调就是紫色,因为紫色代表的就是时尚浪漫。试问哪些女性朋友们不渴望一份浪漫与时尚呢? 总结下就是作访客喜欢的! 武汉网页设计界面优化原则三、统一性原则 你的网站一定色调要统一,最好属于同一个色系。至多不要超过三个颜色!如果颜色过多会导致人们审美疲劳!慢慢的离开你的网站!从而失去一定访客,导致PV下降! 总结下就是统一色调效果佳! 武汉网页设计界面优化原则四、细致入微 俗话说细节决定成败,一个网站的界面就是一个个小像素块组成的,做网站的美化要尽量细致到每一个小细节,不要觉得一个点一个图片的小角不重要。其实不然,一个人穿的邋里邋遢就可以看出这人性格如何了。一个人非常漂亮就是嘴角戴着一粒米,这严重影响自己的形象。网站也是一样的你不注意界面的小细节访客就有理由认为你这网站内容不怎么样!

《网页制作——美化网页》教学案例

《网页制作——美化网页》教学案例 一、概述 本课是《信息技术——美化网页》课时的内容。学生已经学习了制作简单网页的基本方法,这部分的主要内容是,网页中共享边框、导航栏的设置和主题的应用。如果采用传统的教学模式(即教师示范──学生模仿操作)也能完成教学任务,但对学生来说,他们只学会了计算机的操作,而对信息素养并没有得到提升。所以,本着学生自主探究学习意示、创新水平的培养,以综合提升学生的信息素养为目的,作者在教学时将本课中原来让“做中学”的方式改为了自主探究的学习方式,将课堂交给学生,让学生自主探究学习,教师在课堂中主要起到引导作用。 二、教学目标分析 1.认知目标:学会简单的对网页实行美化的方法。 2.技能目标: (1)掌握美化网页的几种操作方法;(2)能够应用主题,来改变网页的整体布局;(3)能够灵活地对几种操作方法实行综合使用。 3.情感目标:(1)通过师生协作和学生互相配合,培养学生合作团结的精神;(2)培养学生热爱美的情感,激发学生表现美的欲望,使学生的审美水平得到提升。 三、学习者特征分析 从八年级学生的认知特点来看,他们爱问好动、求知欲强、想象力丰富,对实际操作活动有着浓厚的兴趣,对直观事物感知较强,正处在形象思维向抽象思维逐步过渡的阶段。所以,在学习过程中,应鼓励学生自己观察,亲自动手操作,实行学生讨论和交流,师生共同归纳总结,体验学习。 在讲此内容之前,学生已经学过如何制作一个简单的网页,并且已对网页实行简单的修饰,这为学生进一步对美化网页作好了充分准备。 基于以上学生情况的分析,作者对教学过程大胆采用让学生为主体,教师为主导为教学思路实行设计。 四、教学策略选择与设计 在讲此内容之前,学生已经学过如何制作一个简单的网页,并且已对网页实行简单的修饰,这为学生进一步对美化网页作好了充分准备。 基于以上学生情况的分析,作者对教学过程大胆采用让学生为主体,教师为主导为教学思路实行设计。

1 美化教室一角 教案

三年级美术下册《美化教室一角》教案湘教版 第1课美化教室一角 教学目标: 1、通过教学,使学生掌握用相关的形象图案表现课程的特征,进行图标设计的方法; 2、训练学生的形象概括的思维能力,培养动脑动手进行创意创造的设计意识; 3、教育学生参与美化环境、热爱班级、热爱学习,增强学生团结合作的能力和集体成就感。 教学重点:用简洁明了美观大方的图案表明课程的特征。 教学难点:直观而形象,简洁而美观的设计各门课程图标;集体合作作业的组织。 教学准备:课件、学生工作纸(标记课程如:1-2数学)、班级课程表底纸(划出切口以便插接图标)、范画 学具准备:上色工具、剪刀 第一课时 一、谈话导入 队角是我们少先队的活动阵地,用文字、图画、实物、照片、图书及相应的制作等来宣传一个中心内容,供我们经常参观和利用。今天我们一起来策划一个有创新意味的队角布置方案。那如何设计布置方案,又如何实施方案呢? 二、了解队角 1.队角一般都有一个主题,我们来看看这个队角是什么主题的呢? (小学生日常行为规范的主题) 2.为了表现这个主题,队角的教育与宣传内容有哪些? 3.队角还有咨询箱、工具箱、小队日志、中队日志等项目内容。 4.这个队角是用什么材料制作的? (吹塑纸、彩纸、图片等) 三、探究设计方法 1.我们教室原来的队角是什么主题?你准备用一个什么主题来创意我们的队角? (学生表达创意) 2.比较队角你觉得哪一个更好?为什么?分析,小结:构图散乱、颜色灰暗的不好,层次分明的好。 3.说一说教材上设计方案草图的特点。 4.你想设计一个怎样的布置方案?我们来试试用草图表达自己的想法。(学生尝试草图设计训练) 5.反馈与指导布置方案的设计。 四、分工设计 1.根据座位分布,分出8个小组,组内自选小组长。小组成员合作,每组选定和完善出一个队角布置方案。对分工提出建议: 每组由3人设计队角教育与宣传内容,l一2人设计小队或中队日志封面,l一2人设计医药箱等物品的外观。 2.学生分工设计。 五、展示评述 每组派代表来介绍本组的设计方案,说说分工情况,将准备用一些什么材料来制作。其他同学说说,觉得最有特色、最好看实用的队角设计是哪个?对设计有特色的小组给予表扬和鼓励。 教学反思:

《网页的美化》教学案例及教学反思

《网页的美化》教学案例 凤县双石铺中学王晓丽八年级信息技术 【教学目标】: 【知识与技能】 1.学会修饰网页中的文字,为网页添加背景,在网页中插入滚动字幕。2.学会根据网页的内容自主修饰网页,保持网页整体的一致性。 【过程与方法】通过操作练习,使学生感受学习知识的过程,总结操作 规律,培养学生自主学习与团结协作的能力。 【情感态度与价值观】在学习过程中感受美、创造美,提高审美情趣,体会创作的乐趣。 【教学重点】修饰网页中的文字,为网页添加背景,在网页中插入滚动字幕。 【教学难点】根据网页的整体效果,自由修饰网页,使网页更漂亮。【教学方法】任务驱动—情景教学—自主探究—协作学习—评价反思【教学手段】多媒体微机室、课件 【教学过程】:

《网页的美化》教学反思 本节课主要是让学生在FrontPage中修饰网页。这部分内容关于操作技能方面对于八年级的学生来说难度并不算大。课一开始,我就给学生下发没修饰的《诗话凤县》的网页,然后教师再打开我的网页就是修饰了的网页做比较,从而激发学生

学习的兴趣。大家对比哪一个更漂亮?我的网站多了那些元素?----背景,音乐、滚动字幕,引出课题,然后指导学生打开课本,明确本节课的任务。学生自己阅读课本内容后,尝试操作:给网页添加背景。学生交流讨论后,再示范操作。教师点拨。下一个添加字幕大家还是参照课本进行自主操作,最后还是学生示范。学生操作完后,展示学生的作品。 在前面经过FrontPage几节课的学习后,大部分学生已经掌握了制作网站的一般步骤,但是对于修饰网页学生了解的不多,这节课将自学与教师点拨相结合达到完成目标。保存网页是最重要的一个步骤,一部分学生保存后发现,有的内容都是无法显示。因为框架网页的保存和其他普通网页的保存是不同的,所以我在一开始就让学生感受这一不同点,起到了很好的预防作用,只有很少的学生保存时发生错误。在这个任务中,除了让学生充分了解框架网页保存的特殊性,也要让学生知道,在新建框架网页时的一般方法。 通过学生学习和实践操作,培养学生的观察能力、编辑网页能力、动手能力、合作学习与独立探究的能力,通过师生的共同合作,课堂气氛活跃,完成了预期目标。现对本节课进行反思: 一、自我评价: 本节课我给学生提供了自主探究与合作学习的时间和空间,教学中在让学生完成网页的美化活动时,让学生自由发挥,充分调动了学生学习的积极性,发挥了学生的主体作用,发挥了教师的主导作用,培养了学生合作学习与独立探究能力,增强了学生合作协作意识。 通过任务驱动、讲解演示、合作探究、小组讨论等多种教学手段,引导学生利用现有信息进行信息处理,提高了学生解决问题能力,体现在对网页进行美化时,采用先由学生尝试操作,然后针对学生在操作中的问题边演示边讲解,强化了学生的记忆,有利于学生掌握方法,之后又给学生时间自主实践操作,操作中发现的新问题及时指导,鼓励学生运用独立、合作、探究、讨论方法来解决,培养和提高学生解决问题的能力。 注重培养学生的审美能力和审美情趣,激发学生对美的欣赏和追求,在学生自主美化网页时充分发挥了学生的创造力和想像力。学生都能够把自己的电网页设计得美观大方,具有个性。同时,教学过程我设计了展示成果环节,将学生中优秀的作品通过教师机展示给全班同学看,在展示作品的过程中,请其他同学评价作品好在哪里,不足在哪理,提出一些可改进的建议,加以完善,老师也适当地给出一些评价与鼓励,使学生尝到成功的喜悦和创作的快乐。 二、问题反思: 1.学生基础参差不齐,个别小组操作较慢,小组内合作交流不够,应适根据学生中实际基础知识情况,适当调整小组成员,使每组都有操作熟练的学生,相互学习,相互指导,以提高学习效率。 2.展示过程中应先让作品本人自我评价一下,然后再师生评价效果应该会更好些。 3.由于时间不是很充足自己紧张。把课堂时间没有很好的把握。 4.课堂环节缺少了学生看课本,参照课本环节进行操作。还有就是滚动字幕这里,添加上后如何改变字体。字号这里操作是难点,没有突破。 5.本来是学生自己做的网站来上课。可是好多学生的网站都丢了,所以到下午

利用HTML代码美化网页7例

一、利用HTML代码制作图像滚动特效 具体操作: 选中单元格第一行所有的图像,在代码视图中,在第一个图像代码前输入 在最后一个图像代码的后边输入 选中单元格第二行所有的图像,在代码视图中,在第一个图像代码前输入 在最后一个图像代码的后边输入 说明: 标记用于实现文字或图像的滚动,以达到动感十足的视觉效果,使用该标记可以创建图片滚动效果。表达式为: 主要有下列属性 align:字幕文字对齐方式 width:字幕宽度 height:字幕高度 drection:文字滚动方向,其值可取rich up down scrolldelay:滚动延迟时间,单位为毫秒 scrollmount:滚动数量,单位为像素 二、制作滚动公告栏 具体步骤: 1.选中 2.切换到代码视图,在表格前面输入一段代码: 3.在后边输入代码 三、为网页添加彩色边框代码 具体操作: 1.打开文件 2.切换到代码视图下,在和之间输入以下代码 说明: if (document.all) 当网页文档中所有的对象下载完后 document.body.style.cssText="border:10 ridge #FF9900"设置文档边框颜色样式 四、添加背景音乐代码 单击“拆分”,在代码编辑窗口中的和代码之间插入代码 五、网页最新消息提示代码 打开文件 切换到代码视图下,将以下代码加入到和之间