鄒錳

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

關鍵詞：網(wǎng)絡課程;家具設計與工藝

中圖分類號：G424? ? ? ? 文獻標識碼：A

文章編號：1009-3044（2019）18-0097-02

網(wǎng)絡課程具有動畫、視頻、圖像、文本多種媒體集成的優(yōu)勢，又具有直觀、生動、可擴展等特點，因而能大大提高教學效率。家具設計與工藝是家具專業(yè)的一門基礎課，本文以這門網(wǎng)絡課程的開發(fā)為例，具體討論一下開發(fā)網(wǎng)絡課程的過程及經(jīng)驗體會。

1 開發(fā)背景

家具設計與工藝簡介 是家具專業(yè)的重點核心課程，通過本課程學習家具結構和造型設計的基本知識和技能，使學生掌握實木家具榫結構和五金件接合的各種形式及技術要求;板式家具、金屬家具、軟體家具等結構設計原理與方法。培養(yǎng)學生的設計動手能力，創(chuàng)造、制作技能等方面的能力。

教學存在的問題 本課程知識量大，對學生的各項能力都有一定的要求，教師在講授這門課程時受到教材、教學資源不夠豐富等局限，很多教學知識點無法向學生演示。學生對這門課的認識也存在一定的誤區(qū)。學生只對傳統(tǒng)的操作技能課，如3DMAX＼ AUTOCAD等感興趣，對這種針對家具設計教育理論的課程容易忽視。部分教師只注重學生實操能力的培養(yǎng)，忽視家具設計理論的教學和對學生創(chuàng)造性思維的鍛煉，實際是一種買櫝還珠的做法。

2 開發(fā)思路

本課程的開發(fā)采用DIV+CSS技術進行布局，將課程內容包括文字、圖片、教學課件、測驗題和討論主題等用專題學習網(wǎng)站的形式表現(xiàn)出來。網(wǎng)站的開發(fā)大部分采用靜態(tài)網(wǎng)頁技術，最大限度地降低開發(fā)的難度和周期。對課程資料特別是要對結構演示的部分盡量FLASH進行制作。對實訓展示等模塊要求網(wǎng)站有良好的可擴充性，盡可能多種表現(xiàn)形式展示學生的作品，并做到及時簡單維護更新。

3 開發(fā)過程

3.1 網(wǎng)絡課程欄目規(guī)劃

《家具設計與工藝》網(wǎng)絡課程以高等職業(yè)技術院校藝術設計專業(yè)規(guī)劃教材《家具設計與工藝》教材為基礎。重點培養(yǎng)學生的家具造型設計能力和家具結構設計能力。課程設置了課程簡介、教學大綱、預修課程、課程學習、課程資料、實訓展示、家具品牌7 大模塊， 另外本課程還設置了著名的設計師、著名設計大學、設計參考教材、家具專業(yè)網(wǎng)站、家具精品賞析五個小模塊拓寬學習層面的背景資源，作為課程補充材料。主界面如圖1：

3.2 網(wǎng)絡課程的資料準備

規(guī)劃好網(wǎng)絡課程后，接下來的工作就是前期的相關資料準備了，這部分工作是網(wǎng)絡課程開發(fā)的一個非常重要的環(huán)節(jié)。在本課程中資料準備過程中，我校嚴格按規(guī)劃好的內容安排開發(fā)人員整理資料。對資料先按照個人精選細化后，最后開發(fā)小組統(tǒng)一進行總結整合。

3.3 多媒體網(wǎng)頁技術的運用

網(wǎng)絡課程技術主要用到多媒體網(wǎng)頁技術，在資料準備完成后，就可以動手進行網(wǎng)頁設計和腳本編寫了。本課程在技術上的運用上主要原則是設計感重于技術運用，過炫的技術效果不是網(wǎng)絡課程的重點。

3.3.1 DIV+CSS網(wǎng)頁布局技術的運用

DIV+CSS網(wǎng)頁布局技術是現(xiàn)在制作網(wǎng)頁的技術標準，相對于表格布局開發(fā)的難度相對要大，對瀏覽器的兼容性也不是太好。對于家具專業(yè)的教師來說，通過PS設計網(wǎng)頁草圖，然后直接生成表格布局的網(wǎng)頁，比較簡單。但是對于這種與設計相關的網(wǎng)絡課程來說，這種方法過于死板，表現(xiàn)與內容不能做到分離，與設計要求的多變及靈活相違背。采用DIV+CSS網(wǎng)頁布局技術雖然前期開發(fā)成本較大，但后面可以隨時通過修改CSS文件不影響課程內容的情況下對網(wǎng)頁結構布局和網(wǎng)頁的色彩搭配進行重新設計。設計是相通的，學生通過網(wǎng)絡課程本身的變化設計也能感覺的設計思想無處不在。這本身也可作為課程的一部分。

3.3.2 Flash動畫的運用

