高職高專《Photoshop平面設計》精品課網站建設實踐與思考

李曉紅，辛 欣

（石家莊信息工程職業學院，河北石家莊050000）

2003年，教育部《關于啟動高等學校教學質量與教學改革工程精品課程建設工作的通知》中指出：為切實推進教育創新，深化教學改革，促進現代信息技術在教學中的應用，共享優質教學資源，進一步促進教授上講臺，全面提高教育教學質量，提升我國高等教育的綜合實力和國際競爭能力，決定在全國高等學校(包括高職高專院校)中啟動高等學校教學質量與教學改革工程精品課程建設工作(以下簡稱精品課程建設)。

精品課程是具有一流教師隊伍、一流教學內容、一流教學方法、一流教材、一流教學管理等特點的示范性課程。因此，要想申請精品課成功，必須做到5個一流。在近幾年精品課程申報過程中，我們深深地體會到教育行政部門對精品課程的要求一年比一年高，專家評選的質量要求也越來越精。在這樣的前提下，要想申報成功，僅僅有較好的教學水平、雄厚的師資力量及夠硬的教學設備還是遠遠不夠的，我們還需要一個好的精品課程網站。

一、精品課網站建設意義

精品課程網站是精品課程評價的窗口，是優質課程資源的有效載體，是高等職業教育優質資源實現共享的平臺。精品課程的篩選、申報、評審到公示、公開和使用，都要通過網絡進行，因此，精品課程網站設計與開發工作在申報工作中起著舉足輕重的作用。

二、精品課網站建設步驟

1.需求分析階段

首先明確建站的目的，網站提供的內容和表現形式、網站的服務對象和預期效果。網站的定位直接決定網站的整體風格和色彩搭配。考慮到專家評審方便，我們需要建設申報網站，主要體現申報書的內容；考慮到要發布與課程相關的教學文件，并提供給學生較為豐富的自主學習的參考資料，我們就需要建設課程網站。申報網站和課程網站建設不要割裂開來，要做整體規劃。

2.欄目規劃階段

在精品課建設之初，我們學習文件《河北省高等學校精品課程建設與評估標準（2009年度）》和《2010年國家精品課程評審指標（高職）》，認真研讀了評審指標中的一級指標、二級指標和主要觀測點，進而確定了申報網站的主欄目：申報書、課程設置、教學內容、教學方法與手段、教學隊伍、教學條件、教學效果、課程特色、教學支持、課程錄像、學習資源；課程網站的主欄目：教學資源、課堂互動、學教論壇、網上展廳、經典賞析、設計素材下載、職業技能鑒定。在“Photoshop平面設計”申報網站中，我們整合了一部分課程網站的內容，如欄目“學習資源”，一方面方便專家評審，另一方面也突出了我們打造“共享性、特色性”教學資源庫的課程特色。

3.版面設計階段

好的版面設計會給瀏覽者留下好的第一印象，在確定主欄目后，“Photoshop平面設計”課程組教師研究確定了網站的整體風格和色彩搭配，申報網站和課程網站均以玫紅和湖藍作為主色調。我們凝練課程特色，在申報網站首頁體現了課程介紹、課程特色、合作企業等專家最關注的內容，并使用Photoshop工具軟件完成頁面效果圖的設計。課程網站的首頁則以暢游知識的海洋為創意完成版面設計。

4.網站制作與開發階段

申報網站是全靜態頁面，其制作工具以Photoshop、Flash、Dreamweaver為主，而課程網站考慮到欄目更新的頻率、教學互動環節的設計，我們開發了后臺管理系統，其開發環境為Visual Studio 2005，數據庫使用的是SQL Server 2005。

5.網站測試與上傳階段

網站測試需要從兩個方面考慮，頁面測試和程序測試，特別要注意頁面瀏覽器的兼容性測試。IE瀏覽器一家獨大的時代已經過去了，已經有非常多的人正在使用其它的網頁瀏覽器，比如火狐瀏覽器、360瀏覽器、遨游瀏覽器等，在進行網站測試時，必須進行多瀏覽器頁面效果和功能測試。

