教案 花朵的简易制作

时间:2019-05-13 21:34:55下载本文作者:会员上传
简介:写写帮文库小编为你整理了多篇相关的《教案 花朵的简易制作》,但愿对你工作学习有帮助,当然你在写写帮文库还可以找到更多《教案 花朵的简易制作》。

第一篇:教案 花朵的简易制作

案例 花朵的简易制作

学号:20080511798 姓名:宋乐

[教学目的] 中小学信息技术课程的主要任务是:培养学生对信息技术的兴趣和意识,让学生了解、掌握信息技术基本知识和技能,了解信息技术的发展及应用对人类日常生活和科学技术的深刻影响。在本节课中选择了贴近学生生活、为学生所熟悉的实例,以引起学生的兴趣,使学生在亲身体验中积极参与探究,发现问题解决问题。以生为本,转变学习方式。通过学生的独立思考、自主探究、合作学习,动手实践等多种学习方式,在观察、讨论、实践、交流、评价等学习活动中,加深对本课学习内容的理解,培养学生的主体意识和探索精神,促进学生的发展。

[内容分析]

1、教学目标分析

“花朵的简易制作”是在学习了绘图工具和颜色工具的基础上,学习一个新的工具——变形工具。本节课的目的是使学生在学习花朵制作的过程中通过亲身体验对绘图工具和颜色工具进行复习,同时对变形工具有一个初步的认识,为下节课变形工具的深入学习打下良好基础。

2、学情分析

小学四年级学生刚刚接触flash课程,对flash课程有着浓厚的兴趣,但同时基础又不够,前面的课程只学习了flash界面和绘图工具,因此教学的主要目的是增强他们对flash课程的兴趣,促使他们以更浓厚的兴趣投入到后面的学习中,而不是教他们很多技巧性的东西。

[策略设计]

1、教学方法

采用有趣的问题,导入课题,以激发学生的学习兴趣;在课堂教学中采用讲授法、实例演示法、任务驱动法和学生动手实践相结合的模式:先用讲授法讲解“花朵制作”的基本原理,再用实例演示法用flash为同学们制作出美丽的花朵,最后给同学们提出问题要求其自己动手解决,将任务驱动法和学生动手实践相结合,四种方法结合使用,使同学们最终熟练掌握绘图工具和颜色工具,并对变形工具做初步的了解。

2、学习方法

首先,对于“花朵制作”的基本原理,老师要先在黑板上讲解,并用画图的方法将花朵的形成过程表现出来。第二,根据PPT为同学们讲解花朵的制作步骤,同时边讲边在flash中按照步骤来操作。最后,老师完成花朵的制作后,给同学们提出问题,要求同学们在自己制作的过程中将答案找出。

3、教学环境 多媒体机房

[设计亮点]

1、情景引入:“同学们都学了好几年的美术课了,那么同学们肯定能用画笔画出各种各样美丽的花朵,现在老师也给你们画一朵花。”四年级的学生好奇心很旺盛,肯定很想知道老师画画是什么样的,所以先以此来引起学生的注意力,为下面的学习氛围打下基础。

2、讲解“花朵制作”的基本原理时,在黑板上用粉笔把利用一个花瓣形成一朵花的整个过程演示出来,以生动易懂的方式让学生迅速掌握。

[教学流程]

1、情景引入

引入:同学们都学了好几年的美术课了,那么同学们肯定能用画笔画出各种各样美丽的花朵,现在老师也给你们画一朵花。问题:同学们能用flash将这朵花制作出来吗? 作用:从美术课引入到flash的制作,切合实际而自然

2、花朵制作的基本原理 基本原理:旋转复制

作用:将基本原理总结成四个字,简洁明了,易记

教师行为:在黑板上用粉笔把利用一个花瓣形成一朵花的整个过程演示出来

作用:以生动易懂的方式让学生迅速掌握。

3、制作步骤

根据PPT为同学们讲解花朵的制作步骤,同时边讲边在flash中按照步骤来操作

步骤1 新建影片文档,使用默认文档属性。保存影片文件,取名为“花朵的简易制作”。先画一个椭圆,然后用部分选定工具选定锚点,调整椭圆形状为花瓣形状。

步骤2 线性填充椭圆,然后再用颜色工具把填充颜色改成紫红色和白色。

步骤3 用渐变变形工具把线性填充颜色旋转90度,让渐变填充颜色沿着花瓣长轴方向填充。

步骤4 ctrl+T或者执行“窗口/变形”,弹出变形工具栏,然后选定花瓣,指定旋转中心点的位置,然后再确定花瓣旋转角度(要整除360度),最后执行“复制并应用变形”命令可依次旋转复制花瓣,生成花朵。

步骤5 选定所有花瓣,生成影片剪辑对象。

4、任务驱动及动手实践

