廖麗

摘要：高職院校是我國重要的人才培養(yǎng)基地，“網(wǎng)頁設(shè)計與制作”課程教學(xué)設(shè)計一定要立足工作過程實際，注重情境設(shè)計，不斷創(chuàng)新教學(xué)策略，讓學(xué)生掌握基本技能，培養(yǎng)高素質(zhì)職業(yè)技能人才。文章研究了“網(wǎng)頁設(shè)計與制作”課程學(xué)習(xí)情境設(shè)計和教學(xué)創(chuàng)新策略。

關(guān)鍵詞：網(wǎng)頁設(shè)計與制作；工作過程；情境設(shè)計；創(chuàng)新策略

職業(yè)院校不同于普通本科院校，職業(yè)性是其最為重要的特色，職業(yè)能力和素養(yǎng)是其教育核心。計算機(jī)教學(xué)主要培養(yǎng)學(xué)生的計算機(jī)應(yīng)用、開發(fā)設(shè)計能力，“網(wǎng)頁設(shè)計與制作”課程讓學(xué)生能夠更好從事網(wǎng)頁設(shè)計與制作、網(wǎng)站編輯、網(wǎng)站管理等崗位，不僅要掌握相應(yīng)的理論知識，充分熟悉相關(guān)的工作過程，更要能夠結(jié)合具體工作過程來掌握網(wǎng)頁設(shè)計與制作的基本方法，真正應(yīng)用到工作中，讓學(xué)生在工作中真正拿得起，放得下，施展開，具有實實在在的能力。為此，網(wǎng)頁設(shè)計與制作課程教學(xué)設(shè)計一定要立足工作過程實際，注重情境設(shè)計，不斷創(chuàng)新教學(xué)策略，真正培養(yǎng)高素質(zhì)職業(yè)技能人才。

1 結(jié)合工作過程和崗位需求實際，明確課程和專業(yè)培養(yǎng)目標(biāo)

1.1圍繞學(xué)生專業(yè)實際確定課程教學(xué)核心內(nèi)容

網(wǎng)頁設(shè)計與制作是基于現(xiàn)代互聯(lián)網(wǎng)應(yīng)用和信息技術(shù)開發(fā)的專業(yè)應(yīng)用技術(shù)，是現(xiàn)代互聯(lián)網(wǎng)應(yīng)用最為前端性的技術(shù)，網(wǎng)頁是面向網(wǎng)絡(luò)用戶最為近距離的窗口，網(wǎng)頁設(shè)計需要結(jié)合企業(yè)工作實際，能夠?qū)⑵髽I(yè)最為突出的形象、產(chǎn)品或者服務(wù)呈現(xiàn)給網(wǎng)民，達(dá)到公司宣傳或者服務(wù)的目的。而對于網(wǎng)民來說，能夠獲得更為直觀的瀏覽效果，真正捕獲他們的眼球，讓他們愿意為之投放更多的時間，或者能夠更為直觀地了解網(wǎng)頁的內(nèi)容，不僅能夠全面了解信息，還能獲得相應(yīng)的體驗，以此來不斷強(qiáng)化他們的視覺效果，讓他們對網(wǎng)頁有更強(qiáng)的忠誠度。網(wǎng)頁設(shè)計制作要求具有開發(fā)和制作網(wǎng)站的操作技能，能夠根據(jù)中小型網(wǎng)站實際做好網(wǎng)站整體規(guī)劃，設(shè)計制作更有新意的網(wǎng)絡(luò)頁面，并做好美化工作。網(wǎng)站編輯主要根據(jù)中小網(wǎng)站建設(shè)實際，應(yīng)用最為基礎(chǔ)的網(wǎng)頁知識和操作經(jīng)驗，完成網(wǎng)站內(nèi)容的編輯、維護(hù)和及時更新等工作，這是網(wǎng)頁設(shè)計與課程專業(yè)的主要內(nèi)容，也是未來工作崗位上工作的主要內(nèi)容和需要具備的基本能力。網(wǎng)站管理則是更高層次的綜合技能，不僅要具有相應(yīng)的網(wǎng)頁設(shè)計制作能力，還要具有更為全面的綜合管理能力，完成網(wǎng)站后臺維護(hù)以及各種改版工作。這是建筑在網(wǎng)頁設(shè)計與制作專業(yè)技能之上的綜合能力，是關(guān)系整個網(wǎng)站設(shè)計制作的綜合管理。這是很多專業(yè)學(xué)生未來面臨的工作實際，也是課程教學(xué)設(shè)計與實踐必須充分考慮的問題。基于工作過程的“網(wǎng)頁設(shè)計與制作”課程進(jìn)行教學(xué)設(shè)計和創(chuàng)新必須充分考慮工作崗位實際，以工作崗位實際需要明確課程教學(xué)目標(biāo)和專業(yè)培養(yǎng)目標(biāo)，做到課程設(shè)計有的放矢，專業(yè)目標(biāo)定位明確，真正將教學(xué)設(shè)計和教材策略選用更好地服務(wù)學(xué)生崗位技能培養(yǎng)和未來發(fā)展，真正培養(yǎng)高素質(zhì)職業(yè)技能人才[1]。

