前言：想要寫出一篇引人入勝的文章？我們特意為您整理了高職網(wǎng)頁設計與制作教學探析范文，希望能給你帶來靈感和參考，敬請閱讀。

【摘要】由于互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展，使網(wǎng)站變成了企業(yè)宣傳與電子商務行業(yè)信息傳播及共享的核心載體，各大企業(yè)越發(fā)注重網(wǎng)站的建設，如此一來，對于網(wǎng)頁設計與制作的人才需求增加了。本文以當前高職《網(wǎng)頁設計與制作》教學情況為切入點，著重分析和討論了互聯(lián)網(wǎng)+背景下高職《網(wǎng)頁設計與制作》教學對策，從而為相關(guān)從業(yè)人員提供參考。

【關(guān)鍵詞】互聯(lián)網(wǎng)+；高職；網(wǎng)頁設計與制作；教學

一、高職《網(wǎng)頁設計與制作》教學情況分析

新時期，多數(shù)高職院校設置了網(wǎng)頁設計與制作課程，Dreamweaver與Photoshop是比較常用的教學軟件，教授高職學生網(wǎng)頁設計與制作的基礎知識和技能，通常涵蓋了圖像處理與腳本處理等，這一課程牽涉到的面非常廣泛、知識點比較分散、操作實踐性比較強，現(xiàn)階段教學中普遍有這些問題：首先，從教師層面而言，多數(shù)教師具有非常豐富的理論知識，可是因為長時間從事教學工作，參加的實際網(wǎng)站建設項目不多，對于行業(yè)的先進技術(shù)與變化知之甚少。不具備行業(yè)前瞻性與豐富實踐經(jīng)驗的教師，傳授給高職學生的知識和技能無法和社會需求相對接。其次，從學生層面而言，高職院校的學生文化基礎不夠扎實，一些學生人生目標模糊，學習積極性較差，且接受知識的速度慢，自身所具備的素質(zhì)無法充分滿足高校的要求。最后，從教學層面而言，部分院校依舊使用的是以往的教學模式，根據(jù)教學大綱，使用講解方式與操作演示方式對學生開展知識傳授。學生經(jīng)常是照搬教材，不能夠充分應用知識、合理掌控網(wǎng)頁制作與網(wǎng)頁規(guī)劃布局，無法進行有效的內(nèi)容排版。

二、基于互聯(lián)網(wǎng)+背景下高職《網(wǎng)頁設計與制作》教學對策

（一）教學內(nèi)容規(guī)劃的科學性

在現(xiàn)代教育中，高職《網(wǎng)頁設計與制作》教學內(nèi)容是以實際項目為載體，高職學生根據(jù)網(wǎng)站的開發(fā)程序，從初期網(wǎng)網(wǎng)站信息系統(tǒng)、建立與管理網(wǎng)站、采用HTML建設網(wǎng)站首頁內(nèi)容架構(gòu)、后臺登陸網(wǎng)頁的制作、采用模板與庫制作網(wǎng)站子頁，一直到網(wǎng)站上傳和時，制作一個信息系統(tǒng)前臺，把《網(wǎng)頁設計與制作》課程的知識點在項目研發(fā)中表現(xiàn)與展開。按照技術(shù)趨勢與項目開發(fā)技術(shù)要求，在過去傳授內(nèi)容中，把Dreamweaver軟件運用的內(nèi)容減少，添加HTML代碼部分，同時在實際教學過程中把Dreamweaver里面的效果實現(xiàn)和HTML代碼的實現(xiàn)對照講授，使高職學生掌握好這幾種實現(xiàn)方式。教學內(nèi)容核心是CSS+DIV技術(shù)，闡述CSS模型與標準流、浮動與定位技術(shù)，借助HTML+CSS+DIV充分實現(xiàn)與優(yōu)化網(wǎng)站前臺制作及后續(xù)維護。

（二）教學設計的合理性