提出问题:我们制作花朵的过程中是以花瓣的底端为旋转中心点,那我们还可以以花瓣的其他位置为旋转中心点来制作花朵吗?请大家自己动手做做看。

作用:提出问题,以任务为驱动,通过学生的独立思考、自主探究、合作学习,动手实践等多种学习方式,在观察、讨论、实践、交流、评价等学习活动中,加深对本课学习内容的理解,培养学生的主体意识和探索精神,促进学生的发展。

5、课堂小结

回顾本节课的知识要点,使学生能够加深印象,记忆更牢固。同时挑出动手实践环节做的好的同学的作品,让他们给同学们讲解自己的作品,不仅加深了同学们的交流,也培养了学生的表达能力。

[自我反思]

1、情景导入不够有趣,不能足够引起学生的兴趣。改进方法:可以先给同学们展示老师事先制作好的漂亮的花朵,利用同学们的好奇心,来吸引他们的兴趣。

2、讲课的过程中太过于按照自己的既定计划来,太过拘泥于自己的教案,每一步做完后总想着下一步该做什么了,不能完全掌控整个课堂,导致上课过程不够自然流畅。改进方法:最好能多做演习,把讲课的内容熟记于心,融会贯通,不论课堂上出现什么问题都能很好的解决。同时也要培养自己对课堂的掌控能力吗,要记得这堂课完全是属于自己的,出现的各种问题都需要自己去解决,这项能能力需要在以后的教学实践中慢慢培养。

[现场争鸣] 观点一:

这位老师在讲解花朵制作的基本原理时使用的方法很好,在黑板上把制作的整个过程展示出来,生动形象,能让学生很快理解它的基本原理并迅速掌握。同时,学生也不会觉得难度太大而产生畏惧心理。观点二:

这位老师仪态很大方,但是讲课的声音有点小,显得对课堂的掌控能力不足。观点三:

老师的板书和PPT都做的比较好,只是和同学们的交流少了,讲课的内容不够生动,下面的同学开小差的不少,如果能增强课堂的生动度,同时多注意和同学们的交流,把学生们的注意力都吸引到课堂上来,就更好了。

[现场引领] 欢迎宋乐老师给我们带来一堂精彩的flash课——“花朵的简易制作”。下面有请宋老师。

好了,感谢宋乐老师的讲课!今晚,宋乐给我们讲解了怎么在flash中制作出美丽的花朵,大家有没有学会?反正我自己学到了不少的知识,大家肯定也都有收获吧。现在,希望大家本着互相进步的原则,来发表一下自己的见解。希望宋乐好的地方提出来大家共同学习,不好的地方呢,也提出来,大家都引以为戒。

王露:我觉得她的整个讲课流程都还不错,仪态也很好,不过声音有点小,后面的同学听的不够清楚,导致下面的同学有点注意力不集中。希望她能够声音再洪亮一些,能吸引所有同学的注意力。

王雪梅:其他的都很好,我就不多说了。主要是和同学们的交流不够,她可以在讲课的过程中穿插一些问题,不仅能加深理解,还能吸引同学们的注意力。

主持人总结发言:下面我根据同学们的建议和自己的见解做一下总结发言。首先说好的方面:宋乐的板书、PPT的制作还有仪态都很好,很到位;另外讲课流程设计的也比较合理,讲得也比较透彻,难易程度把握的很好。不足的地方主要是:声音有点小,对课堂的掌控能力不够,同时和同学们的交流也有点少,希望能在以后的练习中注意这三点,提高自己对课堂的掌控能力,同时注重和同学们的交流。希望她能够发扬自己的优点,改进不足,在以后的教学中能更加的熟练,成为一名合格的好老师。

[深化思考] 通过本节课的教学设计,我得到了下面两方面的启示:第一,在课堂上老师不是能将自己要讲的知识点给同学们讲清楚就够了的,更重要的是同学们要能够听得懂,并且达到老师预期的目标。这就要求老师不仅要注重自己讲解的方式,也要注重和同学们的交流,从对同学们行为的观察和交流中掌握学生对知识的掌握情况,及时调整自己的讲课情况。第二,教师的组织教学很重要,在上课过程中要吸引同学的注意力,同时注重课堂的氛围,在同学注意力不集中或者课堂气氛不好的时候要采取措施解决这些问题,

第二篇:制作平面花朵教案

制作平面花朵教案

1.教学难点:折叠部分

2.教学重点:培养小朋友的动手能力

3.教学目标:a通过观察、动手、讨论等感受累加折纸的特点初步尝试并制作。b能运用折剪,粘贴,上色的方法进行创作体验成功的快乐。c能合理地使用各种工具和材料。4.教学方法:演示法 5.课时:十分钟 6.教学过程:

老师:小朋友们,大家好!

