浅谈网页设计课程教学模式:艺术设计专业网页设计课程教学研究

《网页设计》是一门综合性的“大课程”，鉴于其专业的特殊性，至目前艺术设计专业开设的此课程尚没有相对完善的教材，教学内容和教学方法也处于探索阶段。笔者结合多年从事web开发和网页设计教学经验，对艺术设计专业《网页设计》课程目标、教学内容设计、教学方法三方面进行探讨，期待构建《网页设计》课程教学的大致框架。随着信息时代的到来，互联网技术改变了人们传统的生产和生活方式。网络资源的共享和发展已经融入社会生活，门户网站、网页浏览已经成为一种生活习惯。作为服务于社会经济发展的高校专业设置，为适应时代需求，如计算机、电子商务及艺术设计等专业都开设了《网页设计》课程。就专业技术而言，《网页设计》课程综合性较强，涵盖的知识面较为广泛，一个网页的建立到过程，涉及到了网络基础知识，W3C标准和与之对应的结构：（X）HTML语言，表现：CSS样式，动作：JavaScipt，图像处理、动画制作等诸多领域。鉴于其专业基础的特殊性，这也导致了该课程针对不同专业在教学内容、教学模式、教学方法等方面存在很大差异。理工科专业多侧重于程序语言的编写学习，较为重视纯技术方面，而艺术设计专业则更多偏向于网页界面的版面设计，包括形式美感、色调处理等。但在实际人才应用中，用人单位更想兼顾以上两方面的技术应用型人才。目前艺术设计专业《网页设计》课程并没有相对完善的专门教材，教学方法与内容也处于探索阶段。由于大环境和师资的局限，开设该课程的很多高校在教学上并没有结合艺术设计专业的自身特点，往往“复制”和计算机等理工科专业一样的课程教学模式，“教”和“学”都陷入一定的尴尬境地，达不到本专业所需一定程度的教学目标。另一方面，艺术设计专业的学生，具有一定的美术基础和审美意趣，制作网页有一定的美感优势，但有时也过于追求美观而忽略用户体验，脱离实际，华而不实。笔者结合多年从事web开发和网页设计教学的相关经验，对艺术设计专业《网页设计》课程目标、教学内容设计、教学方法三方面进行探讨，期待构建《网页设计》课程教学的大致框架。其中的艺术设计专业，尤其是视觉传达方向的平面设计专业都开设了《网页设计》课程。

一、课程目标

众所周知，课程目标决定一门课程构建和发展的最终导向，一方面可以为学生指明正确的课程学习方向，另一方面也为教师传授正确的知识理念提供依据，真正做到“教”和“学”的“有的放矢”。结合艺术设计专业学生的个性特点，注重网页设计语言的学习，将艺术和技术有机的紧密结合。在课程目标制定的过程中，弱化一些在前期专业基础课程中已经学习过的相关知识（如PS图像处理等），做好简单的衔接，将重点放到艺术设计专业学生相对薄弱的知识点（如网页设计语言等）。Dreamweaver是目前最好的网页制作与设计软件工具，作为可视网页编辑工作的标准，它一直在代码编辑和应用程序开发方面的功能比较强大。更重要的是它是所见即所得类型的网页设计软件，对艺术设计专业的学生来说，学习和应用的难易程度非常合适。同时，对于网页设计素材的制作和处理，动画素材可以选择Flash，图片素材可以选择photoshop，这里强调并要求和Dreamweaver相匹配和适应。作为网页设计的基础理念，在制定《网页设计》教学目标时，必须考虑将W3C标准相关的新理念、新做法等元素考虑进来，强调使用规范化语义标签语言（X）HTML书写页面结构，并强调CSS样式表的使用，同时遵循W3C标准，了解div+css和标准页面的优势所在，使用“div+css”实现网页结构代码与表现样式相分离，以及对后面制作标准页面所起到的促进作用等。

二、教学内容

（一）在艺术设计专业的人才培养计划中，网页设计课程

一般安排在课程学习的中后时间段。就本课程而言，我建议教学内容并时间安排如下：

