创新设计与制作教案

2022-08-24

作为一名优秀的教育工作者,时常需要编写教案,教案是教学活动的总的组织纲领和行动方案。那么你有了解过教案吗?下面是小编为大家收集的《创新设计与制作教案》的相关内容,希望能给你带来帮助!

第一篇:创新设计与制作教案

教案【设计网站与制作首页】

教学目标

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、三维动画的历史

3、三维动画的应用领域

4、三维动画的制作流程

5、三维动画常用软件 【教学目标】

1、使学生了解动画、三维动画的概念;

2、使学生了解三维动画的发展历史;

3、掌握三维动画制作的应用领域;

4、掌握并应用三维动画制作流程;

5、了解三维动画制作常用软件。 【教学方法】

以讲授为主,配合多媒体课件 【教学重点】

理解三维动画制作的一般性流程,特别是技术层面的六步骤。 【教学难点】

区别二维动画与三维动画。 【教学用具】投影、多媒体计算机 【课时计划】2课时 【教学过程】

言:我们熟悉的动画——每个人都了解动画。我们来谈谈动画: 动画是什么呢? 学生畅所欲言。 师小结:动画是通过把人、物的表情、动作、变化等分段画成许多画幅,再用摄影机连续拍摄成一系列画面,给视觉造成连续变化的图画。

新课内容:

1. 三维动画的概念:(幻灯片出示)

三维动画又称3D 动画,是近年来随着计算机软硬件技术的发展而产生的一种新兴技术。三维动画软件在计算机中首先建立一个虚拟的世界,设计师在这个虚拟的三维世界中按照要表现的对象的形状尺寸建立模型以及场景,再根据要求设定模型的运动轨迹,虚拟摄影机的运动和其它动画参数,最后按要求为模型赋上特定的材质,并打上灯光。当这一切完成后就可以让计算机自动运算,生成最后的画面。

2. 二维与三维动画的区别:

(1)出示二维动画和三维动画例子,让学生从感官上区别两者 (2)学生谈论两者的区别

师小结:二维画面是平面上的画面。纸张、照片或计算机屏幕显示,无论画面的立体感有多强,终究只是在二维空间上模拟真实的三维空间效果。一个真正的三维画面,画中景物有正面,也有侧面和反面,调整三维空间的视点,能够看到不同的内容。 3. 三维动画的历史:

起步:古老的文明——皮影;现代滥觞:手绘动画的奠基与巅峰—迪斯尼;特技革命:革新制作手段——卢卡斯和他的工业光魔;应运而生:三维动画来了——皮克斯;百花齐放:从独角戏到二人转再到春色满园。 4. 三维动画的应用领域探讨:工业,教育,影视,传媒,游戏。 5. 三维动画的一般制作流程讲解。

三维动画的一般制作流程为:建模、动画、材质和灯光渲染、特效、合成。

在制作动画之前,我们必须建立模型,简称建模,;然后制作模型之间的动作,即动画;给模型附于一定的图案,即贴上材质;之后便是灯光效果及一些特效的制作,渲染,合成。 总之,三维动画的制作流程都是相关联的,没有独立的环节,因此全面学习、重点发展是一个非常明智的三维动画学习方式。 6. 了解三维动画常用软件。

RenderMan AutoCAD 3D Studio Max Maya Brazil Mental Ray 7.小结,布置作业和预习任务。

单元一 古典凉亭(1)

【教学内容】

1、3D Max的界面布局

2、菜单命令的功能

3、工作区及主工具栏按钮的功能

4、各种面板的功能 【教学目标】

掌握3D Max主工具栏按扭的功能,并能根据需要熟练地使用各种工具按钮。 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

3D Max的主工具栏和相关工具按钮的操作。 【教学难点】

3D Max的主工具栏和相关工具按钮的操作。 【教学用具】多媒体计算机 【课时计划】2课时 【教学过程】

复习:复习上节课内容。

课程导入:结合上节课,引出最常用的三维动画制作软件3D Max。 新课内容:

1、打开3D Max软件,介绍3D Max的界面布局

2、讲授3D Max的菜单栏。

3、讲授3D Max的工作区及主工具栏按钮的功能。

4、讲授3D Max的面板。

5、结合实例操作演示主工具栏按钮的命令的使用,并对重要命令进行特别强调突出。

6、复习小结。

7、布置作业和预习任务。

单元一 古典凉亭(2)

【教学内容】

1、最基本的建模方式——几何体建模介绍

2、几何体建模的对象位置。

3、标准基本体及其使用。 【教学目标】

1、使学生理解并掌握3D Max最基本的建模方式——几何体建模的对象位置。

2、能熟练使用常见的标准基本体对象建模。 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

标准基本体的使用。 【教学难点】

几何体建模的对象位置定位。 【教学用具】多媒体计算机 【课时计划】2课时 【教学过程】

复习:复习上节课内容。 课程导入:建模是三维动画制作整个流程的第一步。怎样建模呢? 新课内容:

1、入手:最简单的建模方式——利用几何体对象拖动建模。

2、示范:结合古典凉亭实例操作演示几何体建模的对象定位。

3、示范:利用标准基本体建立长方体、球体、圆柱体、圆锥体和四面体。

4、示范:最复杂的标准基本体——茶壶。

5、学生上机实例操作练习。

6、复习小结,并安排下节预习内容。

7、布置课后作业。

单元一 古典凉亭(3)

【教学内容】

1、扩展基本体的位置。

2、常见的扩展基本体。 【教学目标】

1、使学生掌握扩展基本体的对象位置。

2、熟练掌握并应用扩展基本体对象创建常见模型。 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

常见扩展基本体的位置。 【教学难点】

常见扩展基本体的位置。 【教学用具】多媒体计算机 【课时计划】2课时 【教学过程】

复习:复习上节课内容。 课程导入:我们学习了标准基本体,现在,尝试创建我们的石凳。引出扩展基本体——切角圆柱体。

新课内容:

1、讲授扩展基本体的位置。

2、示范利用扩展基本体对象创建次常见对象:倒角对象、环、金刚石体等。

3、结合古典凉亭实例演示由扩展基本体对象创建的石凳及柱子的底部。

4、学生上机实例操作练习。

5、复习小结,并安排下节预习内容。

6、布置课后作业。

单元一 古典凉亭(4)

【教学内容】

1、修改面板。

2、对象参数的修改。

3、修改器的介绍。

4、修改器堆栈的工作原理。

5、锥化、挤出修改器的使用。 【教学目标】

1、掌握修改面板。

2、掌握如何通过修改面板调整对象参数。

3、掌握常见修改器的作用。

4、掌握修改器堆栈的工作原理。

5、掌握锥化、挤出操作。 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

1、修改面板和修改器的使用。

2、锥化、挤出操作。

【教学难点】