1.2結(jié)合工作崗位需要培養(yǎng)他們職業(yè)素養(yǎng)與學(xué)習(xí)能力

基于工作過程的計算機(jī)教學(xué)，就是圍繞他們的專業(yè)發(fā)展和應(yīng)用實際，讓學(xué)生能夠得到更加有效的教育和指導(dǎo)，實現(xiàn)學(xué)校教育與社會應(yīng)用實際的協(xié)調(diào)統(tǒng)一，做到學(xué)校專業(yè)學(xué)習(xí)與行業(yè)工作實際接軌，真正培養(yǎng)學(xué)生的職業(yè)素養(yǎng)和學(xué)習(xí)能力。確保學(xué)生能夠在學(xué)習(xí)中鍛煉職業(yè)能力，在工作不斷學(xué)習(xí)進(jìn)步，服務(wù)學(xué)生全面進(jìn)步和終身發(fā)展。在學(xué)生接觸網(wǎng)頁設(shè)計與制作的初級階段，可以讓學(xué)生設(shè)計相對簡單且較為有趣的項目，能夠充分調(diào)動他們學(xué)習(xí)的積極性，讓學(xué)生對網(wǎng)頁設(shè)計產(chǎn)生持久的學(xué)習(xí)熱情。學(xué)生對網(wǎng)頁設(shè)計有了興趣和熱情，也就愿意為之付出更多的時間和精力，能夠在以后的工作實踐中更加積極，更有熱情。工作不僅要要求技能，更要有熱情和興趣。學(xué)生有了興趣，就會愿意在這方面進(jìn)行更多的探索，在網(wǎng)頁設(shè)計與制作、網(wǎng)站編輯方面積極探索，不斷創(chuàng)新發(fā)展，更具創(chuàng)新能力，而不是按部就班地工作，這是未來職業(yè)人才的素養(yǎng)。針對他們的基礎(chǔ)和發(fā)展等級，引導(dǎo)學(xué)生從最為基本的模仿設(shè)計開始，逐步創(chuàng)新，做好相應(yīng)的啟發(fā)和激勵，促進(jìn)學(xué)生更好地進(jìn)步。比如，在進(jìn)行網(wǎng)頁建模和布局設(shè)計時，鼓勵學(xué)生靈活應(yīng)用表格層，讓學(xué)生多思考，嘗試不同的方法設(shè)計。學(xué)生能夠打好基礎(chǔ)，又能學(xué)會變通，做到舉一反三。并在學(xué)習(xí)實踐中鼓勵學(xué)生相互合作，形成不同的團(tuán)隊小組，既能夠增強(qiáng)他們的學(xué)習(xí)興趣，降低學(xué)習(xí)難度，還能為以后的協(xié)同工作打好基礎(chǔ)。他們根據(jù)網(wǎng)頁設(shè)計與制作需要，相互探討，相互借鑒，做好分工合作，不僅能夠快速完成學(xué)習(xí)任務(wù)，還能感知工作過程，培養(yǎng)他們的職業(yè)素養(yǎng)與能力[2]。

2 立足工作任務(wù)實際，精心設(shè)計教學(xué)體驗情境