《家具設計與工藝》網(wǎng)絡課程中有許多內容專門用FLASH軟件進行設計制作，如主頁面的圖文展示引導頁和FLASH課件。網(wǎng)絡課程引導頁通過幾根原木拼成家具設計與工藝字樣，原木有一個剝皮切方的過程，暗喻工藝的過程。（圖2-1）FLASH課件塊專門挑選了《人體工程學與家具功能設計》《家具結構設計與工藝》《古典家具結構設計》三個FLASH課件，這幾個精選課件都是筆者為主要制作者進行制作設計的，并多次獲省市多媒體教育軟件比賽的作品。設計風格各異，對家具設計中的難點重點都做了很好的動畫演示。例如《人體工程學與家具功能設計》采用建模及3D 的人體模擬部分坐、臥等動作，分析人體對家具各項設計參數(shù)的影響;（圖2-2、圖2-3）《家具結構設計與工藝》中對家具的結構用FLASH動畫進行分解組裝，讓學生能形象地看到具體的家具構造;（圖2-4、2-5）《古典家具結構設計》中的明式家具屬于課程的擴展內容，動畫設計上采用古典竹簡滾動展示，利用中國元素營造獨一的設計風格。讓學生在了解明式家具的同時，接觸不同的設計風格。（圖2-6）

3.3.3視頻的運用

本課程中的視頻資料比較少，一方面我們制作部分動畫視頻，另一方面從國外的網(wǎng)站中搜集比較有代表性有設計感的視頻短片作為課程的擴展補充。視頻格式上都是采用FLV格式，這種格式對網(wǎng)站服務器有要求，本文后面專門討論這個問題。

3.3.4電子雜志技術的運用

電子雜志技術上具有上手快，效果好等特點。在實訓展示模塊中對學生的作業(yè)（素描、手繪、色彩、模型制作）及實操剪影除了用傳統(tǒng)的網(wǎng)頁圖片展示技術之外，還大量采用電子雜志技術按類別和班級制作作品集。這樣做的好處是一方面讓學生能夠在網(wǎng)站上看到自己的作品以一種很炫的方式展示出來，讓他們有一種成就感。從而產(chǎn)生更加努力學習這門專業(yè)的興趣。另一方面，做成作品集方便老師統(tǒng)一管理以及學生下載下來參考。

3.4開發(fā)過程中技術問題

由于本網(wǎng)絡課程采用DIV+CSS布局，對瀏覽器的兼容是一個很大的問題，在開發(fā)的過程中我們分別在IE6及以上版本、FIREFOX瀏覽器、遨游瀏覽器中進行測試，中間碰到的技術問題基本上都是兼容性的問題。

1）FIREFOX瀏覽器 父容器的高度不能自適應，通俗來講就是網(wǎng)頁不能夠自動根據(jù)內容擴展高度。DIV定位網(wǎng)頁布局使用浮動的時候，下面的層被浮動的層所覆蓋，或者層里嵌套的子層超出了外層的范圍。解決辦法是在浮動層后面添加一個額外元素，例如一個div ，

2）IE瀏覽器? IE6 、IE7的問題，如果不將圖片設為DIV背景圖或者把圖直接放在同一個DIV中然后換行 會出現(xiàn)marquee顯示寬度被圖片的寬占去一部分情況。解決辦法就是將圖在CSS中定義成背景圖。ie6 對PNG 圖片顯示出現(xiàn)問題 可將圖片用其他格式代替 如家具設計與工藝 INDEX.HTML 開始用的PNG 會出現(xiàn)很多錯誤，改成GIF格式修正。另外針對IE6 認識的代碼 *HTML.leftd { display：inline-block;line-height： 10px;} 修補DIV寬度變小及文件圖標上面有空白問題。

3）Win2003主機服務器播放FLV視頻的設置方法 網(wǎng)站服務器如果是虛擬主機都不支持Flv格式文件。設置方法：比如Flv文件名稱是a.flv，在虛擬主機上建一個名為“a.flv”的目錄，在此目錄下放你的Flv格式文件，將其改名為：index.htm，播放器中的文件名保持原樣不動，這樣就能成功播放。

總之，網(wǎng)絡課程開發(fā)的既要注重表現(xiàn)形式，也要注重教學資源的應用與開發(fā)， 教學資源中的每一部分都反映出該學科教師的教學經(jīng)驗和成果。如何更有效的開發(fā)出適合中職學生教學的網(wǎng)絡課程，值得每個專業(yè)教師繼續(xù)探討，這也是我們的努力方向。

參考文獻：

[1] 劉成新.網(wǎng)絡課程的設計、開發(fā)與評價[M].北京：中國遠程教育，2001.

[2] 全國高等學校教育技術協(xié)作委員會組織編寫.網(wǎng)絡課程開發(fā)技術[M].北京：高等教育出版社，2002.

【通聯(lián)編輯：唐一東】