修改堆栈的工作原理。 【教学用具】多媒体计算机 【课时计划】2课时 【教学过程】

复习:复习上节课内容。

课程导入:创建了不满意,就要修改。怎么改?引出课程内容。 新课内容:

1、结合实例讲授修改面板。

2、结合实例讲授修改器的使用。

3、讲授修改器堆栈的工作原理。

4、结合实例讲授锥化、挤出操作。

5、学生上机实例操作练习。

6、复习小结,并安排下节预习内容。

7、布置课后作业。

单元一 古典凉亭(5)

【教学内容】

1、复制对象的常用方法。

2、改变对象轴心的方法。

3、AEC扩展。 【教学目标】

1、掌握复制对象的常用方法。

2、掌握改变对象轴心的方法。

3、掌握AEC扩展对象建立的方法。 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

改变对象轴心的方法。 【教学难点】

改变对象轴心的方法。 【教学用具】多媒体计算机 【课时计划】2课时 【教学过程】

复习:复习上节课内容。

课程导入:一些对象重复制作工作量大,我们该如何掌握快捷的复制方法?引出课程内容。

新课内容:

1、结合实例讲授复制对象的常用方法。

2、结合实例讲授改变对象轴心的方法。

3、结合实例讲授AEC扩展对象建立的方法。

4、学生上机实例操作练习。

5、复习小结,并安排下节预习内容。

6、布置课后作业。

单元二 书房一角(1)

【教学内容】

1、图形造型。

2、从二维到三维的手段。

3、布尔运算。

4、放样操作。

5、顶点类型。 【教学目标】

1、使学生掌握二维图形造型的位置。

2、能够熟练的进行二维图形造型,并掌握切割、焊接、差等常见操作。

3、掌握布尔运算的交、并、差操作。

4、掌握放样操作,并能够通过面控制调整放样对象。

5、掌握顶点类型及根据实际如何调整顶点的方法。 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

1、布尔运算的交、并、差操作。

2、放样操作。 【教学难点】

布尔运算的交、并、差操作。 【教学用具】多媒体计算机 【课时计划】4课时 【教学过程】

复习:复习上节课内容。

课程导入:三维对象毕竟有限,如何创造更丰富的世界?画画给我们的启发——从线条开始,从平面图形开始。

新课内容:

1、结合实例讲授图形造型,从二维到三维的手段。

2、结合实例讲授布尔运算的交、并、差操作。

3、结合实例讲授放样操作。

4、结合实例讲授顶点类型及根据实际如何调整顶点的方法。

5、学生上机实例操作练习,完成学习任务。

6、复习小结,并安排下节预习内容。

7、布置课后作业。

单元二 书房一角(2)

【教学内容】

1、弯曲操作。

2、扭曲操作。

3、车削操作。

4、编辑样条线操作。 【教学目标】

1、使学生掌握弯曲操作,并能够根据需要合理调整对象的角度、方向和弯曲轴向。

2、使学生掌握扭曲操作,并能够根据需要合理调整对象扭曲的角度和偏向值。

3、使学生掌握车削操作,并能够根据需要合理设置旋转轴线和旋转中心。

4、使学生掌握编辑样条线操作,并能够根据需要调整样条线为灵活多变的图形。 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

车削操作。 【教学难点】

车削操作。

【教学用具】多媒体计算机 【课时计划】4课时 【教学过程】

复习:复习上节课内容。

课程导入:继续学习二维到三维的建模方法。 新课内容:

1、结合实例讲授弯曲操作。

2、结合实例讲授扭曲操作。

3、结合实例讲授车削操作。

4、结合实例讲授编辑样条线操作。

5、学生上机实例操作练习,完成学习任务。

6、复习小结,并安排下节预习内容。

7、布置课后作业。

单元三 汽车模型(1)

【教学内容】

1、Nurbs标准几何体。

2、Nurbs曲线。

3、Nurbs元素。 【教学目标】

1、掌握Nurbs标准几何体、Nurbs曲线、Nurbs元素。

2、了解关于Nurbs应用范围。 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

Nurbs标准模型、曲面的创建与修改。 【教学难点】

CV曲线、EP曲线创建与区别。 【教学用具】多媒体计算机 【课时计划】8课时 【教学过程】

复习:复习上节课内容。 课程导入:今天我们学习另外一种建模方法。

新课内容:

1、关于Nurbs Nurbs建模技术在设计与动画行业中占有举足轻重的地位,一直以来是国外大型三维制作公司的标准建模方式,如pixar,PDI,工业光魔等,国内部分公司也在使用Nurbs建模。他的优势是用较少的点控制较大面积的平滑曲面,以建造工业曲面和有组织的流线曲面见长。而且Maya在特效,贴图方面对nurbs的支持比较充分,使用nurbs模型在后续工作中会很方便。不过nurbs对拓扑结构要求严格,在建立复杂模型时会比较麻烦,这需要我们耐心的学习。

2、结合实例讲授Nurbs标准几何体

Nurbs标准几何体创建方法Create/NURBS Primitives/立方体、球体、圆锥体、平面、圆柱等等。

3、结合实例讲授Nurbs曲线

Nurbs二维线与3Dmax二维线类似,可以创建圆型、方型、CV曲线、EP曲线、弧线等。

4、结合实例讲授Nurbs元素 (1)、Nurbs曲线元素

①编辑点元素

②控制点元素

③定义点元素

④壳元素 (2)、Nurbs标准几何体元素

①面元素

②控制点元素

③定义曲线元素

④壳元素

5、学生上机实例操作练习,完成学习任务。

6、复习小结,并安排下节预习内容。

7、布置课后作业。

单元三 汽车模型(2)

【教学内容】

1、Nurbs工具箱中常用的曲面工具介绍。

2、Nurbs曲线对象的基本修改方法。 【教学目标】

1、掌握Nurbs工具箱中常用的曲面工具的使用。

2、掌握Nurbs曲线对象的基本修改方法。 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

Nurbs曲线对象的基本修改方法。 【教学难点】

Nurbs工具箱中常用的曲面工具的使用。 【教学用具】多媒体计算机 【课时计划】6课时 【教学过程】

复习:复习上节课内容。

课程导入:学习了Nurbs曲面建模,今天我们来了解Nurbs工具箱中常用的曲面工具的功能以及Nurbs曲线对象的基本修改方法。

新课内容:

1、结合实例讲授Nurbs工具箱中常用的曲面工具的功能。

2、结合实例讲授Nurbs曲线对象的基本修改方法。

3、学生上机实例操作练习,完成学习任务。

4、复习小结,并安排下节预习内容。

5、布置课后作业。

单元四 机器人(1)

【教学内容】

1、人体建模。

2、编辑多边形相关操作。

【教学目标】

1、了解多边形修改元素。