首先，高職課程教學需要表現(xiàn)理論夠用與實踐為核心的基本原則，對于這樣的情況，在《網(wǎng)頁設計與制作》教學的過程中，把這門課程根據(jù)制作一個完整網(wǎng)站前臺項目進行，接著把網(wǎng)站項目根據(jù)企業(yè)中開發(fā)項目的程序劃分成多個子項目，按照各個子項目的任務，把知識點與操作方式具體到每一堂課，設置出具體的教學計劃。這一網(wǎng)站需要教師與教師合作完成。一個完整的網(wǎng)站劃分成前后臺部分，運用于《網(wǎng)頁設計與制作》課程及其后續(xù)課程教學過程中，可以確保這兩門課程的內(nèi)容是持續(xù)性的。教師對于項目的熟悉程度，可以對高職學生在學習與研發(fā)時出現(xiàn)的問題給予正確的指導，高職學生在做好網(wǎng)站前臺以后，能夠?qū)椖坑幸欢ǖ牧私?，如此就可以使學生在后續(xù)學習過程中即刻上手。網(wǎng)站前臺制作采用Dreamweaver軟件，美工部與廣告圖片、網(wǎng)站標志使用Photoshop軟件完成，動畫使用Flash軟件制作，頁面布局使用CSS+DIV技術(shù)，網(wǎng)頁特效經(jīng)過編制JavaScript代碼制作。由此可知，項目完成不但能夠幫助學生學習網(wǎng)站制作的知識，還可以把網(wǎng)頁制作和別的課程知識進行了結(jié)合。

（三）教學方法的完善

通過使用教、學、做一體化的教學模式，可以將過去教學中過于注重教、教與學分離的現(xiàn)象轉(zhuǎn)變，把理論結(jié)合實踐，課程結(jié)合實踐，將學生作為主體，積極遵循從理論到實踐再到理論的基本認知規(guī)律，積極引導高職學生在學中做，在做中學，使高職學生學習從以往的被動變成主動。高職學生經(jīng)過演練實際項目，可以充分了解網(wǎng)站開發(fā)的流程，增強設計能力，學會網(wǎng)站前臺制作與測試、維護與等。在實踐的時候，努力發(fā)現(xiàn)問題，經(jīng)過教師的指導親自處理，可以讓高職學生產(chǎn)生很大的滿足感，培養(yǎng)高職學生發(fā)現(xiàn)問題與處理問題的能力。實踐課由高職學生明確網(wǎng)站主題，從怎么策劃網(wǎng)站、采集網(wǎng)站資料、準備素材，一直到明確好每一個頁面之間的邏輯性關(guān)系、分工制作網(wǎng)頁與申請域名等，這些均需要由高職學生自行組織團隊，團隊內(nèi)所有學生一起完成。除此以外，還可安排高職學生參加網(wǎng)頁設計與制作比賽，開拓學生設計思路，教師也可把參加比賽活動的好作品當作案例使用在教學過程中，進而豐富課程內(nèi)容，起到一石二鳥的作用。努力尋找和企業(yè)的課程合作，使企業(yè)參加課程設計和教學，優(yōu)化課程，把課程教學延展到企業(yè)中去，給高職學生未來發(fā)展奠定扎實的基礎。綜上所述，在互聯(lián)網(wǎng)+背景下，《網(wǎng)頁設計與制作》課程發(fā)展快速，如若要得到很高的認可度，就需要提高教學的專業(yè)性。其是技術(shù)和藝術(shù)的結(jié)合體，經(jīng)過各種項目教學，可以使高職學生多多思考問題，增加對項目的訓練，幫助高職學生在網(wǎng)頁設計與制作課程中彌補不足之處，進而提升社會企業(yè)對專業(yè)課程的認可度，為高職學生打造較強的就業(yè)競爭力。

參考文獻：

[1]羅雅麗.高職電子商務專業(yè)《商務網(wǎng)頁設計與制作》課程設計研究[J].電腦知識與技術(shù),2018,14(25):191-192.

[2]張慧,王鷹漢.O2O教學模式在高職網(wǎng)頁設計與制作課程教學中的應用研究[J].湖北函授大學學報,2017,30(18):129-130+133.

[3]徐衛(wèi)紅,張艷.高職計算機網(wǎng)頁設計教學問題與對策[J].科技風,2017(17):52.

作者:李淑娣 單位：保定職業(yè)技術(shù)學院