鄒錳

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

關(guān)鍵詞：網(wǎng)絡(luò)課程;家具設(shè)計與工藝

中圖分類號：G424? ? ? ? 文獻(xiàn)標(biāo)識碼：A

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

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

1 開發(fā)背景

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

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

2 開發(fā)思路

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

3 開發(fā)過程

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

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

3.2 網(wǎng)絡(luò)課程的資料準(zhǔn)備

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

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

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

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

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

3.3.2 Flash動畫的運用

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

3.3.3視頻的運用

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

3.3.4電子雜志技術(shù)的運用

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

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