2、掌握编辑多边形相关操作。 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

编辑多边形相关操作。 【教学难点】

编辑多边形相关操作。 【教学用具】多媒体计算机 【课时计划】6课时 【教学过程】

复习:复习上节课内容。

课程导入:学习了基本建筑建模和Nurbs曲面建模,今天我们来了解人体建模的相关知识。

新课内容:

1、结合实例讲授利用标准基本体进行人体建模的方法。

2、结合实例讲授多边形修改元素相关知识。

3、结合实例讲授编辑多边形相关操作。

4、学生上机实例操作练习,完成学习任务。

5、复习小结,并安排下节预习内容。

6、布置课后作业。

单元四 机器人(2)

【教学内容】

1、模型合并。

2、网络光滑。 【教学目标】

1、掌握模型合并的操作方法。

2、掌握网络光滑操作。 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

模型合并的操作方法。 【教学难点】

模型合并的操作方法。 【教学用具】多媒体计算机 【课时计划】6课时 【教学过程】

复习:复习上节课内容。

课程导入:上节课我们已经制作了机器人的身体的多个部位,这节课我们继续他四肢的创建,最后实现模型合并。

新课内容:

1、结合实例继续讲授利用编辑多边形相关操作进行人体建模的方法。

2、结合实例讲授模型合并的操作方法。

3、结合实例讲授网络光滑操作方法。

4、学生上机实例操作练习,完成学习任务。

5、复习小结,并安排下节预习内容。

6、布置课后作业。

单元五 公交车站夜景(1)

【教学内容】

1、材质的概念和作用;

2、材质编辑器

3、材质属性设置

4、几种常见材质的制作 【教学目标】

1、理解材质的概念;

2、掌握在三维动画制作中,材质的作用;

3、掌握通过不同的方式打开材质编辑器的方法。

4、掌握材质属性、高光、光泽度、不透明度、色彩等常用的材质属性调节;

5、能够利用材质基础属性实现金属、玻璃、塑料等常见的材质。 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

材质属性参数的调整。 【教学难点】

金属等常见材质的实现,特别是参数设置。 【教学用具】多媒体计算机 【课时计划】4课时 【教学过程】

复习:复习上节课内容。

课程导入:通过图片展示几个同样形状的茶壶,因为赋予的材质不同,分别给人以不同的质地感,引出材质的作用。

新课内容:

1、讲解材质的概念和材质的重要地位;。

2、结合实例演示材质编辑器中进行材质调节的步骤

3、示范几种重要材质的制作,包括金属、塑料、玻璃等。

4、学生上机实例操作练习,完成学习任务。

5、总结,布置预习任务。

6、布置课后作业。

单元五 公交车站夜景(2)

【教学内容】

1、贴图的含义

2、贴图的使用

3、漫反射/环境光贴图

4、高光贴图 【教学目标】

1、理解贴图的含义。

2、掌握在3D Max中使用贴图的方法

3、掌握漫反射贴图的使用

4、掌握高光贴图的使用 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

1、贴图的使用。

2、漫反射贴图的使用及其效果。 【教学难点】

贴图的使用。 【教学用具】多媒体计算机 【课时计划】4课时 【教学过程】

复习:复习上节课内容。

课程导入:材质可以作出一定的效果,但带纹理的怎么做?带更复杂效果的呢?

新课内容:

1、结合实例引出贴图的作用。

2、讲解贴图的含义。

3、结合实例演示讲解贴图的使用方法。

4、结合实例示范漫反射贴图的制作。

5、结合实例示范高光贴图的制作。

6、学生上机实例操作练习,完成学习任务。

7、总结,布置预习任务。

8、布置课后作业。

单元五 公交车站夜景(3)

【教学内容】

1、凹凸贴图

2、折射贴图

3、反射贴图

4、环境贴图 【教学目标】

1、掌握利用凹凸贴图制作噪声效果。

2、掌握利用光线跟踪折反射贴图制作逼真的玻璃效果。

3、掌握环境贴图的使用和调整。 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

光纤跟踪贴图的使用和调整。 【教学难点】

光纤跟踪贴图的使用和调整。 【教学用具】多媒体计算机 【课时计划】4课时 【教学过程】

复习:复习上节课内容。

课程导入:继续上节讲授不同类型的贴图和效果。 新课内容:

1、结合实例讲解凹凸贴图配合噪声的使用。

2、结合实例讲解示范折射贴图、反射贴图的效果。

3、结合实例示范利用光线跟踪折反射贴图制作逼真的玻璃效果。

4、结合实例示范环境贴图及其调整。

5、学生上机实例操作练习,完成学习任务。

6、总结,布置预习任务。

7、布置课后作业。

单元五 公交车站夜景(4)

【教学内容】

1、灯光的意义

2、灯光的创建

3、灯光的分类 【教学目标】

1、使学生了解灯光的作用。

2、掌握灯光的创建位置。

3、掌握不同种类灯光的创建。 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

灯光的分类。 【教学难点】

灯光的创建。 【教学用具】多媒体计算机 【课时计划】2课时 【教学过程】

复习:复习上节课内容。

课程导入:照相要打灯。三维世界也要打灯光。从而引出课程内容。 新课内容:

1、结合实例讲授灯光的作用和意义。

2、结合实例示范灯光的分类创建。

3、学生上机实例操作练习,完成学习任务。

4、复习小结,并安排下节预习内容。

5、布置课后作业。

单元五 公交车站夜景(5)

【教学内容】

1、灯光的属性调整

2、三点式布光技术 【教学目标】

1、掌握灯光的属性调整,如亮度、色彩、投影、扩散等

2、掌握三点式布光技术。 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

灯光的属性调整和三点式布光技术。 【教学难点】

对三点式布光技术的理解。 【教学用具】多媒体计算机 【课时计划】2课时 【教学过程】

复习:复习上节课内容。

课程导入:结合上节课,讲解如何调整灯光。 新课内容:

1、结合实例示范灯光属性的调整。

2、结合实例讲解并示范三点式布光技术。

3、学生上机实例操作练习,完成学习任务。

4、复习小结,并安排下节预习内容。

5、布置课后作业。

单元六 别墅效果图(1)

【教学内容】

1、AutoCAD图形的导入

2、捕捉和对齐 【教学目标】

1、掌握在3D max中导入AutoCAD图形的方法。

2、掌握捕捉和对齐方法绘制图形。 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

捕捉和对齐方法绘制图形。 【教学难点】

捕捉和对齐方法绘制图形。 【教学用具】多媒体计算机 【课时计划】2课时 【教学过程】

复习:复习上节课内容。 课程导入:学习了基本的建模方法,我们逐步深入,来打造一座梦寐以求的别墅。 新课内容:

1、结合实例示范在3D max中导入AutoCAD图形的方法。

