推荐第1篇：Solidworks 草图设计视频教程
Solidworks 2016草图设计视频教程下载
01-solidworks2016-进入退出草图及草图的编辑 02-solidworks2016-点和直线的绘制 03-solidworks2016-圆的两种画法 04-solidworks2016-绘制样条线 05-solidworks2016-矩形的绘制 06-solidworks2016-绘制圆弧
07-solidworks2016-椭圆 抛物线 圆锥曲线 08-solidworks2016-写字
09-solidworks2016-直槽口绘制 10-solidworks2016-多边形的绘制 11-solidworks2016-圆角和倒角
12-solidworks2016-剪裁实体 延伸实体
13-solidworks2016-转换实体引用和交叉曲线 14-solidworks2016-等距实体 15-solidworks2016-镜像实体
16-solidworks2016-线性草图阵列和圆周草图阵列 17 缩放平移 旋转 伸展实体 18-solidworks2016-尺寸标注 19-solidworks2016-添加约束 20-solidworks2016-完全约束草图
21-solidworks2016-草图的合法性检查与修复 22-solidworks2016-草图实战样例1 23-solidworks2016-草图实战练习2 24-solidworks2016-3D草图实例
推荐第2篇：网页设计教学工作总结
网页设计教学工作总结
本学期本人担任学校11级计算机专业的网页设计的教学工作。下面就这一学期的教学工作进行总结：
一、期初制定计划及落实情况
在学期初，按照网页设计教学安排,制定周密详细的教学计划和教学进度表。在教学过程中，自始至终能按照计划进行教学，按照任务驱动，让学生通过案例作品设计，极大的提高了学生的计算机操作能力。
二、课前准备工作
1、认真钻研教材，结合新课标理念，以学生为主体，精心设计好教案，想好教法。
2、了解学生原有的知识技能的质量，他们的兴趣、需要、方法、习惯，学习新知识可能会有哪些困难，采取相应的预防措施。因材施教，使学生能真正的学到知识。
3、考虑教法，综合运用任务驱动法，边讲边练法和学生自主探究法等教学方法，使学生能在课堂上理解每节课的内容和不断的提高学生的信息素养。
三、在教学中取得的一些体会
1．网页设计的教学中，采用边教学、边思考的方法。在教学中不断反思，一学期下来，积累了不少的经验。发现了问题就及时解决，对自己和对学生都是一个不断提高的过程。
2．网页设计的教学以操作课为主，老师主要讲解操作过程和工具的功能，之后学生在操作的过程中掌握各种工具的使用，最终达到教学效果。并且要求学生能够良好的运用所学知识，来制作相关作品。在作品的制作过程中，我也进行了相关的指导，使他们能够在已学知识上有所拓展及提高。在教学中也不断的进行知识的深入及对学生所感兴趣知识的讲解，使其始终能保持足够的兴趣，这样的学习才是轻松的学习。
四、对以后教学的打算
在今后的网页设计课程上，我会继续珍惜时间，善于思考，大胆实践。努力提高学生的学习效率，同时加强先进教育教学理念和学科专业知识的学习，提高自身素质，做一名优秀的学科教师，把《网页设计与制作》打造成精品课程。
对待学生方面：多与学生交流，倾听他们的心声，关注他们的需要，激发他们的学习兴趣，努力提高他们的学习能力和信息素养。
推荐第3篇：网页设计教学案例
《网页设计》之站点的建立教学案例
新疆阜康市厦门实验小学成伟
一、教学目标
1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；
2、认识FRONTPAGE的界面；
3、掌握在主页中插入文字、图片、水平线；
4、掌握页面文件与图片的保存。
二、教学重点
1、能在指定位置建立只有一个网页的站点（难点）
2、能在页面中插入文字、图片、水平线
3、掌握页面文件与图片的保存（难点）
三、教学方法
在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。
四、教学过程 设计
教师活动：
1、引入课题：（激发兴趣，活跃气氛）
同学们喜不喜欢上网？经常上新浪、百度等，有没有同学知道新浪、百度称做什么？
（网站）
浏览新浪网站，浏览的第一个页面称为什么？
（主页）
问题1：网站是不是就是网页？用自己的语言描述一下网站的概念
（网站包含多个网页，通过超链接把不同的页面链接起来）
问题2：网页是不是就是主页？
(第一个页面称为主页,网站设计者可以确定哪一个是主页,主页的文件名一般为：index.htm,主页也是网页)
设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。
今天我们学习用Frontpage建立站点，制作一个主页。先来研究一下没有发布的网站,打开教师做的网站
问：同学们看到了什么？
（文件夹）
总结：
可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。
打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。
请学生浏览教师课件，了解学习任务
2、新建站点
FRONTPAGE的启动
问：与word比较，有什么不同？
（增加了视图区，编辑区有三个窗口）
总结：
视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面
普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式
预览窗口：浏览器中出现的效果，与PowerPoint中的“放映幻灯片”类似。
打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。任务1：学生根据导学课件，在d:\\建立自己站点(站点名字改为自己的名字，便于记忆)
请一位学生示范如何建立站点,教师总结
问：在文件夹列表中看到了什么？
（分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在images文件夹中）
3、编辑主页与保存主页
看效果图，请学生分析主页中的元素
总结：鲜明的主题，如：我的世界、开心乐园等，有分割页面的水平线，与主题相关的图片，对网站的简单介绍根据导学软件，学生完成任务2：设计主页、保存主页与图片
4、总结反馈
请学生示范，讲解如何插入图片（来自剪贴画与来自文件）、插入水平线，如何保存
总结：必须切换到“编辑”窗口下编辑
主页的保存中存在问题：
单击“文件”----“保存”或工具栏的“保存”按扭，弹出一个对话框，保存嵌入式文件，改变文件夹，图片必须保存在本站点images文件夹中,便于站点的管理。
5、请学生继续完成自己的主页，有能力的同学完成提高篇
6、教师与学生共同评价总结
老师向学生展示自己的作品，与学生一起讨论评价。
请学生总结今天的学习内容：建立包含一个页面的站点，主页的设计与保存。
学生活动：学生回答问题、学生观察网站的表现形式、浏览课件，并了解本节课的学习任务、学生观察FRONTPAGE界面与word的不同，学生观察教师演示不同编辑窗口的区别。学生上机操作，在指定位置建立自己站点、同桌互相帮助，并参考教师做的课件，利用网络环境下的课件自己探索学习，满足不同层次学生的需求、学生总结。
推荐第4篇：网页设计教学总结
网页设计教学总结
这个学期我担任了10网络(1)(2)班和10商务班的的网页设计这门课程。在前面半个学期的教学中，我做到了认真制定计划，注重教学理论，认真备课和教学，努力上好每一节课，并和其它优秀老师交流，从中吸取教学经验，取长补短，提高自己的教学水平。按照课程要求进行施教，让学生掌握好网页设计知识。还注意以德为本，结合网站实例进行层层善诱，多方面、多角度去培养学生的实践能力、提升其操作技能。
下面从以下几个方面来谈谈我这个半个学期的教学总结： 教学进度
按照教学进度，我们已经完成了课程的全部内容的学习。教学进度基本上按照原计划已经完成了。 教学方法
教学中我从以下几方面进行努力：
一、课前准备。熟悉教材。解教材的结构，重点与难点，掌握知识的逻辑，能运用自如，知道应补充哪些资料，采用哪个实例作为网页教学实例；解学生的知识结构，解他兴趣、需要和习惯，知道他学习新知识可能会有哪些困难，采取相应的预防措施；结合学生情况采取何种教学方法，解决如何把教材上的知识系统地传授给学生，包括如何组织教材、如何安排每节课、如何讲解实例。 设计一些实际中的商业网站案例。
二、课堂情况。网页设计课上。课堂上引起学生的兴趣，激发学生的创作兴趣。网页设计课里包含有一些图片设计和动画设计，这些需要有丰富的想象力才能制作出优秀的作品，课堂上，也尽力培养学生的想象力，引导学生想象。课堂上，始终以学生为学习主体，把学习的主动权交给学生，挖掘学生潜在能力，让学生自主学习，提高学生学习的独立性。记得在有节课，把一个网站拿来讲解，让学生先看，看了后让学生在草稿纸上画出自己的设计草图。最后我再来以不同的方式讲解该网站制作的方式，给学生从多角度进行分析。有时也让学生在教师机上当场操作，让学生的智慧、能力得到体验，使学生成了学习的主人，使学习成了需求，让他觉得学习中有发现、有乐趣、有收获。课堂上关注全体学生，注意信息反馈，调动学生的注意，使其保持相对安静，同时，激发学生的情感，使他产生愉悦的心境，创造良好的课堂气氛，课堂语言简洁明了努力克服重复的毛病，课堂提问面向全体学生，努力引发学生学网页课的兴趣。还要做好课后辅导工作。认真批改学生的作业。
三、课后工作。要提高教学质量。总结学生本次作业中的不足，解哪些知识学生还没有理解并在下一节课时进行补充说明。鼓励优秀学生，激发其它学生。课后多和学生交流，解其学习情况，以便改善教学。 存在问题:
一、教学中的相互合作有待提高。
二、网络教学资源还不是特别丰富，不能很好满足教学需求。今后将进一步加强网络资源建设，并提高资源利用率。
总结整个2007年上半年的教学工作，收获是丰富的，不管从知识，还是教学管理，还是教学经验上都是丰富的。给了我成长的道路上宝贵的一笔。虽然有很多时候都是在一种紧张，忙碌的状态下走过，但我知道，走过了这一段，人生就会是另一个起点，有另一个更大的目标等着我去前进。
屈明 2011-12-28
推荐第5篇：网页制作教学设计
《网页制作》教学设计
一.教材分析
《网页制作》是浙教版《信息技术基础》第六章第二节的内容，它以“北京故宫”网站为例，介绍了网页制作的一般步骤。本文设计了两个实践体验“设计制作网站主页”和“设置超链接”，而这恰好是制作网站最重要的两个环节。《网页制作》这一部分的内容不仅在会考还是高考都是一个专题模块，因此这部分知识在整本书中占有举足轻重的地位 二.学情分析
高中的学生只要在初中上过信息课，他们都曾接触过制作网页制作的简单操作，而且大部分都上过网，对网页的布局、设计和制作带来了方便。教材中采用的网页制作软件是FrontPage2000，由于FrontPage2000采用了与Word等其他Office软件相类似的图形操作界面。在第三章，学生已经学过了Word字处理软件。因此，学生对FrontPage2000的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识的迁移对后续的学习非常有利。 三.教学目标
（一）知识与技能
1、FrontPage2000的启动
2、新建与保存网页
3、主页命名与设置网页标题
4、文字与图片的插入及属性的设置（如文字大小、字体、颜色等，图片大小、格式转换、环绕样式等）
5、表格的插入及边框粗细的设置
6、单元格的合并于拆分
7、超链接的制作
（二）过程与方法
1、通过简单网站的制作，认识网站的结构
2、通过网页的制作，掌握设计网页的一般步骤
3、欣赏别人的网站，学会规划与设计网页的能力
（三）情感态度与价值观
1、通过自行制作的网站，体验创造的乐趣和成功的喜悦
2、通过欣赏和评价优秀的网站，激发学生创作欲望和学习兴趣 四.教学重点和难点
重点：
1、文字与图片的插入
2、表格的应用
3、超链接的设置
难点：
1、如何安排文字与图片的位置关系，使页面更和谐
2、如何拆分与合并单元格，使表格的布局更为合理 五.教法与学法指导
教法：任务驱动法 演示法
学法：小组合作法 探究法 六.教学准备
本节课的学习是在机房中进行的，除了需要连成局域网的机子外，还需带广播功能的软件，如极域软件等。教师准备一个优秀的网站及一些制作网站的素材 七.教学策略与总思路(或总环节框架)
学生是学习的主体，应掌握学习的主动权。本节课的设计，以提升学生的自主探究能力以及分析问题、解决问题等能力为目标。本节课刚开始通过名人并且是制作优秀的个人网站展示，让学生分析网站中的元素，然后通过任务驱动的方式，让学生自主探究如何制作这些元素，接着通过小组合作的方式来制作他们喜爱的站，最后来交流和评价他们的作品。 八.教学过程
（一） 情景创设（2’）
展示“姚明”的个人网站，学生不仅看到了他们的偶像，更重要的是被精美的网页所吸引。接着要求学生通过阅读课本，提问1：网页中所包含的元素有哪些？提问2：这些元素是如何制作的？
【设计意图：通过欣赏“姚明”的个人网站，吸引学生们的注意力，激发他们的学习兴趣。同时为引出下面的知识做好铺垫】
（二） 新课讲授（2’）
1、文字的插入：复制－粘贴
2、文字属性的设置：选中文字，再按要求在文字工具栏上选中相应的值
3、图片的插入：插入－图片－来自文件
4、图片格式的转换：右击图片－图片属性－常规－类型
5、图片的环绕样式：右击图片－图片属性－常规－样式－格式－定位
6、表格边框粗细的设置：右击表格－表格属性－边框粗细
7、单元格的合并与拆分：选中要合并的单元格或要拆分的单元格，再右击
8、超链接的对象：既可以是文字也可以是图片
9、常见超链接的类型：①链接到网址②链接到本地网页文件③链接到电子邮件
【设计意图：这个环节老师只花2分钟的时间，点到即止，告诉学生碰到问题可以在操作提示中去寻找帮助（由于之前学生学过word，所以有些操作能力比较强的学生可以不借助于提示），并不做详细的操作演示。因为它包含在下面操作任务的提示中，目的在于培养学生自主探究能力】
（三） 实践体验
任务一：将“shouye.htm”另存为“index.htm”,并设置网页的标题为“2010年上海世博会” （2’）
【设计意图：让学生掌握网页的主页一般命名为“index.htm”，同时掌握网页标题的设置】
任务二：在单元格5中插入素材文件夹中“wenzi.txt”文字，并设置字体为4号、宋体、黄色；在单元格8中插入素材文件夹中“logo.bmp”图片,要求图片与文字为左环绕样式，同时将bmp格式转换为jpg格式（3’）
【设计意图：让学生掌握文字与图片的插入，文字属性的设置和图片格式的转换以及图文混排（环绕样式）】
任务三：让学生制作和下面一样表格的网页首页，不需要插入真正的图片和文字，模仿即可，但在预览时表格的边框是看不到的。（5’）
图片
超链接1 超链接2 超链接3 超链接4 超链接5
图片+文字 图片+文字 图片+文字 图片+文字 图片+文字
版权
【设计意图：让学生掌握表格的插入，边框粗细的设置及单元格的合并或拆分，这里仅仅是模仿，为以后的创新打基础】
任务四：给其中的一个超链接（超链接1－5中的任何一个）设置为有效的超链接，链接到素材文件夹中的“fenguan.htm” （4）
【设计意图：让学生掌握超链接的设置】
【设计意图：实践体验这个环节所有的操作均有操作提示，学生可直接上FTP去下载，当然有能力的学生可省去这个步骤。这个环节纯粹是为了练兵，掌握本节课的知识点，并没有按照学生的意愿去设计他们的作品】
（四） 作品制作（20）
4个学生一组去设计他们感兴趣的网站，这个网站至少要有一张主页，一张分页，有能力的同学当然可以多设计几张分页。所有素材都有教师提供。具体分工为：1人收集素材，2人制作网页，1人负责解说他们设计的网站
【设计意图：如果说“实践体验”那个环节束缚了学生思维的话，那么这个环节学生可以充分发挥他们的想象，可以综合运用所学的知识去设计自己想要的作品。这个环节不仅可以起到巩固知识的作用，同时学生们也可以体验通过小组合作成功设计出他们自己作品所带来的喜悦。】
（五） 交流评价（5’）
评价的依据：
Ⅰ、网站中是否至少有一张主页，一张分页，主页是否命名为index.htm Ⅱ、网页中是否有文字与图片要素
Ⅲ、超链接是否有效
Ⅳ、文字与图片混排是否和谐
Ⅴ、网页布局是否合理（表格是否用得恰当）
Ⅵ、作品内容是否有意义，积极向上
Ⅶ、网站的整体感觉是否给人“美”的享受
【设计意图：这个环节不仅能够培养学生们的解说与欣赏能力，同时通过作品的比较与交流，可以起到查漏补缺的作用，让学生们更好地认识自己的作品，从而更好的掌握某些知识技能的应用】
（六） 课堂小结（2）
本节课主要介绍了制作网页的一般步骤，如何设计主页与分页以及他们之间的超链接，如何在网页中插入各种元素以及如何设置元素的属性让网页看起来更和谐，更美观。
设计意图：巩固本节课所学的知识，并引导学生学以致用】 评委会点评
优点：各教学设计环节清晰，描述恰当，分析合理。教学过程的设计符合新课程理念，突出学生的主体地位。
缺点：知识与技术目标缺少程度描述，教学过程设计较理想化。
推荐第6篇：网页设计教学总结
《网页设计》教学总结
本学期计算机科学与技术系软件工程专业的《网页制作》课程由我负责，学生共74人，及格率100%。其中90分以上的没有，80分以上的只有几个，大多是在70～80之间，也有一小部分在60～70之间。成绩不是很理想，总体来说大多数学生平时上机实践比较积极、踏实，能够自觉的按照老师的要求去做，但也有少数学生自觉性差，需要老师和学委催促。现将一个学期的教学情况总结如下：
一、老师给与学生合理的引导，更要加强自身的素质修养，提高自己的知识水准。
在整个教学过程中，在教学过程中自己还缺少更高的艺术修养和艺术创造能力，所以还要不断的学习；另外就是技术上还需要完善，也需要和有经验的老师多交流，多沟通。相信只有站在一定的高度去看整个项目的实现，会更通俗易懂也更有说服力，所以也不能说都是学生的原因，归结起来还是要提高自己的知识水平和业务素质！
二、了解学生，加强考核。
针对全体学生来说，聪明程度相当，但学习兴趣层次不同，大部分学生只愿意听后选择性的接受，而没有知识的创新利用，或者是没有下去自学，巩固知识，单一的只是听和做。有的同学，上完课后根本就直接把书丢在一边置之不理。综合学生的学习态度问题，个人认为还需要加强考核制度，从严制学，宽进严出，严肃考风！
三、教学内容心得
1.网页制作要简洁大方。网站在设计过程中以简洁大方为主，配合合理的颜色搭配和主题内容的诠释，给访问者赏心悦目的感觉；而避免过多的动画和帧的过多运用，以及不明确的导航，杂乱的颜色，没有主题的胡编乱造。 2.网站风格要统一。所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，也会对你的网站留下一个 “很专业”的印象。
知识运用中要大量配合合理的模板、CSS样式的运用而避免在网页中反复的字体样式重定义颜色的胡乱运用，参差不齐给人杂乱的感觉。
3.网站布局合理。避免一些“拿来主义”，一些学生为了设计方便，拿网上流行的模版做网页，做出的网页几乎是千篇1律，没有特色，虽然完成了网页的制作，毕竟不是出自个人之手，知识缺乏进一步巩固，且让浏览者产生厌倦。另外导航清晰化，能引领浏览者阅读网页，思路一定要清晰，避免交叉链接。
4.网站容量要小。虽然网页更加美观可以吸引浏览者，但是图片，动画容量大会影响浏览速度，所以一定要注意网络容量问题。图片尽量压缩，多采用单一色，或者简单的颜色；动画要尽量简洁实用，用最少的帧做出最漂亮实用的动画，给网页增色。
但是总体来说，通过整个学期网页制作的学习，学生已经了解了网页制作所需要的基本技术，也掌握了网页制作的基本技能。但由于时间紧迫，知识点多，一些重点难点问题还需要勤加练习，比如：静态网页中的布局和CSS 的定义；动态网页中对象的综合运用等等。当然也存在着遗憾，不少学生反映，学习爱好更多的是动画的制作即 Flash的学习，而我们只是笼统的讲解，不能完全满足学生的求知欲！当然针对网页制作来说，还需要加强学生的配色观念以及审美观的培养，以及动态网页的实现技术的把握，在很多方面还需要老师和学生们进一步配合，共同学习和实战，以达到知识运用的一定高度！
推荐第7篇：网页制作教学设计
《网页制作》教学设计
阜新市第十八中学
彭勇
一、教材依据
辽宁师范大学出版社 初中信息技术八年级上册，第二单元《网站设计与制作》，活动1“创建个人网站”以及活动2中的关于部分FrontPage2000的内容。
二、设计思想
【教学指导思想】
信息技术课是一门实践性很强、极富创造性、具有明显时代发展性特点的课程。而现代教育理论提倡以学生为中心，强调学生“学”的主动性，学生是信息加工的主体，教师的作用体现在组织、指导、帮助和促进学生的学习、充分发挥学生的主动性、积极性和创造性，从而使学生最有效地进行学习，达到最优的教学效果。 因此本课题遵循“教师主导，学生主体”的设计理念，让学生在教师的引导下，对所学的内容进行探索、分析、研究，在实践操作中培养学生科学的态度和价值观，同时培养学生的学习兴趣。
【教学对象分析】
.学生的知识能力
教学对象是八年级的学生，这一阶段的学生正处在抽象逻辑思维逐步形成的过程中，但形象思维仍是获取知识的重要思维方式。而本节课中涉及到的HTML语言有其枯燥难懂的一面，学生在理解上存在着一定的难度，所以教师在教学设计中希望能通过学生自己的双眼、双手以及思考来发现新知识，从而减轻他们对新知识的畏惧、降低理解的难度。
.学生心理特点分析
初中学生活泼好动、好奇心强、求知欲旺、视野广泛，对信息技术充满兴趣，大部分学生都能熟练使用浏览器浏览网页，他们对上网和网页有着极大的兴趣。所以在本课题中教师利用学生的这种心理设计了一个趣味导入，从趣味引入学生感兴趣的网页，使学生在课堂中保持着较高的学习积极性。
【教学内容分析】
本节课是新授课且是第二单元《网站设计与制作》的第一节课，教师将这节课的重心放在了“启下”上，目的是激发学生的学习兴趣和他们的求知欲，为顺利开展以后的教学活动打好基础、做好铺垫。本节课的教学内容有两个方面，一是初识HTML语言，二是初识FrontPage2000的窗口组成。教师设计的重点并不是让学生充分理解HTML语言的结构，而是通过HTML语言能够有效地引出制作网页的软件FrontPage2000，继而使学生能顺其自然产生使用FrontPage2000制作网页的兴趣。
教学内容的整合：课本上将初识HTML语言和FrontPage2000的窗口组成分在了两个活动中，考虑到信息技术课一星期一个班只有一节课，如果第一节课只讲HTML语言，不涉及制作网页的软件FrontPage2000，会令学生感到枯燥，同时这种枯燥感很可能会维持一个星期直到下节课，这样学生对制作网页的兴趣就远不如将两个教学内容结合起来的高，也不利于今后的教学活动开展。所以教师将本节课的重心放在让学生理解HTML语言与FrontPage2000之间的联系上。
三、教学目标
【知识与技能】
（１）了解网页与网站的有关知识；
（２）了解HTML标识性语言的功能及结构；
（３）认识构成网页的基本元素；
（４）了解常用的制作网页的软件； （５）了解网站策划与定位的重要性，掌握网站的规划流程；
（６）了解网站设计软件FrontPage2000的窗口组成；
（７）学会设计有意义的网站主题，收集网站相关资料，画出网站的结构图。 【过程与方法】
（１）趣味导入新课的内容，极大地发挥学生主体、教师主导的作用；
（２）适时引导学生产生新的问题，再通过教师的讲解与演示、对比和学生的自主学习来解决问题。
【情感态度与价值观】
（１）强烈的求知欲激发学生的学习兴趣和学习积极性；
（２）了解信息技术的前沿知识后，学生会对信息技术课保持新鲜感和兴趣感；
（３）学生在不断实现自己主体地位的同时，也获得了新知识，更从中体会到了学习的快乐。
四、教学重点和难点
重点：
1、认识构成网页内容的基本元素，理解网页布局的特点；
2、了解HTML标识性语言的功能及结构；
3、学会启动FrontPage2000，了解网站设计软件FrontPage2000的窗口组成，理解各组成部分的功能；
4、网站主题的确立，规划网站结构图，学会创建新站点的基本方法。
难点：
1、理解HTML标识性语言的结构及应用HTML语言编写简单网页；
2、网站如何定位；
3、如何收集网站的相关信息；
4、在导航视图模式下建立网站结构。
五、教学准备
①搜集常用的网页制作软件的相关信息；
②打开多媒体电脑教室的教师机和学生机，保证电脑教室的广播系统工作正常；
③共享班级文件夹；
④示例的班级网站及网页。
六、教学模式选择
“学生主体，教师主导”的教学模式。
七、教学过程
1.情境引入： 向学生展示一组优秀网站、网页，激发学生创作自己个人网站的兴趣和欲望。学生在观看，欣赏网站时，受到激励产生想制作一个网页的冲动。在师生欣赏网页作品时复习回顾已学并已淡忘的基础知识。问题：网页的构成元素及布局？教师分析案例，与学生共同回顾文字的插入、图片的插入和设置、动画的插入和设置、表格的相关操作等相关知识。让学生在案例中回顾基础，激发灵感。并引入本节主题，自己动手制作网页。
2.展示模板：
教师向学生展示本节课要完成的网页。要求学生会模仿制作出该网页模板，并能够自己创作出新的网页模板。
3.本节任务：
1）网页与网站有什么区别？
2）一个网页由哪些元素组成？对照给出的网页分析网页的组成元素—标题图片，标题栏，水平线，滚动字幕，图片，文字及背景等等。
3)用Photoshop 处理素材，达到给出网页中图片标题，并设计出突出自己主题的网站标题。 拓展：用photoshop软件，画图软件，或flash软件设计自己需要的网页图片。 4）要求学生会模仿制作出该网页模板，并能够根据自己确立的主题制作一个网页模板。 学生自主完成模板仿制，并自主探究设计一个复合自己设计主题的网页模板。小组内成员可相互交流，教师巡视，随时解决学生在学习过程中遇到的问题，并注意收集有共性的问题，并适时给以学生以点拨。尤其关注一下学困生。
5）小组选出最佳模板，探究完善此模板，然后以此模板设计网页。 4.评价展示：
作品完成，提交给教师机，自我评价，小组互评，选出小组最佳作品提交展示，师生共同赏析评价，挖掘作品优点，并指出改进之处。培养大家的审美能力，并挖掘大家的创新能力。
5.课堂小结
师生共同回顾这节课的基础知识与基本技能，并加强网络道德意识，注意版权。
八、教学反思
在信息技术教学中，必须以新的教学理念和教学理论为指导，根据新的课程标准，探索适合信息技术课堂教学的教与学的新策略和新模式来挖掘学生潜能，提高学生素质。
以前我总认为信息技术课就是教会学生如何操作，课堂中总是采用“教师讲，学生听”的传统模式，是“学”跟着“教”走，只要“我说你做”就可以了。现在我尝试着做一些改进，在本课题中围绕“学生主体、教师主导”的设计理念去设计每个教学环节，积极体现学生的主体作用，努力提高学生的学习效果。
实践证明我的想法是好的，但是在实践中难免有疏忽和做的不够细的地方。比如：由于我的观察不全面，忽略了个别学生学习中的心理障碍，有些学生的畏难情绪影响到他的整个学习效果；课堂学习气氛热烈但不够和谐。这些都说明了一个问题：我仅仅注重了学生整体主体的体现，而忽略了个体。经过思考，我认为在这节课的教学设计中可以多增加个体展示的机会，特别是那些学习有困难的学生，我应该多关注他们的动态，多帮助他们。
本课的教学目标是掌握使用FrontPage制作网页的基本方法；重点是掌握在网页中插入文字和图片的方法；难点在于插入表格规划网页的结构。
备课时，发现教材以一个标题，一张图片以及一篇文章的简单结构示例，如果完全依照教材进行授课，势必无法突破难点。于是设计了一个将学生前期制作的环保报刊，利用FrontPage软件制成网页的环节来帮助学生突破难点。并取学生环保报刊中具典型结构的五份。制作出引导学生分析结构，规划框架的演示片备用。
课堂以自主探究的模式展开，同学们在以往的学习中已掌握了在Word中插入表格、图片等方法，在FrontPage中他们很顺利地完成了教材呈现的目标。基本掌握了单张网页的制作方法。
接下来就是突破难点的训练。面对演示片呈现出的任务及教材相关提示。此时，问题集中到如何插入一个布局表格来实现规划好的结构。而教材上完全没有提示学生探究FrontPage “表格”与Word “表格” 功能的异同。少数同学开始试着插入适合自己网页结构的框架表格，而大部分的同学则完全没有考虑结构问题，做起直接的搬移，将FrontPage当成Word来用。直到出现无法将图片，文字放置到设想位置时，才意识到教材中“FrontPage通常用表格来安排网页中各种内容（文章、图形等）的版面位置。”这问话的含义是否明确。急着寻求解决的办法。我便让哪些意识到要先插入适当结构框架表的学生来说说他们的想法。并及时出示与学生思维一致的演示片，将探究FrontPage “表格”功能的提示呈现给他们。同时利用极域教室的功能，向全体同学展示同伴的探究结果，让学生不同的思绪方式及智慧产生碰撞，相互启示，顺利突破教学难点。
推荐第8篇：网页设计
燕山大学
电子商务法论文
题目：网络链接引发的著作权案
学院（系）：经济管理学院年级专业：09级电子商务学号：090105070023学生姓名：郭振宏
指导教师：胡心专
日期：2011/4/1
4网络链接引发的著作权案
摘要：链接是互联网上快捷地传递和获取信息的一种技术手段，是互联网的重要功能。上网者通过链接获取的网上信息存在侵权问题时，一般应当追究上载该信息网站的法律责任，提供搜索引擎链接服务的网络经营者不承担侵权责任。但是，如果该网站经营者明知其他网站网页上含有侵权内容的信息，还继续提供该种服务，则应承担侵权责任。
关键词：非法链接；著作权保护
1、刘京胜诉搜狐侵犯著作权案
2000年10月，原告刘京胜在上网访问被告搜狐公司的搜狐网站时，发现通过点击该网站“文学”栏目下的“小说”，即进入搜索引擎页面。根据页面提示顺序点击“外国小说@(5064)”、“经典作品(86)”、“唐吉诃德——[西班牙]塞万提斯”、“译本序言”后，可在页面上看到其翻译作品《唐吉诃德》。于是，原告刘京胜申请北京市公证处对以上上网的操作过程、路径和终端监视器上显示的页面内容进行公证，后据此于24日向北京市第二中级人民法院提起诉讼。11月6日，被告向北京市公证处申请按照原告上网的过程、路径进行公证。15日，被告向北京市公证处申请对上述网站访问《唐吉诃德》中文版的过程和路径进行公证。被告两次公证的目的在于证明：1.该作品不是其搜狐网站上载，亦不在搜狐网站的网页上，而是通过搜狐网站的搜索引擎进入他人的网页后才看到该作品;2.直接访问、网站，即可看见载有原告翻译作品的网页;3.由于搜狐网站与上述三个网站有链接关系，所以能通过搜狐网站访问这三个网站载有原告翻译作品的网页。
11月23日，本案开庭审理时，原告当庭明确要求被告断开与上载其翻译作品的网站的链接。被告以法律未规定链接是侵权为由拒绝。30日，被告才断开链接。
裁判结果：北京市第二中级人民法院认为：根据《中华人民共和国》第十二条的规定，原告对《唐吉诃德》享有翻译作品著作权，应当受到法律保护。未经许可使用其作品，是对著作权的侵害。当得知侵权行为发生或可能发生时，任何与该侵权行为或结果有一定关系的人，都应当采取积极的措施，防止侵权结果扩大。
被告向公众提供搜索引擎服通过搜索引擎与侵权网站发生了临时链接，其虽然难以控制搜索引擎的特定搜索结果及其附带的临时链接，但完全有能力控制对特定网站或网页的链接。原告提起侵权诉讼时，虽因了解两种技术的不同而将搜狐公司链接行为指控为上载，但毕竟将自己是涉案作品的著作权人、其权利被侵害以及希望尽快制止侵权的意思表示清
楚。被告收到起诉书后，没有及时断开链接，使侵权结果得以扩大，起到了帮助侵权人实施侵权的作用。依照著作权法第四十五条第(八)项的规定，被告应当对自己的这种行为承担侵权的法律责任。
2、娱乐基地诉百度MP3深层次链接
2006年4月7日，杭州原创音乐网站“娱乐基地”向北京市第一中级人民法院正式起诉，控告百度、新浪和雅虎MP3搜索引擎侵犯其著作权，并要求每家公司赔偿其经济损失500万元。 “娱乐基地”指出，百度等3家公司通过搜索技术直达“娱乐基地”网站的下载后台，将本该付费下载歌曲的绝对地址开发给网民免费下载。“娱乐基地”认为百度等搜索引擎公司的行为给其造成了经济损失。
“娱乐基地”称，百度提供的“深层链接”，其链接的是数据库的MP3文件，这使得网民无须打开被链接网站的页面就能免费下载，百度从中获取巨大的商业利益，而无需承担上传、保存、编辑等劳力财力支出。“娱乐基地”需要为此承受各种硬件资源，维护网站的成本每年高达数千万元。由于搜索引擎提供免费MP3下载，“娱乐基地”在数字音乐方面得不到任何收益。因此诉至法院，要求百度、雅虎、新浪三个被告立即停止侵权、公开赔礼道歉，并各自赔偿经济损失计500万元。
百度方面则认为，侵权的是提供盗版资源下载的网站，而非搜索公司。百度只为网民提供搜索结果，但无法判断搜索到的东西是否侵权。
2007年1月，持续了10个月的娱乐基地诉百度 MP3 深层链接侵权案有了庭审结果：北京市第一中级人民法院驳回娱乐基地对百度的诉讼。
网络服务商免责：提供链接、搜索服务，接到通知停止链接、不明知不承担责任。 对于搜索链接服务商的责任，《信息网络传播条例》第二十三条规定了免责条件，即网络服务提供者为服务对象提供搜索或链接服务，在接到权利人的通知书后断开与侵权作品的、表演、录音录像制品的链接的不承担责任；但是明知或者应知所链接的作品侵权的，应承担共同责任。
3、法律与网络共同发展
互联网是一个高速发展的全新行业，对于浩瀚的信息来说，搜索引擎使其从混乱无序、随意的状态，转变成有规律、系统的世界。链接则将网上的关联内容同时呈现，又排列有序，使普通用户可以轻松得到需要的信息，最大程度的发挥了互联网对信息的传递功能。
对于这个日新月异的互联网领域，法律是不可能事无巨细的超前规定的。各国目前都在对搜索、链接服务引起侵权责任进行探讨，但都还没有明确的规定。美国的DMCA为了鼓励搜索服务，提供了“安全港”原则，使ISP在接到通知后，只要删除被主张权利的作品，或停止链接该作品，即可免去承担侵权责任的危险。但在其Napster判决中，提供侵权内容链接的行为，却又被认定为侵权的帮助行为。使其对搜索、链接的态度更加难以判断。
相信随着互联网SP业务发展的不断成熟，在不久的将来，我国法律对于搜索、链接的问题，必然会做出明确的规定。
参考文献：
【1】《反不正当竞争法》
【2】《著作权法》
【3】陈坚《试析非法链接的著作权间接侵权责任，中国政法大学硕士学位》
【4】王迁：《论网络环境中版权直接侵权的认定标准（上）》，载于《东方法学》2009年第二期，第一页
推荐第9篇：设计网页
1、设计在线（新闻绝对是业界最及时的）
2、视觉中国（新新设计师的代表性网站，有些杂，速度也不快）
3、设计前沿（从事工业设计的同胞们必去）
4、设计师家园（建筑与室内设计师非去不可）
5、亚洲CI网（网站本身不怎么样，但是论坛非常不错，高手云集）
6、V6DP（论坛，年轻设计师的天下）
7、ad110.com（云集非常多大师作品以及他们的网站导航）
8、Arting365（有些不错的独门信息及作品）
9、台湾创意设计中心（了解台湾设计的必去站点）.tw/
10、肖勇（中央美院教师的网站，有些信息值得阅读）
设计师值得去的十大新网站
1、DDC传媒（强调数字艺术的综合性网站，2004年底成立）.cn
2、ad110.com（云集非常多大师作品以及他们的网站导航，2004年底成立）
3、鲜创意（综合性网站，2005年初成立）
4、数字艺术（搜狐数码频道的分栏目，2005年初成立）
digi.it.sohu.com
5、涂鸦王国（自由开方性质的网上涂鸦站点，2004年底成立）poobbs.com
6、中国美术家（非常全面，但是速度非常慢，2005年初成立）.cn
9、视觉同盟网（综合性网站，2004年成立）
10、中国广告协会（不说了，看题目就知道，2005年初成立）
推荐第10篇：网页设计
网面设计
第一次作业
1.在不同类型的旅游网站中，制作风格接近于正统的商业网站类型，但带有旅游网站活泼、轻快的特点的是（ D ）。
1.2.3.4.景点类网站
旅行社网站
户外运动俱乐部网站
旅游服务类网站
2.Flash输出的网络动画文件格式是（A ）。
1.2.3.4.swf
mov
wav fla
3.Flash中，时间轴的用途是（
D）。
1.2.3.4.开启新文件
关闭旧文件
存储旧文件
制作动画情节
4.Dreamweaver CS5中有很多面板，其中用于管理本地站点文件和文件夹的面板是（ A ）。
1.
2.3.4.文件面板
插入面板
属性面板
行为面板
5.下列哪个是Photoshop图像最基本的组成单元（ D ）。
1.2.3.4.节点
色彩空间
路径
像素
6.在Photoshop CS中，下面哪种工具可以选取要操作的局部图像？（ D ）
1.2.3.4.吸管
抓手
铅笔
魔棒
7.Photoshop CS存储文件时，默认的文件格式是（ A ）。
网面设计
1.2.3.4.PSD
BMP
JPEG
8.HTML网页源文件的文件类型是（B ）。
1.2.3.4.可执行文件
文本文件
二进制数据文件
二进制多媒体文件
9.下面不是Web服务程序的是（A ）。
1.2.3.4.Word
Apache
IIS
Tomcat
10网站可以划分为不同的类型，如果按照网站的服务分类，则“七匹狼服饰”网站属于的类型是（A ）。
1.2.3.4.展示型网站
内容型网站
电子商务型网站
门户型网站
11 对于在网络上播放的动画,最合适的帧频率是（ B ）。
1.2.3.4. 8fps
12fps
24fps
48fps
12 打开Dreamweaver CS5后，如果工作界面中没有出现属性面板。可执行（ B ）菜单中的“属性”命令将其打开。
1.2.3.4. 查看
窗口
命令
站点
13 常用来接收用户在浏览器端的输入数据，然后将这些信息发送到服务器端的页面元素是（D ）。
网面设计
1.2.3.4. 文本
图像
表格
表单
14 网站可以划分为不同的类型，如果按照网站的服务分类，则“京东商城”网站属于的类型是（C ）。
1.2.3.4. 展示型网站
内容型网站
电子商务型网站
门户型网站
常用来接收用户在浏览器端的输入数据，然后将这些信息发送到服务器端的页面元素是（D ）。
1.2.3.4.
第二次作业 文本
图像
表格
表单
1北京邮电大学网络教育学院网站属于（A ）。
1.2.3.4. 互动学习类教育网站
主题资讯类教育网站
教育科研类教育网站
综合类教育网站
2 下列关于CSS的说法错误的是（D ）。
1. CSS的全称是Cascading Style Sheets，中文的意思是“层叠样式表”
2.CSS的作用是精确定义页面中各元素以及页面的整体样式
3.CSS样式不仅可以控制大多数传统的文本格式属性，还可以定义一些特殊的HTML属性
4.使用Dreamweaver CS5只能可视化创建CSS样式，无法以源代码方式对其进行编辑
3.下面关于个人网站设计的叙述错误的是（ C ）。
1. 个人网站设计时需要考虑浏览器的兼容性问题
网面设计
2.为了使网站生动，个人网站设计可以考虑使页面具有交互性
3.为了使网站生动，个人网站设计应该较多地使用动画
4.设计个人网站时要少用特殊字体
4.下面关于Spry框架的叙述错误的是（B ）。
1.2.3.4. Spry框架可用来布局网页元素
Spry框架是是由HTML标签生成的
利用Spry框架可以制作菜单栏
利用Spry框架可以制作选项卡式面板
5.下列选项中关于在Dreamweaver CS5中的AP元素的说法错误的是（ D ）。
1.2.3.4. AP元素是一种 HTML 页面元素，用户可以将其定位在页面上的任意位置
一个网页可以有多个AP元素、各个AP元素可以重叠、可以设定是否可见等
对AP元素的基本操作包括：AP元素的插入和嵌套、AP元素的操作和属性设置等
AP Div标签是定义Web页面的内容中的逻辑区域的标签
6.下面不符合门户网站设计要点的是（ C ）。
1.2.3.4. 要有清晰的导航设计
尽量使用模板进行设计
各个子页面的风格及配色方案必须一致，不能有差异
可以用特殊的颜色标注出要突出显示的内容
7 下列关于库项目的说法错误的是（ D ）。
1.2.3.4. 库项目可以看成是网页上能够被重复使用的“零件”
利用库项目同样可以实现对文档风格的维护
在不同文档中放入相同的库项目时，可以得到完全一致的效果
不可以将多个文档内容的组合定义成库项目
8 某用户在用模板做的页面无法插入层，其原因可能是（B ）。
1.2.3.4.层不可能插入用模板做的页面
该用户没有定义可编辑区域
只能先插入表格，再将表格转换成层
该用户没有定义锁定区域
9要使表格的边框不显示，应设置border的值是（ A ）。
1.2.3.4. 0
1 2 3
网面设计
10使用Dreamweaver CS5制作页面时，在网页中插入表格，表格的对齐方式不包括（ D ）。
1.2.3.4. 左对齐
居中对齐
右对齐
分散对齐
11 以下不应是餐饮类网站设计风格的是（ C ）。
1.2.3.4. 大方、简洁，操作方便
唯美、优雅
业务包罗万象
庄重、大气，典雅高贵
12 在HTML页面上编写JavaScript代码时，应编写在（ B ）标签中。
1.2.3.4. 和
和
和
和
第11篇：网页设计期中教学总结
网页设计期中教学总结
计算机工程学院—王湘文
这个学期我担任了计算机科学技术学院09计网
一、二的网页设计这门课程。作为网页教师，在前面半个学期的教学中，我做到了认真制定计划，注重教学理论，认真备课和教学，努力上好每一节课，并和其它优秀老师交流，从中吸取教学经验，取长补短，提高自己的教学水平。按照课程要求进行施教，让学生掌握好网站建设知识。还注意以德为本，结合商业网站实例进行层层善诱，多方面、多角度去培养学生的实践能力、提升其操作技能。
下面从以下几个方面来谈谈我这个半个学期的教学总结：
一、上半学期教学工作的回顾
1、教学进度
网页设计这门课的教材共16章，按照教学进度，我们已经进入了第10章插入表单的学习。教学进度基本上按照原计划已经完成了。
2、教学方法
教学中我从以下几方面进行努力：
掌握教材的基本思想、基本概念，
一、课前准备。熟悉教材。解教材的结构，重点与难点，掌握知识的逻辑，能运用自如，知道应补充哪些资料，采用哪个实例作为网页教学实例；解学生的知识结构，解他兴趣、需要和习惯，知道他学习新知识可能会有哪些困难，采取相应的预防措施；结合学生情况采取何种教学方法，解决如何把教材上的知识系统地传授给学生，包括如何组织教材、如何安排每节课、如何讲解实例。
设计一些实际中的商业网站案例，
二、课堂情况。网页设计课上。课堂上引起学生的兴趣，激发学生的创作兴趣。网页设计课里包含有一些图片设计和动画设计，这些需要有丰富的想象力才能制作出优秀的作品，课堂上，也尽力培养学生的想象力，引导学生想象。课堂上，始终以学生为学习主体，把学习的主动权交给学生，挖掘学生潜在能力，让学生自主学习，提高学生学习的独立性。记得在有节课，把腾讯的一个分支网站拿来讲解，让学生先看，看了后让学生在草稿纸上画出自己的设计草图。最后我再来以不同的方式讲解该网站制作的方式，给学生从
多角度进行分析。有时也让学生在教师机上当场操作，让学生的智慧、能力得到体验，使学生成了学习的主人，使学习成了需求，让他觉得学习中有发现、有乐趣、有收获。课堂上关注全体学生，注意信息反馈，调动学生的注意，使其保持相对安静，同时，激发学生的情感，使他产生愉悦的心境，创造良好的课堂气氛，课堂语言简洁明了努力克服重复的毛病，课堂提问面向全体学生，努力引发学生学网页课的兴趣。还要做好课后辅导工作。认真批改学生的作业，
三、课后工作。要提高教学质量。总结学生本次作业中的不足，解哪些知识学生还没有理解并在下一节课时进行补充说明。鼓励优秀学生，激发其它学生。课后多和学生交流，解其学习情况，以便改善教学。
3、存在问题
一、由于教材过厚，学生反映教学速度过快。以后在教学过程中将注意教学进度，尤其是语速。
二、教学中的相互合作有待提高。
三、网络教学资源还不是特别丰富，不能很好满足教学需求。今后将进一步加强网络资源建设，并提高资源利用率。
二、下一阶段教学工作的计划
在下个学期的教学中，我将继续认真备课，上课；按原订授课计划完成教学任务。并且总结上半个学期教学中存在问题，争取改进。同时，网页设计是一门需要实践的课程，我将做好网页设计实训计划以及拟订期末考试度卷。做好学生考评工作。
第12篇：]《网页的美化》教学设计
网页的美化
教学内容及设计理念分析：
《网页的美化》是《初中信息技术》八年级上册第1单元第4课的重要内容，本节课主要引导学生学习了解美化网页的常用的方法。“画面的丰富性和多样性，能给学生以有力的视觉冲击”，因此，设计本课时，我通过两种画面的对比，激发学生兴趣，并通过分解任务，让学生在设置背景、音乐、Flash动画和滚动字幕等方面，获得美化网页的基本知识和技能，体验学习的快乐。 【学习目标】
1、知识目标：
掌握美化网页的常用方法，理解美化网页对提高网站质量的作用。
2、技能目标：
学会在网页中设置背景、音乐、Flash动画和滚动字幕。
3、情感、态度和价值观目标：
善于发现美，提高审美意识，从自身做起美化生活。 【课时安排】 建议1课时 【重难点】
重点：在网页中设置背景、音乐、Flash动画和滚动字幕。 难点：在网页中设置音乐、Flash动画。 【教学准备】
自制课件、教学软件
教学过程：
一、创设情境，激趣导入
师：（出示两张网页，一张很单调，另外一张是经过美化的网页。）同学们，这是两张不一样的网页，你们认为哪一张好看？注意要说说自己的理由。
学生观察网页，然后发表见解。
生一：第二张好，因为简明扼要，效果直观。
师：（及时评价）这个学生很有审美观点，说出了自己的看法。
生二：第二张好看，因为色彩好，有音乐，有动画„„ 生三：„„ 生四：„„ 师：大家想学习美化网页的方法吗？
生：（学生的兴趣被调动起来，课堂教学就成功了一半。）想。
师：今天我们就来学习一些美化网页的方法，主要有在网页中设置背景、音乐、Flash动画和滚动字幕等。
设计意图：好的开始等于成功了一半。这一部分主要通过创设美感情境，提高学生审美意识，激发学生美化网页的热情。
二、自主探究，交流分享
（一）自主探究：
1、明确探究任务： （1）认识网页美化的优点。 （2）自主探究，掌握一定的方法。
2、教师引导，让学生认识网页的美化的优点。
师：首先，我们来看一下本节课的小标题，都对网页进行了哪些美化？ 生：快速浏览，并说出内容：
设置网页的背景，设置表格的背景，插入背景音乐，插入Flash动画，插入滚动字幕等。
师：那么，我们就亲自来探究一番吧。
3、学生根据不同的喜好，分小组进行研究。（自主探究）
（1）同学们，你们想对网页的哪一块进行美化呢？（给定不同的任务） 任务一：设置网页背景
任务二：设置表格的背景 任务三：插入背景音乐 任务四：插入Flash动画 任务五：制作滚动字幕
（2）生找到自己喜欢的操作并进行小组探究学习。
设计意图：让学生在明确学习目标和学习任务后，进行自主学习。在整个学习过程中充分发挥学生的主动性，培养学生独立分析、解决问题的能力，使学生能够循序渐进地学习信息技术的知识和技能。
师：如果在研究的过程中我们遇到了困难，应怎样解决呢？ 生：靠老师，更靠自己。
4、小组内部交流疑难问题。和其他同学商量、看课本、查资料。
5、老师穿插其中，给学生适时个别指导。
设计意图：让学生明确学习目标和学习任务后，对自己喜欢探索的内容进行有选择性地自主学习。充分发挥学生的主动性，培养学生独立分析、解决问题的能力。
（二）交流分享：
1、小组内交流汇报，推选代表发言。
师：我看同学们通过自己的探究，已经小有收获了。下面，各小组成员就把自己的收获和小组内的同学交流交流，然后每个小组推选一名代表来发言，说说你们小组共同努力的结果。咱们看看哪个小组的同学收获的最多，汇报的最精彩。好，开始。
生：内部交流，推选代表发言。
师穿插在小组当中，了解交流汇报的情况，为下一步的合作交流奠定基础。
设计意图：学生以小组为单位，自主交流，并推选代表发言，以期养成良好的学习习惯。
2、各小组代表在班级内汇报研究结果。
师：同学们讨论的这么热烈，看来收获还真的是不少。下面，我们各小组派代表来汇报研究成果，注意尽量地边操作，边说说小组的研究成果。
3、在交流分享过程中，老师穿插在小组中，并进行适当调控、点评、指导。
4、在此基础上，鼓励学生进行设置网页背景和设置表格背景的方法尝试。设计意图：学生将自主探究的结果进行分享交流，使得学生的思维进行充分的激活，获得解决问题的最佳途径，并使学生在独立探索过程中不断获得成就感。
三、合作学习，释疑解难
师：刚才，我们分别听取了四个学习小组的汇报，我发现同学们的收获还真不少。对于网页美化知识，哪些同学还有不是很明白的地方，可以提出来，我们大家一起来共同探讨一下？
1、学生提出疑难问题，如插入背景音乐、插入Flash动画、制作滚动字幕等。
2、学生互帮互助，解决一些疑难问题。
3、教师集中讲解比较有共性的问题。（包括实践和理论的问题。） 设计意图：将学生在自主探究中出现的没有解决的重难点问题，再次交给学生，通过小组内分析讨论，找出方法，使问题得以解决，达到开阔学生思路、进一步理解知识的目的，并使学生的团结协作能力得到培养。最终学生有解决不了的问题，老师可以有针对性的进行点拨提示。
四、实践创作，展示评价
师：大家都没有问题了，看来同学们对刚才所研究的内容已经掌握的不错了，根据刚才我们研究的内容，运用今天所学的知识，完成课本28页实践与创新，过一会儿，我们一起来展示展示，看谁美化的最好、做的又快？
生：实践创作。
师：发现有新意的作品，予以展示。 师生：根据自己的观点来进行评价。 生：吸收同学们的建议进行二度创作。
在此基础上，每个小组评选出优秀作品，最优秀者颁发“最佳美工奖”。 师：这节课，我们每个小组都制作出了非常棒的作品，相信以后的练习，大家的作品会更优秀的。
设计意图：采用多种形式对学生的作品进行展示、交流、评价，增强学生的自信心和自我成就感，同时达到交流思想、取长补短的目的。
五、梳理总结，拓展延伸
生：回顾本节课内容。
师：根据生回顾情况，再由教师作适当补充。
师：这一节课我们学习了网页的美化，还创作出了许多优秀的作品，希望同学们能将今天所学的内容运用到我们的实际生活当中去，由美化你的网页进而美化自己的生活，如卧室的布局、客厅的装饰等等。
师：提出的拓展问题。在因特网上，有许多的好看的gif动画，如何把它插入到我们的网页上呢？
生：利用余下的时间或课下查阅完成。
设计意图：通过对本节课所感兴趣内容的梳理、总结，并在此基础上进行拓展延伸，培养学生动手实践能力和创新能力。
第13篇：第八课《美化网页》教学设计
第八课《美化网页》教学设计
【教学目标】：
1.知识与技能：能在网页中插入图片，设置图片属性，对图片进行简单编辑；能通过网页属性设置网页的背景。
2.过程与方法：通过自主探究，小组合作，培养学生的动手实践能力和合作交流能力。
3.情感态度价值观：通过网页制作，培养学生对美的感受及创造美的能力，提高自身的艺术修养。【教学重点、难点】： 1.插入图片，设置图片属性，对图片进行简单编辑.2.了解网页的整体风格、能有意识地将图片放在“images”文件夹下
【教学具准备】：多媒体课件、广播教学系统
【课时安排】：1课时
【教学过程】：
一、导入
师：最近，海西教育网在招聘微博小编辑，同学们想不想去试一试呢？要成为小编辑可不是一件简单的事，它必须要下苦工，要知道优秀的网站应该具备的条件。让我们先来看一下下面几个网站实例。
展示三坊七巷、海西教育网站实例，引导学生四人一组进行观察，交流，提出引导性的问题：优秀的网站应该具备哪些条件呢？
请个别小组的代表汇报自己的想法，并用实例验证。
师小结：色彩合理；主题鲜明；版面协调„„
师：要想成为小编辑需要完成很多挑战，首先必须上交一个具有个性特性的自我介绍。
接着展示两个自我介绍网站页面，一张是没有美化的，一张是经过美化的，引导学生进行比较，明确学习任务.
二、新课
挑战一：为网页“梳妆打扮”
课件出示任务：网页中文字的字体太单调，不好看，请同学们将文字设置成自己喜欢的格式。
引导学生自主操作，教师巡视。
请学生口述操作过程，教师操作并小结。 教 与 学 的 双 边 活 动
挑战二：使网页“图文并茂” 课件出示任务：给网页加上图片，让网页更加丰富。
1.引导学生回顾word中插入图片的方法，然后引导学生根据教材44页步骤自主尝试。
2.学生口述，教师操作。
引导学生观察，让学生发现插入图片后出现问题“图片太大，位置不好”引出：
挑战三：图片我会修
1.引导学生回顾word中修饰图片的步骤；
2.然后让学生引导学生，根据教材45~46页的内容对图片进行修剪；3.请小组代表上台操作；
4.教师进行小结；此过程中故意使用站点外的图片作为插入对象，保存网页时，引导学生观察并思考出现问题的原因。
5.对还没完成任务的同学接着操作完成任务，并对图片进行简单的编辑操作。
挑战四：觉得白色的网页太单调，请你给网页穿上‘花衣服’，让它看起来更漂亮。
1.引导学生，可以给网页的背景加颜色或图片。
让学生让小组进行讨论，后操作；教师巡视，并对个别学生进行指导。 2.派代表上台操作，教师再对学生的回答进行简单的点评和评价。 1.学生自己谈谈：这节课你学到了什么？有什么收获等等。 2.评选出今天的最佳小编辑，并让学生填写评价表并上交。
第14篇：网页设计流程教学案例
我最成功的一节课——网页设计流程
“网页设计流程”是中职计算机应用专业课《网页制作与设计》的重点教学内容。根据中等职业学校计算机应用专业课程的主要任务及对教材内容的分析研究，在“网页制作流程”这课的教学中，我把掌握网页制作流程的一些技术和方法为知识目标，通过对知识的学习和对作品的创作培养学生创造能力，协作能力，动手能力，评价能力，同时在教学中培养学生的审美、欣赏、创新，主动探索与发展的能力为情感目标。那么，如何来实现教学目标呢?我进行了教学研究的尝试，引导学生开展探究性学习：网页制作作品。
课堂教学实例
课题：网页制作流程
一、教学目标
知识与技能
1、熟悉网页的各种元素，以及各元素在网页制作过程中的应用。
2、掌握网页制作过程中的一些技术和方法。
过程与方法
1、以建构主义理论为指导，以研究性学习为载体，培养学生自学，合作学习和动手能力。
2、学生通过亲身经历，提高分析和解决实际问题的能力。情感与价值观
1、培养学生与他人协作的学习品质，加强集体主义的观念。
2、培养学生的科学探索精神与严谨的治学态度。
任务描述
根据学生不同的学习能力，知识、兴趣爱好，依据自愿组成原则，将全班分为6人的小组，各小组规划出网页设计方案，分工合作制作网页，重点注重网页制作流程，并由学生自己担任评委，评选出优秀网页。
二、教学过程
1、课前准备
（1）以小组为单位，规划网页结构方案，描述网页制作流程。
（2）根据这个方案进行工作分配，依据所给网页制作流程准备材料、备写相关材料。
2、制作过程 （1）栏目设计
（2）资料搜集
（3）网页蓝图制作
（4）色系选择 （5）字体选择
（6）页面详细设计
3、网页评审
各小组派一名成员上台演示，根据老师制定的评分标准，请各小组长进行评分，评出优秀的班级网页。
三、教学活动主要环节
1、引入教学资源环境，创设学习情境。这个环节的主要教学目的是激发学生的学习兴趣和对新知识的渴望，让他们有对新知识和技能的学习动机，愿望和需求，在教学中，根据学生的思想特点与学习心理。我用自己制作的网页课件以及收集的优秀网页截图来创设情景，向学生展示了优秀网页的网页作品，并指出：大家看到的每一幅画面都是一个网页，这些网页有的美观大方；有的丰富多彩。有的个性鲜明，那么我们自己能不能制作出具有自己风格的网页。这样激发了学生学习网页制作的兴趣及求知欲望，产生了完成作品展网页的动机．此时，我对学生提出研究的目标--如何利用网页三剑客这个软件来完成你们的班级网页制作，最后各研究小组要分别展示你们的研究成果。
2、小组学习与探索研究。在课堂上，我出示范例，引导学生分析网页的结构，指出：网页中可以有文字、图片，甚至有动画和声音，为了和浏览者更好地交流，有时还添加各种表格、组件。当然，各式各样的超链接更是常常出现在网页里。学生有了初步的直观印象后，就不会感到盲目，而且会引起学生极大的兴趣。随后，我将一个网页的制作流程分别说明，那一个环节需要哪些软件，用到哪些技术；就作品网页制作过程简单介绍任务分解，重点在于小组任务的分配，将网页制作流程中各环节根据任务的轻重和学生能力的强弱进行分配，既要每个小组成员都有事可干，能完成各自任务，更要每个成员发挥自己的特长，使网页整体有特色，对技术的掌握更上一层楼，这个过程中引导学生轻松愉快、主动去解决问题，完成任务，进而达到自身对知识的意义建构是关键。
3、小组展示网页评审。展示交流是研究课题的最后一个环节，各小组通过多媒体教室向全班同学展示了各小组的研究成果，并对各个小组进行自评，即；说出哪些是本小组最好的，哪些是本小组还没能解决的．最后请各小组长评选出优秀网页。我认为在此环节，教师应把握评价的尺度，评价的侧重点应该放在学生在自主的学习过程中学会了哪些学习方法，同学间团结合作意识是否体现，井充分肯定学生的成果，鼓励他们继续发扬这种探索研究精神。
四、教学反思
在“网页制作流程”这堂课的教学过程中，我充分利用了软件本身的特点为学生创设了和谐、美好，愉快的信息化学习的平台，发挥了学生的主体作用．教学中，充分调动了学生的学习积极性，培养了学生的动手能力，观察分析能力和主动探索性学习的能力。通过教学方法的设计教会了学生分析问题的方法，教学情景的设计使学生身临其境，启发了学生探索新知，深研新知的强烈欲望，培养了学生良好的思维习惯、学习习惯，使学生学习新知识的同时形成了良好的学习心理，实现了教学目标。 实践表明，开展探究性学习对网页制作的教学具有非常好的效果，活动中充分发挥了学生的主体性，学生学习积极性被充分调动起来了。同时，提高了课堂效率，使整节课的教学目标得以顺利完成，小组的分工合作体现了平等原则，每个学生都积极参与到教学活动中．此外，小组成果评比演示也充分体现了学生在课堂活动中的主体地位。
第15篇：高校《网页三剑客》教学设计
高校《网页三剑客》教学设计
赵芸
(云南农业职业技术学院信息工程系云南昆明650031) 【摘要】介绍了网页三剑客教学的现状及信息社会对实验教学的要求，由此阐述了在局部到整体的网页制作教学中引入“任务驱动法”教学模式的好处。采用“任务驱动法”与“局部到整体”相结合组织教学，极大地提高了学生自主学习的积极性、主动性、创造性，同时使学生基础知识更为扎实，是一种值得推广的好的教学方法。
【关键词】任务驱动教学法 局部到整体教学法 网页三剑客
1引言
计算机的出现和发展．带来了一场革命。这场革命不仅是技术的，而且是社会的。一方面，计算机技术，尤其是计算机，网络技术的发展，使得计算机的应用已深入到了社会各个领域。现在几乎没有哪个行业看不到计算机的影子，计算机已成为当今社会的每一个成员必须了解和掌握的工具。另一方面，计算机已经渗透到了我们生活、工作的各个领域．成为我们生活、工作中的一个基本组成部分。在计算机上进行信息的组织．传播，将是未来社会的每个人所必须具备的技能，网页三剑客这门课程的开设，正体现了技术发展的要求，也体现了社会发展的要求。
由于我国高校教育正由“精英化”向“大众化”方向转化，学生掌握计算机的水平参差不齐，有些学生在入学时计算机操作已非常熟练，并且已掌握了某种简单的程序设计语言和学过网页三剑客；有些学生还从没有接触过计算机，若采用传统的教学方法，按照从易到难、从简单到复杂的顺序循序渐进地进行教学．学生容易感到枯燥乏味。导致在上机实验课中，基础好的同学“吃不饱，把精力放在玩游戏上面。易产生骄傲自满情绪，不用心学习，甚至出现迟到早退旷课现象；而基础差的同学又感觉学习吃力。缺乏自信。并失去对网页三剑客课程的学习兴趣。另外．学生缺乏自主学习创新意识。如果采用先理论后实际、先抽象后具体、先一般后个别的教学方法，易造成基础差的学生难以入门。大多数学生把计算机作为一种
理论课程来学习。而没有作为一种工具来掌握，没有在技能和实际应用方面来锻炼自己，缺乏创新精神。目前。我校在大二上学期。开设“网页三剑客”的课程，其主要教学目标是注重培养学生建成一个具有个人创意、综合性的网站，注重培养对静态页面美观性的建设，掌握一些网页色彩搭配的设计艺术。
使学生熟练掌握灵活运用所学知识和技术技能解决实际。问题,培养大学生在网络上合理组织信息和发布信息的能力，满足和适应信息化社会对大学生基本素质的要求。要求在网页三剑客课程的教学中注重精讲细练，培养学生的信息意识和计算机应用能力。
现代科学技术发展迅速，尤其是计算机的发展更是日新月异，只有不断地创新，才不会在这样的大潮中被淘汰，因此教学工作的当务之急是探索一种合适的教学模式，在课堂教学中如何最大地培养学生的创新能力。教学实践证明，“局部到整体的任务驱动法”教学模式是计算机教学中的理想模式，符合计算机课程的特点，在培养学生的创新能力和独立分析问题、解决问题的能力方面有独到之处。
2任务驱动法与局部到整体的教学法相结合
任务驱动教学以学生为中心，以任务为驱动的教学方式，其显著表现是：教师的教学围绕着一个目标，基于几项任务，在强烈的问题动机驱动下，通过对学生资源的积极主动应用，进行自主探索和互动协作的学习，在完成既定任务的同时，产生新任务的一种学习实践活动，适合于培养学生的自主学习能力和相对独立分析问题、解决问题能力，有人把它称为“单
刀直入法”或“黑箱方法”。
任务驱动教学符合计算机课程的层次性和实用性，学生可以由浅入深、由表及里、逐步精益求精地学习计算机的知识和技能。在学习的不同阶段，特别是在学习某些应用软件时，可以先知其然(犹如“黑箱”外部的认识)，而暂不深究其所以然(犹如“黑箱”里的结构)。比如说，直接做一个简单网页，学生可通过操作dreamweaver．很快掌握理论知识。
局部到整体的教学法是一种较好的组织网页三剑客课程教学的方法，大多数的教程采用以一个大任务(即建一个网站)为线索．按主线分别展开讲解，直到网站建成。这种组织教学的方法．整体性好．但对个别知识讲不到或讲得不精．还不易于扩展对相关知识的了解。例如伸缩菜单的制作，占位图形的应用等，分知识点精讲网页设计术。能做到典型分析、触类旁通。同时还辅以看到自己喜欢什么就利用自己所学的知识做什么的思想．跟上网页设计时代的潮流，最后再设计一个综合性网站，让学生照此设计一个具有个人创意的网站．把每个知识点进行灵活应用，让学生掌握的不是解决某一个问题或某一类问题的具体方法，而是要让学生理解和分析如何在变通的思想下使用这些技术，也就是说在教学的整个过程中，把网页制作技术分知识点，把解决问题的思路、方法、步骤作为讲授重点，把整本书的内容分为很多知识点，针对每个知识点作成不同的PPT( 理论)，再针对每个知识点设计三至四个任务(实例)，对于每一个要讲授的内容，一般设计为四个阶段：①问题的提出；②问题的解决所用到的新旧知识；③解决问题的过程；④方法的提炼的有效性分析(PPT课件讲解)。在大二下学期，将开设ASP动态网站设计，巩固上学期的知识。
3局部到整体的任务驱动法实施
为调动不同基础层次学生自主学习的积极性、主动性和创造性。使每个学生能掌握网页设计技术，在网页设计教学中引入任务驱动法，每个知识点都以一个小任务来进行讲解，总结时以一个大任务来进行知识的总结。这样，教师以任务引路，学生边学边练，完成自主学习任务，完全激发了学生的积极性，培养了学生创造性，避免了以往的只讲理论，彻底改变了以往学生的学习方式。
(1) 结合学生情况，精心设计任务
以学生为中心．把学生的角色从“让我学”变成“我要学”。根据高校网页设计的培养目标，制定了本学期网页三剑客课程的总体教学目标，让学生熟练掌握网页设计方面的基本知识及应用，激发兴趣，激发创造性，跟上网页设计时代潮流，为后续学习打下基础。在这一总体教学目标的指导下，将其具体划分为四个大任务，在每个大任务下又必须完成小任务：①完成MTV、flash主页制作学生分成小组。每个小组从互联网、相关报干U杂志、书籍等上面收集素材，在制作过程中。可把所学知识作一个归纳总结，作品完成后．展示给学生共同观摩，进行归纳总结，演示经典动画。让学生了解并掌握制作动画的一些规则与技巧。②完成firworks 网页制作：学生将收集的各种素材。经过自已的整体设计做成主页的形式，进行观摩、讨论、探究，总结。③利用dreamweaver制作主页及相关页面，最后行观摩、讨论、探究、总结。④利用flash、firworks、dreamweaver结合制作主页。任务流程图如图1所示。
理论课教学内容与上机实验内容相同．理论课教学用一个个任务进行教学。学生上机时则采用理论课的教学内容。
图1 网页三剑客任务流程图 由图1可知，小任务的具体内容涵盖了网页三剑客的全部知识，即把学习的内容巧妙地隐含在一个个任务主题中．在上机实践中体会及寻找方法，进行尝试和验证，归纳出完成任务的具体步骤和一些技能技巧，使学生在完成任务、掌握实际操作的同时，通过自主学习搜集资料。使网页三剑客的知识得到巩固与拓宽。
（2）学生边学边练完成自主学习任务
在任务的指引下，老师仔细讲解，潜移默化地开发学生的一种美。潜移默化地培养学生的设计理念及审美观，学生边学边练。精心设计的任务贯穿整个学期，与教学内容进度相一致。在网页三剑客上机过程中，学生主动收集关于设计方面的资料，经过整理，自我思考制作出最终结果，既巩固所学知识，拓宽视野，也为后续的学习自我总结出一套方法。
学生在边学边练的过程中，始终处于主体地位。在教师的指 导下，学生充分发挥学习主动性和创造性，不仅让学生亲身感受认知的过程，而且培养提高学生解决实际问题的能力和创新意识。学生明确教学目标后首先想如何去完成任务，在完成任务的过程中将会遇到哪些不能解决的问题。这就调动了学生主动求知的欲望，学生为了完成任务、达到教学目标会想方设法读教材、查资料、互相交流、互相合作，经过不断修改和完善，既完成了学习任务，又在无形中学会了设计理念，达到了掌握知识、提高能力的目的。实际上，任务的完成标志着学生实践能力的提高，学生也能体验到任务完成后的成就感，从而激发他们进一步学习的兴趣和积极性。
(3)展示经典动画，培养设计理念及配色
在任务驱动教学法中，让学生欣赏一些经典动画及电影。也是一个不可缺少的环节，使学生乐学，想学，在轻松，扣人心弦的欣赏的氛围中，老师介绍每个片子的设计风格，及如何展示主题内容的方法。
(4)观摩交流表扬激励培养创新意识 每当学生完成一项任务，不是主观地打个分数来评价学生的作品，而是通过交流展示和讨论，让同学们自己评比，看谁的作品最受欢迎。通过这种方式，既可以提高网页设计的水平和
审美水平，又可以客观地评价学生完成的“任务”。 教师根据教学任务和学生边学边做中的情况，总结规律和技巧，将实践上升到理论高度，在总结过程中突出完成教学任务的重点。每一阶段任务完成后采取观摩、讨论、探究的方式对本阶段的教学学习任务进行归纳总结。例如对于第一阶段制作任务完成后，则集中讨论学习．激发学生的创意和设计理念；用fireworks制作完成后，在全班进行交流，根据新的意见或建议，重新修改进入dreamweaver网页制作阶段；网页制作阶段完成后，在全班进行观摩讨论，挑选出优秀的网页上传到校园网上，供别人使用。通过观摩、讨论、探究的方式，达到了共同掌握网页制作技术知识的目标。
在学生任务完成的过程中，表扬激励也是“任务驱动”的最佳时刻，以表扬激励为目标，鼓励成果多样性的评价以培养学生的创新意识。创新是发展的灵魂。学生喜欢独立地获取知识，
所以在上机实验内容的安排上注意留给学生一定的创造空间，把握好教师讲授与学生实践的空间与时间的尺度，尽量避免教学中的面面俱到给学生留出发挥创造的空间，也是教学中的一种美。潜移默化地培养学生的创新意识、创新思维和探索精神，将有利于他们今后的终身学习。
(5)协作学习培养，协作精神
由于网页三剑客上机实践的学时数是有限的对于最后一个三剑客结合制作网站的任务每位同学收集全部素材，然后制作网页时间上不允许，因此采用了协作学习的方式来完成该学习任务。
协作学习就是把学生分成小组形式通过组内的合作讨论，互相交流信息，取长补短，共同完成任务。分组制作网站．最后在全班交流网站这样分组制作出来的网页各有特色，有的。内容充实有的版面设计美观。通过协作学习，学生能够相互启发、相互促进，驱动学生更强烈的创作欲望。学生们的动手操作能力和提出问题解决问题的综合能力在同学的交流合作、老师的启发引导的良性循环中逐步得到培养同时，协作学习还可以促进学生间良好的人际合作关系，进一步培养学生的协作精神。
4结束语
在一学期结束后，教学实践表明，在网页三剑客教学中尝试运用“任务驱动法，效果相当明显。课堂气氛相当轻松愉快。学生的学习状况明显改善，设计创作能力显著提高，充分发挥
了学生的主体作用，学生不再把学习当成一种负担．而是一种有意义的感兴趣的活动。任务驱动教学模式把感知、理解、巩固、运用融为一体比较容易被学生接受，在不知不觉中培养了学生的实践能力和创造精神使学生的创作及设计素养得以提高。合理采用“任务驱动”不仅充分体现了学生为主体、老师为主导的现代教育思想而且极大地调动了学生的积极性和创造性也为提高学生的实践能力和创新能力营造了良好的氛围。要培养21世纪与时俱进的高素质人才．“任务驱动法”是一种值得推广的好的教学方法。 参考文献 齐建玲主编
[1]网页制作1教程[M]．北京：中国水利水电出版社2OO3．
[2]祝朝映.任务驱动在计算机墩学中的探索与实践[J]．职教论坛，2003(1O)：56—57.[3]张卉.高校 《flash》中元件与实例的教学设计[J]．计算机与网络，2O08(23)：73—75．
基础好的同学“吃不饱，把精力放在玩游戏上面。易产生骄傲自满情绪，不用心学习，甚至出现迟到早退旷课现象；而基础差的同学又感觉学习吃力，缺乏自信，并失去对网页三剑客课
第16篇：浅谈网页设计课程教学
浅谈网页设计课程教学
摘要：网页设计课程是计算机和艺术的交叉学科课程，应注重将技术和艺术相结合起来进行教学。本文针对“网页设计 ”课程的特点，结合实践应用，阐述在教学方面的一些体会。
关键词：网页设计，教学方法
Abstract: website design course is a cro 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，这点在使用层叠样式表（c）时尤为重要，还要注意的是em和px是有差别的，所以在使用的时候也要对上号，否则也达不到预先的视觉效果。文字一行的字数最好不超过50字，首页的标题在10-20字为佳；行距一般使用的是20-22像素的行距，这样使得整个的文字内容部分不会显得太紧凑或者太松散。文字的整体排列一般有四种基本形式：两端对齐、居中对齐、左对齐或右对齐、图文环绕排列。在整个网页版式设计中，标题文字的设计原则应该是“醒目而不夸张”。
导航栏的设计在网页设计中也很重要，它对整个网站内容有提纲和导航的作用，在设计的时候，要注意首先导航栏的风格也要和整个网页风格保持统一，另外最好采用文字，因为网络的速度可能会影响图片的正常下载；不过现在flash按钮的导航栏已经成为时尚，它可以实现丰富的动感效果。
（2） 网页元素的处理
网页元素包括logo、按钮、图片、动画、声音、banner等。在网页中包含这些对象时要注意的有：首先是logo的设计，logo代表了整个网站或者企业的文化，一个有特色、具有视觉冲击力的logo，可以直接影响浏览者对网站的判断，给浏览者留下记忆深刻的印象。其次，要确保网页上的每一个元素都有存在的必要性，不要使用冗余的技术和内容；再次，要保持形式和内容的统一；最后，要尽量的使网页具有快捷性。对于网页的特效技术，最好采用javascript或c技术来实现。
（3） 色彩的处理
并非所有的颜色都能应用于网页，网页中的颜色会受到硬件、浏览器等的影响，即使网页中使用了非常合理、非常漂亮的配色方案，每一位用户所看到的效果也不一定相同。所以，最好使用使用网页安全色来避免和解决这种问题。网页安全色是指在不同的硬件环境和软件环境下都能在浏览器上正常显示的颜色，并且现显示的效果都一样，不会出现失真的现象。在页面设计中，整个网页的色彩种类最好不要超过3种，一种或者两种主体色，其他为辅助色。颜色种类太多，会让人觉得很杂乱。另外，文字内容和网页的背景颜色的对比要做到突出，比如：背景为深色，则文字的颜色可以选取浅色调；背景为浅色时，文字颜色就应该深些；这种深浅的变化在色彩学中称为“明度变化“。比如有些主页，背景色和文字颜色都采用的是深色，由于色彩的明度较近，所以浏览者来浏览阅读的时候，会感觉吃力，从而影响阅读；但是色彩的明度变化也不能太大，明度变化大会导致亮度的反差强，让人觉得很刺眼，同样会影响整个网页的视觉效果。在进行颜色搭配时，还要注意的是：第一，采用的颜色应具有联想性，不同的色彩会产生不同的联想，所以色彩的选取也要和网页的内涵有关。第二，色彩的合理性。根据网页的主题的不同，选取相应的色彩，比如红色，可以体现出网站的热情和喜庆；蓝色可体现出科技的气息等。第三，色彩要有鲜明性，这个才能给浏览者深刻的印象，并有耳目一新的感觉。
（4） 网页赏析
在教学过程中对学生的引导是非常重要的，设计网页得多看多学，网页设计的技术和风格在日新月异地变化，所以在提高学生设计技术的同时，还要多培养学生的审美能力，知道怎么设计才是一个好的网页。创建网页是一个不断学习的过程，在看一个网站的时候，找到这个网站的优点缺点，注意哪些是可以借鉴的，哪些是需要避免的，在看的同时，可以看些成熟的网站，也可以看些成长中的作品，在同期的比较中，也有助于自身的提高。另外，鼓励学生看源文件，了解某些效果是如果实现的，在效仿的同时进行改进和创新。
（5） 考核方式
网页设计课程的考核应该打破传统的考试方式，建议采用机考的方式，学生通过一学期的学习，应能自行设计各种网页，熟练掌握其基本制作方法和技巧，在规定的时间内设计网
2 页。这也是一种对提高学生动能能力的一种鞭策方法。
三、结束语
在网页设计课程教学中，应当充分认识到网页设计课程的特点，结合实际，采取相应的教学措施和方法完成教学任务，以达到良好的教学效果。对于信息科技迅猛的发展今天，必须摒弃陈旧的教学理念，及时提高自身的专业水平，完善自身的教学理念，寻找更好的教学方法，激发学生的学习兴趣，培养学生追求新知的能力和动手实践的能力，从而达到学以致用的效果。
参考资料： 田博文，《Dreamweaver8基础培训教程》，人民邮电出版社，2007年2月
孙素华，>，中国青年出版社，2005年10月
第17篇：“网页的制作”教学设计
《网页的制作》教学设计
山东省昌乐二中 滕学梅
【学情分析】
1.在学习网页制作之前，学生进行了网站的规划与设计，还没有就网页制作真正着手练习，对Frontpage的使用比较陌生，但是已经有word等软件的操作基础，很多基本的操作可以迁移过来。并且，通过高一的学习与养成，学习小组的整体意识已经建立，组内合作、组间竞争的氛围已经形成，所以可以采用先进行自主练习，然后合作探究，通过各组推荐的作品展示进行评价，在展示的同时也提高了学生的技术水平。
2.学生操作基础不同，接受能力不同，可以充分发挥各小组“技术顾问”的作用，帮助指导组内其他成员，共同完成学习任务。【学习目标】
1.熟练掌握网页制作和美化的基本操作，提高操作和审美能力；2.大胆动手，积极实践，总结用网页表达主题的技巧和方法； 3.积极、热情地投入学习，体验网页制作的快乐。 【重点难点】
1.重点：利用表格对网页进行布局；网页中的图文设置及超链接的使用。 2.难点：网页间超链接的建立。 【教学过程】
课前准备：提前做好小组座次安排，由学科班长组织大家按组入座。
一、展示导入，明确学习目标（3分钟）
1.展示精彩网页（如北京大学、清华大学网站首页），引导学生简单分析网页风格。2.明确本节课学习目标与主要任务。
二、指导与点拨（3分钟）
1.分析北京大学网站首页，观察其网页布局（如图），引导学生尝试使用表格对网页进行版面设计。2.对网页制作所用的基本操作进行点拨： （1）文字、图片的添加与调整 （2）网页背景的设置 （3）超链接的建立
三、基本功练习（10分钟）
1.任务：快速“克隆”示例网页。（素材发到桌面“基本功练习”文件夹中）
与word中的操作类似，注意迁移 2.要求：（1）先独立练习（参考导学案的“操作导航”）；尝试一遍后可与组内同学小声交流，解决疑难问题；
（2）每组的“技术顾问”完成任务后可下座指导； （3）完成后相互检查超链接的效果。
四、制作主题网页（15分钟）
1.任务：从桌面“主题网页”文件夹给出的四个主题中选择一个，快速完成主题网页的制作；
2.具体要求参看导学案“实践探究”部分；可两人合作，有能力者最好独立完成；
五、作品推选、上传：每组推选一个作品参加组间评选，并将作品文件夹传至FTP。
六、精彩展示（10分钟）各组派一代表向全班展示自己的作品，并简介操作要点。展示前，引导全体学生积极思考以下问题：
1.你从展示作品中学到了什么？有哪些可借鉴之处？
2.你是否清楚各作品的效果是如何实现的？若有疑问，及时提出。3.能不能提出更好的修改建议？
注：1.学生展示过程中，教师要引导大家规范操作，对于重点加以强调。 2.提醒学科班长记录参与展示和积极质疑、解答的同学，汇入评价。
七、完善提升：（5分钟）
1.借鉴所展示作品的优秀之处，进一步完善自己的作品；2.根据展示同学的演示，将新学到的操作尝试一遍。
八、总结：
1.网页制作要领：（1）灵活运用基本操作；（2）版面设计清晰、条理，或者有独特之处；（3）配色和谐，给人美感；（4）超链接顺畅、自由，方便使用。 2.由学科班长公布本节课评价统计情况。
【教学反思】
1.在学生自主练习过程中，适时指导很重要，但教师一人肯定不能照顾全体学生，所以充分发挥学习小组的“技术顾问”的作用很关键。
2.在“制作主题网页”环节，给学生准备四个不同的主题素材是很有必要的，我们在进行教学设计时要考虑到学生个性、兴趣不同，并加以利用，促进教学。
3.对进行展示的同学要进行简单培训（或者对各组长进行培训，由组长传达到展示者），防止展示时只宣讲他们网页中的内容，而忽略技术，浪费宝贵的时间。4.课堂即时评价很重要。学生初次接触一个软件，要经常收获一点成就感才有进一步探索的欲望，这就需要我们教师注意发现、及时鼓励。学科班长记录好大家的课堂参与情况，下课前公布，这项工作若坚持下来，对我们的教学会有很大促进。
第18篇：网页制作软件 教学设计
网页制作软件
一、教材分析
本课是FRONTPAGE中一节基础内容课，也是FRONTPAGE以后知识学习的铺垫。本节课以制作一个简单网页为教学任务，学习目的明确，步骤清楚，希望完成任务而初步掌握简单制作步骤的指导思想。同时对学生网页的创作能力、网页布局和色彩搭配能力进行激发与培养。并为其以后进一步学习网页制作而打下良好的基础。本节课的重点是网页常用编辑器以及网页设计布局，难点是网页的设计及布局。教师重点在导，学生重点在实践与创新。为了合理利用上课时间，将用已有部分拓展知识和演示范例利用网络下传至学生机，以利于学生上课的实践与创新。
二、学情分析
我校的大部分学生在小学就接受过系统的信息技术课程学习，具备了一定的计算机操作能力，加上初
一、初二也学完了word execl powerpoint的知识，应该说学生都具备了一定的基础。但也有部分学生基础没有打好，但基本的操作应该没有多大问题。因此，在教学过程中关于frontpage的打开与保存，这里我让学生自己去学习，教师只给予必要的提示。而关于HTML 和讲授网页布局的过程时，有必要要教师先演示一下，这也是本节课的重难点。
三、教学目标分析：
1、知识目标：
通过本节的教学，学生将了解常用的网页制作软件，掌握frontpage的操作界面，并能亲自尝试做出简单的网页作品。
2、过程与方法
学生将通过教师的引导，学会通过自主的研究探索，主动获取知识，并运用知识解决问题，逐步地培养自己的创新精神和实践能力。这对于学生以后的进一步学习很有帮助。具体过程：课题引入-----教师提示------学生上机自主学习------问题反馈-----教师演示-----学生完成作品-----优秀作品点评-----教师小结-----巩固练习-----课后探究、实践。
3、情感、态度与价值观 ① 活动教学激发学生学习frontpage的兴趣。
② 培养他们自主学习、互相协作的良好学习习惯以及自主创新精神。
4、重点、难点
重点：了解常用的网页制作软件，掌握frontpage的操作界面。
难点：网页的合理布局和色彩搭配。
四、教法阐述
为了实现以上教学目标，结合教材特点，本课采用的主要教学方法有“任务驱动法”、“创设情境法”等。通过学生已经受过的美术教育和信息技术教育（课程整合），创设一个Inter网页在线的情境（创设情境法），设置一个个任务，让学生运用已学知识，自己动手，有机完成课堂设计的各种操作（任务驱动法）（包括：了解常用软件的概况，利用word对frontpage的操作界面熟练掌握，完成自己的第一个网页设计。）以任务驱动的方式查漏补缺，使教学内容合理流动，水到渠成。教学中，启发、诱导贯穿始终，充分调动学生的学习积极性，注意调节课堂教学气氛，使学生变被动学习为主动愉快的学习，使课堂能在生动、有趣、高效中进行。
五、学法指导
本课教给学生的学法是“接受任务——思考讨论——合作操练”。 建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转变为信息加工的主体。故此本课教学过程中，巧妙设计，让学生带着一个个任务通过课堂讨论、相互合作、实际操作等方式，自我探索，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。
六、教学设计
1、收集资料，激发兴趣。
在这一环节中，教师利用课前准备好的前期省市获奖网页作品，并将之融合到课件中。教师结合初中学生特点和乡土教育，故利用屏幕广播播放《我的家乡》和《思品斋》，让学生共同欣赏，从而引导学生的创作欲望，激发其兴趣。
设计意图：通过网页实例的导入，将课堂气氛调节得比较活跃，让学生更容易进入学习状态，为以下的学习做好铺垫。
2、初识网页制作软件。 在激发了学生学习兴趣后，教师趁势提出：你们也想制作这样的作品来表达自己的想法吗？顺势引出“三剑客”的概念，引导学生了解常见的html编辑器。
设计意图：通过学生感兴趣的问题设问，吸引学生的注意力，激发学生的学习兴趣。
3、层层攻关（任务驱动 逐步提高 分层教学）
欣赏过网页，教师就提出与学生共同制作简单的网页的想法。在授课中我安排了多次的动手制作活动，制作难度由浅入深，旨在通过学生自己动手动脑，形成自主探究进而创作的能力。
（1）第一关：基本任务：边学边做，牛刀小试
由于是初次制作，所以不易过难过复杂，所以选择了让学生自主进入frontpage的界面，因为有office前面知识做铺垫，学生进入操作界面并可以在较短的时间内熟悉基本的操作界面，又有助于形成学生内心的成就感，提高学生继续学习的积极性。后巡回辅导并观察哪些学生用的方法最快、最简便。
学生：自主学习、互相协作，也可以参考教师已下传上操作方法或正确样例。 设计意图：这是第一关任务，对于已有计算机操作基础的学生来说相对较简单。所以我这里给出提示与操作方法后让学生自己去过这第一关。让学生学会操作，并尝试不同的操作方法来解决问题。 （2）第二关：进阶任务：由学到创，拓展提升
在学习完成第一个环节后，教师趁势提出html的概念，实例中字体、大小、颜色变化，引导学生观察普通、html、预览的不同，以及相关的操作方法。在此基础上，教师进一步设置了拓展问题，让学生设计自己的网页，并通过简单网页的制作体会html的具体含义。最后教师选择相关学生进行总结，教师注意点评。
学生：根据刚才学习的知识和教师提供的素材。先完成自己的作品并与同学进行交流和沟通。学生通过不断的实践，简单修改html的方法，并进行演示。
设计意图：这是第二关任务，其中html也是本节课的重难点，所以教师先用一种常用方法演示html的内容，而修改让学生自主学习完成。 同时让学生相互进行交流，有助于提高他们的学习积极性与成就感，又可以培养他们之间互相帮助学习的良好习惯。方法多样让学生学会用不同的操作方法来解决实际问题，但得让他们自己去实践，这有助于培养他们自主学习的良好习惯。 （3）第三关：挑战任务：展翅高飞，自由创作
在学习制作完第二个环节后，引导学生进入“网页达人”的环节，本环节主要讲解网页的布局等知识，由教师演示常见的网页布局格式，并简单的给学生进行点评和原理分析。在此基础上，引导学生结合自己的上网经历仔细对比异同，同时归纳适合个人网页的布局和颜色搭配方式。
设计意图：在第二关的基础上，对出现的问题，进行分析、演示。让学生在掌握操作技术的基础上对网页布局和颜色搭配有进一步的认识，在此基础上形成对学生审美观的培养。完成第三关操作任务即完成自己的作品。让学生能设计出有创意的作品，培养他们的创新精神。考虑到学生之间的差异，在这里只对背景和图片的接触和了解，让计算机基础好的一些学生能探索出新的知识操作。
4、评价作品 教师总结 评价作品
（1）学生互评：通过教师设置的共享文件夹了解其他学生作品，学生互相发表意见。
（2）学生自己推荐：认为自己作品好的学生可以举手向老师推荐。 （3）教师总结评价：教师对学生们评价出的优秀作品以及自己推荐的作品作评价并结合作品完成的时间前后评选出前5位优秀作品并进行表扬。
设计意图：培养学生评价他人作品的能力。互相欣赏作品可以让学生来检测自己的学习成果，知道彼此之间的差距。让学生有成就感，从而激发学生的学习积极性，进一步活跃了课堂气氛。
教师总结
教师结合学生作品和上课的具体情况总结本节课的主要内容，注意强调知识目标和情感态度价值观的总结。
5、知识竞答大比拼
教师演示准备好的一个知识竞答游戏，学生观看大屏幕，抢答题目。 设计意图：用游戏形式的巩固练习即让学生对本节课的知识学习得到反馈，进一步巩固所学知识，又可以活跃课堂气氛。
6、课后探究实践
教师给出提示，引导学生自主学习，充分挖掘他们的学习潜力
设计意图：让学生在课后有思考问题的空间，进一步激发他们学习frontpage的兴趣。培养他们自主学习计算机其他操作知识。
第19篇：《荷花》教学设计网页版
《荷花》教学设计
山东省潍坊市昌乐县城关街道小学 潘学娥
教学目标：
1、会认3个生字，会写12个生词。能正确读写“荷花、挨挨挤挤、莲蓬、饱胀、仿佛、衣裳、翩翩起舞、舞蹈、蜻蜓、随风飘动”等词语。
2、有感情地朗读课文，背诵自己喜欢的部分，积累优美语言。
3、理解课文内容，感受荷花的美丽，培养爱美的情趣和热爱大自然的感情。
4、体会作者丰富的想象，学习边阅读边想象画面的读书方法。教学重点：
通过对语言文字的朗读感悟来理解和欣赏满池荷花的静态美。 教学难点：
对描写荷花动态美的有关语句的理解。（如“如果把眼前的这一池荷花看作一大幅活的画，那画家的本领可真了不起”这句话）。 教学过程：
（课前，大屏幕展示本课课题，并伴有音乐。）http://music.baidu.com/
猜一猜谜底是什么？（荷花）好聪明的同学啊！那么，你们喜欢荷花吗？叶圣陶爷爷也跟我们一样被荷花的美丽给迷住了，陶醉了，还写下了一篇文章，题目就叫《荷花》，就是今天我们要学习的课文呢，板书课题。http://blog.ntjy.net/articles/39538
二、检查预习，引入重点：
看到大家都被美妙的音乐和美丽的画面深深地吸引的样子，就知道同学们有多么地喜爱荷花啊！相信你们一定预习得非常棒，老师就来检查一下了： （1）出示词语：
荷花、挨挨挤挤、莲蓬、饱胀、仿佛、衣裳、翩翩起舞、舞蹈、蜻蜓、随风飘动、花
骨
朵
、
破
裂
、
一
幅
、
衣
裳
http://image.baidu.com/?action=single&filename=%u8377%u5858%u6708%u8272&hash=0b56c25de7aa341594587f97ad042b24&timelen=295000µblog=1&chl=360_search_v2
联系自己，喜爱荷花，来达到情景交融，升华感情。荷花真美啊，让我们每一个人都深深地陶醉了。同学们，荷花是美丽的，大自然是神奇的。让我们相约在今年的暑假，共同来欣赏荷花，感受大自然的美吧！
六、布置作业，积累升华
（一）必做题：
1、抄写生字两遍并组词
2、有感情地朗读课文，背诵第二自然段;
（二）选做题：
1、搜集积累赞美荷花的诗句，并和同学们分享！
2、选一种你喜欢的荷花形状，把它画下来。
七、宣布下课，快乐再见
板书设计：http://blog.sina.com.cn/
感受大自然的美 3 荷花
闻： 一„„就„„ 赶紧跑 荷叶 密 大 圆 绿
看：
荷花 半开、全开、没开
想： 成了荷花
第20篇：《让网页动起来》教学设计
《让网页动起来》教学设计
教材分析：
教材主要是介绍通过在网页中添加字幕与在网页中添加“动态图片”，“更改属性”等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网页制作功能的强大，发现原来网站中动态效果的实现也不是很难，激发制作网页的兴趣，调动进一步学习的积极性，为后续课程的学习打下基础。同时，通过教师的引导，探究学习“字幕属性”对话框、“速度属性”的设置于文字“更换属性”设置与动态效果的关系，删除选定对象动态效果的操作方法，体验探究的乐趣，体会交流的重要性。