1.Dreamweaver软件的学习和应用为重点讲解，讲授和实践为5+5个学时。Dreamweaver软件的主要任务就是完成网页设计的版面架构，教学中，主要讲解本地站点的创建和页面结构搭建。在早期的网页排版中一般使用网页表格（table）及其嵌套的模式布局页面，随着技术更新和用户需求，表格结构已不适合现在时展的需要，即不适合手机及平板电脑的用户浏览，呈现逐渐被淘汰的趋势。现今网页版面架构大都采用div+css的方式设计，具有浏览速度快，适合在手机或平板电脑上浏览的优势。结构和样式的相分离，也便于日后的网页改版的便利；

2.网页编程基础方面：HTML语言、CSS样式、JavaScipt，讲授和实践7+7学时。非计算机专业的学生一般错误的认为使用Dreamweaver这样所见即所得的工具学习网页设计，不再需要学习太多的“语言”。其实不然，HTML是网页的灵魂，它不像C语言那样“生涩难懂”，相对艺术设计学生而言，完全有能力学会和掌握。CSS通俗讲是控制网页中内容的颜色、字体大小、宽度背景等样式，并由此来实现各种各样网页样式的统称，也是需要熟悉和掌握的。JavaScipt与C语言不同，它提供一定的面向对象能力，因此模块、名字空间、类、对象、封装、函数等功能在JavaScipt中的实现方式是其教学的重头戏，它们才是现代JavaScipt语言的精髓；

3.Flash动画，讲授和实践6+4学时。Flash主要制作二维动画，体积小，便于使用，学习难度小，能够满足网页设计的需要，如：网页Banner条的设计、片头动画、课件等；

4.网站客户端的表现原则、开发流程、面向客户的网站设计，讲授和实践2+0学时；

5.photoshop为辅助2学时，艺术设计专业的学生已经学习并掌握photoshop的使用方法。因此，减少这方面的讲解，给其他新知识点留下更充裕的时间。

（二）结合网络技术发展和用户体验要求，本课程教学还需注意下面要点：

1.面向用户体验的网页设计：学生在学习和制作网页时，总是以“自我”的感觉为主导，很少考虑并分析用户需求，以为自己的设计有相当的“吸引力”但是对于访问者来说，大多数的设计过于空洞、内容繁冗，徒有漂亮的外观。所以学生应该明确，网页设计应该以“用户”为中心，而不是展示、甚至炫耀网页技术或技巧。因此，有必要引进面向用户的网页设计教学。

2.当前互联网技术飞速发展，网络资源共享已成趋势，学生获取知识的渠道已不仅仅满足于课堂上教师的讲解，包括每一步所要学习的知识点。充分利用网络，包括丰富的教学资源和便利的搜索功能，面对现实中存在的问题，引导学生如何利用互联网学习网页设计方面的前沿知识，发现并解决。鼓励学生使用博客、论坛，通过发现其中有趣的文章，得到解决问题的新方法和代码片段。向学生介绍开源社区，并鼓励他们在线发表自己的代码，使用社交媒体进行资源查找，并形成专业的社交媒体互动，更加专注于他们的代码与工作，真正激发学生的学习兴趣。

三、教学方法

《网页设计》课程具有交叉学科性质，结合艺术设计专业学生的自身特点，在教学过程中，我运用任务驱动法、模块教学法和项目教学法等多重手段，给学生明确的思路，引导学生多动脑，勤动手，发现问题，分析问题，解决问题。

（一）任务驱动法

任务驱动法，即通过创设问题情境来调动学生的学习兴趣，进而启发学生的求知欲。“兴趣是最好的老师”，只有发现问题，才有任务和动力，教师利用专业知识，结合课堂所讲章节内容，分析并解决问题。只有这样才能有利于培养学生独立分析问题、解决问题的能力和创新能力。具体到《网页设计》课程教学中，通过导入新课环节，将所要讲授的新知识隐含在一个或几个任务之中，引导学生对所提出的任务进行分析讨论，明确大体涉及所需知识，承前启后，找出哪些是需要复习巩固的知识，哪些是需要探索学习的新知识，在教师的指导下找出解决问题的方法，通过任务的完成实现对所学知识的构建。