2、结合实例讲解并示范捕捉和对齐方法绘制图形的方法。

3、学生上机实例操作练习,完成学习任务。

4、复习小结,并安排下节预习内容。

5、布置课后作业。

单元六 别墅效果图(2)

【教学内容】

1、渲染的含义

2、渲染的作用

3、静态图片的渲染

4、动态影像的渲染 【教学目标】

1、理解渲染的含义和作用

2、掌握渲染静态图片的方法

3、掌握渲染动态影像的方法 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

动态影像渲染的相关设置。 【教学难点】

动态影像渲染的相关设置。 【教学用具】多媒体计算机 【课时计划】2课时 【教学过程】

复习:复习上节课内容。

课程导入:渲染生产是三维动画技制作技术流程的最后一步,为什么要进行渲染? 新课内容:

1、讲授渲染的地位和含义

2、讲授渲染地作用。

3、结合实例讲授在默认线扫描渲染器下进行图片渲染地相关操作和设置。

4、结合实例示范并讲授进行动态图像渲染地相关参数设置。

5、学生上机实例操作练习,完成学习任务。

6、复习小结,并安排下节预习内容。

7、布置课后作业。

单元六 别墅效果图(3)

【教学内容】

1、建模技术的综合运用

2、Phoshop配景 【教学目标】

1、掌握建模技术的综合运用。

2、掌握后期制作完善——Phoshop配景。 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

建模技术的综合运用。 【教学难点】

后期制作完善——Phoshop配景。 【教学用具】多媒体计算机 【课时计划】2课时 【教学过程】

复习:复习上节课内容。

课程导入:这节课我们来学习如何做后期的完善。 新课内容:

1、结合实例讲解并示范建模技术的综合运用的方法。

2、结合实例讲解并示范后期制作Phoshop配景。

3、学生上机实例操作练习,完成学习任务。

4、复习小结,并安排下节预习内容。

5、布置课后作业。

单元七 书中飞蝶

【教学内容】

1、关键帧动画。

2、轨迹视图。 【教学目标】

1、掌握关键帧动画。

2、掌握轨迹视图的编辑方法。 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

关键帧动画。 【教学难点】

轨迹视图的编辑方法。 【教学用具】多媒体计算机 【课时计划】2课时 【教学过程】 复习:复习上节课内容。

课程导入:这节课我们来学习如何做关键帧动画以及轨迹视图的编辑方法。 新课内容:

1、结合实例讲解并示范关键帧动画。

2、结合实例讲解并示范轨迹视图的编辑方法。

3、学生上机实例操作练习,完成学习任务。

4、复习小结,并安排下节预习内容。

5、布置课后作业。

单元八 泡腾片的溶化

【教学内容】

1、Mental ray渲染器。

2、添加“粒子云”。 【教学目标】

1、了解除3D Max默认的线扫描渲染器之外常见的其他专业渲染器。

2、了解MentalRay、Brezil、Lightscape渲染器的特点

3、了解MentalRay渲染器的优势

4、掌握MentalRay 的常用参数设置。

5、掌握利用MentalRay渲染场景的方法,包括动态和静态场景的处理。

6、“粒子云”相关知识。 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

利用MentalRay渲染器渲染场景。 【教学难点】

利用MentalRay渲染器渲染场景。 【教学用具】多媒体计算机 【课时计划】4课时 【教学过程】

复习:复习上节课内容。

课程导入:线扫描虽然速度比较快,但是在处理精细的光影关系方面存在重大缺陷,比如黑洞(图片展示)等。有没有更好的工具呢?

新课内容:

1、讲授MentalRay渲染器与3D Max的整合的来龙去脉。

2、讲授MentalRay渲染器的优势。

3、结合实例示范并讲授MentalRay渲染器的参数设置和场景渲染方法。

4、结合实例示范并讲授在MentalRay中进行灯光属性调整的方法。

5、学生上机实例操作练习,完成学习任务。

6、复习小结,并安排下节预习内容。

7、布置课后作业。

单元九 红酒广告

【教学内容】

1、多维/子对象材质。

2、Video Post视频合成器。 【教学目标】

1、了解多维/子对象材质的用法。

2、掌握Video Post视频合成器的使用。 【教学方法】

以讲授为主,结合软件操作。 【教学重点】

Video Post视频合成器的使用。 【教学难点】

多维/子对象材质的用法。 【教学用具】多媒体计算机 【课时计划】4课时 【教学过程】

复习:复习上节课内容。

课程导入:最后我们学习Video Post视频合成器的使用方法。 新课内容:

1、结合实例讲授多维/子对象材质的用法。

2、结合实例示范并讲授Video Post视频合成器的使用。

3、学生上机实例操作练习,完成学习任务。

4、复习小结,并安排下节预习内容。

5、布置课后作业。

第三篇:服装设计与模拟制作 教案分析

七年级美术上册 我为校园添色彩

——服装设计与模拟制作 教案分析

[教学目标与基本要求]

1.通过学生装、校服设计与模拟制作练习活动,了解服装设计的基本常识。

2.提高学生对着装美的鉴赏能力和审美情趣,激发创新意识。

[教学重点、难点] 教学重点 通过学习让学生建立符合中学生特征的健康的、积极向上的着装观, 提高学生对着装美的鉴赏能力和审美情趣。

教学难点

能否恰当地运用所学的服装设计知识进行设计练习。

[教学载体]

多媒体教学设备及课件

[教学方法]

欣赏、讨论、讲解、示范

[学法指导] 边看边议边学习,建议小组合作完成课堂练习。

[板书设计] 我为校园添色彩 ——服装设计与模拟制作

1.学生装应该具有什么特色? 2.在服装设计过程中我们应注意: (1)服装的款式造型设计; (2)服装的色彩设计; (3)服装的面料选择。

3.小练习: 每人尝试设计男女学生装各一套,并写出设计思路。 效果图的绘制:

铅笔画草图 → 彩笔着色完成

4.小组活动: 各小组讨论并模拟制作艺术节的演出服一套。 用碎布头、彩纸或塑料、纸盒等废旧材料剪贴: 画轮廓 → 剪服装 → 粘帖

第四篇:《园林景观模型设计与制作》教案分析

第一部分 课程简介

一、课程的性质和教学目标

以基础理论为指导,以实践为主相的主干课程,专业必修课。

本课程在园林建筑设计初步、园林制图与识图等相关基础课的基础上通过建筑模型将设计想法直观的表现出来,使学生在建筑模型制作的过程中,进一步掌握建筑及园林景观的空间感和尺度感,对园林景观建筑设计有一个全面直观的掌握。通过学习和模型制作,使学生能够将设计直观的表现出来,提高学生对园林景观的认识和设计水平。

二、职业知识内容