測試之后，網站上傳到指定空間。上傳之后的網站要派專人監管，必須保證專家評審期間網站能正常訪問，否則將視為自動淘汰或放棄參評資格。

三、網站開發經驗

1.事半功倍之Javascript腳本/Flash源碼

在互聯網上，很多網站提供Javascript腳本/Flash源碼，如站酷、懶人圖庫等，合理利用這些開放源碼，可以提高工作效率，像懶人圖庫的口號一樣：學會偷懶，并懶出境界是我們提高工作效率的方法。“Photoshop平面設計”課程網站中的學生作品展示、導航菜單均使用Javascript腳本開發而成。

2.事半功倍之FlashPaper

FlashPaper是Macromedia Studio家族成員之一，它能將任何可打印的文檔（Word、Excel）轉換為swf文件或PDF文件，并且轉換后的文件具有很強的保密性，可以防止瀏覽者進行復制粘貼，從而保護作者的勞動成果。此軟件最大的好處在于轉換后的文檔便于在網絡上瀏覽和打印，并且不需要瀏覽者安裝專用軟件。FlashPaper所支持轉換的文檔類型包括 doc、xls、htm、txt、jpg等。FlashPaper生成的swf格式的文檔體積小，且能夠按比例改變大小，適合嵌入到網頁中。

“Photoshop平面設計”申報網站里的二級頁面都是使用FlashPaper將doc文檔轉化為swf格式文件，并嵌入到網頁中實現的。如在Word文檔排版時注意細節，設置好頁眉、頁腳、表格、文字等屬性，都將會給頁面增色不少。

3.事半功倍之GozTun.com翻頁Flash相冊多彩版

翻頁Flash相冊多彩版是一款共享軟件，它可以將圖片、照片制作成電子相冊，可以像真正的相冊一樣通過鼠標拖動來翻動頁，并發出紙張翻動的聲音；還可根據需要對相冊的封面和內頁進行設計，如加入背景圖、標題、相框以及豐富的動態效果剪貼畫；最后配上背景音樂，讓我們的電子相冊變得獨一無二。

工欲善其事、必先利其器。“Photoshop平面設計”課程網站中的經典作品賞析使用“翻頁Flash相冊多彩版”制作而成，其操作簡單、效果豐富，大大提高了工作效率。

4.事半功倍之Camtasia Studio

Camtasia Studio是美國TechSmith公司出品的屏幕錄像和編輯的軟件套裝。軟件提供了強大的屏幕錄像、視頻的剪輯和編輯、視頻菜單制作和視頻播放等功能。使用Camtasia Studio軟件，可以方便地進行屏幕操作的錄制和配音、視頻的剪輯和過場動畫、添加說明字幕和水印、制作視頻封面和菜單、視頻壓縮和播放。

為了給學生提供較為豐富的自主學習資源，“Photoshop平面設計”課程為基礎實訓層次的8個項目進行了操作視頻的錄制，使用Camtasia Studio錄制視頻，畫面質量好、聲音保真高、文件大小適宜，能直接輸出多種視頻格式，方便網絡瀏覽。

精品課建設是一項系統工程，精品課網站是現代信息技術與課程有機結合的產物。它對實現優質教學資源共享、提升教學理念、改革教學方法、改進教學手段、創新教學活動、豐富教學內容、提高高等學校教學質量等起到了巨大的促進和推動作用。自精品課網站建設以來，我們課程組教師反復研討、不斷實踐，總結出一些經驗和技巧，隨著信息技術的不斷發展和應用，精品課網站的建設必將再上一個新的臺階。

[1]何樹全，王曉瑩.高校精品課程建設創新體系初探[J].福建論壇(社科教育版)，2009（2）.

[2]段新娥，周鎖成.大學計算機精品課程教學改革與實踐[J].內蒙古電大學刊，2010（11）.

[3]段新娥.大學計算機應用精品課程網站建設的研究[J].中國教育信息化，2010（9）.

[4]張莉靖.高校精品課程亟待解決的問題與對策[J].中國科教創新導刊，2010（8）.