网页制作项目教学教案案例（精选14篇）
【项目名称】：利用表格制作菜谱
课时安排：2 授课日期：2016年6月17日，星期二
【项目目标】：
1、知识目标：
（1）表格的设置。（2）表格的布局。2能力目标：
掌握表格的插入和属性设置，通过任务综合训练学生的动手能力。
3情感目标：
培养学生团结合作，动手动脑能力，体会成功的喜悦。
【重点难点】
1、重点：表格的插入、表格属性设置。
2、难点：同上
【项目准备】
教师准备：图片准备、菜单草稿图准备。学生准备：
1、熟悉表格的制作。
2、熟悉dreamweaver软件操作。
【教学方法】
项目教学
【教学过程】
导入新课：同学们，我们已经认识及熟悉了dreamweaver的界面及相关操作，为了检验大家对知识点的掌握，我们这两节课将进行实训，参照老师的案例，大家团结起来，动手动脑，完成今天老师布置的任务。
『相关知识』
1、网页中表格的插入和设置。
2、网页中文字的插入和设置。
3、网页中图片的插入和设置。
4、利用photoshop把图片素材进行处理。
『项目实施』
一、项目任务：
利用表格制作菜谱。
二、项目要求：
1、按图中样式制作表格
2、插入相应的文字、标题字号放大。
3、插入图片（利用photoshop对图片素材进行休整）。
三、项目实施：
1、制订方案：
学生观看案例后，讨论能否独立完成，或者分小组进行制作。
2、确定方案：
因机房电脑有限，部分同学独立制作，部分同学分小组进行制作。
3、实施方案：
立意、构思、设计等。
『项目评价』
1、成果展示
将个人或小组制作作品利用投影仪播放，大家共同讨论作品，好的制作借鉴经验，有问题的地方吸取教训。
2、过程评价
学生对该项目教学进行自我评价，对完成该项目按照学习态度、项目方案、创新能力、沟通协作、项目作业等几项内容进行自评。
『项目总结』
通过两节课的制作，学生通过合作，相互交流，顺利完成该案例制作，从中也熟悉掌握了相应的知识点。
『项目拓展』
插入更多的表格、可以添加单价、宵夜等、还可设置超级链接。
『项目作业』
设计一个本班的课程表。并发布到校园网相应的栏目板块
【教学后记】
关键词：计算机教学,案例教学法,动态网页制作,实施,注意问题
1 案例教学法的定义
所谓案例教学法, 就是在一整个学期的教学过程中, 始终紧密围绕一个完整的工程案例来展开, 随着教学进度的推进, 将这个大的案例逐步解剖为一个个独立的子案例, 这些子案例又可以分解为更小的案例。这些小案例覆盖的知识点较少, 学生相对比较容易掌握。学生在学习、掌握这些小案例的过程中, 逐步理解了各个知识点及其相互之间的联系。最后再将这些小案例逐步组装成大案例, 在此过程中, 学生逐步掌握计算机课程的知识架构。由于所选的大案例直接来自于实际的生活应用, 因此学生在将这些小案例组装的过程中, 可以掌握大量实用的方法和技巧, 从而积累经验, 获得成就感, 应用能力得到了提高。
2 案例教学法的实施
所谓例教学法, 以笔者的理解就是首先根据所教授的学科设计一个完整的大型案例, 然后科学合理地将该大型案例划分为小的任务模块案例, 并将一门学科的所有知识点科学分配到这些小的任务模块案例中, 最终在理解完成整个大案例的同时完成课程教学任务的一种教学方法。
下面笔者以“动态网页制作”课程为例进行案例教学的尝试。主要阐述将一个大型案例—“留言版系统”, 根据课程的需要合理划分为小的任务模块案例, 并将“动态网页设计”课程的所有知识点科学分配到这些小的任务模块案例中。
模块案例1留言板系统的欢迎页面。
(1) 相关知识。
(1) 用表格技术排版页面元素、设置页面背景图片、添加设置文字、设置超链接等。
(2) 什么是IIS以及IIS的设置。
(2) 案例进阶。
(1) 利用表格排版技术制作留言板系统的欢迎页面hy.asp, 其中包含:背景图片添加、欢迎文字添加、“登陆系统”超链接 (单击可以链接到登陆页面dl.asp) 、“新用户注册”超链接 (单击可以链接到注册表单页面zhc.asp) 等页面元素。
(2) 安装配置IIS, 并在浏览器中访问hy.asp测试IIS是否运行正常。
模块案例2留言板系统的注册页面。
(1) 相关知识。
(1) 用表格技术排版页面元素。
(2) 表单元素的添加与设置。
(2) 案例进阶。
(1) 建立注册页面zhc.asp。
(2) 根据需要添加相应的表单元素并设置其相关属性。
模块案例3完善注册页面。
(1) 相关知识。
(1) 认识VBScript。
(2) 掌握VBScript基础知识。
(2) 案例进阶。
(1) 修改完善注册页面zhc.asp。
(2) 希望打开该页面时弹出提示对话框, 注册信息完成后单击注册按钮能给出注册汇总信息。
模块案例4登录页面。
(1) 相关知识。
(1) VBScript的运算符。
(2) VBScript的自定义函数。
(2) 案例进阶。
(1) 建立登录页面dl.asp。
(2) 希望打开该页面并填写完登录信息后单击登录按钮能进行登录信息的验证, 如果数据格式不符合要求给出提示信息。
模块案例5建立留言板数据库及用户表。
(1) 相关知识。
(1) 利用SQL Server建立数据库以及建立表的操作方法。
(2) 利用SQL Server为数据库添加用户并为其设置口令和权限。
(2) 案例进阶。
(1) 建立数据库lyb.mdf。
(2) 为数据库添加用户名和口令, 然后在其中创建用户表user并添加若干条记录信息。
模块案例6登录处理页面。
(1) 相关知识。
(1) ASP的基础知识。
(2) 登录页面dl.asp提交按钮的配置。
(3) Request对象在页面dl.asp和登录处理页面dl2.asp之间进行数据传递。
(4) Response对象的输出方法函数。
(2) 案例进阶。
(1) 建立登录处理页面dl2.asp。
(2) 利用页面dl2.asp接受登录页面dl.asp传递过来的登录信息并显示出来。
模块案例7完善登录处理页面。
(1) 相关知识。
(1) 数据库驱动程序以及数据库访问标准—ODBC。
(2) 访问SQL Server数据库。
(2) 案例进阶。
(1) 进一步完善登录处理页面dl2.asp。
(2) 编制相应代码接受登录页面dl.asp传递过来的登录信息, 然后去连接数据库并根据登录信息查询user表得到记录集, 根据记录集是否为空确定登录是否成功并显示反馈信息。
模块案例8留言板首页。
(1) 相关知识。
(1) 模板的创建, 在页面上插入多媒体元素, 如:flash动画、声音、视频等。
(2) Connection对象和RecordSet对象的用法。
(3) 用记录集对象为数据库表添加数据。
(2) 案例进阶。
(1) 创建模板页面mb.dwt, 在顶部插入flash动画banner, 然后用该模板生成首页页面shy.asp, 导航条中包括:修改密码、注销用户、用户留言、显示留言等项目。
(2) 使登录页面dl2.asp成功登录后定位到该页面。
模块案例9修改密码页面。
(1) 相关知识。
(1) session对象的作用和用法。
(2) 进一步熟悉Connection对象和RecordSet对象的用法。
(3) 用记录集对象为数据库表更新数据。
(2) 案例进阶。
(1) 用模板mb.dwt生成修改密码页面xgmm.asp和处理页面xgmm2.asp。
(2) 在页面xgmm.asp中输入两次新口令单击确定按钮调用页面xgmm2.asp, 用session对象传递过来的登录用户信息去查询数据库表并填充记录集, 然后用新口令去更新原表中数据。
模块案例10用户注销页面。
(1) 相关知识。
(1) 进一步熟悉Connection对象、session对象和RecordSet对象的作用和用法。
(2) 用记录集对象为数据库表删除数据。
(2) 案例进阶。
(1) 用模板mb.dwt生成修改密码页面zhx.asp。
(2) 用session对象传递过来的登录用户信息去查询数据库表并删除原表中数据。
模块案例11留言页面。
(1) 相关知识。
(1) 进一步熟悉Connection对象、session对象和RecordSet对象的作用和用法, 进一步熟悉数据表的创建和表单页面的创建;
(2) 用记录集对象为数据库表添加数据。
(2) 案例进阶。
(1) 在数据库中创建新表ly。
(2) 用模板mb.dwt生成留言表单页面ly.asp, 根据实际需要添加相应的表单元素用以输入留言信息, 单击确定按钮转至留言处理页面ly2.asp。
(3) 创建留言处理页面ly2.asp, 用ly.asp传递过来留言信息去添加至ly表中。
模块案例12留言显示页面
(1) 相关知识。
(1) 进一步熟悉Connection对象、session对象和RecordSet对象的作用和用法。
(2) response对象输出表格标记。
(3) 数据的分页显示技术。
(2) 案例进阶。
(1) 用模板mb.dwt生成留言显示页面lyxs.asp。
(2) 将ly表中的数据全部查询出来并在页面上以表格的形式分页显示。
3 结语
在目前高等学校教学方法改革的浪潮中, 案例教学法作为行之有效的一种方法为大家广泛接受, 实施案例教学可使学生在短时间内更好的提高计算机的应用能力、培养自主学习的兴趣和团队合作的能力, 同时, 案例教学使得学生成为了教学活动中的主体, 形成了学生自主学习、合作学习、研究性学习和探索性学习的开放型的学习氛围。但为了更好发挥该教学法的作用, 在运用过程中应该注意以上所提出的若干问题, 以期达到最佳教学效果。
参考文献
[1]丁桂芝.ASP动态网页设计教程[M].北京:中国铁道出版社, 2007, 5
[2]杨国华.案例教学法的实践[M].北京:电子工业出版社, 2010, 5
【教学目标】
1、知识与能力。通过学习熟练掌握Word中设置页面大小和页边距大小的方法；熟练设置图形填充效果，并能准确操作；根据制作的需要，恰当地调整图形叠放的顺序，把所学的电脑知识运用到学习、生活中去。
2、过程与方法。在探究活动中培养学生相互合作的精神，鼓励学生自主创新；通过任务驱动培养学生获取信息、处理信息和应用信息的能力；感受祖国语言的博大精深，喜欢读书，提升学生的信息素养。
3、情感、态度与价值观。通过学习掌握信息知识与技能，发展小学生的想象力和观察力，培养学生的审美能力及创造能力。对小学生进行爱读书、爱书的思想品德教育。
【教学重点】收集文字和图片资料，掌握书签设置的图形填充方法。
【教学难点】处理图片素材，制作出一枚精美的书签。
【教学准备】学生课前收集各式各样的书签和具文字图像打印功能的电脑
【教学设计】
一、创设情境，激发探究欲望
1、质疑导入，激发兴趣
同学们，我们都很喜欢看书，可是经常遇到一件烦恼的事，就是常常看书时忘了上次看到哪里了。这个问题始终困扰着我，你们遇到过么？是怎么解决的呢？学生积极发言。（书签；记住页码；折一个角。）哪种方法好呢？（记住页码很费事；折一个角有印痕；还是用书签好。）对，老师和你们的看法相同：我们都是喜欢看书，所以要爱护书，不能在书里乱折。
（设计意图）通过质疑导入新课，激发学生的学习兴趣。
2、展示范例，开阔视野
课件出示书签图片师生一起欣赏。学生看到色彩鲜艳、内容丰富的书签，兴趣高涨。同学们，这些书签作品真漂亮，你们想不想也做出这么漂亮的书签呀？这节课我们就用学过的Word编辑和排版方法，制作自己设计的漂亮的书签。
（设计意图）通过展示范例，学生对书签有具体的印象。开阔学生的创作视野。激发学生兴趣盎然地学习新知，使学生进入“有趣”的氛围。
二、自主学习，合作交流
（一）搜集信息，精选图片
学生展示自己收集的图片素材，认真挑选一下自己喜欢的图片，能展示自己的个性化设计。
这些图片素材需要经过计算机系统的处理，才能用于具体的书签制作。
（设计意图）提出任务，鼓励学生动手操作，为学生创建自我探究的学习平台。
（二）任务驱动 自主探究
任务一：页面设置，裁剪图片
教师出示打印纸，手拿实物白纸讲解页面的大小与页边距的概念。打开书自学教材相关内容，然后进行探究实践，小组内交流探讨，共同完成任务。
1、动手操作，设置页面
（1）打开Word，在Word窗口中，单击“文件”菜单，再单击“页面设置”的选项，打开“页面设置”的对话框。
（2）找到“纸型”选项，单击“纸型”列表框旁的黑色三角形。
（3）在列表选项子菜单中单击“自定义大小”，输入需要的数值。
（设计意图）通过“看书自学”、“尝试操作”，让学生积极动手操作，参与学习过程，引导学生发现新的知识点。
2、设置页边距，交流方法
（1）在Word窗口中，单击“文件”菜单，在子菜单中单击“纸张”选项，根据自己需要确定的纸张大小，再单击“页边距”选项，输入需要的边距数字。
（2）单击确定，页面设置成功。
（设计意图）在初步掌握操作步骤的基础上，让层次不同的学生都有操作的机会，学会与人合作，倾听别人的意见，培养了探究交流意识。
任务二：素材合成，编辑书签
3、编辑书签，张扬个性
根据需要，单击“绘图”按钮，在“叠放次序”中单击“置于底层”的命令。插入图片、艺术字、自选图形等元素并输入诗句文字。在页面上方，绘制一个小圆孔。让学生动手完成任务，教师巡视指导，展示学生精美的作品。
（设计意图）让学生自主探究，激发了学生的好奇心，铺垫了心智，实现了知识的“迁移”。
4、填充润色，修饰书签
学生根据教材内容，小组讨论填充润色操作方法，然后上台演示操作，教师补充讲解。
（1）选定要绘制的图形，调整图像的亮度。
（2）在绘图工具栏单击“填充颜色”按钮，打开颜色选择对话框。
（3）单击“填充颜色”按钮对话框，打开填充效果。选择一种自己喜欢的颜色，单击“确定”按钮，然后保存文件。
（设计意图）体现了信息技术的真正价值：信息来源于生活，又应用于生活。
三、打印书签，展示作品
教师选择有特色的学生作品打印出来，贴在班级的展示栏中。
（设计意图）鼓励优秀，共同成长。
四、拓展延伸，总结升华
学生完成P84“活动评价”，交流制作书签的体会，走进生活，走进网络，了解书签文化，喜欢读书，热爱书籍。制作一张精美的书签赠送他人。
（设计意图）对所学的知识与技能进行评价，有利于学生知识与技能的内化。让学生感受到设计制作活动的趣味性，真正让知识变“学”为“用”。
【教学反思】
在本节课教学成功之处有：这节课是运用Word中的文本框制作书签，使用任务驱动法进行教学，效果良好。四年级学生想象力丰富，善于观察总结，有一定的技术及操作技巧，掌握了页面设置、裁剪图片、编辑书签和填充润色的方法，落实了自主探究，合作交流的精神，让学生在合作中自主探究新知，把课堂教学引伸到生活中去，体现了“小课堂，大社会”的教学理念，培养了学生实事求是的精神。
教学中存在的不足：学生自主探究的时间还不够，动手操作应加强，教师语言还需精练。
“网页设计流程”是中职计算机应用专业课《网页制作与设计》的重点教学内容。根据中等职业学校计算机应用专业课程的主要任务及对教材内容的分析研究，在“网页制作流程”这课的教学中，我把掌握网页制作流程的一些技术和方法为知识目标，通过对知识的学习和对作品的创作培养学生创造能力，协作能力，动手能力，评价能力，同时在教学中培养学生的审美、欣赏、创新，主动探索与发展的能力为情感目标。那么，如何来实现教学目标呢?我进行了教学研究的尝试，引导学生开展探究性学习：网页制作作品。
课堂教学实例
课题：网页制作流程
一、教学目标
知识与技能
1、熟悉网页的各种元素，以及各元素在网页制作过程中的应用。
2、掌握网页制作过程中的一些技术和方法。
过程与方法
1、以建构主义理论为指导，以研究性学习为载体，培养学生自学，合作学习和动手能力。
2、学生通过亲身经历，提高分析和解决实际问题的能力。情感与价值观
1、培养学生与他人协作的学习品质，加强集体主义的观念。
2、培养学生的科学探索精神与严谨的治学态度。
任务描述
根据学生不同的学习能力，知识、兴趣爱好，依据自愿组成原则，将全班分为6人的小组，各小组规划出网页设计方案，分工合作制作网页，重点注重网页制作流程，并由学生自己担任评委，评选出优秀网页。
二、教学过程
1、课前准备
（1）以小组为单位，规划网页结构方案，描述网页制作流程。
（2）根据这个方案进行工作分配，依据所给网页制作流程准备材料、备写相关材料。
2、制作过程（1）栏目设计
（2）资料搜集
（3）网页蓝图制作
（4）色系选择（5）字体选择
（6）页面详细设计
3、网页评审
各小组派一名成员上台演示，根据老师制定的评分标准，请各小组长进行评分，评出优秀的班级网页。
三、教学活动主要环节
1、引入教学资源环境，创设学习情境。这个环节的主要教学目的是激发学生的学习兴趣和对新知识的渴望，让他们有对新知识和技能的学习动机，愿望和需求，在教学中，根据学生的思想特点与学习心理。我用自己制作的网页课件以及收集的优秀网页截图来创设情景，向学生展示了优秀网页的网页作品，并指出：大家看到的每一幅画面都是一个网页，这些网页有的美观大方；有的丰富多彩。有的个性鲜明，那么我们自己能不能制作出具有自己风格的网页。这样激发了学生学习网页制作的兴趣及求知欲望，产生了完成作品展网页的动机．此时，我对学生提出研究的目标--如何利用网页三剑客这个软件来完成你们的班级网页制作，最后各研究小组要分别展示你们的研究成果。
2、小组学习与探索研究。在课堂上，我出示范例，引导学生分析网页的结构，指出：网页中可以有文字、图片，甚至有动画和声音，为了和浏览者更好地交流，有时还添加各种表格、组件。当然，各式各样的超链接更是常常出现在网页里。学生有了初步的直观印象后，就不会感到盲目，而且会引起学生极大的兴趣。随后，我将一个网页的制作流程分别说明，那一个环节需要哪些软件，用到哪些技术；就作品网页制作过程简单介绍任务分解，重点在于小组任务的分配，将网页制作流程中各环节根据任务的轻重和学生能力的强弱进行分配，既要每个小组成员都有事可干，能完成各自任务，更要每个成员发挥自己的特长，使网页整体有特色，对技术的掌握更上一层楼，这个过程中引导学生轻松愉快、主动去解决问题，完成任务，进而达到自身对知识的意义建构是关键。
3、小组展示网页评审。展示交流是研究课题的最后一个环节，各小组通过多媒体教室向全班同学展示了各小组的研究成果，并对各个小组进行自评，即；说出哪些是本小组最好的，哪些是本小组还没能解决的．最后请各小组长评选出优秀网页。我认为在此环节，教师应把握评价的尺度，评价的侧重点应该放在学生在自主的学习过程中学会了哪些学习方法，同学间团结合作意识是否体现，井充分肯定学生的成果，鼓励他们继续发扬这种探索研究精神。
四、教学反思
一、教学背景
《建筑模型设计与制作》是xx区劳技中心开设的拓展性程。程以二期改xx市劳动技术程标准为指导，以学生发展为宗旨进行内容设置。把数学中的平面几何、立体几何、三角、三视图等融入设计与制作之中，引导学生从简单的识图入手，提高学生的空间想象能力，帮助学生学会三维草图设计，初步学会建筑模型的制作技能，体验技术的价值，激发学生学习的兴趣。
教学中，学生通过识图、理解模型平面图和立面图所表达模型特征及空间结构，并正确地绘制出相关的展开图，通过切割、折边、粘接等技能操作完成建筑模型制作的主体部分。在此基础上，配景部分也是体现建筑模型的一个重要环节；如何引导学生更密切地关注生活，关注身边小区绿地设计为载体？通过探究研讨教学法，使学生在团队合作过程发挥各自优势并不断完善小组作品；《小区绿地景观模型的制作》一节不仅体现学生团队合作的巨大力量，而且学生自主学习个性化发展优势充分得以体现。
二、教学设计思路
、设计思路
本节通过两组不同环境住宅图片的对比，引导学生发现问题，导入题。在观察与分析过程中，引导学生了解绿地景观的特点和植物布局的原则；探究绿地景观模型制作方法，掌握草坪、低矮植物、高大植物的制作过程；通过动手实践，思考植物制作和景观布局两个环节，学会解决问题的方法；在交流与评价环节中，以“制作要求和合理布局”为评价标准，使学生在评价过程中有一定的理论依据，同时学生在合作交流中，不仅展示各自的作品，也完善了他们的思维方式。
2、教学分析
教学中，教师发现在建筑模型植物景观制作过程中，由于学生缺乏实践知识，在植物布局和制作中会存在许多不合理之处；针对这些情况，教师从教学内容进行调整，从身边小区绿地入手，设计《小区绿地景观模型的制作》一。通过教学设计，使学生了解植物与人们生活有哪些密切的联系，理解小区植物布局的原则，关注学生自己居住小区植物的布局，并能做出合理的解释。
3、学情分析
教师根据《劳动技术》“会动手、能设计、爱劳动”学科特点，以学生发展为宗旨，学生在完成上节小区绿地景观模型植物草图绘制的基础上，非常希望将美好的愿望，通过自己动手实践完成植物制作；从学生最熟悉的生活小区入手，激发他们观察小区植物与人们的密切关系以及了解植物合理布局的重要性。
三、教学目标设定
．知识与技能
（1）了解绿地景观的特点。
（2）了解植物布局的原则。
（3）掌握简单植物的制作方法。
2．过程与方法
（1）通过观察与探究，了解绿地景观的特点和植物布局的原则。
（2）通过绿地景观植物模型制作方法的探究，了解植物制作方法。
（3）通过制作活动，掌握植物制作的过程。
（4）通过交流与评价，完善学生的思维方式。
3．情感态度价值观
（1）通过观察与分析，引导学生关注自己居住小区绿地景观植物布局，从而关注生活周边的环境，提高环保意识。
（2）通过小组合作探究，培养学生团队合作精神。
4、教学重点：绿地景观植物模型制作方法和过程。
、教学难点：小区绿地景观中植物的布局。
四、教学（器材）准备
．教具：树木模型的相关资料，等。
2．学具
材料：细铜丝、草粉、泡沫塑料、植绒纸、白胶、牙签等。
网站开发流程
规划 确定建设网站的目标； 分析目标用户及潜在用户对站点的需求； 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：新建一个文档，修改－模板－应用模板到页。
关键词：CSS,嵌入式,内联式,外联式
一、教材分析
CSS (Cascading Style Sheets, 层叠样式表) 是《信息技术·选修3网络技术应用》 (中国地图出版社) 第四单元第四节“动态网页”中的一部分内容, 是网页制作的一个重要组成部分。CSS可以通过简单的菜单操作实现, 也可以通过复杂的html代码修改完成。教师应根据实际情况以及网页制作的实际需要来选择相应的方法, 有侧重有选择地讲解, 注意引导学生如何有效运用比较简单的方法, 使用CSS来设置网页的样式。学生恰当地选择和使用CSS的三种方式, 不仅可以使网站风格统一, 也可以使单独的页面或者某个网页元素呈现特殊的效果。
二、学情分析
学生初步掌握了简单的网页制作, 能够用表格布局好网页。但是在上网的过程中, 会发现一些网页的样式很有特点。为了激发学生的学习兴趣, 通过在一个网页中链接两种不同的样式表, 网页样式会出现差异很大的两种效果, 这种像变魔术的方式可以让他们在轻松而愉快的环境中积极学习。
三、教学目标
知识与技能:了解CSS的概念;掌握CSS的三种使用方法。
过程与方法:能够根据应用需求采用不同的方法设置网页的样式。
情感态度与价值观:通过使用简单的CSS设置样式, 体会把网页内容和样式分离的思想。
四、教学重难点
教学重点:大致读懂CSS代码中字体和图片的部分属性。
有效利用教师提供的学案, 根据网页整体效果的需要找到相应的文字样式和图片样式的代码, 达到预期的网页效果。
教学难点:根据实际需求选择使用不同的样式表。
五、教学准备
准备详细的电子教案、课件和学案, 准备好网站文件夹“魔术欣赏”和“星座探秘”。“星座探秘”文件夹里放着四个网页, 分别是“Air signs.htm”、“Earth signs.htm”、“Fire signs.htm”和“Water signs.htm”。
六、教学过程
(一) 导入:魔术欣赏, 激发兴趣
师:在春晚的舞台上, 刘谦表演的魔术很神奇!今天老师也来表演一个魔术, 请大家欣赏。
展示网页garden.htm分别引用01.css和02.css时的不同效果, 如图1和图2所示, 让学生体验CSS样式表对网页风格的影响。
师:在刚才的魔术里, garden.htm网页似乎被谁控制着, 并不是控制网页里的元素, 而是控制了网页的风格。到底是什么在控制着网页的风格呢?我们一步一步来揭秘。
进一步展示用CSS定义好的文字和图片样式的效果, 让学生尝试着用已有的方法能不能解决。
【设计意图:通过魔术引导学生体验CSS的魅力, 激发学生学习CSS的兴趣。学生用已有的知识能够设计出部分字体和部分图片的样式, 但是并不能完全设置出来。此时引导学生观察教师网页的代码。
部分学生能实现教师展示网页中文字的大小、字体设置、图片的边框设置, 但是不能设置图片的特殊边框, 这是教师用CSS来实现的。CSS是层叠样式表的简称, 它的作用是定义网页的格式或者样式。通过问题“用CSS怎样实现图片的特殊边框效果呢?”进一步激发学习兴趣。】
(二) 风格秀一:嵌入式样式表
师:我们知道, Front Page是所见即所得的网页制作工具, 我们使用html也可以直接制作网页。这里, CSS实现文字阴影效果也可以有两种方法。
1.图片CSS样式的设置
学生活动:打开网页“Fire signs.htm”, 尝试通过“图片属性”设置样式, 并在html视图下观察图片代码的变化。
师:图片的样式设置好后如图3所示。
请大家转到代码视图, 观察图片的代码, 会发现多了一些元素, 例如:<img src="image/白羊座.jpg" style="border: 3px groove #FF00FF">。
这段代码里用的就是CSS样式。在img标签里添加style属性。这个方法能不能用在文字上?答案是可以的。
2.文字CSS样式的设置
打开网页“Fire signs.htm”, 在段落文字的开始标签里添加style属性。
<p style="font-family:楷体_GB2312;font-size:20pt;color:#336600;"> 白羊座符号象征着新的开始。</p>
转到设计视图, 能看到设置好样式的文字如图4所示。
学生活动:用适当的方法对“星座探秘”文件夹里网页的文字和图片设置合适的样式。
3.嵌入式样式表的特征总结
这种改变网页风格的方法称为嵌入式样式表, 它的特征有:
(1) 操作方法:在段落或者图片的标签里加入style设置样式, 双引号、属性、冒号、值、分号, 即style=“属性:值;”。
(2) 位置:在某个元素的标签内。
(3) 作用范围:只对本标签起作用。
师:如果想对网页里的其他图片和其他文字也应用相同的CSS样式, 可以如何操作呢?
学生活动:选中图片或者段落, 用嵌入式样式表进行设置, 需要很多的重复操作, 工作量比较大。
师:大家想一想, 有什么办法可以减少这样的重复操作呢?可不可以把这些样式从各个标签里提取一下, 集中存放?
【设计意图:用菜单设置图片样式的操作比较简单, 让学生自主探究, 教师进行适当的补充。
这里有两个对比, 一是菜单设置样式和代码设置样式的对比。从用菜单设置图片的样式, 观察html代码的变化, 过渡到用代码设置段落里文字的样式, 也就是通过简单修改和复杂修改的对比让学生体会到菜单操作和写代码的差异, 学生可以根据自己的需要进行选择。二是图片样式和文字样式的对比。通过观察图片样式的设置方法, 探索出文字样式的设置方法, 但是, 要注意文字和图片的属性不同。
学生发现用嵌入式在元素标签里设置多个段落里文字样式 时比较复 杂 , 过渡到把 样式放在 <head></head>区域内。】
(三) 风格秀二:内联式样式表
1.用代码设置内联式
师:从图片标签或者段落标签中提取CSS样式, 放到<head></head>区域里。
有些版本较低的浏览器不支持样式表语法, 会在浏览器中直接以源代码的方式显示我们设置的样式表, 所以我们要在style标签里加入注释<!---->。
2.内联式样式表的特征总结
这种改变网页风格的方法称为内联式样式表, 它的特征有:
(1) 操作方法 :在 <head></head> 区域内增 加一对style标签, 注释符, 中间是标记, 一对大括号, 大括号里面是属性冒号值分号, 即
<style type=text/css>
<!-
标记{属性:值;}
-->
</style>
(2) 位置:<head></head>之间。
(3) 作用范围:当前网页, 凡是元素标签跟我们设置样式的标记相同的, 都会设置为特定的样式。
师:这是代码操作的方法, 也可以通过菜单设置。
3.用菜单设置内联式
演示用菜单完成内联式样式表的例子, 把段落标签<p></p> 里的字体 和字号改 一下 (“格式”-“样式”“p”-“格式”-“字体”, 选择好后确定) 。
学生活动:用内联式对“星座探秘”文件夹里网页中所有的标题文字、段落文字和图片设置合适的样式。
师:我觉得大家刚才用内联式设置的网页样式很漂亮, 那能不能把“星座探秘”文件夹里其他网页里的标题、文字和图片也设置成这个样式呢?
学生活动:把网页里的嵌入式样式表代码复制下来, 粘贴到其他网页的<head></head>区域里。
师:如果我再给大家几十个网页, 都需要用这个样式, 是不是一个一个的复制粘贴呢?
学生讨论:好像有点浪费时间。
师:请大家想一想, 有什么办法可以减少这样的重复操作呢?可不可以把这些样式从<head></head>区域里提取出来, 集中存放?
【设计意图:从嵌入式样式表过渡到内联式样式表以后, 学生可比较容易地把代码从具体标签里提取出来, 放到<head></head>之间, 于是从代码入手学习内联式样式表。
之后采用对比的手法, 讲解通过菜单也可以设置内联式样式表, 操作起来也比较方便。
通过用内联式样式表把网站里的所有网页都设置为相同样式, 学生发现需要多次相同操作以后, 思考能不能想办法减少重复。】
(四) 风格秀三:外联式样式表
师 :从 <head></head> 区域里提 取出样式 , 放在一个.css文件里, 在网页里用“格式”下面的“样式表链接”菜单设置样式。
1.操作方法
把内联式样式表中style标签里的样式设置内容剪切出来, 在“星座”探秘文件夹里新建一个记事本, 粘贴, 另存为“sample.css”。 (保存类型选择所有文件, 名称为sample.css) *.css文件里不需要style标签, 只要样式, 即:标记{属性:值;}。 (请大家一定要注意, 把“sample.css”保存在“星座探秘”文件夹里。)
然后, 回到Front Page的“普通”视图下, 点击菜单“格式”-“样式表链接”, 点击“添加”按钮, 找到需要链接的css文件, 点击“确定”按钮, 就能出现效果了。
打开“html代码”视图, 可以看到, 网页的<head></head>区域里多了这样一条语句:
<link href=sample.css rel=stylesheet type=text/css>
href=sample.css指明样式 表文件的 路径 , 现在文件sample.css和当前网页在同一个文件夹下面。
rel表示引用文件和当前页面的关系, 通常rel的值是stylesheet, 表示当前文件是html主文件, 引用的文件是修饰当前文件的样式。
2.外联式样式表的特征总结
这种改变网页风格的方法称为外联式样式表, 它的特征有:
(1) 操作方法:样式是写在一个css文件里的, 如果需要用这个样式, 直接调用文件就可以了。
(2) 位置:样式放在css文件中, 通过<head></head>之间插入链接式进行调用, 如:
<head>
<link rel="stylesheet"
href="*.css" type="text/css">
</head>
(3) 作用范围:多个网页。用一个css文件可以控制多个网页的样式, 使网页风格统一。如果需要修改, 只要修改css文件内的样式属性, 网页的样式就全部改变了。也就是让网页的结构样式和内容分离, 方便修改。
学生活动:用外联式对“星座探秘”文件夹里的所有网页设置相同的样式。
【设计意图:用内联式设置多个网页的样式比较复杂, 过渡到把样式从网页中提取出来, 放在一个单独的css文件里, 网页需要用样式时可直接调用。
如果很多网页需要设置相同的样式, 使用内联式样式表时就得在每个网页里增加相同的样式, 需要有很多的重复操作。通过引导学生把这些样式从一个网页里面提取出来, 存放在一个css文件里, 用这个css文件来控制多个网页的样式, 进一步深入学习CSS样式设置。】
(五) 交流展示
展示几位学生的网页, 观察他们设置的不同样式, 让学生了解到网页的整体效果是很重要的。
(六) 知识小结
使用CSS的好处是:将网页内容和结构样式分离, 可以用样式来控制页面布局。
(七) 知识拓展:设置背景颜色和超链接的样式
师:CSS不仅可以设置文字和图片的样式, 还可以设置网页其他元素的样式。现在给大家提高一个难度。请你用CSS的外联式给网页里的超链接和网页背景颜色设置样式, 也就是在sample.css文件内增加对超链接和网页背景的样式设置。
学生活动:完成提高任务, 用CSS设置网页的超链接和背景颜色的样式。
七、教学反思
其一, 通过变魔术的方式激发学生对CSS样式表的兴趣, 任务的设计从样式表的嵌入式、内联式到外联式逐步过渡, 所有学生紧跟着教师的步伐, 踏踏实实地学会了用CSS控制网页的样式风格。
其二, 整个教学过程基本上采用对比的方法, 从易到难, 从菜单操作到写代码, 从观察代码再回到菜单操作, 从文字的CSS样式和图片的CSS样式比较, 到拓展知识中用CSS对超链接的属性和网页背景颜色的设置, 让学生充分体验到了CSS的魅力, 锻炼了学生触类旁通、举一反三的思维能力。
参考文献
【关键词】网页设计 案例教学法 实践
【中图分类号】TP393.092-4【文献标识码】A【文章编号】1672-5158（2013）06-0369-01
随着Internet的日益普及，各种类型网站层出不穷，网页制作已成为为今非常热门的职业，熟练掌握网页设计与制作技术不仅能够提高高职院校学生的职业竞争力，而且还能够充分发挥其自己的个性和创造力，但在课堂教学实践中，由于教学方法的僵化滞后，导致学生学习难度增大，缺乏学习兴趣，不能充分使现课程应用开发的特色，因此，如何在教学中打破以往理论灌输的形式，引入安全教学法，激发学生学习兴趣，使学生在学习理论知识的同时也增强动手能力，从而更好地培养受企业欢迎的网页设计人才，成为高职院校计算机专业老师迫切需要解决的一个课题。
一、 案例教学法的内涵
案例教学法起源于1920年代，由美国哈佛商学院所倡导，到1980年代，已逐渐成为一种相当成熟的教学模式。所谓案例教学法就是一种以案例为基础的教学法，是在老师的指导下，根据教学目的和要求，组织学生通过对安全的调查、阅读、思考、分析、讨论和交流等活动，教给学生分析问题和解决问题的方法，进而提高他们分析问题和解决问题的能力，加深对基本概念和基本原理的理解，在案例教学法中老师不再是过去传统教学中，扮演传授知识者角色，而是扮演着设计者和激励者的角色，鼓励学生积极参与讨论，20世纪末，随着计算机技术和飞速发展和计算机使用的日益广泛，这种教学法也被应用到计算机教学中。通过案例教学法，可有效地培养高职院校学生识别分析和解决某一具体问题的能力，以及管理理念，工作作风，沟通能力和协作精神。
二、 案例教学法的特色
1、 鼓励学生独立思考
传统的教学法只告诉学生怎么去做，而且其内容在实践中可能不实用，导致学生学习中失去兴趣。在一定程度上损害了学生的积极性和学习效果，而安全教学法则是要学生自己去思考主，去创造，使得枯躁乏味的教学内容变得生动活泼，而且案例教学的稍后阶段，使学生都要就自己和他人的方案发表见解。通过这种经验的交流，既可取长补短，促进人际交流能力的提高也可起到一咱激励的效果。长期落后的学生，能激发其奋发自己，超越他人的内动力，从而积极进取，刻苦学习。
2、 重视双向交流。
传统的教学法是老师讲，学生听没听，听懂多少，要到最后的测试时才知道，而且学到的都是死知识，而在安全教学中，学生拿到案例后，先要进行消化，然后查阅各种他认为必要的理论，这无形中回加深了对知识的理解，而且是主动过行的，捕捉到这些理论知识后，他还要经过缜密地思考，提出解决问题的方案，这一应视为能力上的升华，同时他的要案，承受时由所谓教师给以引导，这也是促使教师根据不同学员的不同理解，补充新的教学内容。
3、 引导学生变注重知识为注重能力
现代人力资源理论认为知识是学重能力，知识应该转化为能力，用人企业也越来越重视学生的实践能力，同时学生一味地通过学习书本的死知识而忽视实际能力的培养，不仅对自身的发展不利，也无法让其今后所在企业直接受益，而案例教学法恰恰是培养学生创造能力的教学方法。
三、 案例教学法的实践
1、 确定案例，自行准备
在正式实施的一到二周，老师设计学生当前所学习的内容与现实情况基本相接近的案例，然后把案例材料发给学生，让学生阅读安全材料，查阅指定教材，搜集必要的信息，并积极地思索，初步形成关于案例中的问题的原因分析和解决方案，在该环节，老师可分队是段给学生列出一些思考题，让学生有针对性地开展工作，这样，在提起学生兴趣的同时，培养学生自学与探究的能力，例如在超链接一节中，文字、图像超链接，热区超链接，电子邮件超链接的操作方案类似，教师选择最复杂的热区超链接作为案例交予学生分析解决，并要求学生在需要完成的页面中加入电子邮件超链接，这样既可以使学生了解各知识点之间的相互关系，又可在学生头脑中形成该章节完整的知识体系，对所有知识点有一个交流和全面的认识。
2、 分析案例，集中讨论
在学生充分分析的了解案例的基础上，教师可围绕选择案例的涉及知识点进行必要的讲解和示范，此后，学生发表对于安全的分析和处理意见，可扩展和深化彼此对案例的理解程序，教师作为组织者和主持人提出几个意见比较集中的问题和处理方式，组织学生对这些问题和处理方式进行重点讨论，这样就将学生的注意力，引导到方案的合理解决上。
3、 引导实施，完成任务
在学生集中讨论完成以后，教师应留出一定的时间让学生自己进行思考和总结。并引导学生上机实际操作，为了让学生对所学知识融会贯通，要及时安排足够的上机时间，使理论讲授，学生讨论和上机练习同时进行，在此过程中，教师要充分体现学生的自主性和主体性，在学生遇到困难时及时指导，尽量启发引导学生主动控究。通过“做中学”，“做中教”，使学生学会和掌握相关的知识和技能，从而提高学生的网页制作能力，巩固所学知识与技能。
4、 科学评价，及时反馈
在学生完成案例后，教师要及时对学生的表现作出科学的评价，以往教学中，忽视实践操作和网站整体构思和建设，只强调学生对书本知识的记忆忽视了对学生思考能力，对知识的运用能力，创新能力以及其他来源的培养，因此，老师进行学习评论和定性评价相结合，教师评价和学生自评，互评相结合，增强老师与学生的互动交流，这样既能帮助教师及早发现学生的问题，反思教学效果，又能帮助学生及时总结自己的学习情况：如教师可在以一个综合作品及该作品的项目策划书（网站的构思、主题、结构、链接方式、色彩选择等，交由学生共同完成，完成后老师综合网页的版面设计，页面效果，实用性等多项指标，给出评分和评语，其他学生给出互评，制作人对作品给出自评，三部分分数相加作为作品的综合秘所得，这样既可调动学生平时学习网页知识的积极性，又培养了学生的实践能力、创新能力和团队合作精神。
四、 案例教学法在网页设计课程教学中坯布要注意的问题
1、 明确目的性
教师所选择的安全，要以教学内容为依据，以所学专业内容为课题材料，既独特又具有代表性，目的明确，让学生在案例的思考；分析和讨论中，建立起一套适合自己的完整而又严密的逻辑思维方法和思考问题的方式，以提高学生分析硅化木，解决问题的能力，进而提高素质。
2、 深刻的启发性
案例教学不存在绝对正确的答案，目的在于启发学生独立自主地去思考探索，在整个教学过程中，教师要注重与学生个体的交往，在交往中，循序渐进地培养学生独立思考能力，启发学生逐渐建立一套分析、解决问题的思维方式。
3、 突出实践性
网页设计是一门操作性和应用性很强的课程，要提高学生的实践动手能力，必须加强实验实训环节，在实践教学中，能要注重老师角色的转换，以学生为中心，教师为主导，通过精选案例、分解任务，讲练耐心融合，使学生积极参与，从而充分调动学生独立解决问题和积极性和能力。
总之，在高职院校的网页设计教学中，引入案例式教学，使学生在实践中掌握知识，提高技能，既让学生学到了网页制作方法，又锻炼了学生的自学能力主，团队合作能力，从而全面提高了高职生的综合素质，达到了学以致用的教学目的。
参考文献
[1] 王红姝.浅谈案例教学法的实践与应用.黑龙江高教研究，2000（3）
1、使幼儿了解各种小动物最爱吃的食物。
2、巩固幼儿按轮廓均匀涂色、撕纸、剪纸、绘画等多种美工技能，发展小肌肉的协调能力。准备：椭圆形白纸（作米粒）、油画棒、纸盘、剪刀、勾线笔若干，画有肉骨头、萝卜轮廓的卡片若干张，小动物图片过程：
一、出示小熊，以糊涂小熊引入课题师：今天，糊涂小熊要请客，看小熊家来了谁？依次出示小鸡、小狗、小兔师：糊涂小熊看到那么多朋友来了，连忙端出小动物最爱吃的食物。出示小动物爱吃的食物（把食物及其相对应的小动物次序打乱）。请几名幼儿上前进行个别纠正，把食物及其相对应的小动物放在一起。要求边操作边说。如：小鸡爱吃米。
二、观察食物，引导幼儿用涂色、撕、剪、画等多种美工技能给小动物制作食物。
1、以小鸡的口吻：“哎哟，小熊呀，这么在的米，我可放不进嘴里，怎么吃呀？”引导幼儿用撕的方法把米变小，请个别幼儿示范撕纸。
2、以同样的方法，引导幼儿给小兔的萝卜涂上颜色，把萝卜变得新鲜。帮小狗的骨头按轮廓剪下来，使小狗能一口吃一根骨头。
3、出示小猫，用绘画的方法给小猫画小鱼作食物。
三、引导幼儿按自己的意愿给小动物做食物提醒能力强的幼儿可以做完一个小动物的食物后，再拿盘子给其他小动物做食物。请幼儿数一数，给一种小动物做了几个食物。
关键词：工作室 项目教学法 网页设计
摘要：在《网页设计》教学中采用项目教学法，为学生实践和实习作好了准备，充分体现了职业教育以“学生为主体，以能力为本位”的价值取向。
随着网络的高速发展和“所见即所得”网页编辑工具的出现，网页设计已发展为一门新兴的学科。网站设计不单纯是计算机技术的运用，也是平面设计在网络世界的延伸。新的领域需要复合型的人才，作为一个合格的网页设计师不仅要有熟练的网页制作技术，也要有扎实的页面设计能力。随着时代的发展，网站建设越来越接近于一门艺术而不仅仅是一项技术。网页界面的艺术设计，日益被网站建设者所注重。在目前国内对此领域研究甚少的情况下，将网页艺术设计与其他艺术设计形式进行比较，尝试从网页界面艺术设计的内容、原则和特点等三个方面按照项目领域进行划分，对这个新的艺术设计领域进行初步的归纳总结和理论探讨。
《网页设计》课程是一门实践性较强的专业课，也是环境设计（本科）专业的一门专业课程，它涵盖了 HTML 语言、Dreamweaver、Fireworks、Flash 等相关知识，全面介绍 WEB 站点开发、设计、制作、维护等技术。课程组对课程进行全面改革，形成以典型实例贯穿全局，以课程设计和项目开发来驱动教学的教学模式，该课程改革以后会以一个综合网站的形式出现，课程会出现：教学大纲、实践大纲、综合实训、网页设计与制作教学课件下载、习题与练习、作业上传等版块，采用了“三位一体”教学法，功能模块出现会大大提高教师授课质量和教学的直观性，调动学生的积极性，增强学生的动手能力，达到了教、学、做合一，手、脑、机并用的效果。教学效果显著提高。
目前，我系环境专业构建了“工作室”教学模式。“工作室”教学模式指的是把现有的专业根据专业研究方向与领域进行整合，成立不同的工作室。学生在学习完前两学年的基本专业知识后，进入工作室学习第三学年的全部课程。工作室的具体任务是依托教研室专业教师的技术实力，走产学研结合之路，在完成项目的同时带动教师与学生专业水平的提高。工作室的主要工作是承接企事业单位的工程项目及网站项目，由专业教师和学生共同努力完成项目。在项目实施过程中，依据企业相应岗位的工作业务流程和管理规定来规范学生的工作实践，达到锻炼学生的实践技能与岗位意识的目的。
确定项目在制定项目时，进行科学规划，力求所制定的项目不仅有利于教学的开展，而且有利于调动学生的学习积极性。我们将《网页设计》课程的总项目确定为开发一个具有简单交互功能的网站，并根据其涉及的知识点，将课程总项目划分为若干个子项目，每个子项目再根据知识点划分为若干个由基本知识、基本操作构成的实验项目。
在《网页设计》课程实施项目教学时首先要求科学确定项目。具体内容与特点：（1）．采用了“三位一体”教学法
“精讲多练”是该课程教学的最大特点，本课程的教学目标强调在了解网页设计理论知识的基础上，重点培养学生的操作技能和技巧。为了达到良好的教学效果，采用了“三位一体”教学法。所谓“三位一体”教学法就是在实训课中教师在计算机上教，学生在计算机上学，然后在计算机上做。这种边教边学，边学边做的交互式教学形式，提高了教学的直观性，调动了学生的积极性，增强了学生的动手能力，达到了教、学、做合一，手、脑、机并用的效果。
（2）．应用现代教育技术，推动教学手段现代化
目前，本课程中的讲授课均在配有大屏幕投影和计算机的教室中授课。教师用电子幻灯片讲解基本概念，用多媒体课件演示操作过程。通过这些先进的教学手段，提高了教学的直观性和生动性。
（3）．开发网上助学系统，弥补课堂教学的局限
本课程教学网站的建立，多媒体课件、教学大纲、教案、电子版教材、实验实训指导书、习题、常见问题解答、参考资料、应用案例和网上答疑系统等教学资源全部上网，教学网站建设初具规模，并能经常更新。学生结合自己的个人情况进行自学或助学，有助于学生更好地学习和掌握网页设计的精髓。同时，学生可利用校园网或Internet网上资源，查找学习资料，培养自学能力，以弥补课堂教学的局限。为学生构建了一个“全天候、立体化”的学习的平台。
（4）．严把实训环节
网页设计工作是手脑并用的高强度劳动，只听、看、读是学不会的，只有让学生多动手、多实践，才能将所学的知识加以巩固。实训环节在这门课的学习中有着非常重要的作用。为了更有效地利用实训课锻炼学生网页设计的技能，我们精心设计了同步配套的三十多个实训内容，每个实训都有明确的知识点和任务要求，还有较为详尽的参考步骤。采用实训教材，既能规范各位教师有相同的教学要求，也有助于学生按章节复习和检查自己掌握所学知识的程度。
此外，教师们严把实训环节，每次实训都要对学生完成实训的情况加以记录、评定，给出相应的成绩。这样既调动了学生动手实践的积极性，又真实地记录了每个学生的平时水平，保证了学期总评成绩的真实性和公平性。
（5）．改革考试方式
考试是检验学生学习效果、评价学生学习业绩的重要环节。考试的形式对教学目标、教学过程有着相当大的影响。结合网页设计操作性强、实践性强的特点，我们改革了考试方式，采用上机考试的方式。而且，网页设计这门课程，一方面是要考核创建网页的能力和技巧；另一方面是要考核页面的设计能力和才华。所以，在命题上也进行了大胆的改进，其中70%为规定内容，30%为围绕主题自创意内容。换句话说，同一份试题，每个学生做的结果是不可能完全相同的。经过实践，除了有效地考核了学生的实际水平外，还有一个好处就是杜绝了考试中的作弊现象。
学院已具备的教学改革基础和环境：学生实习实训机房室具有一定规模，能够开出教学大纲要求的全部实训内容和选修实训内容，能够人手一机，满足学生实验实训的全部需要。
[1]姜赵凤．项目教学法在《机械基础》中的应用[J]．职业技术教育，2006，董雁．
关键词： 案例教学法 《网页设计》 课程应用
《网页设计》是多数高校面向计算机及其他相关专业开设的一门课程，主要讲授网站的基本知识、网页开发语言、开发工具和美化工具等内容。通过本课程学习，培养学生的网页设计能力和计算机应用能力，解决网站和网页设计中的一些常见问题。由于《网页设计》实践性强，采用传统知识点讲授法教学，学生会认为理论和实践脱节，缺乏学习兴趣，因此，应该把案例教学法引入《网页设计》教学中，提高课堂效率。
一、案例教学法
案例教学法是一种以案例为基础的教学法，即运用社会或身边发生的事例激发学生的学习兴趣，说明道理，给学生的行为以启发的教学模式。在教学过程中，教师如何选择好的案例教学是实施案例教学法的关键。教学案例是真实又典型且含有问题的事件。简单地说，一个教学案例就是一个包含有疑难问题的实际情境的描述，是一个教学实践过程中的故事，描述的是教学过程中“意料之外、情理之中的事”。对于《网页设计》课程来说，好的教学案例应该包括的要素有：
（1）展示的案例页面整体设计美观，功能实用、易用。
（2）页面要有标志性图片。
（3）要有导航栏。
（4）尽可能包含更多的实用知识点。
在案例教学过程中，教师可以更多地从系统分析和设计角度讲解软件的功能分解，让学生在真实的环境中学习软件分析和设计。要通过实际网页制作案例的展示让学生加深对教学案例的理解，逐渐掌握相关知识点，并学会如何应用到实际项目中。
二、《网页设计》案例教学应用示例
1.教学案例效果
在应用案例教学法之初，教师向学生演示“蝶与花”网页的实际效果。这个网页中包含图片、文字、表单和控件等元素，由于布局合理，颜色搭配合理，这个网页的制作很容易激发学生的学习兴趣，增强学生的学习动力，产生赶快学习并亲手制作的冲动，有利于《网页设计》课程教学工作开展。图1是“蝶与花”网页的实际效果。
2.案例分析
通过分析“蝶与花”网页的特征，归纳制作“蝶与花”网页要用到的素材、文件和相关知识点等。
“蝶与花”网页要用到的素材和文件包括：七个JPEG图像文件和一个文本文件。
“蝶与花”网页要用到的知识点包括：
（1）表格的插入及属性设置；
（2）单元格的拆分、合并及属性设置；
（3）图片的插入及属性设置；
（4）图像合成及处理；
（5）marquee标记及属性设置；
（6）超链接标记及属性设置；
（7）表单的插入及属性设置；
（8）控件的插入及属性设置；
（9）行为的添加及修改；
（10）网点的建立与管理。
接下来教师实际演示“蝶与花”网页实际制作过程，教师通过Dreamweaver软件在真实计算机情境讲中解网站的建立与管理，相关网页标记的插入及属性设置等，这样学生就在真实的教学案例中体会到网页制作过程及相关知识点的应用，既学习理论知识又掌握操作技能。
三、结语
由于《网页设计》实践性强，在教学过程中引入案例教学法更能激发学生的学习兴趣，提高教学效率。通过合理选择《网页设计》教学案例，分析《网页设计》涉及的素材、文件和相关知识点，在实际情境中演示教学案例的制作过程，学生动手能力明显增强。今后要加强案例教学法与其他教学法的融合，这样才能切实提高《网页设计》教学质量，培养出高素质的网页设计人才。
参考文献：
[1]毛群.案例教学法在OFFICE教学中的探索[J].齐齐哈尔师范高等专科学校学报，2010，2（114）：119-120.
[2]http：//baike.baidu.com/link？url=Y79IWpdCsx VTAFJGEQ XxAToNFDYGfjTf7R9acDDA4UH-U_03RXsfEspiz1Ny2v LDlm 5b0zITUtT6ZE7H85vy0q.
1 案例设计
在学完基础动画的前提下,要对讲过的工具、补间动画、元件、影片剪辑等知识进行综合应用,并引入新的知识点。要将这些内容结合在一起,通过对行业与企业的调研,经过教师们反复地实践和研讨,紧密结合岗位能力的要求,设计出“广告条制作”这一案例。
1.1 案例描述
在星光四射的背景下,出现主标题文字“天津滨海职业学院”,文字由小到大变化,再慢慢消失,文字颜色白变灰再转为白色。文字消失的同时分别从画面两侧移入横向矩形的白色略带透明的光带,光带消失后在光带的位置出现广告文字:“崇德尚能”、“学以致用”,停留数秒后,广告条重复显示。
1.2 分镜头
第一个镜头:广告标题文字“天津滨海职业学院”在画面中心慢慢由小变大,再慢慢消失。第二个镜头:广告文字消失的同时,两条白色光带分别由画面外右上、左下位置迅速平移到画面内的左上、右下位置,并且迅速放大消失。第三个镜头:在光带消失的位置,两条广告文字:“崇德尚能”、“学以致用”出现在此处。第四个镜头:在整个广告的放映过程中,背景是不断有光向四外发散。
1.3 案例中涉及的知识点
在此案例设计的过程中,考虑到运用的知识点。第一个镜头:元件、补间动画;第二个镜头:元件、补间动画;第三个镜头:工具;第四个镜头:影片剪辑、属性、元件、补间动画、注册点、新知识点事件的引入。案例的实际操作无需其它素材,是一个从无到有的制作过程。
2 教学过程
2.1 师生交流,温故知新
老师:大家好,上一节课我们共同学习了影片剪辑、大家对元件又多了一些理解,了解影片剪辑中的独立时间轴的概念。上节课也都制作出了动画“飘动的线条”,谁来说说影片剪辑的制作要点是什么?
学生:影片剪辑用来制作可以重复使用的、独立于主时间轴的动画片段。可以在影片剪辑内添加声音和动作脚本。
老师:回答得非常好。我们制作的影片剪辑虽然可以重复使用,但是它的运动规律是一定的,你做的是纵向运动它就纵向运动,只是可以增加数量,但是运动规律不改变,对不对?
学生:(齐声回答)对。
老师:我想通过纵向运动的影片剪辑再制作出能向各个方向运动的动画,可不可以?
学生:(认真思考。)
老师:同学们是不是在想要多个些影片剪辑?在Flash动画制作中有一种既省时又省力的制作方法,可以让用户轻松完成动画制作。即只需在影片剪辑中添加动作脚本就可以了,本节课我们学习广告条的制作。请同学们来领略一下脚本动画制作的神奇魔力吧。
2.2 任务发布,介绍新的知识点
老师:同学们日常生活中经常见到广告,我们也给我们的学院做一则动画广告吧。先来看一下广告的描述。在这个描述中,是不是有的同学已经有自己的构思了,那前三个镜头同学们运用学过的知识就能做出来,对不对?(目的是激发学生的学习兴趣)大家想不想一试身手?
学生:想(情绪高昂,跃跃欲试)
老师:好。现在咱们看一下发布的任务,大家要认真阅读动画“广告条制作”的任务描述和操作提示,在没有疑问的前提下,自己尝试动手去制作动画。如果在操作中遇到了问题,操作提示供大家参考。
学生:制作动画(学生在动画制作的过程中会遇到以下几个问题:一是文字没有由小到大进行变化,原因是开始帧和结束帧字体大小一致;二是在影片测试时三个镜头是同时运动,主要原因是时间轴中的各图层的开始帧都设置相同了;三是补间动画没有创建成功,原因是没有将对象转换为元件。为了提高和培养学生的分析问题、解决问题的能力,教师在遇到学生有类似问题的时候,引导地进行提问,让学生自己找到解决问题的方法。)
老师:利用教室广播软件对学生独立制作动画的前三个镜头进行演示和评价。
老师:大家完成了广告动画的大部分制作,咱们继续完成最后一个镜头的动画。
老师:第4 个镜头是制作星光四射的效果,星光我们只需要做一个,再经过代码复制就可以了,这一个星光可以做成影片剪辑,这是上节课咱们讲过的内容,请大家自己动手完成。
学生:动手制作(问题较集中在星光的形状上,刚开始做时大部分同学做出的星光是圆形、矩形,解决该问题时采用小组讨论,各组互动学习的方式,发挥学生的集体智慧,最终使问题得以解决)
老师:如何将这一个星光做成星光四射的效果呢,每一帧都执行:on Enter Frame事件,星光发射的角度:rotation事件;复制多个星光:duplicate Movie Clip。(如此引入三个知识点,并将语句结构和功能进行详细讲解)。
学生:动手操作(问题集中在定义变量初始值,及循环变量的值,让学生们自行找出与他们实际操作时的不同之处,然后再进行实践,这样解决之后,学生们对所学知识印象十分深刻。)
3 总结并布置实践练习
老师:我看到同学们制作的广告条的效果,有自己的特点,有的同学还添加其它动画效果,请大家说说本节课你有哪些收获?
学生1:我感觉到了脚本功能的强大,短短几句编码,就能让单一的影片剪辑产生了如此强大的变化效果。感觉动画制作不简单,我想好好学习这门课程。
学生2:通过影片剪辑的学习,我对元件的有了更深的了解。
学生3:我觉得工具面板功能太强大了,同一个对象用不同的选取工具效果能有特别大的变化。
……
老师:大家说得非常好,看来每个人或多或少的都有收获。有的同学是对这节课的内容深有体会,有的同学是对以前学过的知识刚刚产生了兴趣,想要好好学习,我很高兴。只要是你对这门课程有兴趣了,咱们就不怕晚。课余时间也要多操作、多努力。好的,下面请同学们结合本节课学到的知识和操作要点,完成实践练习——公益广告的制作。制作的过程中遇到问题,随时在老师的微信或者QQ联系,老师会及时进行解答。下节课上交作品,并对优秀作品进行展示。
4 结束语
【教学目标】：
1、让学生在本节课中了解什么是和弦
2、运用和弦为作品简单编配伴奏
【教学重难点】：歌曲伴奏编配 【教学方法】：启发、引导、实践 【教具】：电脑、多媒体、作曲软件 上课礼仪。
导课：让我们先来欣赏一下这首作品吧：点击打开链接
【作者简介】：李叔同，学堂乐歌代表人物。于1905年编印出版的供学校教学用的《国学唱歌集》，即从《诗经》、《楚辞》和古诗词中选出13篇，配以西洋和日本曲调，连同两首昆曲的译谱合集而成的。《送别》曲调取自约翰·p·奥德威作曲的美国歌曲《梦见家和母亲》。这些歌曾在全国范围内广为传播。曲调带着强烈的外来色彩，歌词带着浓重的旧体诗词的韵调，这便是最初的，也是宣告一个新的时代已经到来的歌。李叔同用这样的歌完成了启蒙者的历史任务。
这首作品非常的好听是吧，我们来看一下这首作品的谱子。谱面看起来很简单，我们再来唱一遍。同学们说我们唱的和刚来老师给大家播放的音乐有什么区别？——缺少伴奏
这节课就让老师带着大家来学习简单的乐曲编配。首先来了解一下什么是和弦。三个或三个以上的音按一定的规则组合起来，即构成和弦。
和弦有三和弦、七和弦之分，这节课我们主要来学习三和弦。
和弦是建立在调式音级基础上的，旋律中一些音总是围绕着某一个音运动，这个音是主音，以主音为中心按一定的关系组织起来就构成了调式，调式中的各音称为调式音级。和弦与和弦按一定的规则连接起来，就形成了和声。
我们来看一下C大调的正和弦有
Ⅰ：1 3 5 ；Ⅳ：4 6 1 ；Ⅴ：5 7 2
同学们根据作品里出现的音来试着给作品写上正确的伴奏和弦。
在钢琴上演奏的时候可以根据作品的需要运用不通的伴奏音型比如分解和弦就是比较简单的一种。
活动目标
1、资助幼儿了解风筝是我国传统的民间工艺品，欣赏风筝图案及色彩的民间特色美。
2、引导幼儿选用差别材料，运用简单明快的色彩、对称的方法制作风筝。
3、培养幼儿的合作意识。
4、发展幼儿的动手能力。
5、尝试通过动作和色彩来感知美、创造美。
活动准备
活动前带孩子们放风筝。
环境创设：安插斑斓的风筝。
风筝制作录像，各色颜料，纸张、剪刀、双面胶、竹棍、线等制作材料。
活动流程
谈话引入——欣赏风筝——讲解难点——制作风筝——放风筝。
活动过程
一、谈话引入：
引导语：小伴侣放过风筝吗?放风筝好玩吗?谁来说一说，你放过什么风筝?今天杨老师给小伴侣也带来了风筝，一起来看!
二、欣赏录像，拓宽经验。
风筝是怎么做出来的呢?一起来看!咱们山东潍坊的风筝可有名了，外国人都来买咱们的风筝呢!
小结：做风筝需要四个步骤呢，扎、糊、染、拴。
三、出示范例，讲解难点。
引导语：做大风筝太难了，(文.章出自快思教.案网)咱们一起来看看小风筝是怎样做出来的?
教师出示小风筝，带幼儿观察他们的结构、材料等。讨论：
1、各种各样的形状是怎样制作出来的?
2、风筝上面斑斓的图案和色彩是怎样装饰的?
3、风筝的骨架怎样绑缚结识?
教师引导幼儿说出本身的想法，并及时必定。
四、制作风筝。
1、幼儿绑缚骨架，引导幼儿在绑缚过程中彼此合作完成骨架的制作。
2、幼儿制作风筝，教师及时解决制作过程中遇到的问题。
五、带幼儿到户外放风筝。
延伸：教师和幼儿一起用本身制作的风筝装饰主题环境。
教学反思
1、这节课我准备得比较充分，材料也准备得很充足。
2、整节课的思路比较清晰，时间安排也很合理。
3、做风筝的过程每一步都讲得很详细，教做风筝的过程也很到位。
4、孩子们在这次活动中得到了合作的体验与快乐。
5、因为孩子们还小，所以做出来的风筝不是很漂亮，而且也没能让他们每个人都有一个风筝。以后如果再教孩子们做，我想让他们合作完成之后，再继续做，好让更多的孩子得到风筝。
【网页制作项目教学教案案例】推荐阅读：
网页制作中的实训教学10-25
网页制作心得免费05-28
网页制作设计报告07-04
动态网页制作心得07-14
网页制作实训10-11
网页制作课程设计定07-22
网页制作心得体会10-11
管理信息系统网页制作步骤10-11
《网页制作与网站管理》培训总结05-24