模型的用途,模型制作的要求,材料选择,色彩搭配,形体组合知识,园林建筑单体模型,景观造型模型,规划模型和环境绿化模型的制作。

三、职业行动能力

掌握建筑及园林景观的空间感和尺度感,从材料选择,色彩搭配,形体组合等方面,使学生全面掌握建筑模型制作的技法,具有建筑单体模型,景观造型模型,规划模型和环境绿化模型制作的能力。

四、先修课程及后续课程

先修课程:造型基础素描色彩、园林制图与识图、园林建筑设计初步。 第二部分 课程教学总体安排

一、学时及学时分配

课程总学时:36学时,讲授:18学时,实践:18学时

二、推荐教材及要求

(一)教材

《建筑模型制作》,郭红蕾、阳虹、师嘉、杨君编著,中国建筑工业出版社;

(二)参考书

《建筑模型设计与制作》,郎世奇编,中国建筑工业出版社; 《展示设计》,蒋尚文、莫钧,中南大学出版社; 《建筑模型制作》,沃尔夫冈•科诺、马丁•黑辛格尔,大连理工大学出版社

三、开设本课程需要的教学环境、设备条件及学生基础条件的说明 多媒体设施的教室和较宽敞的有制作工具桌的教室。

基本工具:界刀,切圆器,45度切割刀,u胶,切割板,剪刀,尺子,乳胶,双面胶。接着介绍一下基本材料:各色卡纸,kt板,航模木板,塑料棒,透明胶片,磨砂胶片,人,草屑,色纸,树,粘土,丙烯颜料。

四、考核

本教学大纲所规定的教学内容和教学要求,是考核的唯一依据;在理论教学,实践教学的基础上,学生须完成平时作业;重点考核三维设计和图像处理技术常用的基本操作、技术和方法。

(一)考核成绩

平时成绩:30%;包括课堂测验、学习态度、考勤、平时作业; 平时作业20% ,考勤10%。

第五篇:网页设计与制作教案免费学技术改变生活

网页设计和发布流程

第一步是对站点进行规划 第二步是创建站点的基本结构 第三步即可开始具体的网页创作过程 最后一步是站点的发布

第一节 站点的规划与创建

【教学目的与要求】

一、规划站点

二、创建一个站点 【教学方法与手段】

多媒体教学:借助多媒体手段,进行课堂理论教学;

启发式教学:教学活动关注的重点从结果转向过程。激发思维,师生互动,增强学生学习的主动性、积极性和创造性; 【教学重点与难点】: 基础知识:规划站点 重点知识:创建一个站点 2课时

【教学组织过程】2课时 1.上讲回顾 2.教授新知 【授课内容】

一、规划站点

Web站点是一组具有共享属性(如相关主题、类似的设计或共同目的等)的链接文档。

本地站点:是本地硬盘中存放远程网站所有文档的地方(文件夹)。 建立网站的通常做法是:在要地硬盘中建立一个文件夹用来存放网站的所有文件,往后就在该文件夹中创建和编辑文档。待网页设计和测试好之后,再把它们拷贝到网站上供浏览者浏览。

1、规划站点结构 注:规划站点的结构之前应先用笔绘出站点的结构图(如下图所示是一个典型的学校站点的结构图)

2、规划站点的浏览机制 一般可采用以下的方法:  创建返回主页的链接  显示网站专题目录  显示当前位置  搜索和索引

 反馈(将网页创作者或网站管理员公布在网页上,或创建一个E-MAIL超级链接,以使用户能快速地将信息反馈到网站中)

二、创建一个站点 步骤:

1、单击“文件”---“新建”---“站点”命令(或单击常用工具栏中“新建网页”按钮的下拉箭头,从打开的下拉菜单中选择“站点”命令)

2、选择一种站点模板或向导

3、单击“确定”按钮

三、站点的基本操作

1、打开站点:“文件”---“打开站点”

2、删除站点:

方法一:在Windows资源管理器中删除一个站点

方法二:在FrontPage中删除站点,在“文件夹”视图或“网页”视图的“文件夹列表”中,右击站点所对应的目录,在快捷菜单中单击“删除”命令

3、站点的设置

“工具”----“站点设置”,有“常规”、“参数”、“高级”、“语言”、“导航”、“数据库”六个选项卡 【课程小结】

【作业】

1.5 课后练习 书本课后练习作业

第二节 利用表格进行网页布局

【教学目的与要求】

一、 插入表格

二、 单元格的基本操作 【教学方法与手段】

多媒体教学:借助多媒体手段,进行课堂理论教学;

启发式教学:教学活动关注的重点从结果转向过程。激发思维,师生互动,增强学生学习的主动性、积极性和创造性; 【教学重点与难点】:

基础知识: 插入表格 重点知识:单元格的基本操作 【教学组织过程】2课时 2课时

1.上讲回顾 2.教授新知 【授课内容】

一、 插入表格

1、单击常用工具上的“插入表格”按钮

2、单击“表格”---“插入”---“表格”命令

3、使用表格工具栏(“查看”—“工具栏”---“表格”命令)

4、由文本转换(“表格”—“转换”—“文本到表格”)一般以段落为分行标记,以逗号或句号为分列标记。

二、 单元格的基本操作

1、选择单元格(“表格”—“选定”—“单元格”) Ctrl:可选择不相邻的单元格 Shift:选择多个相邻的单元格

2、插入单元格(“表格”—“插入”—“单元格”)

3、合并单元格(“表格”—“合并单元格”或“表格工具栏”上的“合并单元格”按钮)

4、拆分单元格(“表格”—“拆分单元格”或“表格工具栏”上的“拆分单元格”按钮)

三、填充单元格

1、文本与图像填充(“插入”—“图片”)

2、对齐文本与图像(“表格”—“属性”—“单元格”,“水平对齐方式”、“垂直对齐方式”)

3、修改单元格背景(“表格”—“属性”—“单元格”,“背景”)

4、调整边框颜色(“表格”—“属性”—“单元格”,“边框”)

5、改变单元格尺寸(“表格”—“属性”—“单元格”,“指定宽度”、“指定高度”)

四、修改表格的行与列

1、选择行与列

2、插入行与列(“表格”—“插入”—“行或列”)

3、均分行与列(“表格工具栏”中的“平均分配行高”或“平均分配列宽”)

4、删除行与列(“表格工具栏”中的“删除单元格”按钮或“表格”—“删除单元格”命令) 【课程小结】

【作业】

1.5 课后练习 书本课后练习作业

第三节 利用框架设计网页布局

【教学目的与要求】

一、 认识框架网页

二、 创建框架网页

三、框架网页的保存和打开 【教学方法与手段】

多媒体教学:借助多媒体手段,进行课堂理论教学;