（二）模块教学法

团队合作、模块运营是现代企业生存和发展之道，网页设计公司亦是如此，很多网站界面都实行模块化，每个部门负责完成自己的任务。为和现代网页设计公司相适应，《网页设计》课程尝试实施有目标、有任务、有内容的模块教学法，将本课程教学内容有意识地分化为几个模块，针对每一个模块设定具体的教学目标、任务和要求，将课堂所讲内容和现实所需实践有机结合。同时让学生自由组合成一个个小团队，团队之间、团队之内分工协作，团队合作，真正做到锻炼学生综合能力的教学和实践。

（三）项目教学法

通过实施一个完整的“项目”而进行教学活动，其目的是在课堂教学中把理论与实践有机的结合起来，充分发挥学生的创造潜能，提高学生解决实际问题的能力。《网页设计》课程相对来说，有非常多的“项目”可供实施。一般是在知识体系讲解完全后，给出一个具体的项目命题，如学生（或学校）个人（或创业小店）的网站、网络上征稿的企业网站等，在实施这些“项目”过程中发现问题并且解决问题，一方面可以锻炼学生的实践能力，更重要的是及早让学生有实战意识，真正实现课堂教学和单位实习的“零距离”。

（四）双师教学法

聘请工作在网页设计一线，且具有丰富实践经验的设计师作为兼职教员，加入到课程教学中来。兼职教员能制作最专业的网站，对本行业的最新趋势有着完整的把控力，对网页设计实际工作中有可能遇到的问题有着独到的见解。他们可为学生开设讲座、解惑答疑，结合全职教师对教学内容和方法的深入研究，两种教师互补，增强学生的学习体验和兴趣，提高教学质量。

四、结语

艺术设计专业的《网页设计》课程是随着互联网而产生的新兴课程，同时也是为适应地方社会经济发展和普通用户的生活体验的。互联网技术的日新月异、社会经济的迅猛发展和普通用户的生活便捷也决定了课程的必须不断更新变革。教学是动态的过程，只有确立好课程目标、梳理好教学内容、掌控好教学方法，根据实施过程中的具体情况灵活调整，并不断充实完善，才能取得更好的教学效果，真正做到培养网页设计的应用型专业人才，服务于社会，以人为本。

作者：华俊

浅谈网页设计课程教学模式:网页设计课程教学探析

一、课程定位与性质

《网页设计》是面向计算机及其相关专业开设的一门课程，是一门计算机软件应用类课程。《网页设计》课程要实现的教学目标包括：①网站的基本知识，例如网站的发展和分类知识、网站开发所需的技术、HTML语言和CSS的结构和语法等；②掌握网站的开发流程，例如建站规划、效果图制作、建立站点等相关知识；③掌握各种网页元素在Dreamweaver中的使用，例如表格、文本、图像、超级链接和表单等；④熟悉一些网页设计辅助软件的功能和使用方法，例如Photoshop；⑤能够解决一些网页设计中的常见问题。本课程旨在培养学生的计算机应用能力，使学生掌握网页设计方法、网页设计语言及相关设计工具和美化工具的使用，从而满足和适应信息化社会对物流管理专业学生综合素质的要求。

二、教学内容与教学条件

1.理论教学内容

（1）课程内容设计课程内容设计在教学大纲的指导下完成，在教学过程中适时引入新的教学案例和教学方法，这些教学内容能够丰富学生的网络知识，提高学生的网页设计能力和计算机应用能力，为将来使用和开发与专业相关的软件奠定基础。

（2）教学内容安排课程授课采用讲练结合的方式进行。在教学过程中，不再把书本上的现成知识传授给学生作为教学目标。通过理论讲授、案例演示和分析，让学生在真实的情境中学到相关知识，这样学生就知道如何把相关知识点应用于实际。课程采用的教学案例和学生练习的内容都出自实际应用，从而大大增强教学效果。鼓励学生将课内学到的内容应用到课外实际应用中，并将学生课外创作的自选作品作为成绩考核的重要依据。

