关键词： 网页型电子教案 制作 优化
一、前言
随着计算机技术及网页设计技术的发展与应用，教育界正在利用计算机制作电子教案，以取代传统的纸质教案。而在制作各种电子教案的过程中，最优的方法是利用网页设计技术制作，再辅以其它应用工具对其进行优化。
教育部在《面向21世纪教育振兴行动》中提出“形成开放式教育网络，构建终身学习体系”，分三步逐步推进我国信息化教育：第一步是计算机多媒体为核心的教育技术在学校的普及运用；第二步是组织上网，利用网上资料；第三步是开展远程教育，提供广泛的学习资料，不断满足社会终身教育的需求。
随着计算机技术的广泛应用，在中国教育教学信息化的今天，各级各类学校全面要求教师完成信息化的第一步，即以多媒体教学为核心的教育技术应用于教学中。第二步与第三步也在广泛开展，广大教师都在广泛开发各种各样的多媒体课件，各类的教材出版社也都为各自所出版的教材增加竞争的砝码，在出版教材的同时，80%的教材都有增值服务：如配送电子教案，网上在线学习卡，教学及学生自学光盘和其它类似服务。这些正是教育部在《面向21世纪教育振兴行动》中提出的推进我国信息化教育的具体体现。
二、电子教案概念、重要性及常见的制作技术
所谓电子教案就是指利用计算机技术，将教学过程中的大部分内容存储在计算机中，教学过程通过投影仪或网页浏览进行教学或让学生自学。
电子教案在现代信息化教育的今天，具有非常大的重要性，主要体现在如下几个方面。
1.便于电子教案中的各种资源随时更新与修改。
2.便于教学中的各种教学资源如：文字、图片、动画、影片、音乐的高效组合。
3.便于学生复制到家后自我学习，如果将其放在网页上可供学生浏览学习，及其他教师参考。
4.是响应国家创建节约节性社会的需要，可以大量节约纸张。
5.减少教师的重复劳动，提高教师的备课效率，及授课效率。
6.减少教师课堂板书及粉笔使用，还可以减少粉笔灰对教师与学生身心健康危害。
将计算机技术广泛应用于教学中是在Windows95与Office95以后，从而利用计算机技术取代传统的电教方法：幻灯片、录音机、录像带的播放。而广泛采用Word文档和PowerPoint幻灯片的方法，也开始逐步取代纸质教案，而后又开始出现各种动画技术、视屏技术应用于教学中。这一类可以说是计算机多媒体课件。这种可以称之为传统的多媒体技术，是在以教师为主导的教学模式中，借助多媒体的特有表现形式，对教学内容中的重难点部分展开，以发挥传统媒体所不能发挥的作用。教师可利用学校的投影教室，播放的教学软件、图片、视屏、声音、动画、多媒体光盘，用Word电子教案、以PowerPoint制作的幻灯片进行授课。
随着网络技术及网页设计与编程技术的推广使用，网络课件，也可以说是网络型电子教案应运而生，但网页设计技术没有普及，所以90%教师都是用PowerPoint制作的课件，同样，很多教材出版社出版的教材，也有约85%所提供的配套课件是PowerPoint课件，有约10%是教学光盘，只有约5%是网页形式的电子课件。
三、网页设计制作电子教案的优点
网页型电子教案，就是利用网页设计技术及网页编程技术，将教学所用的各种资源融合于一体的电子教案。它是教育信息化的实践前沿、学法教法改革的试验，是网络学习的小型集约化活动平台，不同于PowerPoint一类的课件，优点主要表现在如下几个方面。
1.利于提高教师的教学水平，减少重复劳动。
教师制作网页型电子教案，可以将各种教学资源有效地、有序地整合在一起。网页型电子教案是教师的移动教案，是教师的教学资源库，有利于教师进行教学；有利于教师对教学资源进行修改与补充，进而提高自己的教学水平与能力。
2.有利于学生学习效率的提高。
其一，教师丰富的教学内容、全新的教学形式可以提高教学的质量和学生的学习兴趣。
其二，教师可以将网页型电子教案放到学校的网站上，供学生学习相关的知识；可以将QQ在线代码写在网页中，这样学生就可以在网上与老师进行在线交流，将第一课堂延伸到第二课堂。
其三，学生自学。放在网站上的电子教案，学生可以自学，而这种自学模式则突破了看书或翻阅笔记获取知识的唯一渠道，他们根据自己的需要，在合适的时间、合适的地点、合适的条件下，反复利用网络点播、观看多种资源，包括教师的教案、参考资料等丰富的背景资源，建立一种综合性、创造性、灵活性极强的学习模式。
3.有利于教师同行资源共享。
网页型电子教案放在网站有利于教师同行之间的交流，有利于教学资源的共享，教师可相互促进、相互学习，从而全面地提高教师整体的教学水平。
4.有利于提升院校形象，可作为开发精品课程的基础阶段。
现在高等学校都要求开发自己的精品课程。通过多个院校网上查寻，做得好的精品课程都采用网页形式，这是网页型电子教案的最高形式，所以教师制作网型电子表教案正是精品课程的源泉。
四、网页电子教案的制作基本技术及要求
网页电子教案的主要内容是文字、图片、动画，只有通过超级链接到其它素材上，丰富的内容才可以提高教案的视听效果和教学效果。在制作与设计网页电子教案时要注意如下方法与技巧。
1.网页制作的工具选择。
（1）FrontPage简单易学易用，功能强大，基本操作命令同于Word的操作，有利于广大教师学习与应用。
（2）Macromedia公司的网页三剑客：Dreamweaver具有强大的网页设计功能，是用于专业制作网页的工具软件、但不易精通；Flash用于制作一些网页动画及网页，也可以制作Flash课件；Fireworks用于网页图片进行优化处理。
（3）其它工具。利用相关的工具软件和网页特效。
（4）动态网页技术。可以利用ASP、PHP、JSP等语言编程和用Access、MS SQL、MySQL数据库技术编制动态网页，从而实现交互功能。
2.网页电子教案的组织与规划。
一个成功的网页电子教案，教师的规划能力有相当程度的影响力。网页规划包含的内容很多，如网页的结构、项目的设定、网页颜色搭配、页面版面布局、文字图片的运用等。
3.网页内容的布局。
网页的具体内容可以用表格结构、框架结构表示，Dreamweaver用“层”来进行网页的布局。最好的是用框架结构。用框架结构组织的网页型教案，学生易于浏览，教师易于维护、更新。
4.用网页模板来建立网页。
在网页建立过程中，可以将相同的内容建立网页模板，从而有利于网页编辑与修改。
5.用站点的方式来管理电子教案。
在设计制作网页电子教案的过程中，必须用站点的方式来管理，如文件的移动、更名等操作，否则超级链接的属性就会发生变化。
6.网页交互式设计。
交互式设计可以作为网页电子教案的高级应用，有利于师生、同行教师之间交流，还有利于学生自学与自测。
五、网页电子教案的优化
网页电子教案的优化主要体现在它的高级应用。很多人认为电子教案就是用于教师教学，但作用信息化的今天，教育部在《面向21世纪教育振兴行动》提出推进我国信息化教育进程。网页电子教案的优点就是在于将教案融于网页之中，网页更有利于信息的供享。所以对网页电子教案的优化处理是网页电子教案的重要体现。
1.将网页电子教案上传到院校的网站上，供学生自我学习。
2.通过电子书制作工具，这些工具可通过网络下载。如：eBook workshop，eBook Edit Pro等软件，将电子教案制作成电子书，可以让学生复制到手机中，从而自由地学习。
3.通过网页制作的电子教案，加入一定的网页特效，如在网页中，禁止复制，禁止另存为，这些特效可以从网上搜索，并辅以框架结构，实现一定的版权保护。这种优化处理，特别有利于教材出版社，可以保护版权，也有利于教师教学成果的保护。
4.在上述2、3点的基础之上，还可以对网页电子教案进行打包格式为“EXE”文件，再辅以制作安装程序软件，如安装程序制作专家，可以实现网页电子教案的软件化处理，可以加入安装序列号，制作成需要安装的学习软件程序。
5.教师每一年都可以通过对网页电子教案进行修改补充，制作成程序软件和升级版本，从而取得一定的商业利益，这也是对教师制作优秀电子教案努力的回报。
六、结语
总之，网页型电子教案是一种很好的电子教案制作方法，是推进我国信息化教育改革的必要手段，是一种非常值得广大教师、各级教学管理者、教材开发者及精品课程的开发者进一步探索的制作方法与理念。
参考文献：
摘要：本文针对高职计算机专业“网页制作”课程教学面临的新问题，阐述了如何通过创新教学模式、改变评价方法来培养学生的创新能力和实践运用能力。
关键词：高职教育；网页制作；教学探索
中图分类号：G642
文献标识码：B
高职计算机专业大多开设了“网页制作”课程。笔者结合自己在多年教学过程中获得的教学经验，对该课程的教学方法进行了研究、探索和创新，取得了较好的成效。
1高职计算机专业“网页制作”课程的教学探索
高职计算机专业“网页制作”课程的教学目标要求学生不仅要掌握软件的主要功能，还要会应用软件来进行创新设计，制作出自己的作品。因此笔者采用了案例教学法和项目教学法结合进行教学。
1.1第一阶段
第一阶段是基础技能的掌握，采用案例教学法。案例教学法的实施涉及到多个环节，每个环节都要精心准备和组织，综合运用基础知识，才能够保证整个案例教学的成功。笔者将每一章的内容分为：实战演练、案例分析、经验总结、技巧点拨和实践提高5个模块进行教学，取得了较好的效果。
1.1.1设计教学案例，实战演练
在讲每一块新内容讲解前先引入案例，使用启发式引导的方式，介绍完整地具有实用性、启发性的案例的具体实现步骤。笔者将该课程的内容规划为11个案例，分别是：案例1制作网站相册、案例2制作简单网站、案例3制作动态层下拉菜单、案例4制作一个具有多种超链接的网站首页、案例5利用框架制作网页学习网站、案例6利用css样式表进行页面导航栏的制作、案例7设计具有特效的网页、案例8利用表单知识制作推荐表、案例9练习在网页中插入动画、视频以及音频等多媒体、案例10利用模板建立饮食网站、案例11利用动态网页制作留言板。
在此过程中，笔者采用边讲边练的方式，及时了解学生完成的情况，针对存在的问题，给予必要的提示，对具有共性的问题进行集中讲解。
1.1.2组织案例讨论，分析案例
经过实战演练，学生掌握了软件的基本操作后，进行案例的分析，分析案例应用特点、重点与难点等，强调各知识点、技能点的横向联系和综合运用，同时培养学生综合运用和处理问题的能力。例如：
练习了案例1制作网站相册后，引出网站构建的一般流程以及网页设计的基本知识。
练习了案例2制作简单网站后，引出网页的基本元素组成、网站的布局技巧等知识点。
练习了案例3制作动态层下拉菜单后，引出其他层效果的制作方法，如制作层的隐现效果、跑动层等。
练习了案例4制作一个具有多种超链接的网站首页后，引出超链接的类型、创建方法以及每种超链接适用的场合等知识点。
练习了案例5利用框架制作网页学习网站后，引出框架网页的类型、创作的方法以及每种类型适用的场合等知识点。
练习了案例6利用css样式表进行页面导航栏的制作后，引出css样式的其他效果，如动感链接效果、美化页面文字、定位背景图像等的制作方法，进一步学习css样式表相关的知识点。
练习了案例7设计具有特效的网页后，引出更多的HTML特效代码应用，如文本移动、图片飘动、图片渐渐显示等特效代码的应用，分析它们的不同点，引出HTML语言的相关知识。
练习了案例8利用表单知识制作推荐表后，引出表单的其他用途，如制作站内搜索、跳转菜单、用户登录等，分析每种表单的制作方法和技巧。
练习了案例9在网页中插入动画、视频以及音频等多媒体后，引出行为和多媒体在网页中的应用技巧。
练习了案例10利用模板建立饮食网站后，引出模板在网页中应用的好处以及建立模板的相关知识。
练习了案例11利用动态网页制作留言板后，引出创建动态网页的步骤、设计动态网站的技巧等知识点。
笔者在讲解综合网站设计内容时运用相应的多媒体课件，展示一幅幅精美的网页作品或者给学生在线欣赏著名的网站等，以此激发学生的创作灵感，积累创作经验。
1.1.3实现案例并评价
笔者在案例分析后，根据教学内容给学生布置相关知识点的上机练习，例如利用模板创建公司网站、制作会考成绩查询网站等。完成后将学生的作品通过多媒体演示教学环境进行点评，最后告诉他们什么地方创意新颖，什么地方可以改进。对于好的作品给予表扬和激励，让学生生活在学习的成就感中。
1.2第二阶段
第二阶段为知识的灵活运用、培养学生创新技能，采用项目教学法。项目教学法的主体是学生，学生通过独立完成一个具有明确目的性的项目而掌握相应的技能。培养学生的创新能力，能用探索式方法去获取知识与技能，完成具有个性特色的任务。例如笔者在讲授“网页制作”课程基本内容之后，进行该课程的上机实训。要求学生利用提供的素材、运用所学的知识自由创作一个人网站。时间在一周内完成，网站的评价标准见下表。
学生创作的网站内容有个人网站、企业网站、班级网站、校园网站、家乡网站等，内容非常丰富。最后笔者还将较好网站作品在校园网上，有些作品还直接用到了应聘中，为就业起到了重要作用。
2实施多元智能评价
改进传统教育评价模式，应用加德纳多元智能理论，实施多元智能评价。“网页制作”课程的最后成绩=平时成绩(30%)+实训成绩(40%)+期末成绩(30%)。平时成绩=每次上机规定或自由创作的作品的成绩，实训成绩为个人网站作品的成绩，期末考试形式为上机考试，主要内容是利用动态网页技术制作班级通讯录。这样的分值安排可以督促学生认真对待每一堂课。
鼓励学生参加职业技能考试，如报考网页制作员、网页设计师等资格证，对于持有职业技能证的同学，在就业时就会有优势，这样势必提升了学生学好本课程的动力。在最后考核时如果学生获得了相关课程的资格证书，期末可以免考，在总评成绩上给予适当的加分。
3结束语
教学实践证明，在高职计算机专业“网页制作”课程的教学过程中，采用案例教学法和项目教学法，促进学生主动参与，有利于培养学生自主学习的能力、敢于创新的能力和分析、解决问题的能力，可以为社会多培养真正有技能的学生。
参考文献
[1] 胡景. 关于计算机软件教学的思考[J]. 内江科技,2007,(5).
关键词：网页制作；表现手法；教学方法；教学设计；反思与改进
中图分类号：G640文献标识码：A 文章编号：1003-2851(2011)06-0-01
随着网络的不断发展，网络购物或相关企业官方网页大面积扩散，它的产品成功销售不仅是产品的本身，也同时网页制作效果的一种体现，面对这种流行趋势，许多高等职业院校纷纷开设有关网页制作这门课，但很多学生在学习完该软件的操作之后，却无法应用的实际工作中。甚至有些学生可能会因此抱怨在学校教师任教该课程的教学方法。因为很多教师使用传统的教学方法，难以达到预期效果。面对这种现象，我们将从下面几个方面去浅谈网页制作课程的教学设计反思：
一、应用案例教学模式
通过在网页制作教学中应用案例教学模式，提出了在课堂中引入案例教学以及在实践中进行案例设计的方法，跳出传统的只教授软件应用的范畴，以市场上流行趋势为主题，因此，首先可以让学生用专业眼光审视作品及分析作品中的技术与设计思路，知道如何设计与制作两大核心问题。知道如何去做取长补短的模仿学习方式，逐步成为可以独立制作网页效果图。
二、如何进行教学设计改进
在课堂中，引导学生动手开创淘宝店面，并制作装修店铺的网页，并直接根据相关店面的特点进行页面分析、软件分析、在探索中边学软件基础，边进行快速的页面制作。下面我以一个女士服装店网页进行分析：
1.确定页面的主题定位，该页面属于女士服装店使用，且年龄阶段在15-30岁，卖淑女或休闲服饰，那么我们就可以确定，整体风格采用青春活泼。
2.网页配色很重要，网页颜色搭配得是否合理直接影响访问者的情绪。我们在设计一个页面尽量不要超过4种色彩，用太多的色彩让人迷失方向，没有侧重。在设计中不仅要结合人的个性与共性、心理与生理等各种因素，还要充分考虑到设计色彩的功能与作用。如食品类、餐饮等网页色彩适宜采用暖色系列；机械类网页可以考虑采用冷色系列；电子产品类可以选用偏冷的灰、黑系列；儿童相关类可以用色彩鲜艳对比强的色调。当主题色确定好以后，考虑其它配色时，一定要考虑其它配色与主题色的关系，要体现什么样的效果。在这里我们采用的是色彩鲜艳对比强的色调。
3.使用软件进行制作，如在Photoshop软件中进行平面效果图的制作。
4.切片，这也是在网页制作中关键一步，如处理不细致，将为后面的工程带来重复修改的繁琐。为了打开网页时加快模版显示出来的速度，因此需要把效果图切成一小片一小片，分别上传到网络空间上，这样就可以快速打开网页，每个模版切片同时显示，大大减少了页面打开的时间，模板的切片，我们可以使用Photoshop自身携带的切片工具进行制作。切片的时候要注意，凡是需要后期任意添加文字或产品效果图的地方要单独切片出来。之后就保存为网页格式。
5.使用网页专用工具之一：用Dreamweaver进入软件的设计操作页面打开之前保存的网页格式，把后期要随意增加或删除图片或者文字的地方切片转换成表格。
6.当之前的步骤都完成之后，我们就可以进入到淘宝页面中的后台编辑，把之前的生成网页中的所有代码复制到淘宝编辑器。这个时候要注意把代码里面本地的链接地址换成 我们刚才把切片上传的图片相应的网络空间里面的地址，这步很关键，如不那样更换，会导致我们的网页不能正常预览。
总之，通过一个个教学真实又贴近学生生活的案例来培养学生的专业技能，提高素质教育质量，使之能真正走上工作岗位，是实行教学设计反思与改进的重要内容之一，也是思考的出发点。针对学生的实际所学的技能，从而制定出严格考核目标和计划，高度重视考核管理，可以经常举办技能创新大赛，以此更激发学生的学习热情。也是我们培养出能直接工作在生产、技术第一线的应用型、技能型高级人才的重要因素。
参考文献：
[1]王巍.图形艺术在网页设计中的应用[J].电影评介, 2007,(04).
[2]于吉震,杜立君,赵甫. 谈网页设计中技术和艺术的整合[J].电脑知识与技术(学术交流), 2007,(06).
[3]唐一鹏.美学原理在网页设计中的应用[J].福建信息技术教育, 2006,(01).
[4]罗艳.浅析网页设计中的网页配色[J].科技信息(学术研究), 2007,(20).
[5]林菡,张军. 优良的网页设计应该注意的几个要素[J].北京教育学院学报(自然科学版), 2007,(04).
关键词 产学结合 模块化教学 案例
中图分类号：G642 文献标识码：A
产学结合是结合生产实际进行专业知识的学习，这种教学方式有助于理论与实践的结合。《网页设计与制作》课程实践性强，且比较容易实现生产与教学相结合。
1 实施产学结合教学模式的必要性
我们培养网页设计人员的教学目标是能为企事业设计与制作精美的网站。传统的教学下，学生获得知识较为零散，也很少做过综合的网站，缺少实战经验，很难满足社会对网页设计人员的从业要求。现在许多网页设计人员招聘广告上都有这样的要求：投递简历请附上作品或成熟的网页设计作品者优先等字样。为了提高学生的职业素养，更好实现职业教育的目标实现，产学结合应该是最有效的教学方式。
2 产学结合教学模式的具体实施措施
2.1 将综合网站作为实例贯穿于教学始末
仅局限事书本知识章节的学习，学生很难对网站制作流程有整体的把握，多数学生学完网页设计与制作课程后，并不能胜任网页设计工作。以致许多学生有这样的困惑：学这些有什么用？用综合的网站作为教学案例，学生能对整个网站的制作流程与设计有全面的理解，能明确学习目标与任务，教学效果事半功倍。
采用综合网站作为案例教学，是在教学过程中，将学完后每一个知识点运用到案例中，逐步完善网站。如学生在学完网页布局知识后，能对自己的网站较好布局，学完图片模块后，学生能自己绘制图片丰富的网站……在这一过程中，学生看到日趋完善的网站，会有成就感，能激发更高的学习兴趣。学生在对网站建设全面理解的基础上，再做三到五个网站，就能够举一反三，网页设计能力就会有质的飞跃，基本上能满足网页设计这一工作岗位的技能需求。
2.2 以“模块化”教学为主导教学模式
“模块化”是指解决一个复杂问题时自上而下把系统逐层划分成若干模块的过程。在教学过程中，将一个综合的网站进行模块化，将工作岗位所需知识、技能和素质分解为多个相对独立的教学模块，以模块为单元开发教学资料并组织教学，将相关理论融于技能训练中。
一个综合的网站根据其内容可分为布局、静态元素、动态元素这三个模块，在每个模块化下包含若干子模块（如表1）。
对于每一个模块的教学，要拓宽加深。如滚动文字，这是网页最为常见的一个模块，通常用于显示网站的欢迎词或通知公告等。这一文字特效，在网页不同的位置，其属性设置也不同。在讲解这一知识点时，首先让学生观察不同的网站，了解文字滚动一般应在网页的什么位置及所起的作用，再介绍文字滚动特效的制作方法及要领，最后让学生在自己的网页应用这一特效，通过这样一个学习过程，学生能较好理解该知识点，也能很好地在实际工作中去应用。
先对各个模块知识熟练掌握，再将模块综合，就可系统掌握知识体系结构，在实际工作中也就能够轻车熟路。
2.3 以案例为载体，将各科知识综合
网页设计是一门综合性很强的学科，它是对网页设计、绘图、数据库等知识的综合应用。对于绘图软件及数据库等前期知识，学生还不能较好地将其综合应用到网页设计中去，所以在教学的过程中，要结合案例，引导学生将各科知识进行综合应用。
以图片知识教学为例，网页设计教材一般都会重点介绍图片的插入方法及其属性的设置，但在实际工作中仅仅会插入图片是不够的，还要会绘制图片，并将图应用到网页中，网页中的图片还有其特点，所以学生还要从网页设计的角度，灵活地应用绘图软件。在这一知识的教学过程中，引导学生分析案例网站的图片特点，再讲解这些图片的制作要求，然后让学生将制作的图片应用到自己网站上。如一般网站的顶部是一幅比较大的图片或flas、小图标多为透明图片，网页中的图片容量不能太大，否则客户端加载速度过慢，会让浏览者失去耐心而关闭网页。对于较大的图片要用“切片”工具进行处理；一些透明的图标及简单的动画，可采用gif格式图片。
2.4 从“借用” “模仿”“创新”，逐步提高代码编程能力
学生由于实践较少、基础薄弱等因素影响，编程能力有限，不少学生因编程有困难而产生畏难情绪，影响整个课程的学习。为了提高学生学习兴趣，笔者在教学过程中，采用“借用代码”“模仿编写”“创新”教学方法，教学效果优良。
2.5 用“作品”评价代替传统考试
网页设计课程的教学目标是使学生能完成网站的设计与制作，用作品来评价学生的学习效果是最有效的考查方式，能全面考核学生对这一课程的整体掌握情况。
鼓励学生给其他班级或一些企业制作网站，由教师给予指导，将所学的知识直接应用到生产中，培养学生的职业能力。为客户制作网站时，需要做需求分析、调研、调试改进等工作。这些环节，既能锻炼学生的知识综合应用能力，又锻炼学生的表达能力及与他人的协作能力。经过这些实战后，学生基本上实现零距离上岗。
对于作品除了提出一定要求外应留给学生自由发挥的空间。具体要求有：（1）网站内容健康向上。（2）前台至少五个网页，主页、显示新闻标题页、显示新闻内容页、网站顶部内容页、网站底部内容页。（3）后台要求能实现新闻的添加、修改、删除功能等。自由发挥部分有：网站色调、内容、图片及布局自已决定。
关键词：网页设计；案例教学；教学方法
中图分类号：TP393.092-4 文献标识码：A 文章编号：1007-9599(2011)23-0000-01
Vocational Colleges’"Web Design" Course Teaching Practice and Study
Teng Jipeng
(Jiaxing Nanyang Polytechnic,Jiaxing 314003,China)
Abstract:"Web Design" is the Vocational and Technical College computer class of a strong operational and practical courses.In this paper, "Web Design" course from the classroom teaching the theory,practice,and how to improve teaching and student interest in this course,and several other aspects are discussed.
Keywords:Web design;Case teaching;Teaching methods
一、明确教学目的，把握教学内容
基础学习很重要，要打好网页设计的基础。学完网页设计这门课程，学生最基本的是要掌握至少一门的网页编辑软件并制作出简单的页面。就此，老师来安排自己的教学。
（一）掌握一门好的网页制作工具。我认为，目前最好的网页制作工具是Dreamweaver。Dreamweaver一直以来作为可视网页编辑工作的标准，它在代码编辑和应用程序开发方面的功能比较强大。同时，制作网页中的动画素材可以选择Flash，处理和制作网页中的图片可以选择Fireworks，这三个软件具有良好的嵌入性，被称为“网页三剑客”。
（二）要求学生能够利用Dreamweaver设计各种网页，开发一定规模的网站
授课时以Dreamweaver为主线，讲授网页设计、HTML语言、CSS、Javascript语言及动态网页设计的基础知识。1.重视对HTML的教学，HTML可以说是网页的灵魂，网页的最基本构成是HTML标记符。熟练掌握了HTML语言，可以很轻松的修改你的网站的网页结构，而且对SEO网站优化很有用处，另外，无论是PHP、ASP、.NET、JSP等网站编程语言，都要用到HTML。所以说学习HTML是我们想想学习制作动态网页的基础。2.掌握CSS的基本使用。CSS就是一种叫做样式表的技术，也有的人称之为层叠样式表。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制，可以轻松地控制页面的布局。3.掌握Javascript脚本语言应用基础。Javascript语言简单，但功能强大，具体有几点功能：（1）制作网页特效。（2）提升使用性能。（3）窗口动态操作。（4）拜托现实环境的束缚。
所以，学生掌握Javascript脚本语言应用对网页制作有很大的帮助。
二、把握好课堂，多采用实例教学
（一）教学，首先要把握好课堂。一次课，90分钟的理论教学是枯燥和沉闷的，因此首先要在多媒体教学课件上下功夫。课堂教学的灵魂是多媒体教学课件，它不只是文字与图像的组合，还融合了音频、视频和动画信息等各种元素，使课堂变得更加生动和精彩，这样可以大大提高学生的学习兴趣。
（二）用实例作为课堂切入点。要想让课堂生动活跃，就要充分调动学生的学习积极性。为此，我们需要找到令学生感兴趣的内容作为切入点。网页设计是一门实践性很强的课程，教师可以用实例作为课堂切入点。课堂上可以先演示实例，让学生看到实际效果，引起学生学习兴趣，然后以实例引出具体知识点，将知识点融入到具体实例中。比如，在表格布局和内嵌框架的教学模块中，我们采用任务驱动教学内容如下表：
演示案例 制作一个介绍作者“川端康成”的站点，包含6个页面，主页为内嵌框架页，其余页面为“作者生平”、“作品简介”、“文学评论”等等。页面导航放置在表格左下位置，框架内放置目录中超链接的内容。
基本要求 在此案例中，再添加“经典文章”和“关于我们”两个内容，资料在网络中获取，适当设置网页的背景以及文本属性，页面美观大方。
较高要求 用此站点结构制作一个介绍自己的个人站点，要求至少包括6个页面以上，主页用内嵌框架结构，站点中导航清晰，布局合理美观大方。
三、多种形式的考核方式
根据高职院校的教学需要和课程教学特点，课程考核形式要能全面地评价学生的综合素质和技能应用能力。在高职网页课程的考核过程中可采用多种考核方式相互补充的多样化考核方式。这种考核方式更适合网页课程的特点，更加强调学生学习的灵活多样性。各高职院校的期末总评学习成绩可由三部分组成：过程考核（平时到课考勤、上课回答问题、课堂作业和阶段测验作品）占40%、技能考核（期末上机考试）占30%和期末考核（期末综合作品）占30%。这种考核方式注重实践操作和应用开发能力的培养，可大大发挥学生的学习积极性和主动性。可以以作品评价代替传统理论考试。要求学生在一定时间内完成一整个网站项目的设计与制作，项目中包含一个学期中所学过的全部知识点和技能点。其中三分之一时间浏览给出的网站素材，根据要求构思一个网站，写出该网站设计方案，网站设计方案要求包含网站主题、网站栏目设计、网站布局设计，另外三分之二时间制作页面，必须按网站设计方案的内容来制作页面。
《网页设计》课程是当前一种全新的教学内容，教师在教学中应将全新的教学理念运用于教学方法中，既让学生学会它的制作方法，又能在制作过程中充分体现创新性，从而能培养更多适应信息化社会的学习型和实用型网页设计人才。
四、其他方式
要想让学生学习掌握网页设计课程，单靠课堂教学还是不够的，可以在校园内举办一些网页设计的比赛，通过比赛，既可以更大的提高他们对此课程的积极性，也可让学生找到差距，激励他们努力，不断提高网页设计水平。
五、结束语
在教学过程中，从学生感兴趣的角度出发，对课堂理论教学、实例教学和课程实训等方面进行探索和改革，能使学生从被动学习转变为主动学习，提高其实践操作技能，拓展其知识面。在未来的社会中，网页在生活中所起的作用越来越重要，对这门课程的教学的要求是越来越高，教师的教学要适应科技的变化，要有改革进取的精神，培养能真正适应社会的人才。
参考文献：
[1]韩陵宜.高职院校《网页制作》课程教学的探讨.电脑知识与技术,2005
关键词：网页设计；教学模式；师生互动
一、当下网页设计课堂的不足
1.网页虽然是个简单的名词，但是涉及到的知识种类繁多，不仅包含文字、图形、色彩、版式设计、还有动画、音视频以及编程等，对于艺术专业学生来讲，基本的平面设计能力和审美素养是具备的，能够利用所学知识设计出创意的平面广告。但是设计出一套优秀的网页还是不容易的。网页设计需要运用到photoShop、flash、以及DreamWeaver等设计软件，而专业老师需要具备熟练运用这三个软件的能力，并具有较好的设计能力，才能指导学生的网页作业和学习过程。因为学生在作业途中会遇到很多意想不到的问题，只有教师熟练掌握软件操作才能找到病因，除掉病根。无论课堂还是课下，学生都会在设计中遇到各种各样的问题而烦恼，教师稍微指点迷津，学生便豁然开朗。
2.如今的软件教学课堂大部分是案例教学，老师做一个案例，每个步骤学生跟着做，虽然学生能比着葫芦画瓢，但是他们不知道为什么用这些工具做，不出课堂就忘记了如何塑造自己想要的作品，对于这种教授方法不仅不能让学生完全掌握设计方法和能力，也不能熟练软件工具，并且在未来长时间学习中，学生的学习兴趣会慢慢降低，面对编程等问题更加懈怠，这样也会让学生的创意设计能力慢慢丧失。导致了学生累，教师累，让学生做设计根本无从下手不会做的状态，所以必须要有一个能提高学生学习积极性，又能提高教学质量的课堂教学模式。
二、教学模式的改进
1.加强师生互动。在课程的开始部分需要教师来引导，必须选择适合的教材和实训内容，通过演示软件的菜单和工具使用，让学生对软件使用进行初步的了解。第一步，教师需要案例演示，在演示中积极互动调动学生思维，如提问，接下来怎么做呢，用什么工具呢，引发学生主动思考，会有很多优秀同学回答问题，也会带动全班的学习积极性。同时提醒学生把所学的版式设计和色彩搭配以及构图的知识运用到网页设计中。第二步，讲解部分内容后，观察一下学生学习程度和能力，根据学生状况调整学习进度，讲解速度等。第三步，加强和学生沟通，了解学生的心里动向，对学生的学习兴趣点和当下流行趋势透析，教师与学生之间的心灵沟通极为重要。
2.循循善诱，由浅入深。在案例讲解的第一课，教师提问学生知道哪些网站类型，然后做一个关于校园首页、专业介绍、校园景色、访问留言等几个页面，页面内容简单大气，包含导航、字体版式、图片、动画、音乐等。学生初次完成第一张页面后，教师再举一反三，拿出刚才制作过程中的重点，比如表单的多种应用，列举文字字段使用后，让学生自己尝试使用复选框、单选按钮和按钮组、添加列表和跳转菜单、添加按钮等等。再如链接的几种方式，讲解完比较难的锚点链接后，让学生自己尝试使用空连接、文本和图像链接、电子邮件链接等。开始就学习这些比较简单的网页元素，不能学生在开始就啃骨头，不然就知难而退了。第二个案例讲解制作一些具有版式创意和内容丰富的页面，增加页面的Flash媒体元素，比如Flash按钮、视频等。在讲解第二个案例前必须重新复习网站开发流程，收集资料素材草图——规划站点——网页制作——测试。对于艺术专业学生学习的网页基本以静态网页为主。
3.任务导向，团队出击。在课程后期课堂给学生留出两节课时间，将学生分组，并布置关于手机界面设计的任务，给学生打印三至四份手机界面设计样稿，让学生传阅了解设计规范和说明。这次任务结果将是结课成绩，得出的最高分是获胜的团队。在制作过程中遇到问题，专业教师负责答疑解惑，帮助学生完善。作品展示：在规定时间内学生完成了网页设计任务后，将自己的设计思想和过程演示给大家，其它组的同学们可以根据设计的不足提出问题，要求设计组根据问题给予解答或更正不足。教师最后根据学生的作品评出优秀，并给较差的团队鼓励并指正问题，争取各团队在以后的设计比赛中得到提升。
4.现在的学生大多是娇生惯养比较懒惰，独立自主能力差，更缺乏刻苦钻研的精神。对于学生来说自己多做练习才有助于提高专业能力，网页设计需要更多的设计思路，并付诸实践才能学到真本领。加强作业布置的具体要求，并设定主题，严格要求作业的设计稿，不断的让学生思考修改，只有在不断的修改中才能得到提升。改变老师讲课为主变学生练习为主，让学生主动找老师辅导作业，积极鼓励学生参加一些设计比赛，如果老师讲的很多，不但老师累，学生也学不到东西，学习网页设计重在练习，在辅导作业的同时学生才能记住并领会到老师讲的知识点。总之一句话，授人以鱼不如授人以渔。
5.举一反三，与时俱进。同样对于图形图像处理等类似的课程，学生希望的是能够学完这门课程后真正的做出作品，甚至在全国性的比赛中获奖。所以在授课中应该多以典型的案例讲解，并提炼案例中的知识点来让学生举一反三的学习其它相关知识点。建议在整个授课过程中，教师需要灵活运用知识，使用多元化的教学手法，以便吸引学生的注意力。通常的黑板教学和PPT多媒体是常用的，加上CAI课件、教案与网页文件、视频动画等形式，可以说种类非常丰富，教师可以两种或者多种相互穿插的手法进行立体化教学。不仅丰富了教学内容，提高学生的热情，教师的应变能力也会得到提升。条理性、疑难性、重点性是教师授课的三大法宝，做一名“受学生欢迎”的教师而不仅是“优秀”这两个字所能代替的。在高科技发展的今天，教师只有不断学习，不断完善自己，不断的进步，才能与时俱进跟上时代的步伐。
三、总结
在课堂上学生是抱着很大的期望学习的，如果一个教师让学生失望了，估计再重新提起学习的热情是很难的。能够让学生喜爱自己的课才是真正的成功，而不是强迫学生上课学习，一个人性化的课堂是充满很高的热情氛围的。希望在未来的教学路上，笔者能够不断地提升自己，并寻找先进的教学方式。
参考文献：
[1]陈小燕，谢强，丁秋林.浅谈项目式教学在网页设计与制作中的应用[J].电脑学习第1期，2010（2）.
[2]吴俊荣.基于行动导向的网页设计与制作课程教学设计研究[D].吉林：东北师范大学，2012（3）.
关键词：网站；网页背景；设计
中图分类号：TP311.52文献标识码：A文章编号：1007-9599 (2011) 06-0000-01
Educational Background of the Design of Web Site
Liu Guoyin1,Li Liangbin1,Song Jianyun2
(1.Vocational Education Center in Qingzhou,Qingzhou262500,China;2.Experimental High School in Qingzhou,Qingzhou262500,China)
Abstract:Web site a direct impact on the background of the image.How the background design,what principles should be followed each and every web designers have to understand a basic problem.The face of a variety of sites on the Internet,educational Web site as one of a special kind of website,it's the background to follow the basic principles of design in the premise,but also reflect the characteristics of their own teaching style,it has a higher Educational content.
Keywords:Website;Page background;Design
网页的背景直接影响着网站的形象，好的网页背景给人以自然、轻松、舒适之感。那么如何设计才能成为好的网页背景？这首先要掌握网页背景设计的基本原则：首先，背景及其色彩色调的选择不能一意孤行，而要统筹网站的内容，包括网站类别、网站主题、文字、图片等各个方面进行合理的选择。其次，背景和主题内容的对比要尽量大一些。不管选择、设计那种背景，要尽可能与网页中的文字、图片统一色彩或色调，尤其是以花纹或繁复的图案做背景时，更要突出文章的内容，这样才能使整个网站的色彩看起来“总体协调，局部对比”，令浏览者使用、阅读起来更加轻松、舒适。总之，网站的背景设计在整个网站总体设计中显得非常重要，其设计思维也没有固定的模式，我们要根据各方面的因素综合考虑使其更好地为网站和主题内容服务，使我们的网站具有更深刻的艺术内涵，近而提升网站的文化品位。
教育网站中网站背景的设计首先在遵循上述背景设计的基本有原则下，同时又要体现教育网站自身的风格特点。通过对大量教育网站背景的考察得知，一般说来，教育网站中的网页背景运用颜色背景的较多。从国内教育网站看，尤其以白色占大多数。白色象征着虔诚与信仰，也象征着完美、理想与纯洁。在网站设计中，白色是一种非常普遍的底色，这在美术中称作“留白”艺术，给人以遐想的空间，使人浏览起来舒适、畅快，比较适合教育网站的风格。从国内外教育网站背景设计的主流来看，图案背景、图片背景、复合背景应用较少，仍以颜色背景为主，白色占主流。下面分别介绍一下这四类背景的设计。
一、颜色背景的设计
颜色背景的设计是最为简单的，同时也是最常用和最重要的，因为相对于图片背景来说，它有无与伦比的显示速度上的优势。颜色背景虽然简单，但也有不少地方需要注意，如要根据不同的页面内容设计背景颜色的冷暖状态，要根据页面的编排设计背景颜色与页面内容的最佳视觉搭配等等。
颜色背景即单纯地使用某一种色彩作为网页的背景。那么如何为教育网站设置颜色背景呢？在网页设计制作软件Dreamweaver中选择“Modify”（修改）菜单下的“Page Properties”（页面属性）命令，或者按下Ctrl+J组合键，在页面属性对话框中对Background（背景颜色）一项进行设置，可以直接在颜色框中选取一种颜色，也可以在其后的文本框中输入一种颜色的代码#FFFFFF（白色），#000000（黑色），可根据网站的要求选择最适合的颜色背景。在其它网页设计制作软件中颜色背景的设计与在Dreamweaver中的设计步骤相似。
二、图案背景的设计
图案背景即由一张小图片平铺而成的背景图片，其整个背景是这张小图片在水平方向和垂直方向上的反复排列。图案背景的形式灵活多样，但做法类似：首先要绘制一张适合自己网站的小图片（可在相应的绘图软件中精心绘制），然后参照下面的步骤将它设置为网页的背景图片即可。步骤如下：
第一，打开Dreamweaver的“页面属性”对话框。
第二，在该对话框“background image”（背景图片）后面的文本框中输入已绘制好的小图片的存放路径，或者直接点击其后的Browser（浏览）按钮，选择小图片文件。
第三，点击Dreamweaver的“页面属性”对话框的Ok按钮即可生成图案背景。
经过上述三部操作之后，就制作好了网站的图案背景。
三、图片背景的设计
何谓图片背景？图片背景，即使用一张已经制作好的图片作为网站的底图，其大小和网页的大小相当（以一张图片作为网页的背景，这样比较容易控制。做好背景图片以后，在网页中插入一个与图片大小一致的表格，然后选中表格，在表格属性面板中输入图片的完整路径。这样，背景图片并不影响我们对表格的进一步操作，比如表格的拆分、嵌套等，当然也可以在这其中输入文字、图片或动画等元素。
四、复合背景的设计
复合背景即使用颜色、图片或者图案作为整个网页的背景，同时局部又有它单独的背景覆盖在整个网页背景的上面。设置好页面背景后，再在页面上为其某个局部内容设置单独的背景，最为常用的方法是使用表格，可以为表格设置一个表格背景，也可以为某一个单元格设置单元格背景，设置单元格背景的方法是按下Ctrl键单击单元格将其选中，然后打开属性面板进行设置。在各种不同形式的背景中，网页背景处于最底层，然后是表格背景，最后是单元格背景，也就是说，如果一个网页同时设置了页面背景、表格背景、单元格背景，那么在浏览器中，有单元格背景的地方会覆盖掉表格背景，有表格背景的地方会覆盖掉页面背景。
总之，教育网站中网页背景的设计首先在遵循上述背景设计的基本原则下，同时又要体现教育网站自身的特点、风格。提倡以颜色背景为主，同时颜色的选择要体现教育网站的思想，严谨、谦逊、理想。当然，不同的教育网站也要根据内容、对象的不同，选择合适的颜色背景，从而更好的提升教育网站的教育内涵。
参考文献：
【关键词】企业实习；岗位；成果
一、教师锻炼的企业、岗位、方式、时段及角色
1.实习企业。
1）我所锻炼的企业是北京优腾科技有限公司，该公司负责社区网站设计开发与运营。2）主要运营两大社区网站：望京网和CBD网。我在望京网实习。3）望京网采用都市生活新媒体的方式，为社区居民提供最具实用价值的生活、消费和商务便民信息，为居民提供参与各类社区活动的平台，同时也为企业提供区域营销和口碑传播的推广平台。内容涵盖论坛、空间、团购、房产、黄页、俱乐部联盟等等。4）望京网已经拥有忠实的网络用户（注册用户超过50万）群体，网友在这里获取新鲜有用的社区资讯，相互交流，参与各种社区活动，例如：望京网发起的721“望京人免费赴机场救援”活动在整个社会中所产生的巨大反响。
2.实习的岗位。
1）网站美工岗位：根据技术主管布置的工作任务，按照美工设计要求，为主题活动制作宣传图片作品。并为美工岗位收集建立素材库。2）网站编辑岗位：根据技术主管布置的工作任务，进行网页的编辑工作。
3.实习的方式：上岗实践。
4.实习的时段：2012年2月20日-2012年7月30日。
5.实习的角色：企业员工的角色。
二、教师企业锻炼的目的和定位
1.本人负责我院骨干校核心课程《网页设计与制作》的建设任务；
2.《网页设计与制作》课程涉及的关键岗位是：网站美工和网站编辑两个岗位；
3.实习的目的：弄清楚网站美工和网站编辑岗位的能力和素质的要求，了解企业中这两个岗位的工作过程；
4.积累素材为教学服务；
5.进行课程改革，更好地将课程教学与学生的岗位能力提高相结合；
6.进行课程改革，更好地将实训教学与学生的职业能力提高相结合。
三、取得成果的数量与类型
1.调研报告
①调查企业各工作岗位的设置，各个岗位的能力和素质的要求；②分析了我们的学生能够胜任的岗位和不能胜任的岗位；③针对不能胜任的岗位所欠缺的能力进行分析，对现有课程内容进行调整和修改——增加动态网页部分。
2.优化课标和教学方案
a.优化课标。
优化后：①项目一是以北京优腾科技有限公司提供的真实项目；②项目二中增加了动态网页的内容；③项目二为计算机信息管理专业的《数据库开发》（后续课程）这门课程服务，实现计算机信息管理专业课程体系连贯性和一致性。
b.依据课标对课程总体设计方案、学习任务设计方案、学习活动设计方案进行优化。保证教学资料的一致性。
3.开发具有真实工作背景的教学项目
a.开发生产性实训项目名称：“望京网”社区网站运营。b.收集八个网站制作方案的案例。
4.为企业提供服务
①网站美工岗位。a.海尔活动主题网页和CBD艺术节主题网页制作美工作品66个；b.为美工岗位制作素材库（通用素材六类共3280个，PSD格式的素材34类266个）；c.素材库为企业美工岗位提供素材，同时也为《网页设计与制作》课程和电子商务专业的《商务网页设计与制作》课程提供素材资料。
②网站编辑岗位。a.为编辑岗位独立制作两个海尔活动主题网页和CBD艺术节主题网页；b.参与编辑网页20个。
③文档资料。a.编写了网站运营部绩效管理制度；b.网站运营管理工作计划表格；c.为亲子嘉年华制作大型活动预案。d.为新员工进行“社区网站的数字化运营”“论坛话题撰写诀窍”两个主题的培训。
5.此间校企联合编写讲义
四、企业典型工作任务及其工作过程
1.网站美工岗位
a.典型工作任务：根据客户需求，技术主管布置的工作任务，按照美工设计要求，为主题活动制作宣传图片作品。并为美工岗位收集建立素材库。
b.工作过程：①接收设计图纸资料，分析数据，进行编号；②搜集图像资料；③搜集文字和音像资料；④根据制作要求搜集相关设计素材资料；⑤对项目展示部分的素材进行加工处理完善。
a.典型工作任务：根据技术主管布置的工作任务，进行网页的编辑工作。
b.工作过程：①网页各级界面设计；②切割图片生成网页；③全景拼接。
引入UI理念（User Interface）：用户体验各要素的设计和交互设计、界面设计不同，它是一种比交互设计和界面设计更上位的设计，界面设计和交互设计侧重于从功能的实现出发，而用户体验设计则重点关注用户使用过程中的感受，是一种以用户为中心的，综合功能设计、交互设计、界面设计、导航设计和视觉设计等、，它要求设计者站在一个更宏观的高度，整体把握用户与这些设计要素之间的关系。从而给产品的最终用户带来良好的体验。
五、根据企业实习成果开发出新的教学项目
1.教学内容：项目1：社区服务网站页面制作，项目2：日常工作管理系统的页面制作。
2.实训项目：对企业项目进行改造成生产性实训项目“望京网”社区网站运营。开发具有真实工作背景的教学项目——生产性实训项目，项目名称：“望京网”社区网站运营。本学期我带领20名2010级学生正在进行此项目。2012年9月3日企业负责人员来到实训基地为学生进行入训教育和实训项目的任务布置。
3.设计相关课程的衔接环节，保证课程体系的连贯性和一致性。
六、本次锻炼对提升课程设计能力、技术研发能力的突破
1.对《网页设计与制作》课程与实际工作岗位能力要求的把握更准确；
2.对教学设计中典型工作任务、工作过程的分析能力有很大提升；
3.对整体课程体系有了深刻认识，形成建设思路，在《网页设计与制作》课程设计中制作前台页面，为后续课程《数据库开发》打好基础。
关键词：网页设计与制作；案例教学；教学方法
网页设计课程是一门综合性很强的课程，既需要技术作为支持，同时也需要美感。为了提高课堂教学质量，在教学实践中从教学内容、教学方法、实训几方面进行了探讨与实践，在这里谈一谈自己的一些体会。
一、明确教学目的，把握教学内容
基础学习很重要，要打好网页设计的基础。学完网页设计这门课程，学生最基本的是要掌握至少一门的网页编辑软件并制作出简单的页面。就此，老师来安排自己的教学。
1.掌握一门好的网页制作工具
我认为，目前最好的网页制作工具是Dreamweaver，Dreamw-eaver一直以来作为可视网页编辑工作的标准，它在代码编辑和应用程序开发方面的功能比较强大。同时，制作网页中的动画素材可以选择Flash，处理和制作网页中的图片可以选择Fireworks，这三个软件具有良好的嵌入性，被称为“网页三剑客”。
2.要求学生能够利用Dreamweaver设计各种网页，开发一定规模的网站
授课时以Dreamweaver为主线，讲授网页设计、HTML语言、CSS、Javascript语言及动态网页设计的基础知识。
（1）重视对HTML的教学，HTML可以说是网页的灵魂，网页的最基本构成是HTML标记符。熟练掌握了HTML语言，可以很轻松地修改网站的网页结构，而且对SEO网站优化很有用处，另外，无论是PHP、ASP、NET、JSP等网站编程语言，都要用到HTML。所以说学习HTML是我们学习制作动态网页的基础。
（2）掌握CSS的基本使用。CSS就是一种叫做样式表的技术，也有人称之为层叠样式表。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制，可以轻松地控制页面的布局。
（3）掌握Javascript脚本语言应用基础。Javascript语言简单，但功能强大，具体有几点功能：
①制作网页特效
②提升使用性能
③窗口动态操作
④摆脱现实环境的束缚
所以，学生掌握Javascript脚本语言对网页制作有很大的帮助。
二、把握好课堂，多采用实例教学
1.教学，首先要把握好课堂
一次课，45分钟的理论教学是枯燥和沉闷的，因此首先要在多媒体教学课件上下工夫。课堂教学的灵魂是多媒体教学课件，它不只是文字与图像的组合，还融合了音频、视频和动画信息等各种元素，使课堂变得更加生动和精彩，这样可以大大提高学生的学习兴趣。
2.用实例作为课堂切入点
要想让课堂生动活跃，就要充分调动学生的学习积极性。为此，我们需要找到学生感兴趣的内容作为切入点。网页设计是一门实践性很强的课程，教师可以用实例作为课堂切入点。课堂上可以先演示实例，让学生看到实际效果，引起学生学习兴趣，然后以实例引出具体知识点，将知识点融入具体实例中。比如，在表格布局和内嵌框架的教学模块中，我们采用任务驱动教学内容如下：
演示案例：制作一个介绍作家的站点，包含6个页面，主页为内嵌框架页，其余页面为“作者生平”“作品简介”“文学评论”等等。页面导航放置在表格左下位置，框架内放置目录中超链接的内容。
基本要求：在此案例中，再添加“经典文章”和“关于我们”两个内容，资料在网络中获取，适当设置网页的背景以及文本属性，使页面美观大方。
较高要求：用此站点结构制作一个介绍自己的个人站点，要求至少包括6个页面以上，主页用内嵌框架结构，站点中导航清晰，布局合理，美观大方。
三、强化阶段实训，培养学生的动手能力
实训教学是教学过程中的重要环节。网页设计课程实训内容的选择要真正做到以技能培养为目标。在实训过程中，学生可以自行查阅资料，根据自己的兴趣设计网站，独立完成。也可以分组完成，鼓励学生以团队协作的方式完成某一个网站项目，锻炼学生的团队协作能力。
四、其他方式
要想让学生学习掌握网页设计课程，单靠课堂教学还是不够的，可以在校园内举办一些网页设计的比赛，通过比赛，既可以更大地提高他们对此课程的积极性，也可让学生找到差距，激励他们努力，不断提高网页设计水平。
五、结束语
在教学过程中，从学生感兴趣的角度出发，对课堂理论教学、实例教学和课程实训等方面进行探讨和改革，能使学生从被动学习转变为主动学习，提高其实践操作技能，拓展其知识面。在未来的社会中，网页在生活中所起的作用将越来越重要，对这门课程的教学要求也越来越高，教师的教学要适应科技的发展，要有改革进取的精神，培养能真正适应社会的人才。
参考文献：
［1］韩陵宜.中职学校《网页制作》课程教学的探讨.电脑知识与技术，2005.
［2］张丽香.高校《网页设计》课程教学探讨.大众科技，2006（5）.
购物车(0)