幼儿:老师好!老师:小朋友们,春天来了,柳树发芽了,小草也快换上绿装了,公园里的花也

快开了!小朋友们,你们都知道那些花呀?

幼儿:兰花、百合花、月季花、郁金香、、、、、、老师:小朋友们知道得真多呀!那我们今天就来学习折剪花朵!下面,我们拿出

昨天老师让你们准备的正方形纸、剪刀和彩笔!

首先,我们将正方形纸对折。

然后再折,我们在有开口的这条长边上用笔分成三段一样长的线段,并且 点上点,在没有开口的长边上的中间点一个点,然后以这个点为中心把右

边的纸折到左上边的第一个点。

接着,再将4层这边的纸对折。

最后,我们把2层纸的一边折过来。

接下来我们拿出剪刀,剪一个弧形,小朋友们,你们知道什么是弧形吗?

幼儿:不知都!

老师:小朋友们都见过硬币吧!硬币外圈的一部分就是圆弧,就像老师在黑板上

画得这样剪下来,然后我们把纸打开,一朵小花就呈现在我们面前了,最

后,我们可以把自己喜欢的颜色涂在小花上,让它更加美丽!老师:如果哪位小朋友还不会,那就课下来找老师,再给你讲一遍!今天的作业

就是每位小朋友制作一朵彩色的小花朵。按照类似的原理,小朋友们想想

五角星是怎么制作的?想出来的小朋友明天告诉老师!好,这节课就上到

这里,小朋友们再见!

幼儿:老师再见!

第三篇:简易宫灯制作教案

简易宫灯制作教案

设计意图

宫灯,即宫廷花灯,是中国彩灯中富有特色的手工艺品之一。正统的宫灯造型为八角、六角、四角形的,各面画屏图案内容多为龙凤呈祥、福寿延年、吉祥如意等。宫灯用料极为考究,制作要求精细加工。这次活动是培养幼儿从小热爱传统工艺,了解中国的传统节日和文化,激发学习兴趣。通过欣赏花灯,感受花灯的美,了解花灯是我国的民族特色。小精灵儿童网站 活动目标:

1、尝试运用镂空、折叠、剪纸的方式制作美丽的宫灯。

2、通过欣赏宫灯图片,观看宫灯制作课件和步骤图示,学习制作宫灯的方法,大胆使用剪刀在塑料板纸上进行镂空刻画、运用折、插入的方法制作立体六角形宫灯。

3、喜欢手工活动,发展创造力。小精灵儿童网站 活动准备:

每一个组发一个工具盒(剪刀,胶带,模板,小块即时贴,细绳,穗子,铅笔等),每人两张红色塑料板。

活动过程:

一、欣赏宫灯图片,讲述宫灯的外形、花纹和颜色。

1、出示宫灯图片让幼儿相互欣赏。

2、通过提问,了解宫灯的外形、花纹和颜色。

这是什么?你在哪里见过宫灯?宫灯上有哪些图案、颜色?宫灯的外形有哪些?如果让你现在制作一个宫灯,你会做吗?

二、观看宫灯制作课件和步骤图示来自主学习制作宫灯的方法。

1.材料

塑料板 2.制作方法

把透明的模板(2块最大的)排放在塑料板上,用笔仔细画好每块模板的形状,用剪刀依线剪好。

3把长方形的模板放在塑料板上,用笔仔细画好模板的形状,用剪刀依线剪好。4按照一定次序插入塑料板构件。

5.装饰部分的制作 剪纸

羊:把羊的模板放在黄色即时贴上,用笔仔细画好模板的形状,用剪刀依线剪好,剥去白色的纸,把纸贴在适当位置。

双喜:把纸对折两次,把模板放在黄色即时贴上,用笔仔细画好模板的形状,用剪刀依线剪好,剥去白色的纸,把纸贴在适当位置。在灯的顶端系上线,在灯的下端也系上流苏。

三、学生制作,老师指导。

教师给予适当、适时的指导。

四、讲评作品,相互欣赏。

请学生相互欣赏同伴的作品,讲述自己设计的宫灯,从镂空图案、绘画内容上进行讲述。做得又快又好的学生可获得一块金牌。

活动反思

1、充分体现活动的实践性、趣味性、创造性和自主性。在整个活动中,实践性与趣味性相结合,以学生自己动手,动脑交流探究活动为主。

2、珍视学生的自我分析与评价。如学生在制作宫灯的活动过程中,以小组形式共同探索,自己独立完成并民主评议优秀作品,培养学生客观的分析评价,寻求改进措施,培养学生客观,公正,合作,负责的态度。小精灵儿童网站

3、注重以人为本。在整个教学活动过程中,给学生创设宽松,和谐,愉快的学习气氛,学生对整个活动非常感兴趣,宫灯的制作兴致很高。手工活动是学生锻炼实践能力,追寻动手创造的美好乐园。小精灵儿童网站