启发式教学:教学活动关注的重点从结果转向过程。激发思维,师生互动,增强学生学习的主动性、积极性和创造性; 【教学重点与难点】: 基础知识:认识框架网页 重点知识:创建框架网页 【教学组织过程】2课时 2课时 1.上讲回顾 2.教授新知 【授课内容】

一、认识框架网页

1、框架的概念 框架网页是一种特殊的网页,它将自身分成几个区域,每个区域称作一个框架窗口(通常简称为框架)

框架具有以下特性:

每个框架都可以独立地显示一个网页,各个框架窗口之间可以设立超链接。 每个框架窗口可以赋予一个名字,以便其他URL作为目标调用。

2、框架的使用场合(如邮箱、论坛)

通常用框架来显示在同一个站点中的多个超链接,这样可以不用浏览器中的“后退”按钮而方便的进行浏览。

框架也适用于类似在线书籍的应用,将目录显示在左边的框架中,单击目录,右边框架中显示相关的章节

二、创建框架网页

1、框架网页的创建

“文件”—“新建”—“网页”,选择“框架网页”选项卡

2、框架网页模板(10种) “设置初始网页” “新建网页”

三、框架网页的保存和打开

框架网页的保存包括框架网页自身的保存和框架窗口中网页的保存。

1、框架网页的保存

“文件”—“保存文件”或“框架”—“保存网页”

2、框架网页的打开 “框架”—“在新窗口中打开网页”

四、 框架网页的属性

1、框架网页的属性 “文件”—“属性” “框架间距”、“显示边框”

2、框架的属性 “框架”—“框架属性”

五、调整框架布局

1、调整框架窗口的大小(用鼠标拖动或在“框架属性”对话框中调整)

2、框架的拆分

方法一:“框架”—“拆分框架”(按行或按列拆分) 方法二:用鼠标拖动拆分(按Ctrl键)

3、框架的删除 “框架”—“删除框架”

六、目标框架

当在框架网页的某一个框架中定义超链接时,需要指定被链接的网页显示在哪一个框架中,即指定超链接的目标框架。

选择要设置超链接的文字或图像,“插入”—“超链接”,单击“目标框架”、“更改目标框架” 【课程小结】

【作业】

1.5 课后练习 书本课后练习作业

第四节 使用导航栏

【教学目的与要求】

一、定义导航结构

二、认识导航栏属性

三、创建导航栏 【教学方法与手段】

多媒体教学:借助多媒体手段,进行课堂理论教学;

启发式教学:教学活动关注的重点从结果转向过程。激发思维,师生互动,增强学生学习的主动性、积极性和创造性; 【教学重点与难点】:

基础知识:定义导航结构 重点知识:认识导航栏属性 【教学组织过程】2课时2课时 1.上讲回顾 2.教授新知 【授课内容】

一、定义导航结构

在网页内添加导航栏之前,先建立该站点的导航结构 “视图”—“导航”按钮

二、认识导航栏属性 “插入”—“导航栏”按钮

“父层”:创建指向当前网页上一级网页的超链接,并将上一级网页的标题名称显示在导航栏内。

三、创建导航栏(要在浏览器中才可看到实际导航栏效果)

四、创建共享边框

用创建导航栏的方法只能在一个网页中创建导航栏,若需要导航栏出现在站点内多个网页的相同位置,则可将导航栏插入网页的共享边框内。

右击编辑窗口,单击“共享边框”命令 练习

二、利用框架设计一个企业网站的布局 要求有如下内容:关于我们、商品展示、在线订购、网上留言、联系我们、产品目录、友情链接等。 【课程小结】

【作业】

1.5 课后练习 书本课后练习作业

第五节 网页布局功能的应用

【教学目的与要求】

一、 创建布局表格

二、 绘制布局表格 【教学方法与手段】

多媒体教学:借助多媒体手段,进行课堂理论教学;

启发式教学:教学活动关注的重点从结果转向过程。激发思维,师生互动,增强学生学习的主动性、积极性和创造性; 【教学重点与难点】: 基础知识:创建布局表格 重点知识:绘制布局表格 【教学组织过程】2课时 1.上讲回顾 2.教授新知 【授课内容】

一、创建布局表格

1、创建布局表格

打开一个空白网页,并切换到“设计”视图下,单击“表格”菜单中的“布局表格和单元格”命令,随后在右侧弹出一个任务窗口,在该任务窗口下面程序提供了多种表格布局模板,在此单击其中需要的模板即可将该模板添加到网页中。

2.绘制布局表格

如果你对模板中提供的布局表格不太满意,还可以用手工绘制的方法创建一个布局表格。创建时首先在“新建表格和单元格”项中单击“绘制布局表格”,随后将指针移到操作窗口最左端,然后拖动鼠标即可绘制表格。

3、设置表格属性 插入表格后,还需对表格属性进行设置。在“表格属性”项中设置该表格所需的属性。

提示:在设置表格时,如果要想覆盖网页的默认边距,并让布局表格跨到文档窗口的边缘,可以将表格中的各个边距的属性都设置为0。

在设计框架时经常需要调整某一行或列的属性,这时可以通过表格中列宽和行高的标签来完成。在操作窗口中单击布局表格需要调整的边框,每一侧都会出现显示列宽和行高的标签。每个标签都包括一个下拉箭头,如更改行高度时,单击此下拉箭头弹出一个下拉菜单,选择“更改行高”命令,在弹出的“行属性”对话框中重新输入该行高度值即可。

练习

三、使用布局功能设计学校网站

要求包括有以下内容:学校简介、校园新闻、教育教学、学生天地、校园论坛、教师之家等 【课程小结】

【作业】

1.5 课后练习 书本课后练习作业

第六节 网页布局设计

【教学目的与要求】

一、文本的美化(“格式”—“字体”)

二、 运用边框与阴影(“格式”—“边框与阴影”)

1、设置边框

2、设置阴影

【教学方法与手段】

多媒体教学:借助多媒体手段,进行课堂理论教学;

启发式教学:教学活动关注的重点从结果转向过程。激发思维,师生互动,增强学生学习的主动性、积极性和创造性; 【教学重点与难点】:

基础知识:文本的美化(“格式”—“字体”)

重点知识:运用边框与阴影(“格式”—“边框与阴影”)

1、设置边框

2、设置阴影

【教学组织过程】2课时 1.上讲回顾 2.教授新知 【授课内容】

一、文本的美化(“格式”—“字体”)

1、输入文本

2、美化文本(设置文本字体、字号) 注:字符的大小共有6级,其中默认级别是3。

3、设置文本效果

4、改变文本颜色

5、设置字符间距

二、 运用边框与阴影(“格式”—“边框与阴影”)

1、设置边框

2、设置阴影

三、 使用列表(“格式”—“项目符号和编号方式”)

1、添加项目列表 。

