《家具设计与工艺》网络课程设计与实现

邹锰

摘要：本文主要探讨如何开发网络课程，以《家具设计与工艺》实际案例，从理论上和技术上对网络课程的开发进行经验总结。

关键词：网络课程;家具设计与工艺

中图分类号：G424        文献标识码：A

文章编号：1009-3044（2019）18-0097-02

网络课程具有动画、视频、图像、文本多种媒体集成的优势，又具有直观、生动、可扩展等特点，因而能大大提高教学效率。家具设计与工艺是家具专业的一门基础课，本文以这门网络课程的开发为例，具体讨论一下开发网络课程的过程及经验体会。

1 开发背景

家具设计与工艺简介 是家具专业的重点核心课程，通过本课程学习家具结构和造型设计的基本知识和技能，使学生掌握实木家具榫结构和五金件接合的各种形式及技术要求;板式家具、金属家具、软体家具等结构设计原理与方法。培养学生的设计动手能力，创造、制作技能等方面的能力。

教学存在的问题 本课程知识量大，对学生的各项能力都有一定的要求，教师在讲授这门课程时受到教材、教学资源不够丰富等局限，很多教学知识点无法向学生演示。学生对这门课的认识也存在一定的误区。学生只对传统的操作技能课，如3DMAX＼ AUTOCAD等感兴趣，对这种针对家具设计教育理论的课程容易忽视。部分教师只注重学生实操能力的培养，忽视家具设计理论的教学和对学生创造性思维的锻炼，实际是一种买椟还珠的做法。

2 开发思路

本课程的开发采用DIV+CSS技术进行布局，将课程内容包括文字、图片、教学课件、测验题和讨论主题等用专题学习网站的形式表现出来。网站的开发大部分采用静态网页技术，最大限度地降低开发的难度和周期。对课程资料特别是要对结构演示的部分尽量FLASH进行制作。对实训展示等模块要求网站有良好的可扩充性，尽可能多种表现形式展示学生的作品，并做到及时简单维护更新。

3 开发过程

3.1 网络课程栏目规划

《家具设计与工艺》网络课程以高等职业技术院校艺术设计专业规划教材《家具设计与工艺》教材为基础。重点培养学生的家具造型设计能力和家具结构设计能力。课程设置了课程简介、教学大纲、预修课程、课程学习、课程资料、实训展示、家具品牌7 大模块， 另外本课程还设置了著名的设计师、著名设计大学、设计参考教材、家具专业网站、家具精品赏析五个小模块拓宽学习层面的背景资源，作为课程补充材料。主界面如图1：

3.2 网络课程的资料准备

规划好网络课程后，接下来的工作就是前期的相关资料准备了，这部分工作是网络课程开发的一个非常重要的环节。在本课程中资料准备过程中，我校严格按规划好的内容安排开发人员整理资料。对资料先按照个人精选细化后，最后开发小组统一进行总结整合。

3.3 多媒体网页技术的运用

网络课程技术主要用到多媒体网页技术，在资料准备完成后，就可以动手进行网页设计和脚本编写了。本课程在技术上的运用上主要原则是设计感重于技术运用，过炫的技术效果不是网络课程的重点。

3.3.1 DIV+CSS网页布局技术的运用

DIV+CSS网页布局技术是现在制作网页的技术标准，相对于表格布局开发的难度相对要大，对浏览器的兼容性也不是太好。对于家具专业的教师来说，通过PS设计网页草图，然后直接生成表格布局的网页，比较简单。但是对于这种与设计相关的网络课程来说，这种方法过于死板，表现与内容不能做到分离，与设计要求的多变及灵活相违背。采用DIV+CSS网页布局技术虽然前期开发成本较大，但后面可以随时通过修改CSS文件不影响课程内容的情况下对网页结构布局和网页的色彩搭配进行重新设计。设计是相通的，学生通过网络课程本身的变化设计也能感觉的设计思想无处不在。这本身也可作为课程的一部分。

3.3.2 Flash動画的运用