2.实践教学内容

（1）实践教学内容实践教学内容与理论教学内容保持高度一致，讲授什么知识点，学生就上机练习什么知识点，分析什么教学案例，学生就制作什么教学案例，通过实际项目的分解让学生更好地掌握《网页设计》的应用，大大提高学生的综合素质。同时，不断丰富实践教学内容，采用最新教学案例，取得较好的教学效果。

（2）实践教学条件计算机实验室能够保证学生《网页设计》课程上机时，1人1机，全部上机在Windows7网络环境实现，利用电子教室软件实现课程电子资料实时发送，课堂电子作业实时提交，实现整个实验教学过程的无纸化。

三、教学方法与教学手段

1.教学方法

教学方法采用讲授法与案例教学法。对于《网页设计》相关的概念及基础知识，采用传统的课堂讲授的教学方法完成，让学生理解并接受。对于《网页设计》课程中的一些应用性和实践性比较强的知识点，采用案例教学法，通过案例演示和分析，学生知道完成教学案例的途径和相关知识点。通过布置任务，让学生查找并应用知识点，以学生为主、教师为辅，激发学生学习兴趣，提高学生应用能力。

2.教学手段

《网页设计》课程教学采用“电化教学”手段，引入“电子教室软件”辅助教学。教师通过教学课件和教学案例演示教学内容，教师微机屏幕上的内容能够实时发送到每个学生的微机屏幕上，这样学生就可以通过自己的屏幕实时看到教师的教学内容。通过“电子教室软件”，教师机的教学资料可以很快发送到学生机上，学生完成的电子作业和自创作品可以快速提交给教师。通过“电子教室软件”，教师能够很好地和学生完成提问和回答等教学互动，监控学生的操作屏幕，及时了解学生的状态并相应给出教学指导。“电子教室软件”具有电子点名功能，只需要几秒钟就可以完成整个班级的学生点名工作。

四、课程考核与试卷分析

1．课程考核

改革“一张卷子”评定成绩的课程评价模式，应用以单元测试、评价作品和上机实操考试为基础的综合考核方式，更注重学生平时的电子作业、教学实例和自选创新作品的完成情况，通过综合评价，变考书本为考能力，边学习边考核，加重平时成绩在总成绩中的比例，这样能够全面评价学生的网页设计能力。

2．试卷分析

考试命题完成是在课程教学大纲的框架下完成的，全体学生《网页设计》考试采用理论+实操的形式，试题覆盖教学的全部内容。从考试结果分析，试卷注重基础知识的考查，难度偏易，区分度较好。从学生考试时间分析，90分钟内学生全部能完成考试，以下是试卷分析结果。

五、结语

课程是培养人才的最基本的元素，是人才培养过程中最基本的单元。通过对《网页设计》课程定位与性质、教学内容与教学条件、教学方法与教学手段和课程考核与试卷分析的解析，加强课程建设，提高课程教学质量。

作者：徐立波 单位：沈阳工程学院

浅谈网页设计课程教学模式:网页设计与制作课程教学改革

1引言

网页设计与制作是计算机应用专业的一门重要的必修课，是一门集知识性、艺术性、技能性和应用性于一体的课程，学生可通过本课程的学习，获得网站设计与开发的能力，并能熟练地进行网页的美化。本课程还有助于学生更深入学习计算机其他领域知识，培养职业技能，完善专业知识结构。对于大学生而言，在互联网技术发展和普及的时代背景下，浏览网站获得信息并不陌生。《网页设计与制作》这门课程因为面向应用、突出实践，广受学生欢迎。但是学生从前台浏览的身份突然跨越到后台进行操作实践，会存在理解和学习上的困难。比如教学时侧重对单个知识点的介绍，知识点之间的联系不多，学生对于“整体网站”的概念难以形成，往往知其表象而不知内涵，尤其在学习了各种网页美化软件后，不清楚如何将这些知识运用到实践中去；目前教学内容往往和企业的实际需要存在脱节，学生的作品自我色彩强烈而缺少实用性。针对以上存在的一些问题，本文基于计算机思维理论，对网页设计与制作课程在教学内容、教学环境和校企合作等方面的改革进行探索和实践。