高職院校必須立足行業(yè)發(fā)展和專業(yè)對口崗位需要，培養(yǎng)學(xué)生的專業(yè)技能和綜合能力，讓學(xué)生能夠真正獲得更多的發(fā)展空間。設(shè)計應(yīng)用教學(xué)情境，讓學(xué)生掌握知識技能的同時，強(qiáng)化他們的工作體驗，豐富他們的工作經(jīng)驗，實現(xiàn)學(xué)校教學(xué)與崗位工作實際的對接。堅持由易到難、由淺入深的認(rèn)知和實踐提升規(guī)律，融入更多生動有趣的教學(xué)情境，讓學(xué)生更容易接受和操作，以此來不斷強(qiáng)化他們的應(yīng)用實踐能力。鑒于此，可以對現(xiàn)有的學(xué)生學(xué)習(xí)內(nèi)容設(shè)置為5個單元學(xué)習(xí)訓(xùn)練模塊，也是培養(yǎng)學(xué)生能力的5個層次步驟。（1）讓學(xué)生能夠?qū)W(wǎng)頁設(shè)計應(yīng)用工具熟悉到位，并能初步掌握這些工具的使用方式，設(shè)計出一些最為簡單的網(wǎng)頁，初步感知網(wǎng)頁設(shè)計的基本思想理念。（2）為學(xué)生設(shè)置相應(yīng)的網(wǎng)頁規(guī)劃設(shè)計學(xué)習(xí)任務(wù)，通過具體實例感知和模仿，學(xué)習(xí)網(wǎng)頁色彩的基本搭配，了解網(wǎng)頁的基本布局，制作最為基本的網(wǎng)頁；掌握網(wǎng)頁字體的基本應(yīng)用，并能夠?qū)W會常見的文字設(shè)計技巧，應(yīng)用CSS樣式層進(jìn)行設(shè)計。（3）在掌握基本網(wǎng)頁布局和設(shè)計的基礎(chǔ)上，引導(dǎo)學(xué)生學(xué)會一些基本的美化功能，在網(wǎng)頁能夠添加一些音效或者視頻等效果，讓網(wǎng)頁有聲有色。在此基礎(chǔ)上，出于讀者閱讀的需要，制作常用的導(dǎo)航欄等。（4）讓學(xué)生學(xué)習(xí)網(wǎng)頁更新的常見方法，維護(hù)網(wǎng)頁的基本技術(shù)，學(xué)會借助模板和庫項目等制作的常見應(yīng)用技術(shù)應(yīng)用到網(wǎng)頁更新和美化上去。（5）讓學(xué)生能夠掌握網(wǎng)頁測試的基本方法，以具體實例反復(fù)讓學(xué)生真正熟練上傳網(wǎng)頁。在教學(xué)實踐中，堅持議Dreamweaver軟件作為學(xué)習(xí)教學(xué)的主要線索，讓學(xué)生在具體實踐中體會，并在操作中不斷創(chuàng)新，真正制作一些富有個性化的中小型網(wǎng)站。比如，以小型物流公司網(wǎng)站規(guī)劃項目進(jìn)行教學(xué)情境設(shè)計。為學(xué)生提供基本的內(nèi)容模塊，公司概況介紹、公司業(yè)務(wù)構(gòu)成、企業(yè)發(fā)展動態(tài)、常規(guī)產(chǎn)品和特色產(chǎn)品介紹、管理層架構(gòu)、人才招聘、公司業(yè)務(wù)聯(lián)系方式等。并給學(xué)生提出相應(yīng)的頁面及網(wǎng)站建設(shè)要求：首先，網(wǎng)站必須凸顯公司主題，并要做到簡約大氣，能夠給客戶更多的視覺效果。重點突出公司的業(yè)務(wù)特色，并且一定要將首頁做好，便于展現(xiàn)公司形象和社會宣傳。其次，便于公司信息更新和內(nèi)容拓展，易于隨時添加頁面內(nèi)容，具有較強(qiáng)的拓展性。再次，網(wǎng)頁的字體不能干篇一律，一定要凸顯美觀，且不同的頁面能夠體現(xiàn)不同的風(fēng)格特點，字體大小、形式、顏色等做到美學(xué)搭配，還要具有必要的音效和視頻效果，能夠支持當(dāng)下最為常見的瀏覽器瀏覽。這樣的要求提出以后，讓學(xué)生能夠結(jié)合所學(xué)內(nèi)容，設(shè)計出更具實踐應(yīng)用效果的網(wǎng)站，這樣的情境設(shè)計才是真正基于工作任務(wù)的設(shè)計，能夠讓學(xué)生真正獲得較為直觀的體驗，并能培養(yǎng)他們的學(xué)習(xí)應(yīng)用能力。