项目列表也称为无序列表,它将在项目前添加标志符号。可以将图片作为新的项目标志。经常使用的项目符号有3种:实心黑点、空心圆圈和实心方块。

2、添加编号列表

在网页中的内容存在顺序关系时,可应用编号列表。

3、添加定义列表

定义列表就是在网页内定义词汇、术语的列表,具体的定义内容将以首行缩进的方式出现在列表的下一行。(格式工具栏的“样式”—“定义的术语”,输入要词汇、术语,按回车键)

4、设置嵌套列表

要建立组合列表,可以先生成第1级列表,然后再生成第2级列表,依此类推。

建立组合列表的具体操作步骤如下: (1)先生成第1级列表 (2)将光标移动到拥有第2级列表的第1级列表项目的末尾,然后按回车键。将出现一个空的列表行。

(3)单击“格式工具栏”中的“增加缩进”图标。该行变为一个空白行,是没有列表编号或项目符号的。再单击一次“增加缩进”图标。 (4)此时再按照建立列表的方法构造第2级列表。

(5)输入第2级列表。输入过程中每次接回车键就自动生成第2级列表项目。 (6)第2级列表输入完毕后,将光标移到别的位置或者用鼠标在页面的空白处单击一下即可完成第2级列表的设置操作。

嵌套列表可以转变为可折叠大纲,这样在浏览器中浏览时,就可以展开或折叠大纲中的各个级次。生成可折叠大纲的具体操作步骤如下: (l)按生成复合列表的方法构造好这个复合列表所有的列表级次。

(2)选择“格式”菜单中的“项目符号和编号方式”命令,打开“项目符号和编号方式”对话框,或者在列表中单击右键,从弹出的菜单中选择“列表属性”命令。

(3)在打开的对话框中,选中“启用可折叠大纲”复选框。 (4)单击“确定”按钮。

练习

四、设计一个介绍阳江风景及特产的网页

要求:设计一个网页介绍阳江的风景及特产,要用到折叠列表的方式来分别介绍阳东、阳西、阳春等的不同地区的风景名胜及特产。 【课程小结】

【作业】

1.5 课后练习 书本课后练习作业

第七节 网页装饰设计

【教学目的与要求】

一、添加图像

二、处理图像 【教学方法与手段】

多媒体教学:借助多媒体手段,进行课堂理论教学;

启发式教学:教学活动关注的重点从结果转向过程。激发思维,师生互动,增强学生学习的主动性、积极性和创造性; 【教学重点与难点】:

基础知识:添加图像 重点知识:

二、处理图像 【教学组织过程】2课时 1.上讲回顾 2.教授新知 【授课内容】

一、添加图像

在浏览器中,能处理的图片格式只有GIF、JPEG格式和PNG格式等少数几种图片。

1、GIF格式图片

GIF格式最多能支持256种颜色(8位颜色)。可以具有透明、动画等特殊效果。

2、JPEG格式文件

JPEG格式可以处理高达1670万种颜色(24位颜色),所以在需要显示细微的变化和使用大量的色彩处理照片时经常使用这种格式保存文件。

插入本地计算机上的图像(“插入”—“图片”—“来自文件”,“从计算机选择一个文件”)

插入WEB上的图像(“插入”—“图片”—“来自文件”,“从WEB浏览器来选择网页或文件”)

二、处理图像

1、剪裁图像(“图片”工具栏—“剪裁”按钮)

2、设置透明背景(“图片”工具栏—“设置透明色”按钮)

三、添加文本(“图片”工具栏—“文本”按钮)

四、保存图像

注:默认情况下,当前站点的图像文件保存在Images文件夹中

五、运用特殊效果

1、调整图片的亮度和对比度

2、图片的翻转与旋转

3、图片的冲蚀和黑白处理

4、凹凸效果

六、设置图片对齐方式(“图片属性”—“外观”—“布局”—“对齐方式”)

七、使用水平线

水平线是贯穿网页宽度的细灰条,用于分隔文本或加着重符。添加水平线后,可以修改其属性来更改宽度、高度、对齐方式和颜色。如果网页使用了主题,则会使用图形来代替水平线以匹配主题。

1、插入水平线

2、设置水平线属性

八、 修改网页背景(“格式”—“背景”)

1、调整背景色彩

2、调整背景图案

九、创建交换图像(DW 2004)

1、插入交换图像(“插入”—“图像对象”—“鼠标经过图像”) “原始图像”、“鼠标经过图像”、“按下时,前往的URL”

2、预览交换图像:F12 【课程小结】a 【作业】

1.5 课后练习 书本课后练习作业

第八节 创建超链接

【教学目的与要求】

一、与当前站点的链接

二、与空白网页的链接

三、与电子信箱的链接 【教学方法与手段】

多媒体教学:借助多媒体手段,进行课堂理论教学;

启发式教学:教学活动关注的重点从结果转向过程。激发思维,师生互动,增强学生学习的主动性、积极性和创造性; 【教学重点与难点】:

基础知识:创建热点 重点知识:与电子信箱的链接 【教学组织过程】2课时 1.上讲回顾 2.教授新知 【授课内容】

一、与当前站点的链接(“插入”—“ 超链接”,“搜索”当前站点的文件夹位置)

二、与空白网页的链接(“插入”—“ 超链接”,“创建一网页并链接到该网页”)

三、与电子信箱的链接(“插入”—“ 超链接”,“制作发送电子邮件的超链接”)

四、与Web的链接(“插入”—“超链接”,“使用WEB浏览器来选择网页或文件”,ALT+TAB,则网页地址自动添加到URL中)

五、修改链接颜色(“网页属性”—“背景”,“颜色”—“超链接”、“已访问的超链接”、“当前超链接”)

六、使用图像地图

1、创建热点

在图片中创建热点的具体操作步骤如下: 选中要建立热点的图片。图片被选中后,四周将出现8个控制方块,并且“图片工具栏”被激活。

在“图片工具栏”中,选择热点的形状的图标。可以选择长方形、圆形或多边形。

将鼠标移动到图片中。这时,鼠标指针变成一支笔的模样。

用鼠标左键单击图片中要建立热点的区域并拖动鼠标来绘制热点。尽量让热点和图片上的特征区域相配合

热点绘制完毕,图片中将出现该热点的边框。打开“插入超链接”对话框,建立到热点上的超链接的过程与建立到文本上的超链接的过程基本相同。

练习

五、设计一个介绍一年四季风景的网站 要求:

用到嵌套列表、框架、超链接、图像热点等技术。 【课程小结】

【作业】

1.5 课后练习 书本课后练习作业

第九节 表单设计

【教学目的与要求】

一、 认识表单

二、 生成表单

三、 表单内容编辑 【教学方法与手段】

多媒体教学:借助多媒体手段,进行课堂理论教学;