第四篇:《网页制作》教学大纲简易教案

《网页制作》教学大纲简易教案

网站开发流程

规划 确定建设网站的目标; 分析目标用户及潜在用户对站点的需求; 3 确定网站风格; 4 考虑网络的技术问题。

设计 页面布局; 2 网页中的颜色; 文字、图像、动画以及多媒体的使用。

制作 测试与发布 维护 

第一章 站点管理

站点:一系列文件的组合,通过各种链接关联起来,实现对整个站点的浏览。

设置站点信息

一,基本思路:

1,对站点进行规划 2,创建站点的基本结构

站点结构的显示方式:目录结构和站点地图 3,组织文件和资料开始制作 二,定义站点:

步骤:站点-新建站点-对站点进行定义

三,新建网页(站点中所包含的所有网页文件)和文件夹(用来存放网页中的图片、声音、Flash等)

四,设置站点地图布局

第二章 文字、图片和超链接

网页中最多的就是文字,并伴有精美的图片来美化网页,本章主要阐述如何使用菜单、插入面板在文档中插入这些对象以及使用属性面板编辑这些对象的属性。

一,设置页面属性(Ctrl+J,也可在属性面板中找到):

在页面属性中分别对外观、链接和标题进行设置 二,文字

可在属性面板中对文字的样式、大小等进行设置。三,插入图像

方法1,插入-图像; 方法2,常用-图像; 方法3,Ctrl+Alt+I。四,设置超链接

1,页面链接

2,邮件链接(mailto:)

