《家具設計與工藝》網絡課程設計與實現

鄒錳

摘要：本文主要探討如何開發網絡課程，以《家具設計與工藝》實際案例，從理論上和技術上對網絡課程的開發進行經驗總結。

關鍵詞：網絡課程;家具設計與工藝

中圖分類號：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.

【通聯編輯：唐一東】