《家具设计与工艺》网络课程中有许多内容专门用FLASH软件进行设计制作，如主页面的图文展示引导页和FLASH课件。网络课程引导页通过几根原木拼成家具设计与工艺字样，原木有一个剥皮切方的过程，暗喻工艺的过程。（图2-1）FLASH课件块专门挑选了《人体工程学与家具功能设计》《家具结构设计与工艺》《古典家具结构设计》三个FLASH课件，这几个精选课件都是笔者为主要制作者进行制作设计的，并多次获省市多媒体教育软件比赛的作品。设计风格各异，对家具设计中的难点重点都做了很好的动画演示。例如《人体工程学与家具功能设计》采用建模及3D 的人体模拟部分坐、卧等动作，分析人体对家具各项设计参数的影响;（图2-2、图2-3）《家具结构设计与工艺》中对家具的结构用FLASH动画进行分解组装，让学生能形象地看到具体的家具构造;（图2-4、2-5）《古典家具结构设计》中的明式家具属于课程的扩展内容，动画设计上采用古典竹简滚动展示，利用中国元素营造独一的设计风格。让学生在了解明式家具的同时，接触不同的设计风格。（图2-6）

3.3.3视频的运用

本课程中的视频资料比较少，一方面我们制作部分动画视频，另一方面从国外的网站中搜集比较有代表性有设计感的视频短片作为课程的扩展补充。视频格式上都是采用FLV格式，这种格式对网站服务器有要求，本文后面专门讨论这个问题。

3.3.4电子杂志技术的运用

电子杂志技术上具有上手快，效果好等特点。在实训展示模块中对学生的作业（素描、手绘、色彩、模型制作）及实操剪影除了用传统的网页图片展示技术之外，还大量采用电子杂志技术按类别和班级制作作品集。这样做的好处是一方面让学生能够在网站上看到自己的作品以一种很炫的方式展示出来，让他们有一种成就感。从而产生更加努力学习这门专业的兴趣。另一方面，做成作品集方便老师统一管理以及学生下载下来参考。

3.4开发过程中技术问题

由于本网络课程采用DIV+CSS布局，对浏览器的兼容是一个很大的问题，在开发的过程中我们分别在IE6及以上版本、FIREFOX浏览器、遨游浏览器中进行测试，中间碰到的技术问题基本上都是兼容性的问题。

1）FIREFOX浏览器 父容器的高度不能自适应，通俗来讲就是网页不能够自动根据内容扩展高度。DIV定位网页布局使用浮动的时候，下面的层被浮动的层所覆盖，或者层里嵌套的子层超出了外层的范围。解决办法是在浮动层后面添加一个额外元素，例如一个div ，

。

2）IE浏览器  IE6 、IE7的问题，如果不将图片设为DIV背景图或者把图直接放在同一个DIV中然后换行 会出现marquee显示宽度被图片的宽占去一部分情况。解决办法就是将图在CSS中定义成背景图。ie6 对PNG 图片显示出现问题 可将图片用其他格式代替 如家具设计与工艺 INDEX.HTML 开始用的PNG 会出现很多错误，改成GIF格式修正。另外针对IE6 认识的代碼 *HTML.leftd { display：inline-block;line-height： 10px;} 修补DIV宽度变小及文件图标上面有空白问题。

3）Win2003主机服务器播放FLV视频的设置方法 网站服务器如果是虚拟主机都不支持Flv格式文件。设置方法：比如Flv文件名称是a.flv，在虚拟主机上建一个名为“a.flv”的目录，在此目录下放你的Flv格式文件，将其改名为：index.htm，播放器中的文件名保持原样不动，这样就能成功播放。

总之，网络课程开发的既要注重表现形式，也要注重教学资源的应用与开发， 教学资源中的每一部分都反映出该学科教师的教学经验和成果。如何更有效的开发出适合中职学生教学的网络课程，值得每个专业教师继续探讨，这也是我们的努力方向。

参考文献：

[1] 刘成新.网络课程的设计、开发与评价[M].北京：中国远程教育，2001.

[2] 全国高等学校教育技术协作委员会组织编写.网络课程开发技术[M].北京：高等教育出版社，2002.

【通联编辑：唐一东】