启发式教学:教学活动关注的重点从结果转向过程。激发思维,师生互动,增强学生学习的主动性、积极性和创造性; 【教学重点与难点】:

基础知识:认识表单 重点知识: 表单内容编辑 【教学组织过程】2课时 1.上讲回顾 2.教授新知 【授课内容】

一、 认识表单

表单的作用:表单就是浏览者可以在网页中填写信息的表格,其作用是接收浏览者填写的信息并将其提交给表单处理程序进行处理。

二、 生成表单

1、表单的创建与表单字段的添加 “插入”—“表单”

2、表单向导

“文件”—“新建”—“网页”--“常规”——“表单网页向导”

三、 表单内容编辑

1、单行文本框

2、滚动文本框

3、复选框

4、单选按钮

5、下拉菜单

6、按钮

7、图片

8、标签

9、隐藏的表单字段

四、验证性表单字段(“验证有效性按钮”)

五、 表单处理程序

右击表单,选择“表单属性”命令,提供了保存表单数据的三种不同处理方式:

1、发送到文件(单击“选项”按钮”,进行设置)

2、发送到数据库

3、讨论表单处理程序

4、注册表单处理程序

5、自定义ISAPI、NSAPI、CGI或ASP脚本 练习六:制作表单

制作一个注册信息表单,要求包括下面的内容:会员帐号、您的姓名、您的性别、输入密码、密码确认、密码提示问题、密码提示答案、电子邮件、常用电话、收货地址、邮政编码、提交按钮、重填按钮 【课程小结】

【作业】

1.5 课后练习 书本课后练习作业

第十节 层及应用(DW 2004)

【教学目的与要求】

一、层概述

二、创建层 【教学方法与手段】

多媒体教学:借助多媒体手段,进行课堂理论教学;

启发式教学:教学活动关注的重点从结果转向过程。激发思维,师生互动,增强学生学习的主动性、积极性和创造性; 【教学重点与难点】:

基础知识:层概述 重点知识:创建层 【教学组织过程】2课时 1.上讲回顾 2.教授新知 【授课内容】

一、层概述

层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置。层可以包含文本、图像或其它 HTML 文档。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。

二、创建层

方法一:“插入”—“布局对象”—“层”

方法二:“插入”工具栏—“布局”—“ 描绘层”,按住鼠标拖动 方法三:“插入”工具栏—“布局”,拖动“ 描绘层”按钮到文档窗口(按CTRL键,可绘制多层)

三、 通过拖动周围的黑色调整柄控制层的大小

四、 拖动层左上角的选择柄可以移动层的位置。

五、 单击层标记可以选中一个层。(显示层标记的方法:“编辑”—“首选参数”—“分类”—“不可见元素”

六、显示层面板(“窗口”—“层”)

1、层的隐藏与显示

2、层数

3、层重叠

七、层和表格之间的转换(在转换为表格之前,请确保层没有重叠。 ) “修改”—“转换”—“层到表格”

若要将表格转换为层,请选择“修改”—“转换”—“表格到层” 【课程小结】

【作业】

1.5 课后练习 书本课后练习作业、

第十一节 行为

【教学目的与要求】

一、行为概述 【教学方法与手段】

多媒体教学:借助多媒体手段,进行课堂理论教学;

启发式教学:教学活动关注的重点从结果转向过程。激发思维,师生互动,增强学生学习的主动性、积极性和创造性; 【教学重点与难点】:

基础知识:行为概述 【教学组织过程】2课时 1.上讲回顾 2.教授新知 【授课内容】

一、行为概述

行为是一种利用简单直观的语句设置手段,为网页对象添加一些动态效果和简单的交互功能的技术。行为是事件和由该事件触发的动作的组合。

下面给出一些常见事件的一些解释

onClick 单击

onDbclick 双击

onKeypress按键

onMouseDown鼠标按下

onMouseOut鼠标移出

onMouseOver鼠标移上

onMouseUp鼠标抬起。

实例:dreamweaver中网页折叠菜单的制作

第一步:先插入一个一行、两列的表格,方法:单击菜单上的“插入” ,再选取“表格” ,在“行”中输入1,在列中输入2,在单击“确定”。

把宽和高分别设为200px和30px 在两个单元格内分别输入 内容

第二步,在单元格内插入一个层。把宽和高分别设为100px和90px 第三步:在层中插入一个三行、一列的表格,方法同第一步。并把宽和高分别设为100px和90px,以填满这个层。在三个单元格中输入内容

在层的属性栏中将“可视”设为“隐藏”,这样在打开网页时便看不见这个层

在“行为目标”中选择一个合适的浏览器,一般是选择“IE 4.0”。然后单击左边的“+”按钮,来添加行为。在弹出的菜单中选择“显示或隐藏层” , 在弹出的窗口中选择 “Layer1” ,就是我们刚才添加的那个层了,再单击“显示”

接着单击“事件”下面右边的那个向下箭头按钮,在弹出菜单中选择“当鼠标移上”(OnMouseOver)。

再单击“+”按钮,选取“显示或隐藏层”,还是选取“Layer1”,不过这次我们点击的是“隐藏”(Hide)了,再确定。然后选择“事件”,单击“当鼠标移开”(OnMouseOut)。 【课程小结】

【作业】

1.5 课后练习 书本课后练习作业

第十二节 HTML语言基础

【教学目的与要求】

一、HTML语言概述

二、HTML文件基本架构 【教学方法与手段】

多媒体教学:借助多媒体手段,进行课堂理论教学;

启发式教学:教学活动关注的重点从结果转向过程。激发思维,师生互动,增强学生学习的主动性、积极性和创造性; 【教学重点与难点】:

基础知识: HTML语言概述 重点知识:HTML文件基本架构 【教学组织过程】2课时 1.上讲回顾 2.教授新知 【授课内容】

一、HTML语言概述

当我们畅游Internet时,我们透过浏览器所看到的网站,是由HTML (HyperText Markup Language) 语言所构成。HTML ( 超文件标记语言 ) 是一种建立网页文件的语言,透过标记式的指令 (Tag),将影像、声音、图片、文字等连结显示出来。

HTML标记是由 < 和 > 所括住的指令,主要分为 : 单标记指令、双标记指令 ( 由 < 起始标记 >,< / 结束标记 >所构成 ) 。HTML网页文件可由任何文本编辑器或网页专用编辑器编辑,完成后 ( 以 .htm 或 .html 为文件后缀保存 ) 将HTML网页文件由浏览器打开显示,若测试没有问题则可以放到服务器 (Server) 上,对外发布信息。

二、HTML文件基本架构

文件开始标头区开始

标题区 标头区结束

本文区开始 本文区内容

本文来自 99学术网(www.99xueshu.com),转载请保留网址和出处

上一篇:慈溪市匡堰初级中学下一篇:财务员个人工作总结