2基于计算思维能力培养的课程教学改革

计算思维是由美国著名计算机教育工作者周以真教授提出并定义的，计算思维是运用计算机科学的基础概念对问题进行求解、设计系统和对人类行为的理解等涵盖计算机科学之广度的一系列思维活动。对计算机课程的教学提出了更高的要求，不能只停留将计算机作为工具使用的狭义领域，而要着重对学生计算思维的培养，强调问题解决的操作过程和应用实践。因此在《网页设计与制作》课程的教学过程中，我们的重点不应该仅仅是教授学生使用网页设计工具，而更应将提出问题、解决问题等思维能力培养贯穿于整个教学过程中。笔者从教学内容、教学环境、校企合作三方面进行探讨。

2.1加强教学内容的改革

计算思维能力的培养需要对教学内容重新理解和认识，网页设计与制作这门课程具有很强的设计性和操作性，而设计是前提，操作是为设计服务的过程，在教学过程中，我们从培养计算思维能力的目标出发，力求在思维中融合知识的传授、技能与素质的培养，尊重不同的认知方式。网页设计与制作这门课程，随着计算机软硬件日新月异的升级，即使是市面上最新出版的教材，软件版本、教学结构和内容等很多方面都不能完全适应网页设计的最新知识和应用。为使学生在学习时更好地与前沿接轨，笔者在课程内容改革方面做了一些尝试。以DIV+CSS网页布局为例：传统网页布局以表格为主，这种结构缺点是呆板、样式简单，不利于重用和后期修改，而如今主流模式使用DIV+CSS网页布局，先用DIV对页面内容进行整体划分，再用CSS对各结构分块进行定位，突出表现和内容的分离，这样排版思路清晰，网页结构分明，更新页面又十分方便。传统的表格布局直观、简单，学生易于理解，但DIV+CSS网页布局中的概念比较抽象，尤其是盒子模型、标准流、浮动、定位四大核心技术原理，如果仅仅照搬书上的理论介绍，学生表示出一定的畏难情绪，教学效果不佳。为帮助学生能够更好地吸收、巩固知识，笔者设计了一系列Flash动画对盒子模型的原理、定位偏移以及后续的布局示例进行演示，比如用墙上的画框来说明盒子模型的结构，例子贴近生活，视觉效果直接、清晰，为学生的创新思维留出空间，学生能做到不但知其然，还知其所以然，在动手操作的同时进行观察、思考和分析，比较和传统表格布局的差距，从而建立自己的思维方法，形成自己的个人成果。再例如在教授动画制作软件Flash时，教学案例不能简单照搬一些参考教材的例子，要结合实际企业需求，将需要注意的相关技术和工作流程方面重点有机地融合在案例中。因为Flash主要是在网页设计中应用，所以对教学知识点归类，分为逐帧动画、补间动画、遮罩动画、引导动画、按钮类动画等，再精选互联网中的动画作为案例，更能激发学生的学习兴趣，扩展学生的实际应用能力。学生先按照教师的案例操作熟练后，布置任务时将主动权交给学生，给学生提供计算思维的创新空间，从构思到素材收集，从工具选择到动画制作，都需要学生充分发挥想象力、独立思考，结合已有知识进行实践并创新，起到举一反三的作用。

2.2基于能力培养的教学环境