3,书签链接(对同一网页的不同部分进行链接)4,空链接(#)

第三章 表格和层的应用

一,设置网页布局和处理表格

网页布局:给将要出现在网页中的所有元素进行定位。绘制布局表格和布局单元格:

方法:布局-切换到布局视图-点击布局表格or布局单元格按钮-拖动创建-在属性面板设置属性。

注意:布局表格和布局单元格之间不能相互重叠。

表格:表格是在网页中放置行列数据和图像的最佳工具。插入表格:常用-表格-设置行,列数-插入

拆分,合并单元格:选中要拆分或要合并单元格-属性面板中进行操作 设置表格和单元格的属性:属性面板中进行操作。

二,添加层

层是一种页面元素定位技术,它能够将层中的内容在浏览器窗口中任意定位。层是一个载体,在层中可以添加文本,图像和表格等元素。方法:布局-点击层按钮-拖动创建-在属性面板设置层属性。

第四章 模板

所谓“模板”是指具有一定共性的文档样板。

模板用于创建多个具有一致风格的网页,用户可根据模板生成大量相同的页面。新建网页模板(.dwt)

1,将已有文档另存为模板: 步骤:打开已有文档;

文件-另存为模板;

在出现的对话框中选择站点,给模板命名; 保存。

2,新建空白模板

步骤:窗口-资源(F11);

模板-新建模板; 输入模板名-编辑。

定义模板的可编辑区域

模板包括:1,可编辑区域(具有可变内容)

2,锁定区域(具有静态不变内容)默认 1,将已有内容定义为可编辑区域:

步骤:选择要定义为可编辑区域的文本或内容;

插入-模板对象-可编辑区域; 输入区域名; 确定。

2,定义新的可编辑区域: 步骤:定位光标;

同上。

取消区域标记:

步骤:打开已有模板;

选中已有可编辑区域,修改-模板-删除模板标记。

注意:删除模板标记之后的区域将被锁定。

基于模板生成新网页

方法1:文件-新建,选择模板标签,选一个模板-创建。方法2:新建一个文档,修改-模板-应用模板到页。

方法3:新建一个文档,窗口-资源-模板,将所需模板直接拖动到新文档中。

第五篇:《网页制作》公共课简易教案

网页和网站

我们将平时在浏览器(IE)上看到的每一个页面称为网页,而在同一个域名地址下的网页的集合称为网站,网站可以只有一个简单网页,也可以由一系列网页文档互相链接而成。网站建设的一般步骤

网站建设是一件复杂的工程,如果不能合理的安排工作流程,可能会造成许多不必要的麻烦。对于不同的建站目标制作流程会略有不同,或者在建站过程中有一些交叉,但大体遵循以下的基本流程:

2.1.需求分析

在软件设计中经常提及需求分析这样的概念。网站建设也是一样,只有在充分的沟通了解网站建设的目标、意义、用户群以及更新需求,才能决定网站要使用怎样的技术手段,以及如何定位等。

2.2网站定位

根据需求分析,我们可以给站点一个较为准确的定位,即建站的目的、传达的主题、内容涉及范围等等。

2.3规划整体结构

这个阶段,要把对站点定位的感性认识转化为站点的网页结构、配色、层次结构和链接等具体内容。并且,可能的话列出几种方案供选择。网页制作

站点中的每一个网页既互相联系呼应但又都不尽相同,为了保持整个站点页面的一致性,也为了访问者更方便的浏览站点页面,制作网页时要注意一下几个问题:

3.1.导航

一个站点通常包含不止一个页面,按照页面所体现的内容,可以把站点的页面按照不同的栏目来归类。导航就是用来体现归类的结果,并且实现在技术上分门别类的显示相关网页。所以网站的导航一般都放置在比较显眼的位置(上部或左侧),以保证访问者能随时根据导航在站内页面间跳转。

3.2链接

链接是对导航的一个扩充,页面上的许多元素上都可以做链接。链接可以在新浏览器窗口打开,也可以将原来窗口的内容替换掉,所以一般来说要设置返回上一页以及返回首页的链接,以方便访问者调整自己在站点中的位置,更大范围的访问站内的信息。

3.3页面的布局

在制作网页时如果只是将页面元素做无序的堆砌,即便再美好的文字,再华丽的图片也不容易让人接受。如何组织页面上的元素,就是布局要解决的问题。布局就是将页面有条理的划分为若干个部分,分别放置导航栏、主题图片或者成段的文字等。好的布局会让访问者很容易的在网站上找到所需要的信息。常见的布局形式有:

(1)框型结构:框型结构如图3.1所示,其页面顶部为广告条,下方左侧为导航,右侧显示主要内容,下方为版权信息。这是网页设计中用的最广泛的一种布局方式。这种布局的优点是页面主次分明、结构清晰,是初学者最容易上手的布局方法。

图3.1框型结构布局

(2)口型结构:这是一个象形的说法,其结构如图3.2所示。页面上方为广告条,下方为版权信息,左面是导航,右面放置友情连接等,中间是主要内容。这种布局的优点是充分利用版面,信息量大;缺点是页面拥挤。也有将四边空出,只用中间的窗口型设计。

图3.2 口型结构布局

(3)T型结构:这种结构如图3.3所示,该布局适合于内容比较简洁的页面。页面上方为导航和广告条,下方为版权信息,中间留出大部分的空白突显主要内容。

图3.3 T型结构布局

4网站测试

在对站点内每个网页设计的过程中都要先在浏览器上进行测试。最终整个站点也要测试,测试的内容包括:链接是否正确、页面在不同浏览器和平台上显示的效果、网页打开速度、文件下载速度等。网站建设实例

在Dreamweaver 8中,“站点”一词既表示Web站点,又表示属于Web 站点的文件的本地存储位置。在开始构建Web站点之前,需要建立站点文件的本地存储位置。

5.1 创建站点

启动Dreamweaver 8,单击【站点】菜单,选择【管理站点】,打开“新建站点”对话框。

在【您打算为您的站点起什么名字】文本框中,输入任何您喜欢的名字,比如“我的简历”。【您的站点的HTTP地址是什么】文本框可不填。

单击【下一步】,由于我们这里以静态站点为例,所以在【您是否打算使用服务器技术】单选按钮组中选择“否”,如果是动态站点则选“是”,并且选择一个相应的服务器技术。

单击【下一步】,在【您把文件夹存储在计算机上什么位置】文本框末尾单击“浏览”按钮设置站点目录。注意:文件夹名字要为英文名。

单击【下一步】,在【您如何连接到远程服务器】下拉列表中选择“无”,暂不设置使用远程服务器。

单击【下一步】,确认站点相关信息。最后单击【完成】成功创建站点。此时,在【文件】面板中即可看见我们创建的站点“我的简历”及其目录结构。

5.2 页面属性

设置页面的属性,有2种方法。一种是“属性面板”,可以设置具体的对象属性,如:一段文字的格式、图片的大小、具体的超级链接等。一种是“页面属性”,就是设置页面的整体属性,包括字体大小、背景颜色、标题等。

方法一:属性面板

方法二:页面属性

在对话框左侧【分类】列表中选择【外观】选项,相应的参数设置就会显示在右侧区域。在该对话框中可设置网页中的文本字体样式、文字大小、文字颜色、页面背景颜色、页面背景图像以及边距等。

在对话框左侧【分类】列表中选择【链接】选项,相应的参数设置就会显示在右侧区域。在该对话框中可以设置页面的链接字体、大小、链接颜色、变换图像链接、已访问链接、活动链接和下划线样式。

在对话框左侧【分类】列表中选择【标题/编码】选项,相应的参数设置就会显示在右侧区域。在该对话框中可以设置页面的文档标题、文档类型和编码类型。

5.3布局网页

在制作网页之前应该用纸笔或者直接在word文档中设计出网页的布局草图,在草图中标明网页中各种元素的位置。这一步不是必须的,但是,设计好布局草图可以避免后续步骤中调整网页布局造成的麻烦。

5.3.1布局模式

布局网页的方法很多,用表格、层、框架都可以布局网页。我们这里只介绍最规范的一种方法,即布局模式。

在“插入”栏的“布局”选项卡中含有“标准”、“扩展”和“布局”3种布局模式,如下图所示。单击“布局”按钮可以将文档窗口切换到布局模式。

布局模式下有“布局表格”和“布局单元格”两个布局工具。可以在一个布局表格中使用多个布局单元格对网页进行布局,这是进行网页布局最常用的方法。也可以使用多个单独的布局表格进行不规则的、更复杂的布局。

5.3.2布局步骤与实例 1.画布局表格

单击【布局表格】按钮,鼠标变成十字形,在文档编辑区左上方按住鼠标不放,先拖开一个大小随意的矩形框,然后在编辑区下方的属性面板的“宽”和“高”属性中分别修改数值为983和700(像素)。可以通过设置“背景颜色”,来预览一下外观。

2.画布局单元格

根据草图中所有页面元素的位置以及占用页面大小,按照从上到下、从左到右的基本原则,逐一绘制布局单元格。单击【布局单元格】按钮,鼠标变成十字形,在布局表格左上方按住鼠标不放,拖开一个矩形框,拖动到“200×160”时,放开鼠标即可,如下图所示。虽然布局单元格也可以先随意绘制,再通过属性面板调整,但相邻的单元格在调整大小的时候如果操作不当可能会互相影响,需小心操作。

3.设置表格边框

由于在布局视图下是不能设置表格边框的,所以先退出布局视图,进入标准视图。在文档编辑区左下方的【标签选择器】上单击

标签即可选中相应的表格,然后在【属性检查器】中修改【边框】值为1。4.添加网页元素(1)添加文本

在页面上添加文本,只需将光标置于需要添加文本的单元格中,然后直接输入文字。(2)添加水平线

水平线有很多妙用,插入水平线可使文档结构清晰,层次分明,便于浏览。将光标置于需要插入水平线的位置。切换到“插入”栏的【HTML】选项卡,单击【水平线】按钮,即可插入水平线。根据需要,在“属性”检查器中修改各个属性值即可。如果要修改水平线的颜色,只要选中水平线,切换到“拆分窗口”,进行如下修改:

只有通过预览页面,才能见到水平线的修改效果。(3)插入图像 5.4层,行为,特效

5.4.1利用层作下拉菜单 1.层介绍

层是一种非常灵活的页面元素,大小和位置可以随意设置,可在层上面插入文本和图像等。

2.设置行为

下拉菜单的行为要设置3种对象的行为。

第一:菜单“我的日志”的行为。选中“我的日志”这段文字,打开“行为”面板,设置“显示-隐藏层”行为。

第二:层的行为。选中层的“井”字形标签,设置“显示-隐藏层”行为。效果如以上2图。

第三:标签。在“标签选择器”上选中,然后打开“行为”面板,设置“显示-隐藏层”行为。5.4.2 特效

在网络上搜索“网页特效”,可以得到许多用脚本语言书写好的代码。有些代码很实用,可以为页面增色。比如下面的这段取自特效锦集网站(http://code.helpor.net/time.php)的时间特效代码。

可按如下步骤将上述特效代码插入自己的网页中:

首先复制特效代码,然后将光标置于需插入时间特效的单元格中,单击“文档”工具栏上的【代码】按钮,这时在【代码】视图中出现的插入点的位置处粘贴特效代码;最后按F12键预览网页就可以看到这个时间特效了。效果如下图:

5.4.3 滚动公告栏 效果如下图:

制作方法:

要用到标签,而且必须写在

内部。如下图:

中间写入文字后,形成类似效果欢迎光临!后,在属性面板上设置一下文字属性后,把鼠标定位在上,调出“标签检查器”面板,设置的属性,如下图:

按F12预览,就可见效果。

5.5使用CSS样式表

CSS也叫层叠样式表,使用 CSS 能够以 HTML 无法提供的方式来设置文本格式和定位文本,从而能更加灵活自如地控制页面的外观。单击【窗口】菜单,选择【CSS样式】可以在Dreamwaver 8右侧面板组的最上方展开【CSS样式面板】。对CSS样式的新建、编辑以及删除等操作都可以在这个面板中进行。

1.创建自定义CSS规则

新建自定义CSS规则的方法如下:

(1)在站点目录下新建一个文件夹(如:CSS),用以存放本章中所创建的CSS文件。(2)单击【CSS样式面板】右下方的按钮,打开如图5.5.1所示的“新建CSS规则”对话框。

(3)选择【类(可应用于任何标签)】,在【名称】文本框中为新定义的CSS规则命名,命名必须以字符“.”开头,如“.style1”。

(4)如果希望该CSS规则只应用于当前的网页,则选择【仅对该文档】;如果希望该CSS规则可以在其他页面中被引用,则在下拉列表中选取一个已经存在的外部CSS文件,如果之前没有定义任何外部CSS文件,则选择【新建样式表文件】。

图5.5.1 “新建CSS规则”对话框

(5)选择了【新建样式表文件】后,单击【确定】按钮将CSS文件以“border”为文件名保存在前面新建的CSS文件夹中。

(6)单击【保存】按扭后,将打开如图5.5.2所示的“CSS规则定义”对话框,这里先不做任何设置,单击【确定】按钮关闭对话框。此时,在【CSS样式面板】中将会显示新创建的CSS文件“border.css”以及文件中包含的CSS规则“.style1”。

图5.5.2 “CSS规则定义”对话框

2.设置CSS样式格式

从图5.5.2可以看出CSS样式的属性可分为8大类:类型、背景、区块、方框、边框、列表、定位和扩展。下面介绍几个常用属性的设置。

(1)类型:该属性定义网页中文本字体、颜色以及字体风格等样式。

(2)背景:该属性定义背景元素的高级设置,包括背景图像及其水平或垂直方向的位置等。

(3)区块:该属性定义文本的高级设置,包括单词间距、字母间距、文本缩进和空格等。

(4)方框:该属性定义块元素的高级设置,包括填充和边界。在设置填充时,如果选中【全部相同】,则只需设置【上】的数值和单位即可。

(5)边框:该属性定义表格边框的高级设置,包括设置边框线样式、边框线的粗细程度和颜色等。

(6)列表:该属性定义列表项目符号的高级设置,包括项目符号的类型、项目符号图像和位置等。

(7)定位:该属性定义元素大小、位置和形状的高级设置。

(8)扩展:该属性定义鼠标指针在对象上移动时采用何种光标形状和对象上所应用的滤镜效果等。

3.CSS应用

上一节遗留了两个问题,即表格边框设置和长文本行距调整。我们就以它们为例,介绍一下CSS的设置、修改和应用。

(1)表格边框的设置

利用CSS来设置表格边框的过程如下:

① 双击【CSS样式面板】中未完成的CSS规则“.style1”,重新打开“CSS规则定义”对话框。在左侧的【分类】列表框中选择【边框】,如图5.5.3所示。

② 分别设置左右边框线为“实线”、下边框线为“虚线”,粗细均为1像素,颜色均为“#999999”的灰色。最后单击【确定】关闭对话框。

③ 将光标置于“1.程序员”单元格中,单击【标签选择器】上的

标签,选中该单元格。

④ 鼠标移动到【CSS样式面板】上,右击“.style1”规则,在弹出的快捷菜单中选择【套用】。⑤ 重复③和④中的操作,逐一将“.style1”规则应用到接下来的几个单元格中去。⑥ 保存并预览,其效果如图5.5.4所示。

图5.5.3 表格边框设置

图5.5.4效果预览

注意:在Dreamwaver 8中,上一个单元格的下边框和下一个单元格的上边框的属性值效果是可以叠加的。对于相邻的两个单元格,在设置边框的时候需要考虑到这点。

(2)长文本行距、缩进调整的设置步骤如下:

① 在【CSS样式面板】右击“border.css”,选择【新建】创建一个新的CSS规则,命名为“.style5”。

② 双击“.style5”,打开“CSS规则定义”对话框。③ 分别设置以下参数:

·在【分类】列表框中选择【类型】,设置【行高】为25像素; ·在【分类】列表框中选择【区块】,设置【文字缩进】为30像素; ·在【分类】列表框中选择【方框】,设置【边界】左、右各10像素。④ 单击【确定】关闭“CSS规则定义”对话框。

⑤ 选中图11.21中的“自荐信”下方单元格中的两段长文本。

⑥ 鼠标移动到【CSS样式面板】上,右击“.style5”规则,在打开的快捷菜单中选择【套用】。

⑦ 保存并预览,其效果如图5.5.5所示。

图5.5.5 长文本行距调整效果预览

5.6使用模板

模板,它能帮助我们快速定制网页的风格,并由模板生成其他页面,从而避免了许多重复性的工作。制作模板与制作其他页面基本相同,只是模板不需要把页面的所有内容都完成,而只要把导航条、标题栏等各个页面相同的部分制作出来就可以了,其他部分则由模板生成具体页面时再设置。

1.创建模板

模板的后缀名是.dwt,保存模板时Dreamwaver 8会在站点目录下自动生成一个名为“Templates”的文件夹,用以保存模板文件。生成模板的步骤如下:

(1)按照制作普通网页的方法,制作一个页面。(2)将该页面另存为模板,如果弹出警示对话框询问【要更新链接吗?】时,单击“是”。这时在站点目录下将出现一个名为Templates的文件夹,且包含了一个名为“filemod.dwt”的模板文件。

2.创建可编辑区

模板创建后还不能够直接使用,要先进行模板的编辑,主要是创建可编辑区。通过模板生成的新网页,只能更改可编辑区的内容,其余部分总是与模板中的相应部分完全一样。

创建可编辑区的步骤如下:

(1)打开模板文件,选择一个希望在生成页面中可被编辑的元素。

(2)切换到“插入”栏的【常用】选项卡,单击【模板】按钮,选择【可编辑区域】,如图5.6.1所示。

图5.6.1 【可编辑区域】按钮

(3)在打开的如图5.6.2所示的“新建可编辑区域”对话框中输入可编辑区域的名称,最后单击【确定】按钮。

图5.6.2 命名可编辑区

(4)重复上述过程逐一创建并命名模板中的可编辑区域,最后保存并关闭模板文件。最终生成的模板文件如图5.6.3所示,图中的“Edit Region1”、“Edit Region2”等就是可编辑区。

图5.6.3 生成的模板文件及可编辑区

3.应用模板创建网页

基于模板创建网页的操作步骤如下:(1)单击【文件】菜单,选择【新建】,打开如图5.6.4所示的“新建文档”对话框。(2)切换到【模板】选项卡,在【模板用于】列表中选择“我的简历”站点,并选择站点模板“filemod”。

图5.6.4 “从模板新建”对话框

(3)单击【创建】按钮即可生成一个新页面。

通过模板创建的页面在文档编辑区的四周为淡黄色,且其右上角显示“模板:filemod”字样。鼠标移动至非可编辑区域时呈锁定状态,既不可选取也不可单击。

4.更新模板

不管从模板生成多少网页,这些网页在可编辑区域中可随意添加、编辑、删除页面元素。但是它们的共同部分——不可编辑区域,却严格遵守模板的统一设计。反过来,如果模板改变了,那么通过模板创建的各个页面也可以实现同步更新。

对模板的修改,只需打开模板文件,按照普通页面那样随意修改。修改后保存模板时Dreamwaver 8自动打开如图5.6.5所示的“更新模板文件”对话框,提示是否更新站点中所有基于此模板的页面。选择“更新”将更新所示基于此模板的页面;选择“不更新”则所有页面仍将基于原始模板。

图5.6.5 “更新模板文件”对话框

下载教案 花朵的简易制作word格式文档
下载教案 花朵的简易制作.doc
将本文档下载到自己电脑,方便修改和收藏,请勿使用迅雷等下载。
点此处下载文档

文档为doc格式


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

相关范文推荐

    科学小制作教案:简易电动机

    科学小制作三:简易电动机 一、课时:2课时(一次课,每次2小时) 二、科学原理:磁场会对电流产生一个作用力,这个力通常称为安培力,为纪念法国物理学家安培研究磁场对电流的作用力的杰出......

    简易孔明锁的制作教案

    简易孔明锁的制作(4课时) 一 教学目标 1.知识与技能:识读简单三视图,能在此基础上画出正等测图(※根据学生不同层次而定);初步学会对材料进行加工(划线、锯割等); 在实践中逐步掌握手......

    花朵教案

    《花朵》教案 金甲小学张勤 【教学目标】 1.借助拼音正确地朗读课文,感受语言的韵律美。 2.会认“花、朵、星、是、空、的、节、们”等7个生字,能口头给生字组词,会按正确的笔......

    简易广告制作合同

    广告设计制作合同 甲方:广告公司 乙方: 甲乙双方本着平等互利、优势互补的原则,就结成长期、全面的广告设计制作合作伙伴关系,实现资源共享、共同发展,甲、乙双方根据《广告法》......

    劳技课《制作简易笔筒》教案

    学做简易笔筒 教学目标: 1、了解笔筒的制作过程,初步掌握剪、折、贴制作的方法; 2、学会对自己的作品进行美化,培养审美能力和创新能力; 3、通过动手制作,享受劳动的乐趣,美化学习环......

    简易教案

    五年制大专部课余兴趣班(口才班)教学资料 第一次课:平舌音(3个): zi ci si 翘舌音(4个): zhi chi shi ri 三拼音节:ia ua uo uai iao ian iang uang iong 零声母音节: a ai an......

    花朵的教案

    1、花朵 一、教学目标 1. 会认“花、朵”等七个生字,会写“火”和“我”字,掌握点和斜钩两种基本笔画。 2、借助拼音正确流利的朗读、背诵课文。 3、 能结合生活实际,感受到美......

    一年级教案花朵

    设计理念: “万丈高楼平地起”,在学生构建人生中的知识金字塔的过程中,小学一年级正是打基脚的重要环节。而语文教学,又是基础中的基础。要让孩子打好这个基础,兴趣是关键。小学......