李 英

云南林業(yè)職業(yè)技術(shù)學(xué)院信息工程學(xué)院

《網(wǎng)站建設(shè)》課程設(shè)計(jì)探索

李 英

云南林業(yè)職業(yè)技術(shù)學(xué)院信息工程學(xué)院

《網(wǎng)站建設(shè)》是信息工程學(xué)院的核心能力課程。本文從課程性質(zhì)、課程理論、學(xué)習(xí)目標(biāo)以及學(xué)時分配和考核等方面對這門課程進(jìn)行了教學(xué)設(shè)計(jì)，以期使學(xué)生能掌握網(wǎng)站建設(shè)方面的基本知識和技能，培養(yǎng)學(xué)生的團(tuán)隊(duì)協(xié)作、溝通能力、創(chuàng)新能力、職業(yè)規(guī)范和職業(yè)道德等方面的綜合素質(zhì)和能力。

高職；網(wǎng)站建設(shè)；設(shè)計(jì)

1.課程性質(zhì)

《網(wǎng)站建設(shè)》是信息工程學(xué)院的核心能力課程之一，也是學(xué)生參加網(wǎng)頁設(shè)計(jì)師考試及進(jìn)行淘寶裝修的必學(xué)課程。此課程的知識點(diǎn)主要包括網(wǎng)站規(guī)劃、網(wǎng)頁效果圖設(shè)計(jì)、網(wǎng)頁與網(wǎng)站的美化等專業(yè)能力所需的基本知識和基本技能，以便為學(xué)生進(jìn)一步學(xué)習(xí)動態(tài)網(wǎng)站的制作奠定基礎(chǔ)，以期培養(yǎng)學(xué)生的團(tuán)隊(duì)協(xié)作、溝通能力、創(chuàng)新能力、職業(yè)規(guī)范和職業(yè)道德等方面的綜合素質(zhì)和能力。該課程針對職業(yè)崗位中核心典型工作任務(wù)為導(dǎo)向，培養(yǎng)學(xué)生設(shè)計(jì)與制作網(wǎng)頁的能力。

2.課程理念

本課程的學(xué)習(xí)情境是依據(jù)以工作過程為向?qū)?，以典型工作任?wù)為基點(diǎn)，綜合理論知識，操作技能和職業(yè)素養(yǎng)為一體的思路設(shè)計(jì)。通過完成學(xué)習(xí)情境的學(xué)習(xí)，學(xué)生不但能夠掌握網(wǎng)頁制作與網(wǎng)站設(shè)計(jì)的專業(yè)知識和專業(yè)技能，還能夠全面培養(yǎng)其團(tuán)隊(duì)協(xié)作、溝通表達(dá)、工作責(zé)任心、職業(yè)道德與規(guī)范等綜合素質(zhì)，使學(xué)生通過學(xué)習(xí)的過程掌握工作崗位所需要的各項(xiàng)技能和相關(guān)專業(yè)知識。理論教學(xué)和實(shí)踐教學(xué)采用不同的方面，實(shí)現(xiàn)任務(wù)驅(qū)動引導(dǎo)課程教學(xué)，結(jié)全項(xiàng)目深化課程教學(xué)，達(dá)到理實(shí)一體化。

3.學(xué)習(xí)目標(biāo)

3.1 知識目標(biāo)

1、站點(diǎn)的新建、規(guī)劃與維護(hù)。

2、用table進(jìn)行靜態(tài)頁面的布局。

3、圖文混排與動畫的插入

4、超級鏈接與導(dǎo)航的應(yīng)用

5、JS代碼、Flash與聲音等其他素材的插入。

6、網(wǎng)站的測試、維護(hù)、上傳。

3.2 能力目標(biāo)

1、能夠利用網(wǎng)絡(luò)搜索工具進(jìn)一步學(xué)習(xí)。

2、把技術(shù)和藝術(shù)完美結(jié)合。

3、能夠做出一個求職網(wǎng)站或者能夠淘寶開店，進(jìn)行淘寶的裝修與美化。

3.3 素質(zhì)目標(biāo)

1、積極向上的職業(yè)精神和終身學(xué)習(xí)態(tài)度。

2、具備思路明確、方法正確、分析問題恰當(dāng)?shù)哪芰Α?/p>

3、團(tuán)隊(duì)協(xié)作能力與協(xié)調(diào)能力。養(yǎng)學(xué)生團(tuán)隊(duì)合作精神，激發(fā)學(xué)生學(xué)習(xí)熱情，提高創(chuàng)新意識。

4.學(xué)習(xí)情境設(shè)置

為了實(shí)現(xiàn)網(wǎng)站建設(shè)的學(xué)習(xí)目標(biāo)，在內(nèi)容的選取上，進(jìn)行了重新設(shè)計(jì)。在課時有限的情況下，希望學(xué)生能掌握網(wǎng)站建設(shè)的相關(guān)知識點(diǎn)的學(xué)時，同時養(yǎng)成良好的網(wǎng)頁設(shè)計(jì)習(xí)慣，培養(yǎng)職業(yè)規(guī)范和職業(yè)道德。

學(xué)習(xí)情境 學(xué)習(xí)情境一：教學(xué)名師個人網(wǎng)頁設(shè)計(jì)

學(xué)習(xí)內(nèi)容

1.網(wǎng)頁設(shè)計(jì)師的需求

2.網(wǎng)頁設(shè)計(jì)的原則

3.站點(diǎn)的概念與創(chuàng)建站點(diǎn)的方法

4.設(shè)置表格的屬性

5.使用表格制作單線