笔者所在的教学团队构建的《网页设计与制作》精品课程网站将教学由平面扩展为立体，以培养职业能力为核心，以工作实践为主线，以实例应用为导向，提供了有力的教学环境。精品课程网站具有良好的开放性和实用性，提供了丰富的教学资源，包括大量的教学课件、教案、教学视频，来自企业一线的教学素材、项目任务、历届学生的优秀作业等，通过大容量作业邮箱和课程学习QQ群构建了课程辅助教学平台。课程平台可以满足不同层次的学生的需求，打破了学校、教室的地域范围，学生成为了主体，对教学内容和学习时间可以更灵活地进行选择和安排，可以上传自己的操作作业，适合“移动”的学习过程。学生不仅可以随时下载共享的资源解决学习中的疑惑，还可以与教师进行讨论交流，获得个别反馈，对知识进行深入扩展，达成个性化培养的目标，即计算思维多样化的本质：尊重学生认知方式存在的差异。在网站相应栏目中还提供关于计算思维的文章和资料，供学生阅读、体会。

3校企合作促进教学

为了更好地让学生在毕业后走上工作岗位后能少走弯路，快速适应企业需要，避免出现学习知识与职业能力、知识内容与生产情境的脱节，学校和企业进行深层次的合作，立足工作岗位能力的培养人才模式，达到双赢的目的。因此教学应根据企业的应用需求制订新的教学大纲和计划，选取和设计教学内容，并开发相关实训指导、习题及操作训练测试、课程网站等一系列教学资源。而教师如果理论更新跟不上时代的变化，缺乏实践操作能力，会使职业院校计算机教育明显滞后于各产业发展对计算机专业人才培养的需求。教师更要深入企业，了解企业文化和用人需求，这样在日后可以扩展教学的深度和广度，教学以企业工作流程为框架，重视学生在校学习与职场环境的一致性。而企业的工程师也要进校进行指导，传授企业一线的操作经验，真正能将学生培养为集学科、技术和产业思维于一体的优秀技术型人才，提高毕业生在市场上的竞争力，促进他们能更好地就业、创业。

4结语

在教学中渗透计算思维，是我们面临的教育教学改革的新挑战，更是新机遇。通过几年的教学实践表明，基于计算思维对《网页设计与制作课程》的针对性的教学改革充分发挥了学生的主观能动性，提高了教学质量，大部分学生都表示收获颇丰，学习能力、思维能力得到了普遍提高。今后还需要进一步探索研究新的手段，潜移默化地培养学生的计算思维能力，提高学生的实践技能水平，为学生提供受益终生的学习方法。

作者：戴菲 单位：扬州工业职业技术学院

浅谈网页设计课程教学模式:独立学院网页设计课程教学方法研究

【摘要】本文从课程教学模式发展入手，结合独立院校办学特色、学生就业方向、网络技术发展形势及本文作者多年教学实践，研究了针对独立院校计算机应用课程教学改革的几项内容，包括课程教学内容、授课模式与方法、考试形式等。此次改革已经运用于计算机应用及网络专业教学之中，学生学习的目的性更加明确，教师授课内容更具有针对性和实用性。

【关键词】《网页设计》；教学方法；研究

1研究的背景

《网页设计》课程是计算机类相关专业提升学生学习兴趣点的专业基础课，该课程与Photoshop、Flash等图像、动画课程具有紧密关系，是动态网页制作的重要基础。在传统教学的学习之初很受学生欢迎，觉得学习直观、简单、容易，但是真正动手操作起来又会出现很多问题没法解决，打击了学生学习的积极性和兴趣，导致最后教学效果打了折扣。近几年来，为了更有效的提高学生的兴趣、自主学习能力和实践动手能力，各高校对该课程的研究主要集中在“教”上。首先是“教”的内容:结合自身的人才培养方案，对教学内容做了适当的调整，以“实用”、“够用”为目的，强化了Dreamweaver操作应用;其次“教”的方法，以项目驱动的教学方式，增强学生工程的思想和实践动手能力。但是在此过程中很容易忽视网页设计本身的特点:创造性、现实性、实效性。同时也忽视了学生在学习的过程中主体的地位。学生在学的过程中可能只会机械的去照做，没有思考，吸收，脱离了设计的工具，或者原有的设计模式可能无从下手，那就更谈不上网页的设计了。可以在“教”的基础上做适当的引导，让学生多去“想”。因此，本研究力图结合我院独特的教学条件，课时设置以及学生基础和学习特点探索三段式教学模式下的网页设计课程研究。