3 為師生提供更多的實踐條件和實習(xí)機(jī)會

模擬和實戰(zhàn)還是有一定的距離的，在做好常規(guī)模擬情境的同時，為教師和學(xué)生提供更多的實踐機(jī)會，讓更多學(xué)生能夠真正深入企業(yè)，走上工作崗位，獲得最為直接的體驗，真正熟悉工作應(yīng)用環(huán)境。這是最為好的應(yīng)用情境，也是真正基于工作的教學(xué)創(chuàng)新。高職院校一般都在區(qū)域經(jīng)濟(jì)相對發(fā)達(dá)的地方，周邊有較多的現(xiàn)代企業(yè)，并且很多高職院校與不同企業(yè)建立了各種層次的合作關(guān)系，有的是合作辦學(xué)，有的是提供實踐崗位，有的是復(fù)雜技術(shù)研發(fā)。這些企業(yè)都有自己的公司網(wǎng)站，網(wǎng)站都在不斷更新內(nèi)容，且網(wǎng)站建設(shè)都具有較強(qiáng)的時代性，能夠真正體現(xiàn)公司的核心業(yè)務(wù)，也能夠很好地展現(xiàn)公司形象。當(dāng)然，也有不少公司一直都努力在公司網(wǎng)站建設(shè)方面進(jìn)行更多的改組或者創(chuàng)新，需要更為專業(yè)的計算機(jī)人員提供更好地創(chuàng)想設(shè)計或者技術(shù)指導(dǎo)。這就為“網(wǎng)頁設(shè)計與制作”課程教學(xué)提供了更好的應(yīng)用范例，也提供了更好的學(xué)習(xí)和展示平臺，更有利于創(chuàng)設(shè)基于工作過程的課程學(xué)習(xí)情境，還能不斷創(chuàng)新教學(xué)模式和方法，真正培養(yǎng)學(xué)生的實踐應(yīng)用技能和綜合素養(yǎng)。

4 以任務(wù)驅(qū)動或者項目教學(xué)法構(gòu)建教學(xué)做一體化模式

任務(wù)驅(qū)動和項目教學(xué)法是高職計算機(jī)常用的教學(xué)方法，這兩種方法能夠?qū)⒅R感知、技能訓(xùn)練與工作過程相統(tǒng)一，將教、學(xué)和做統(tǒng)一起來，實現(xiàn)由教到學(xué)再到具體實踐應(yīng)用。由抽象講解、到模擬演練再到的具體的任務(wù)完成或者項目實踐，讓學(xué)生真正掌握知識，又能熟悉工作過程，培養(yǎng)專業(yè)技能，又能強(qiáng)化職業(yè)素養(yǎng)。學(xué)生要完成相應(yīng)的任務(wù)或者項目，就必須認(rèn)真聽從教師的講解，并能夠瀏覽更多的網(wǎng)頁，學(xué)習(xí)借鑒更多優(yōu)秀網(wǎng)站的規(guī)劃設(shè)計，并能大膽嘗試和創(chuàng)新實踐，將實踐與感知、模仿與創(chuàng)新有機(jī)結(jié)合，強(qiáng)化他們的知識運(yùn)用能力和創(chuàng)新實踐能力。

5結(jié)語

總之，高職院校是我國最為重要的人才培養(yǎng)基地，我國的高端職業(yè)技能人才主要來自職業(yè)院校，也是人力資源素質(zhì)提升的重要保障。高職院校的學(xué)生將來更多是從事一線工作崗位，從事技能應(yīng)用或者綜合服務(wù)工作，過硬的專業(yè)知識專業(yè)素養(yǎng)和職業(yè)技能。“網(wǎng)頁設(shè)計與制作”做好基于工作過程的學(xué)習(xí)情境設(shè)計，不斷創(chuàng)新教學(xué)策略，培養(yǎng)高職技能人才。

[參考文獻(xiàn)]

[1]陳素晴.基于工作過程系統(tǒng)化的學(xué)習(xí)情境設(shè)計研究[J]信息與電腦（理論版），2014 （5）：146-147

[2]于曉霞，沈志剛基于工作過程的《網(wǎng)頁設(shè)計與制作》課程學(xué)習(xí)情境的設(shè)計[J]福建電腦，2011 （6）：205-206