6.使用表格布局網(wǎng)頁

7.插入文本、圖像、表格、超級鏈接

學(xué)習(xí)產(chǎn)出

在成功學(xué)習(xí)完此內(nèi)容后，學(xué)生可以：

1.能制定站點(diǎn)規(guī)劃。

2.能制定網(wǎng)站的主題。

3.能制作簡單的網(wǎng)頁。

4.能利用超級鏈接做成網(wǎng)站

評價(jià)標(biāo)準(zhǔn)

1能多種方式設(shè)計(jì)站點(diǎn)。

2修改網(wǎng)頁的主題。

3利用表格布局制作網(wǎng)頁。

4 制作個人網(wǎng)站

學(xué)習(xí)情境 學(xué)習(xí)情境二：精品課程網(wǎng)站設(shè)計(jì)

學(xué)習(xí)內(nèi)容

1.根據(jù)需求進(jìn)行網(wǎng)站欄目模塊設(shè)計(jì)

2.網(wǎng)站草圖的設(shè)計(jì)，網(wǎng)站效果圖的設(shè)計(jì)制作

3.規(guī)劃站點(diǎn)結(jié)構(gòu)

4.網(wǎng)站效果圖的切片

5.Dreamweaver的基礎(chǔ)知識

6.插入特殊字符、動畫圖、視頻等的方法

7.申請主頁空間并上傳發(fā)布網(wǎng)站

學(xué)習(xí)產(chǎn)出

在成功學(xué)習(xí)完此內(nèi)容后，學(xué)生可以：

1.能根據(jù)草圖設(shè)計(jì)網(wǎng)頁，能制定網(wǎng)站效果圖的切片。

2.能制作動畫效果。

3.能利用網(wǎng)站空間發(fā)布網(wǎng)站

評價(jià)標(biāo)準(zhǔn)

1.繪制草圖。

2.利用PS切片。

3.利用flash或網(wǎng)頁特效制作動畫效果。

4. 申請網(wǎng)站空間

學(xué)習(xí)情境 學(xué)習(xí)情境三：云南林業(yè)職業(yè)技術(shù)學(xué)院網(wǎng)站建設(shè)

學(xué)習(xí)內(nèi)容

1.認(rèn)識CSS樣式表

2.創(chuàng)建新樣式表與應(yīng)用樣式表，設(shè)置 CSS樣式表的方法

3.網(wǎng)站模板的概念與創(chuàng)建方法，網(wǎng)站模板的應(yīng)用方法

4. Javascript的應(yīng)用

學(xué)習(xí)產(chǎn)出

在成功學(xué)習(xí)完此內(nèi)容后，學(xué)生可以：

1.能熟練使用CSS。

2.能制定網(wǎng)站模板。

3.能制作商業(yè)類型的網(wǎng)站。

4.能了解顧客的需求。

評價(jià)標(biāo)準(zhǔn)

1利用CSS樣式設(shè)計(jì)網(wǎng)頁。

2設(shè)計(jì)網(wǎng)站通用模板。

3了解商業(yè)網(wǎng)站的特點(diǎn)。

4 商業(yè)網(wǎng)站的法律問題。

5.教學(xué)策略與教學(xué)方法

根據(jù)教學(xué)的需要，從學(xué)生的日常生活中選取學(xué)習(xí)情境，也意味著學(xué)習(xí)情境具有真實(shí)性，三個網(wǎng)站都是真實(shí)的網(wǎng)站。只有在真實(shí)的學(xué)習(xí)情境中，學(xué)生才能切實(shí)弄明白知識的價(jià)值。主要設(shè)計(jì)三個方面的情境來提升技能。學(xué)習(xí)情境一：教學(xué)名師個人網(wǎng)頁設(shè)計(jì)；學(xué)習(xí)情境二：精品課程網(wǎng)站設(shè)計(jì)；學(xué)習(xí)情境三：云南林業(yè)職業(yè)技術(shù)學(xué)院網(wǎng)站建設(shè)。通過這三個風(fēng)站層層推進(jìn)，提高技能。

6.結(jié)論

網(wǎng)站建設(shè)這門課程一門集平面設(shè)計(jì)、動畫設(shè)計(jì)、視頻制作等方面的綜合性課性。通過對該課程的設(shè)計(jì)，希望學(xué)生通過該課程的學(xué)習(xí)，掌握工作崗位所需要的各項(xiàng)技能和相關(guān)專業(yè)知識。同時明白網(wǎng)頁設(shè)計(jì)是一門技術(shù)加藝術(shù)完美結(jié)合的課程，只有兩者相結(jié)合，才能織出心目中理想的網(wǎng)頁。

[1]牟占生，董博杰 .基于 M00C 的混合式學(xué)習(xí)模式探究——以Coursera 平臺為例[J].現(xiàn)代教育技術(shù)，2014(5)：73-80.

[2]姜大源.職業(yè)教育學(xué)研究新論[M].北京：教育科學(xué)出版 社，2007

[3]翟文憲.案例教學(xué)初探[J].課程·教材·教法， 1996 (6).

[4]馬雪峰，田躍輝.淺談高職項(xiàng)目課程和項(xiàng)目教學(xué)實(shí)施的問題與對策[J].中 國科教創(chuàng)新導(dǎo)刊，2008(8).

[5]易凌峰.案例研究： 登天的階梯[J].教育發(fā)展研究， 2000 (7).

[6]趙建華， 李克東.協(xié)作學(xué)習(xí)及協(xié)作學(xué)習(xí)模式[J].中國電化教育，2000(10).