2三段式教学

在高校教学过程中，课堂是老师和学生交流的主要场所，因材施教显得尤为重要。我在结合学生本身的实际情况，探讨新的教学模式，打破传统的以“教”为主的模式，让学计与制作理论教学中案例与问题的研究和探讨。“三段式教学法”:1段:案例引入，提出问题;2段:学生自主学习，尝试解决问题;3段:归纳总结，引申提高。理论教学中我主要引入个人博客网站为例，这个例子比较贴近学生生活和自身情况，通过给学生展示类似的网站，让学生了解网站的主题和显示内容的关系，提出网页、网站和站点等概念，然后通过演示建立网站的流程，学生掌握整个网站开发的过程;通过了解这些流程后，再分别从页面的结构、布局和风格。对学生提问让学生勇于说出自己见过的个人博客的形式和风格，调动学生的积极性，激励学生去思考，哪种结构比较好，或者更适合自己;接着就是如何展示自己的信息，如文字、图片、多媒体等，而这些问题他们可以先去观察事例网站，让学生讨论讲解问题，加深对问题的理解，然后我再总结讲解知识点并扩充，特别是CSS的应用，这些都可以在学生自己理解总结后举一反三。在理论教学的过程中，将知识点尽量设计在问题中，让学生去思考讨论，充分调动每个学生的主动性、积极性和创造性。当然学生在课堂练习的过程中，我要求学生尽量不要用Dreamweaver开发工具，这样对HTML标记符理解记忆有很大的帮助。实践教学中以学生为主，给出与学生生活比较贴近、实用性较强的几个主题，如电商网站，然后学生自己根据自己的实际情况，可以以寝室为单位，可以自由组合，5个人一个组完成一个主题，主题可以自选，小组分工合作，根据所选题目，结合实际情况，确定网站的风格和格局，使用Dreamweaver开发工具进行设计。这样具备了理论学习HTML标记符的基础上再去使用开发工具，熟练程度上就有了大大的提高，并且也不会像传统的机械的上机。

3结语

整个教学方法的研究除了理论教学和实践教学方法外，在考核的形式上也做了一定的研究，弱化期末卷面的考核，加强实践教学的考核力度。通过实现过程中网站的设计实现，给出综合的评定。这样也调动了学生在实践过程中的积极性。改革理论课程教学模式，体现“教师为主导，学生为主体”模式，激发学生兴趣，培养分析问题、解决问题能力。构建一个项目合作式实践教学模式，让学生们都能够参与实训，并从中获益。加强实践创新环节，提升学生的实践动手能力和创新能力。此次教学改革已经运用于计算机应用及网络专业教学之中，在整个应用过程中，与学生的互动，了解学生的学习情况等也是整个改革过程中不可或缺的部分，它直接影响到改革实施的力度。

作者：陈娟 单位：长江大学工程技术学院

浅谈网页设计课程教学模式:微课在网页设计与制作课程教学的实践

摘要：结合网页设计与制作课程中微课的应用，实践探索微课的教学设计、微课的制作和微课在专业中的应用，证明在实际教学中应用微课，可以在很大程度上激发学生学习的主动性和创造性，使学生积极主动地获得网页知识和制作网页的技能。

关键词：网页设计；微课；教学设计

在信息化、大数据时代的背景下，数字化的表现形式成为企业文化介绍、企业产品推荐、企业信息等的首选，因此企业对集文字、图象、动画、视频等多媒体数字资源有效集成的网站需求量大增，网页设计要求也逐步提高，对高校网页设计类专业人才的培养质量期待值也大幅提升。在传统计算机课程中，无法实现重复讲授操作演示的课堂教学模式，已经严重制约了学生的学习积极性和主动性，尤其是学生设计能力的培养，几乎成为空谈。微课这种信息技术与教育的结合物，由于文件体积较小，适于各传播途径，反复浏览，反复模仿操作的特性，使其快速的风靡了各大高校，成为了突破教学瓶颈的重要手段。

1微课的定义

微课的定义比较多，目前比较通用的定义是：教师在课堂内外教育教学过程中，为了保证学生获得最佳的学习效果，围绕某个知识点（重点难点疑点）或技能等单一教学任务，利用信息化手段和工具开展简短完整、生动有趣的教学活动。微课的特征主要以现在教学时间较短，教学时长一般为5—8分钟左右，最长不超过12分钟；教学学内容较少，一般围绕一个具体的知识点来开展，问题聚集，主题突出；表现形式多样化，可以是实物操作、教师讲授、学生表演、分组讨论、师生访谈等；教学组织完整，覆盖了“提出问题，探究问题，解决问题，教学反思”的教学组织全过程；成果传播多样性，适合网络教学、手机视频、微信讨论等多样性传播。

2微课的教学设计

以微课为主要表现形式的课堂组织，需要对所有的知识点进行细化和类化，按照课程的主线重构教学内容，教学设计是微课成败的最关键环节。本文选择网页设计与制作课程中网页布局学习情境中的神奇的圆角布局这个学习子情境来具体阐述。

2.1教学目标的制订

神奇的圆角布局学习子情境目标就是要让学生完成在网页布局中，如何实现单圆角、对称圆角、多圆角的设置，熟练掌握网页CSS中关键参数的名称和设置方法，能根据设计要求独立完成与网页效果图相一致的圆角表现形式。

2.2微课内容的确定

在两节课的课程时长下，所要讲述的内容比较多，包括网页DIV块的制作和设置、CSS设置、文字添加与编辑等。什么教学内容适合以微课形式体现呢？我们一般选择学生理解较难，操作步骤较多、容易遗忘的关键知识点进行微课设计。在本次微课中，笔者选择了CSS中圆角关键参数的设置作为微课的主要内容，对于DIV块的制作和文字编辑等内容，因为有前续课程和WORD操作课程的支撑，只在教师操作演示环节进行复习和强化。

2.3微课教学组织

微课的教学组织十分灵活，可以是课前的自主学习，可以是课中的教师授课，也可以是课后的学生复习，甚至是以上多种形式的结合。在神奇的圆角布局学习子情境教学中，采用的是课中教师授课和课后学生反复复习的结合形式。具体教学组织为教师案例展示，任务驱动—教师操作演示（非微课内容）—指导学生观看微课—学生解决问题。课后学生还可以反复观看微课内容，突破时间、空间的局限，反复练习，直到熟练掌握为止。

3微课的制作

微课的主要表现形式是视频，在制作过程中要关注内容的趣味性、价值性和完整性。在神奇的圆角布局微课中，首先以一段设计师作品一次次被公司否定，设计师痛不欲生的搞笑动画开头，吸引学生的注意力；其次分析该作品的不足，抛出圆角布局的设计理念，详细演示多种圆角的设计方法；最后给出详细设计任务和高年级学生的优秀作品，为学生提供设计灵感，培养学生举一反三的能力。整个微课时长9分钟。在制作微课过程中，需要使用到一些信息化工具与计算机软件，最基本的如耳麦(附带话筒)、录像软件CamtasiaStudio、视频后期处理软件会声会影等。

4微课的应用

在网页设计与制作课程中采用微课后，学生可以在课余反复观看微课内容，反复练习较难的操作细节，将传统的课堂教学延伸到了课后，64课时的课程时长无限扩大。经过教学实践证明，利用微课，在教学中实现了学中做、做中学、学做一体的教学合一，提高了学生的学习主动性和实践动手能力，极大提高了学生的分析问题和解决问题的能力，使学生很好的达到了网页设计从业人员的基本职业能力。微课在教学中的应用目前还处于实践的初期阶段，不同专业、不同课程在微课中的应用方式均有差别。探索微课的开发、应用还有很长的阶段，需要我们思考研究和长期的实践积累，进而不断提高教师的信息素养，制作出更多更优质的微课资源。

作者：刘星海 单位：湖南汽车工程职业学院