時間：2023-06-05 15:43:42
引言：易發(fā)表網(wǎng)憑借豐富的文秘實踐，為您精心挑選了九篇網(wǎng)頁制作與設(shè)計范例。如需獲取更多原創(chuàng)內(nèi)容，可隨時聯(lián)系我們的客服老師。
互聯(lián)網(wǎng)作為連接世界各地計算機的全球性信息化網(wǎng)絡(luò)，它的傳輸內(nèi)容是非常豐富的，涉及到全球的各個領(lǐng)域，是人們了解世界、掌握信息的主要渠道之一。網(wǎng)站作為信息時代基層的一個重要窗口，是院務(wù)公開、公正、服務(wù)職工、惠及民生的重要手段。辦好網(wǎng)站，對于保障職工合法權(quán)益、增加職工之間互相的透明性、加強自身建設(shè)、提升知名度和影響力都具有非常重要意義。
2網(wǎng)站設(shè)計分析
文字、圖形、色彩是展示網(wǎng)站內(nèi)容的重要組成部分，是構(gòu)成網(wǎng)站傳達(dá)信息不可或缺的手段，同時也是用戶對網(wǎng)站第一印象和整體風(fēng)格關(guān)注的主要內(nèi)部分。要想設(shè)計出符合人性化需求的網(wǎng)站，只有多為用戶著想，認(rèn)真地以用戶的切身體會出發(fā)去完成網(wǎng)站的整體設(shè)計。當(dāng)然，在設(shè)計過程中需要考慮的因素很多，用戶群因素和界面因素是首要考慮的兩個方面。
3.1選擇合適的網(wǎng)頁設(shè)計軟件當(dāng)前能使用的網(wǎng)頁設(shè)計類軟件很多，而選擇一個功能強大、操作簡單的軟件則會讓你事半功倍。對于網(wǎng)頁制作軟件來說，初學(xué)者最常使用是Frontpage和Dreamweaver，F(xiàn)rontpage是微軟公司出品的一款網(wǎng)頁制作入門級軟件，F(xiàn)rontPage使用方便簡單，會用Word就能做網(wǎng)頁，所見即所得是其特點，該軟件結(jié)合了設(shè)計、程式碼、預(yù)覽三種模式。Dreamweaver是美國MACRO~EDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，利用它可以輕而易舉地制作出充滿動感的網(wǎng)頁。此外，制作網(wǎng)站還要用到邊緣性軟件，如photoshop、flash等，網(wǎng)頁設(shè)計過程中可根據(jù)自己的需要靈活運用這些軟件。
3.2選擇網(wǎng)頁內(nèi)容前期的框架設(shè)計好后，就要為這個網(wǎng)站選擇內(nèi)容了。網(wǎng)頁內(nèi)容影響著網(wǎng)站的成敗，所以我們要多花一些心思在內(nèi)容制作上。內(nèi)容選擇要選有新意的、獨特的，這些可以從圖書、報紙、互聯(lián)網(wǎng)等信息媒介搜集素材，素材通常分為三類一一文字、圖片、影像。素材準(zhǔn)備得越多越好，再從這些素材中粗中取細(xì)，以備制作網(wǎng)站時可以隨時拿來使用。總之，網(wǎng)頁內(nèi)容是網(wǎng)站的根本，如果內(nèi)容空洞，頁面制作的再怎么精美，仍然不會留住訪問者。
3.3運用網(wǎng)頁設(shè)計中的色彩不同的色彩搭配產(chǎn)生不同的效果，反映出不同網(wǎng)頁的文化內(nèi)涵。因為它能產(chǎn)生強烈的視覺沖擊，所以確定網(wǎng)頁的色彩是相當(dāng)重要的一步。在網(wǎng)頁的色彩設(shè)計上，除了要表現(xiàn)心理和感情聯(lián)想之外，還要考慮色彩的對比明暗、輕重、冷暖、調(diào)和色和純度對比色的應(yīng)用等等。合理的用色可以讓信息的傳遞更有價值，使網(wǎng)頁更有效和準(zhǔn)確地把信息傳達(dá)給我們的視覺。
4結(jié)語
關(guān)鍵詞：專題學(xué)習(xí)網(wǎng)站；網(wǎng)頁制作；設(shè)計；實現(xiàn)
中圖分類號：TP393.092-4
準(zhǔn)備建設(shè)的專題學(xué)習(xí)網(wǎng)站是基于網(wǎng)絡(luò)資源的數(shù)字化學(xué)習(xí)平臺，利用網(wǎng)絡(luò)技術(shù)，創(chuàng)設(shè)主動學(xué)習(xí)情境，讓學(xué)生在開放、互動的平臺上去尋求《網(wǎng)頁制作》專題資源，激發(fā)學(xué)生學(xué)習(xí)興趣，讓學(xué)生主動思考、主動探索、主動學(xué)習(xí)，實現(xiàn)高效課堂。讓學(xué)生在建設(shè)網(wǎng)站的過程中，學(xué)習(xí)掌握提高《網(wǎng)頁制作》的技能，體現(xiàn)“學(xué)中做，做中學(xué)”的教學(xué)理念。
《網(wǎng)頁制作》是開設(shè)一學(xué)期的課程，主要內(nèi)容包括網(wǎng)頁的基礎(chǔ)知識、網(wǎng)頁布局和色彩搭配、HTML語言、JavaScript腳本語言、Dreamweaver軟件使用、CSS層疊樣式表、AJAX技術(shù)、jQuery技術(shù)、網(wǎng)站的創(chuàng)建與管理。還涉及到使用Photoshop軟件對網(wǎng)頁圖像進(jìn)行處理、使用Flash軟件制作網(wǎng)頁動畫等其他相關(guān)課程。
在實際的教學(xué)過程中，往往需要使用大量的素材和學(xué)習(xí)視頻教程。這些學(xué)習(xí)資源怎樣能夠方便快捷的分發(fā)到學(xué)生的計算機上，成為需要解決的問題。如果機房的計算機是通過網(wǎng)線連成小型局域網(wǎng)的，就可以先把工作頁、資料包等學(xué)習(xí)資源先存儲到一臺學(xué)生機上，再利用windows自帶的文件夾共享功能，將其共享，便于其他學(xué)生從這臺計算機上下載資源。文件夾共享實現(xiàn)過程如下：
鼠標(biāo)右擊文件夾，在彈出的快捷菜單中，選“共享和安全”，選中在網(wǎng)絡(luò)上共享這個文件夾。這時，其他用戶就可以通過網(wǎng)絡(luò)訪問這個文件夾，下載其中的學(xué)習(xí)資源。
這樣利用文件夾共享的方法實現(xiàn)資源下載，優(yōu)點是操作簡便。缺點是機房的計算機一般都帶有C盤還原功能，往往一次共享完成后，下一次重新啟動計算機后，還需要再次設(shè)置文件夾共享，十分麻煩。專題學(xué)習(xí)網(wǎng)站就可以實現(xiàn)簡單的文件夾共享達(dá)不到的效果，可以使素材和教學(xué)資源分類存儲在服務(wù)器上，以清晰明了的操作界面，便于學(xué)生在線學(xué)習(xí)和下載相應(yīng)的網(wǎng)頁制作素材。
1 《網(wǎng)頁制作》專題學(xué)習(xí)網(wǎng)站的作用
專題學(xué)習(xí)網(wǎng)站為中等職業(yè)學(xué)校計算機專業(yè)學(xué)生《網(wǎng)頁制作》課程的學(xué)習(xí)提供優(yōu)質(zhì)的數(shù)字化學(xué)習(xí)資源，為學(xué)生提供制作網(wǎng)頁所需的豐富資源，搭建展示學(xué)生作品成果的平臺。通過專題學(xué)習(xí)網(wǎng)站創(chuàng)設(shè)學(xué)生自主學(xué)習(xí)的情境，引導(dǎo)、激發(fā)學(xué)生學(xué)習(xí)《網(wǎng)頁制作》課程的積極性，建立高效課堂，讓學(xué)生更好的掌握網(wǎng)頁制作的技能。
（1）研究中職學(xué)生特點，動手實踐能力相對于理論知識學(xué)習(xí)能力強。
（2）分析《網(wǎng)頁制作》課程，涉及內(nèi)容廣、技術(shù)多，實踐性和技能性強。
（3）設(shè)計開發(fā)專題學(xué)習(xí)網(wǎng)站，探索基于專題學(xué)習(xí)網(wǎng)站的《網(wǎng)頁制作》課程的教學(xué)模式。
給《網(wǎng)頁制作》課程的教學(xué)提供教學(xué)資源，輔助學(xué)生進(jìn)行自主學(xué)習(xí)。在課外時間里，對于學(xué)生的學(xué)習(xí)給予支持，幫助學(xué)生學(xué)習(xí)在課堂上沒有完全掌握的知識。提供學(xué)生展示作品的平臺，學(xué)生和老師在這里可以對學(xué)生的作品進(jìn)行一系列的評價。提供一個在課外進(jìn)行師生交流或生生交流的平臺，學(xué)生可以在這里提問、交流學(xué)習(xí)心得等。
2 《網(wǎng)頁制作》專題學(xué)習(xí)網(wǎng)站的設(shè)計
首先網(wǎng)站需要教學(xué)資源模塊來進(jìn)行教學(xué)的輔助，教學(xué)資源模塊既能輔助課堂教學(xué)，也可以指導(dǎo)學(xué)生進(jìn)行自主學(xué)習(xí)。其次作品展示模塊，學(xué)生需要一個作品展示模塊，首先通過展示學(xué)生自己的作品能夠激發(fā)學(xué)生自己的興趣，第二展示作品模塊有助于學(xué)生進(jìn)行自評互評。第三，討論模塊，既要有以班級為單位的討論小組，也要有全校師生都能進(jìn)行參與的大型討論平臺，使學(xué)生在學(xué)習(xí)中出現(xiàn)問題時，能夠自主的進(jìn)行討論學(xué)習(xí)。
在建站之初，為網(wǎng)站以后繼續(xù)完善（例如：開發(fā)手機客戶端等），需要考慮給學(xué)生劃定一塊空間，讓學(xué)生自己上傳自己的網(wǎng)站作品。自己維護(hù)自己的網(wǎng)站，將網(wǎng)站交給學(xué)生自己運營。讓學(xué)生發(fā)出自己的聲音。
為了把建立網(wǎng)站的過程和學(xué)生的《網(wǎng)頁制作》的學(xué)習(xí)過程相結(jié)合。主要是教學(xué)資源的共建共享，在課堂使用該網(wǎng)站的教學(xué)資源進(jìn)行輔助教學(xué)，結(jié)合工作過程系統(tǒng)化的課程開發(fā)，結(jié)合工作頁的素材的使用。通過上傳網(wǎng)站網(wǎng)頁給學(xué)生一個展示自己作品的機會。
可以讓每一個班級在校園網(wǎng)上建立自己的班級網(wǎng)頁，將校報辦到網(wǎng)上去，網(wǎng)頁上建立與中職學(xué)生相關(guān)的欄目，例如：求職、招聘信息等。組織學(xué)生自己定期更新常用工具軟件的版本，交流專業(yè)課的學(xué)習(xí)體會。利用所學(xué)知識解決實際問題，活學(xué)活用，學(xué)生在使用專題學(xué)習(xí)網(wǎng)站中遇到了問題，通過小組討論去尋找答案。將工作過程系統(tǒng)化課程學(xué)習(xí)情境實施的六個步驟：資訊、計劃、決策、實施、檢查、評價，充分運用到教學(xué)實踐當(dāng)中。達(dá)到學(xué)生越學(xué)越愛學(xué)，越學(xué)越想學(xué)的自主學(xué)習(xí)狀態(tài)，真正實現(xiàn)專業(yè)課教學(xué)是以學(xué)生為主體，教師起到陪伴學(xué)生自主學(xué)習(xí)的作用。
3 《網(wǎng)頁制作》專題學(xué)習(xí)網(wǎng)站的實現(xiàn)
網(wǎng)站開發(fā)中，數(shù)據(jù)庫技術(shù)主要用來支持實現(xiàn)協(xié)作學(xué)習(xí)平臺、專題研討等動態(tài)網(wǎng)頁部分?jǐn)?shù)據(jù)的存取。常用的數(shù)據(jù)庫有ACCESS、SQL Server、My SQL等。圖像處理技術(shù)主要用來設(shè)計、生成網(wǎng)頁背景圖片，使網(wǎng)頁更加美觀，有利于創(chuàng)設(shè)“真實”的學(xué)習(xí)情境。常用的圖像處理軟件有Photoshop、Fireworks。
運用靜態(tài)網(wǎng)頁制作技術(shù)、動態(tài)網(wǎng)頁制作技術(shù)、數(shù)據(jù)庫技術(shù)、三層結(jié)構(gòu)技術(shù)進(jìn)行網(wǎng)站開發(fā)，編碼實現(xiàn)網(wǎng)站的建設(shè)制作過程。《網(wǎng)頁制作》專題學(xué)習(xí)網(wǎng)站的測試、評價和完善，專題學(xué)習(xí)網(wǎng)站建成完成后，依照專題學(xué)習(xí)網(wǎng)站各個功能模塊的功能，在應(yīng)用專題學(xué)習(xí)網(wǎng)站教學(xué)的過程中不斷糾正和完善，通過問卷調(diào)查專題學(xué)習(xí)網(wǎng)站的應(yīng)用效果，更全面的了解基于專題學(xué)習(xí)網(wǎng)站的教學(xué)模式的有效性。
通過校園網(wǎng)試運行《網(wǎng)頁制作》專題學(xué)習(xí)網(wǎng)站，邀請網(wǎng)站設(shè)計與制作專家和學(xué)生使用專題學(xué)習(xí)網(wǎng)站，根據(jù)反饋意見，對網(wǎng)站進(jìn)行修改和完善。
4 結(jié)束語
專題學(xué)習(xí)網(wǎng)站不僅為學(xué)生提供了豐富的專題學(xué)習(xí)資源，還為學(xué)生提供了功能強大的協(xié)作平臺和專題研討區(qū)，為學(xué)習(xí)者開展協(xié)作學(xué)習(xí)、交流和探討相關(guān)問題、展示自己的學(xué)習(xí)成果提供了良好的舞臺。利用專題學(xué)習(xí)網(wǎng)站進(jìn)行課程教學(xué)，培養(yǎng)了學(xué)生自主學(xué)習(xí)、協(xié)作學(xué)習(xí)等綜合能力，形成了一種嶄新的數(shù)字化學(xué)習(xí)方式。
專題學(xué)習(xí)網(wǎng)站的資源要豐富，提供必要的演示視頻錄像，能夠給學(xué)習(xí)者以足夠的資源進(jìn)行探究式的學(xué)習(xí)。教師博客、微博是教學(xué)的輔助平臺.用以促進(jìn)教學(xué)的交流。通過博客、微博敘事式的記錄可以更好地了解教師的教學(xué)思想、研究成果和興趣愛好.也可以進(jìn)行教師之間的教學(xué)交流。學(xué)生可以發(fā)表自己的見解和想法。特別是作品創(chuàng)意，供其他同學(xué)學(xué)習(xí)和參考，以達(dá)到共同進(jìn)步的目的。
運用教學(xué)設(shè)計思想對《網(wǎng)頁制作》專題學(xué)習(xí)網(wǎng)站進(jìn)行設(shè)計，主要包括需求分析與功能定位，中職學(xué)生特征分析，專題內(nèi)容的選擇，信息資源的選擇與設(shè)計，自主學(xué)習(xí)的設(shè)計，學(xué)習(xí)評價系統(tǒng)的設(shè)計，學(xué)習(xí)情境創(chuàng)設(shè)等內(nèi)容。通過專題學(xué)習(xí)網(wǎng)站創(chuàng)設(shè)學(xué)生自主學(xué)習(xí)的情境，引導(dǎo)、激發(fā)學(xué)生學(xué)習(xí)《網(wǎng)頁制作》課程的積極性，建立高效課堂，讓學(xué)生更好的掌握網(wǎng)頁制作的技能。
參考文獻(xiàn)：
[1]郝中超，金薇.Web3.0環(huán)境下運用專題學(xué)習(xí)網(wǎng)站實現(xiàn)學(xué)習(xí)資源共享建設(shè)的思考――運用專題學(xué)習(xí)網(wǎng)站實現(xiàn)學(xué)習(xí)資源共享的應(yīng)用現(xiàn)狀調(diào)查分析[J].中國教育信息化，2013（01）.
[2]張利桃，任改梅，李揚.基于專題學(xué)習(xí)網(wǎng)站的“WebQuest”學(xué)習(xí)過程設(shè)計[J].中國電化教育，2013（02）.
[關(guān)鍵詞] 高校；網(wǎng)站；建設(shè)；網(wǎng)頁設(shè)計；信息技術(shù)
doi ： 10 . 3969 / j . issn . 1673 - 0194 . 2017. 01. 087
[中圖分類號] TP393.092 [文獻(xiàn)標(biāo)識碼] A [文章編號] 1673 - 0194（2017）01- 0155- 02
1 前 言
優(yōu)秀的高校的網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計建設(shè)有哪些重要作用？高校網(wǎng)站和網(wǎng)頁就是高校最基礎(chǔ)的形象窗口。它們主要可以用來打造高校的形象，宣傳高校的一些重要的信息，這里面包含了高校所蘊涵的校園文化，高校建校、發(fā)展的一切基本情況還有高校里面發(fā)生的希望外界了解的一些新聞信息。各種詳細(xì)的、創(chuàng)新的、更有活力又吸引力的網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計的成果，利用圖片和文字的搭配方法、各種信息導(dǎo)航的具體使用、詳盡的說明等可以吸引更多搜索高校信息的瀏覽者，高校的招生在市場競爭里的一個重要方面也是要更為科學(xué)地打造自己高校的網(wǎng)站的建設(shè)和網(wǎng)頁的設(shè)計。在市場里獲得足夠競爭力的高校才能更有利的提高高校的品牌。宣傳高校的基本信息，使其能傳達(dá)給全國甚至是國際上的目標(biāo)人群，讓他們通過瀏覽高校網(wǎng)站和網(wǎng)頁的時候傳輸給他們高校的品牌形象，讓他們更便利的獲得高校的信息概況。這既能推動高校被全國被世界更便利地了解，也能夠不斷地提高自己的校園品牌形象。高校正是利用網(wǎng)絡(luò)宣傳網(wǎng)站和網(wǎng)頁，降低高校宣傳成本，提高高校競爭力。在傳播高校的網(wǎng)站和網(wǎng)頁的時候，可通過一些策劃的公司幫助鎖定目標(biāo)客戶，比如鎖定一些需要報考高校的人，將自己的信息進(jìn)行推送。不少的高校都會將高校網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計信息當(dāng)成自己宣傳招生的重要一方面。也正是因為不同高校都會有自己的辦校特色和發(fā)展的個性，在以信息宣傳和內(nèi)容創(chuàng)新取勝的時代，網(wǎng)絡(luò)上網(wǎng)站和網(wǎng)頁的宣傳就是很重要的一種宣傳方式。著可以跨越時空的限制，不用到校了解、也不僅僅只針對當(dāng)?shù)氐氖鼙娙海梢宰屓珖踔潦澜绺魈幍娜肆私飧咝５那闆r。高校的網(wǎng)站甚至可以豐富高校學(xué)生的學(xué)習(xí)平臺，里面有更多的方式可以幫助學(xué)生查閱資料，網(wǎng)絡(luò)資源中高校的網(wǎng)站可以提供非常豐富并有針對性的資源，學(xué)生們可以在上面各取所需，這也是高校網(wǎng)站和網(wǎng)頁建設(shè)中提供給學(xué)生學(xué)習(xí)的重要一方面作用。
2 高校網(wǎng)站的建設(shè)和網(wǎng)頁設(shè)計建設(shè)和網(wǎng)頁制作現(xiàn)狀問題
2.1 高校網(wǎng)站內(nèi)容過于單一
高校網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計因為其特殊性一般在內(nèi)容的監(jiān)管比較嚴(yán)格，在內(nèi)容上也很容易變得單薄無趣，對瀏覽者沒有吸引力，高校類型站點在娛樂互動性會比較不足，特別是高校網(wǎng)站往往定位在以“自我為中心”也就是以高校的信息為主要內(nèi)容呈現(xiàn)，并沒有充分考慮到學(xué)生以及社會對高校網(wǎng)站的內(nèi)容要求，這種形式上的單一，并不可怕，可怕的是“自我為中心”后的自我封閉，在現(xiàn)代信息化的時代背景下，高校必須要有獨立的自我認(rèn)識和氣質(zhì)，否剛就會成擺設(shè)，而從目前的情況來看，內(nèi)容單是所有高校網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計建設(shè)中經(jīng)常會出現(xiàn)的問題。
2.2 高校網(wǎng)站的建設(shè)和設(shè)計缺乏全局觀念
在網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計建設(shè)的規(guī)劃上系統(tǒng)的規(guī)劃設(shè)計往往會缺乏全局觀念，工作量非常的大，會出現(xiàn)多項重復(fù)的內(nèi)容，導(dǎo)航的設(shè)計在網(wǎng)站設(shè)計中也是非常重要的，導(dǎo)航設(shè)計既要在具有新穎、創(chuàng)新的同時也要保證它能夠?qū)嶋H發(fā)揮作用，更能夠與高校整個網(wǎng)站的建設(shè)和網(wǎng)頁的設(shè)計相聯(lián)系、將高校的形象融入進(jìn)去，使導(dǎo)航的信息也能夠設(shè)計的更加完整。導(dǎo)航也是有內(nèi)容的，具有實際作用和創(chuàng)新吸引力同時并有的，這些都是符合瀏覽者的實際操作的。
2.3 高校網(wǎng)站的管理程度不足，內(nèi)容更新緩慢
高校網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計由老師空閑時間做，但一個人很難管理的完整的網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計建設(shè)工作和后期維護(hù)、和內(nèi)容的定時更新，因為高校擁有多個部門，這些部門的內(nèi)容和功能也都應(yīng)該在高校的網(wǎng)站和網(wǎng)頁上有所體現(xiàn)，但是因為完整的網(wǎng)站和網(wǎng)頁建設(shè)中各個部門可供介紹瀏覽到的信心非常的有限，一些深層的工作和作用也是很難體現(xiàn)到的，而且網(wǎng)站和網(wǎng)頁建設(shè)中的繁復(fù)導(dǎo)致網(wǎng)站和網(wǎng)頁中的內(nèi)容更新太慢，新聞信息等都跟不上校園的發(fā)展，內(nèi)容的更新緩慢、滯后也是高校網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計建設(shè)中常見的問題。
2.4 高校網(wǎng)站的安全性不足，許多網(wǎng)站無獨立服務(wù)器
通常高校網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計都不會自己建立服務(wù)器，而是選擇虛擬主機空間作為放置網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計內(nèi)容的。這些空間都是有著不同的大小，這些大小也要根據(jù)高校的具體情況而不同，這里面有規(guī)模的大小和自己的大小選擇等，一般實力雄厚的高校會選擇自己高校服務(wù)器來確保數(shù)據(jù)的安全。高校網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計是屬于公益性，因此會出現(xiàn)比較多的安全隱患。
3 高校網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計建設(shè)規(guī)劃設(shè)計與網(wǎng)頁制作方法淺析
首先要確定的是程序，其次是排版，然后是內(nèi)容，最后是推廣和運營。具體的每一步都要有詳細(xì)的思考和準(zhǔn)備。
3.1 要明確網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計的基本內(nèi)容和基本目標(biāo)
確立做網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計的目標(biāo)，網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計建好后，要達(dá)到什么樣的目的，擴大招生還是供學(xué)生使用？也就是確立主體內(nèi)容。確定服務(wù)對象，是面對學(xué)生，還是家長，還是老師。高校和它的服務(wù)對象最初的交流窗口就是通過高校的網(wǎng)站和網(wǎng)頁，學(xué)生和家長都可以通過網(wǎng)站和網(wǎng)頁了解到高校的辦校的理念，高校的教育情況，教學(xué)中的改革成果等，這些希望服務(wù)對象了解的信息一定是高校網(wǎng)站和網(wǎng)頁設(shè)計中基本要做到的。
3.2 要規(guī)劃好各種欄目
清晰的欄目方便瀏覽網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計的瀏覽者，希望達(dá)成什么效果是否能實現(xiàn)美觀和表述同時實現(xiàn)。加強特色內(nèi)容建設(shè)。特色就是競爭力。高校網(wǎng)站和網(wǎng)頁建設(shè)中需要規(guī)劃好各個欄目的內(nèi)容，這就需要各個欄目負(fù)責(zé)人一起組織規(guī)劃分工協(xié)調(diào)好各自的工作。負(fù)責(zé)網(wǎng)絡(luò)建設(shè)的中心應(yīng)該積極分配好工作，設(shè)置什么風(fēng)格，不同部門不同系的不同模板的設(shè)置都規(guī)劃好。
在設(shè)置功能方面要適合用戶的操作，簡化簡明操作步驟比如怎么留言，怎么報名，填寫什么，網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計使用者怎么更新新聞，怎么傳活動圖片，這些都要一目了然，方便客戶也方便自己操作。
3.3 加強硬件的建設(shè)，做好師生信息技術(shù)培訓(xùn)
隨著各地經(jīng)濟的發(fā)展和教育信息化工作的不斷推進(jìn)，越來越多的高校在新一輪建設(shè)高峰中購置了大量的先進(jìn)硬件資源，但是再先進(jìn)的先進(jìn)的硬件都是要有一定信息技術(shù)和專業(yè)素養(yǎng)的師生來操作的。高校的硬件利用率并不高因而必須在加強硬件建設(shè)的同時，做好師生信息技術(shù)培訓(xùn)、電腦軟件資源的配套、相關(guān)的管理制度等的“軟件”建設(shè)。
3.4 加強網(wǎng)站的監(jiān)管和提升安全意識
在網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計的監(jiān)管方面也是非常必要的，高校網(wǎng)在設(shè)計中需要有監(jiān)督管理的部分，這些并不只是防御黑客或者病毒的入侵，而是也需要監(jiān)督信息傳播中對信息的篩選，畢竟這些信息直接面向了學(xué)生，所以要對網(wǎng)站和網(wǎng)頁上傳播的信息進(jìn)行有效的監(jiān)督管理，監(jiān)督這一部分需要專門的工作人員進(jìn)行，加強監(jiān)管的各種措施是一個長期又堅決的工作。
3.5 加強高校網(wǎng)站的宣傳和引流
注重瀏覽量的擴大，達(dá)到建設(shè)網(wǎng)站的目的，要想擴大瀏覽量，加入一些宣傳手段，加強校友錄的建設(shè)也是一個可行的辦法，一個優(yōu)秀的高校網(wǎng)站離不開廣大畢業(yè)生校友的參與和支持，畢業(yè)的校友會通過書信和電話等方式與母校保持聯(lián)系，很多熱心的校友也會積極致力于母校的發(fā)展中，宣傳母校、推動發(fā)展、加強聯(lián)系等方式都是他們對母校責(zé)任心的體現(xiàn)，加強這些校友的校友錄建設(shè)，綜合他們的力量，能夠吸引更多人的宣傳和為母校發(fā)展獻(xiàn)計獻(xiàn)策的動力。
4 結(jié) 語
高校網(wǎng)站和網(wǎng)頁建設(shè)是高校宣傳打造自己的重要方式，好的網(wǎng)站和網(wǎng)頁建設(shè)對高校的發(fā)展有著各種推動作用。但校網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計過程中存在的一系列問題，校網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計需要從技術(shù)、組織、創(chuàng)新等的改變?nèi)胧郑€需要與時俱進(jìn)的方法，增加更多的交流，融入更多的創(chuàng)意，綜合自身的優(yōu)點來達(dá)到校網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計的目的。建立功能完備、操作簡單、應(yīng)用豐富的高校網(wǎng)站是一項系統(tǒng)性的工程。通過制訂相應(yīng)的高校信息化發(fā)展規(guī)劃和配套的規(guī)章制度來予以推行，這樣才能使高校的信息化應(yīng)用水平提高到一個更高的水平。
主要參考文獻(xiàn)
[關(guān)鍵詞]工作過程設(shè)計項目教學(xué)認(rèn)證教育考核方式
中圖分類號:G42文獻(xiàn)標(biāo)識碼:A文章編號:1671-7597(2009)1120140-02
一、概述
項目教學(xué)法是以學(xué)生的自主性、探索性學(xué)習(xí)為基礎(chǔ),采用類似科學(xué)研究及實踐的方法,促進(jìn)學(xué)生主動積極發(fā)展的一種新型的教學(xué)方法。在教學(xué)活動中,教師將需要解決的問題或需要完成的任務(wù)以項目的形式交給學(xué)生,在教師的指導(dǎo)下,以小組工作方式,由學(xué)生自己按照實際工作的完整程序,共同制定計劃、共同或分工完成整個項目。在項目教學(xué)中,學(xué)習(xí)過程成為一個人人參與的創(chuàng)造實踐活動,注重的不是最終的結(jié)果,而是完成項目的過程。學(xué)生在項目實踐過程中,理解和把握課程要求的知識和技能,體驗創(chuàng)新的艱辛與樂趣,培養(yǎng)分析問題和解決問題的能力及團(tuán)隊精神和合作能力等,教師已經(jīng)不是教學(xué)中的主導(dǎo)地位,成為學(xué)生學(xué)習(xí)過程中的引導(dǎo)者、指導(dǎo)者和監(jiān)督者,教學(xué)內(nèi)容按照實際的工作任務(wù)、工作過程和工作情境組織,以完整的工作過程貫穿于項目式教學(xué)中,提高學(xué)生的社會能力、方法能力、專業(yè)能力,使專業(yè)訓(xùn)練更接近社會需求,最終能實現(xiàn)學(xué)生的零距離上崗。
《網(wǎng)站設(shè)計與網(wǎng)頁制作》是我系計算機應(yīng)用技術(shù)、軟件技術(shù)、網(wǎng)絡(luò)技術(shù)的專業(yè)必修課。為了適應(yīng)時代的發(fā)展,《網(wǎng)站設(shè)計與網(wǎng)頁制作》課程在繼承世界現(xiàn)行網(wǎng)站網(wǎng)頁教學(xué)優(yōu)勢的基礎(chǔ)上,又吸收了當(dāng)今網(wǎng)站網(wǎng)頁開發(fā)的新技術(shù)和新思路。力求更加注重學(xué)生的發(fā)展和社會的需求,更準(zhǔn)確地反映網(wǎng)站網(wǎng)頁開發(fā)技術(shù)的專業(yè)性手段;更加關(guān)注學(xué)生積淀自己的生活經(jīng)驗;更強調(diào)學(xué)生的主動學(xué)習(xí),并增加實踐環(huán)節(jié)。《網(wǎng)站設(shè)計與網(wǎng)頁制作》課程期望使每一個學(xué)生通過學(xué)習(xí)網(wǎng)站設(shè)計與網(wǎng)頁制作課程,能夠?qū)Ω鞣N制作手法和設(shè)計技術(shù)有更深入的理解,能夠使他們對今后的職業(yè)選擇和學(xué)習(xí)方向有更多的思考;能夠在開發(fā)能力、學(xué)習(xí)能力和解決問題能力方面有更好的發(fā)展;能夠在責(zé)任感、合作精神和創(chuàng)新意識等方面得到提高。
二、課程理念
確立一個中心(以學(xué)生為中心)三個融合(校企融合、課內(nèi)外融合、技術(shù)與人文融合)、基于工作過程設(shè)計的課程開發(fā)理念。提前讓學(xué)生感受工作的氛圍,熟悉工作的相關(guān)流程,以增強學(xué)生在就業(yè)過程中的競爭力。并結(jié)合我院“我在乎你”的辦學(xué)理念,通過理實一體化的教學(xué)手段,采用項目式教學(xué),給學(xué)生提供一個制作網(wǎng)站的模擬或真實的環(huán)境。讓學(xué)生通過對“確定項目――制定策劃書――制作網(wǎng)站――驗收――總結(jié)經(jīng)驗”這個流程的訓(xùn)練,熟悉制作網(wǎng)站的過程,并能夠有所成果。
確立素養(yǎng)、行為、技能教育觀。重視網(wǎng)頁制作過程中技術(shù)性心智技能的形成,強調(diào)“原型定向、原型操作、原型內(nèi)化”、原型能經(jīng)“遷移”形成類型(“舉一反三”);強化學(xué)習(xí)過程中教師的示范和引導(dǎo)的作用。
以技術(shù)開發(fā)貫穿網(wǎng)頁制作的全過程,技術(shù)開發(fā)強調(diào)設(shè)計與制作。強調(diào)過程的可重復(fù)、可驗證性。
課程質(zhì)量以教師的明示能力和學(xué)生的內(nèi)化能力為主要評價指標(biāo)。
三、設(shè)計思路
遵循高職課程改革關(guān)于“面向就業(yè),培養(yǎng)實用性人才”的基本精神,在全面貫徹國家教育方針的基礎(chǔ)上,根據(jù)學(xué)生身心發(fā)展的特點和教育規(guī)律,重視對學(xué)生進(jìn)行全面的職業(yè)素質(zhì)教育,著眼于培養(yǎng)學(xué)生終身學(xué)習(xí)的愿望和能力,體現(xiàn)職業(yè)教育層次網(wǎng)站設(shè)計與網(wǎng)頁制作課程的實用性、專業(yè)性和可持續(xù)發(fā)展性。
綜合考慮學(xué)生發(fā)展的需要、社會需求和就業(yè)需求三個方面,本課程以一個大項目出發(fā),分解為7個子項目,在完成七個子項目教學(xué)的同時,學(xué)生也可以把自己承接的大項目一并完成。
從“以工作任務(wù)為中心”和“培養(yǎng)學(xué)生應(yīng)用能力”角度出發(fā),以“項目教學(xué)”和“任務(wù)驅(qū)動的方式”,讓學(xué)生在有限的時間掌握網(wǎng)頁制作的技能。
運用項目式教學(xué)方法,努力創(chuàng)建開發(fā)項目的條件,突出工學(xué)結(jié)合,提高學(xué)生技能的熟練程度和靈活運用的能力。
四、實施建議
本課程的教學(xué)必須始終貫徹任務(wù)驅(qū)動式的“做中學(xué)”,過程體驗式的“學(xué)中思”,學(xué)以致用式的“思中用”和啟思益智式的“用中創(chuàng)”的理念。本課程的總體目標(biāo)是根據(jù)企業(yè)網(wǎng)站開發(fā)工作流程(即具體的工作過程),從前期策劃開始到網(wǎng)頁設(shè)計,網(wǎng)頁制作、網(wǎng)站,一步一個腳印地引導(dǎo)學(xué)生逐步深入,親身體驗網(wǎng)站設(shè)計與網(wǎng)頁制作的過程。
1.具體實施建議
(1)明確目的、詳細(xì)描述操作任務(wù)。根據(jù)學(xué)生的具體項目每次課按照網(wǎng)站開發(fā)的進(jìn)度表都有明確的目的,具體的操作任務(wù)。
(2)對課堂模仿實踐的結(jié)果進(jìn)行合理評價和及時計分。對每一次課堂模仿實踐的完成情況進(jìn)行評價和計分,及時解決學(xué)生普遍存在的問題,對完成較好的學(xué)生給予肯定。
(3)采用項目驅(qū)動的方法,如通過教師項目分解的子項目學(xué)習(xí)以掌握基礎(chǔ)知識點,然后充分發(fā)揮學(xué)生的設(shè)計能力,完成學(xué)生自己的項目,素材由學(xué)生自己收集,網(wǎng)頁的風(fēng)格、布局由學(xué)生自己決定,培養(yǎng)學(xué)生的創(chuàng)新能力。
(4)充分利用學(xué)生課余時間。
(5)項目開發(fā):提前一個月布置任務(wù),并向?qū)W生提供參考資源,讓學(xué)生有充分的時間準(zhǔn)備和尋找合適的項目;學(xué)生尋找合適的項目后,與客戶進(jìn)行交流獲取制作網(wǎng)站的一些素材和信息。根據(jù)學(xué)生找到的項目,在教師的指導(dǎo)下,把學(xué)生分成若干個小組。在每個小組中,每位學(xué)生根據(jù)自己的特長和愛好,承擔(dān)不同的工作角色,完成不同的任務(wù)。一般一個項目分給三個小組,每個小組可以拿出一個方案。這樣可以加強小組與小組之間的競爭性,此外在最后驗收時客戶也可以有多個方案進(jìn)行選擇。
(6)學(xué)生在完成網(wǎng)站設(shè)計和網(wǎng)頁制作的教程中,如果遇到問題,可以有多種渠道來解決。可以是組內(nèi)成員的討論、還可以查閱系部的網(wǎng)絡(luò)課程、通過老師進(jìn)行輔導(dǎo)、求助于互聯(lián)網(wǎng)等等。
學(xué)生通過該項目的進(jìn)行,了解并把握整個過程及每一環(huán)節(jié)中的基本要求。這樣既教會學(xué)生制作方法,又讓學(xué)生體會制作過程的創(chuàng)新性和協(xié)作精神,能最大限度地發(fā)揮項目式教學(xué)的功能。
2.教學(xué)方法建議
《網(wǎng)站設(shè)計與網(wǎng)頁制作》課程以真實項目為案例組織教學(xué),課程教學(xué)方法符合“教、學(xué)、做”合一的原則,采用理論實踐一體化的項目教學(xué)和案例教學(xué)方法,強調(diào)學(xué)生將所學(xué)知識和技能在實踐中應(yīng)用。課程教學(xué)圍繞如何開發(fā)一個網(wǎng)站展開,各個教學(xué)單元采用“應(yīng)用導(dǎo)向、任務(wù)驅(qū)動”教學(xué)方法。本課程采用的主要教學(xué)方法如下:
(1)四步教學(xué)法
通過“講解――示范――模仿――練習(xí)”四步教學(xué)法,讓學(xué)生通過模仿老師講解的方法制作網(wǎng)頁,理論與實踐相結(jié)合,“教、學(xué)、練、思”四者有機融合、訓(xùn)練學(xué)生的動手能力和模仿技能,提高課堂教學(xué)的實踐性。
(2)任務(wù)驅(qū)動、案例教學(xué)法
方法:
下發(fā)工作任務(wù)單、學(xué)生解讀任務(wù)
教師初步講解、示范
學(xué)生實施任務(wù)
教師巡回
教師評價
通過案例提出問題,幫助學(xué)生建立感性認(rèn)識,激發(fā)學(xué)習(xí)興趣。對案例進(jìn)行分析,找到解決問題的方法和操作步驟,逐步完成案例的操作。在教學(xué)過程中,遵循“啟發(fā)式教學(xué)”原則,啟發(fā)學(xué)生積極思維,通過觀察,發(fā)現(xiàn)問題,提出問題,分析問題并逐步解決問題,從中領(lǐng)悟職業(yè)經(jīng)驗。
(3)項目實施法
方法:
下發(fā)項目書
學(xué)生分組討論項目分解
師生共同完成項目分析
學(xué)生實施,教師指導(dǎo)
提交項目作品
最終評價
引入“項目教學(xué)法”,給學(xué)生提供一個制作網(wǎng)站的工作環(huán)境,通過組織學(xué)生承接項目,繼而進(jìn)行項目的開發(fā),使學(xué)習(xí)與工作相結(jié)合,訓(xùn)練學(xué)生完成工作任務(wù)所需的技能、技巧,同時引導(dǎo)學(xué)生進(jìn)一步加強專業(yè)理論知識的學(xué)習(xí),從而培養(yǎng)學(xué)生的綜合職業(yè)素質(zhì)。
3.考核建議
實施項目式教學(xué)以后,學(xué)習(xí)的過程和在此過程的學(xué)習(xí)態(tài)度顯得越來越重要,這也是企業(yè)需求人才的一個重要標(biāo)準(zhǔn)。所以本課程的考核內(nèi)容一共分為四個部分:網(wǎng)站的總體規(guī)劃,具體完成的過程,最終完成的作品和多方代表的反饋意見。
五、將課程與全國計算機信息高新技術(shù)考試進(jìn)行有機結(jié)合
全國計算機信息高新技術(shù)考試之高級網(wǎng)頁制作員的專項技能水平達(dá)到相當(dāng)于中華人民共和國職業(yè)資格技能等級三級,在一種操作系統(tǒng)平臺下綜合使用網(wǎng)頁相關(guān)軟件完成網(wǎng)頁制作和動態(tài)數(shù)據(jù)處理的工作,實際能力要求達(dá)到:能綜合使用兩種以上網(wǎng)頁制作相關(guān)軟件進(jìn)行網(wǎng)頁設(shè)計和制作,并具有相應(yīng)的教學(xué)能力。它是網(wǎng)頁設(shè)計制作人員、Web開發(fā)人員及網(wǎng)頁設(shè)計愛好者綜合應(yīng)用網(wǎng)頁制作開發(fā)工具進(jìn)行專業(yè)、高效Web設(shè)計與制作能力的權(quán)威認(rèn)定。如果嘗試將“網(wǎng)站設(shè)計與網(wǎng)頁制作”課程與“全國計算機信息高新技術(shù)考試”進(jìn)行有機的結(jié)合,可以提高學(xué)生獨特設(shè)計理念、豐富動態(tài)應(yīng)用程序、互動多媒體制作方式等綜合能力,創(chuàng)作出更為直觀、高效的Web作品。
將學(xué)歷教育與認(rèn)證教育相結(jié)合,進(jìn)一步探求高校培養(yǎng)目標(biāo)與企業(yè)用人之間的聯(lián)系,培養(yǎng)適應(yīng)社會需求的學(xué)生,這無疑是一種教學(xué)改革的新模式。
六、結(jié)語
以工作過程為導(dǎo)向的項目式教學(xué)法是一種先進(jìn)的高職教學(xué)理念,它突破了傳統(tǒng)的教學(xué)模式,通過解決學(xué)生身邊的一些現(xiàn)實問題來實現(xiàn)學(xué)生對知識的掌握,大大提高了學(xué)生學(xué)習(xí)的積極性和主動性。通過項目教學(xué)法學(xué)習(xí)的學(xué)生,他們的動手能力、解決實際問題的能力有很大的提高。這種方法不但適合高職計算機課程教學(xué),尤其適用于學(xué)生水平參差不齊、學(xué)生自控能力比較薄弱、課程的應(yīng)用性比較強的教學(xué)。教師在觀察學(xué)生、幫助學(xué)生的過程中,開闊了視野,提高了專業(yè)水平。充分地展示了現(xiàn)代職業(yè)教育“以能力為本”的價值取向,使課堂教學(xué)的質(zhì)量和效益得到更大幅度的提高。可以說,項目教學(xué)法是師生共同完成項目,共同取得進(jìn)步的教學(xué)方法。它是在模擬企業(yè)真實的工作過程中,用行為來引導(dǎo)學(xué)生、啟發(fā)學(xué)生的學(xué)習(xí)興趣,讓學(xué)生在團(tuán)隊中自主地進(jìn)行學(xué)習(xí),培養(yǎng)學(xué)生的多種能力,使學(xué)生掌握的知識與企業(yè)的需求更加接近,我們將繼續(xù)在實踐教學(xué)中深入探討項目式教學(xué)法,與企業(yè)加強聯(lián)系,累積真實項目素材,進(jìn)一步完善適合高職特點的教學(xué)方法。
參考文獻(xiàn):
[1]姜大源,職業(yè)教育學(xué)研究新論[M].教育科學(xué)出版社,2007:87.
[2]鄧澤民、王寬,現(xiàn)代四大職教模式[M].中國鐵道出版社,2006:132.
【關(guān)鍵詞】Web標(biāo)準(zhǔn)；電子商務(wù)網(wǎng)站；設(shè)計與制作策略；分析
前言
互聯(lián)網(wǎng)技術(shù)的推廣與發(fā)展進(jìn)程不斷加快，對人們的日常生活與工作各方面都產(chǎn)生了重要影響。網(wǎng)頁的設(shè)計與制作隨著網(wǎng)絡(luò)技術(shù)、科技水平的發(fā)展受到人們的高度重視，其主要是將網(wǎng)絡(luò)作為主要載體，將各種信息以更加快捷、方便的形式傳達(dá)給人們。根據(jù)相關(guān)數(shù)據(jù)統(tǒng)計顯示，從事網(wǎng)頁設(shè)計制作的人員達(dá)到了300萬之多，但在網(wǎng)頁設(shè)計發(fā)展過程中還存在諸多問題，因此應(yīng)突破網(wǎng)頁結(jié)構(gòu)單一、空洞等問題才能將網(wǎng)頁的設(shè)計與制作水平進(jìn)一步提升[1]。
1Web標(biāo)準(zhǔn)技術(shù)概述
1.1Web標(biāo)準(zhǔn)內(nèi)涵
Web標(biāo)準(zhǔn)不僅僅作為標(biāo)準(zhǔn)，其主要是對一系列標(biāo)準(zhǔn)進(jìn)行組合。一般的網(wǎng)頁中主要由結(jié)構(gòu)、行為、表現(xiàn)三部分共同組成，并與XML、XHTML相對應(yīng)，表現(xiàn)對應(yīng)的標(biāo)準(zhǔn)可以將其成為CSS。1.1.1結(jié)構(gòu)在結(jié)構(gòu)中主要的技術(shù)可包含拓展超文本標(biāo)記語言與可拓展標(biāo)記語言，在網(wǎng)站王者設(shè)計中主要將其應(yīng)用在網(wǎng)頁數(shù)據(jù)分類以及整合方面。在兩個標(biāo)準(zhǔn)中，XML的表現(xiàn)形式為源語言，其主要是讓用戶字自身的語言進(jìn)行標(biāo)記與重新定義，具備較強的數(shù)據(jù)轉(zhuǎn)換功能。1.1.2行為在Web標(biāo)準(zhǔn)的行為中，主要包含ECMAScript[2]與對象模型。其在網(wǎng)頁設(shè)計與制作中主要可以應(yīng)用在交互式的操作網(wǎng)頁文檔方面。其可以將界面上操作對象實施的交互操作有效實施，利用DOM可對對象有效定義與修改，還可將對象之間存在的各種關(guān)系有效處理。1.1.3表現(xiàn)其中最主要的技術(shù)便是CSS，通常人們將其成為層疊樣式表，在網(wǎng)站網(wǎng)頁設(shè)計中可應(yīng)用改在控制瀏覽器的顯示方面，其也是決定網(wǎng)頁設(shè)計風(fēng)格的主要因素。
1.2基于Web標(biāo)準(zhǔn)前提下的網(wǎng)頁設(shè)計流程（略）
2基于Web標(biāo)準(zhǔn)標(biāo)準(zhǔn)的電子商務(wù)網(wǎng)頁設(shè)計與制作流程
在基于Web標(biāo)準(zhǔn)進(jìn)行電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計的過程中，主要包含內(nèi)容分析、結(jié)構(gòu)設(shè)計、方案設(shè)計三部分。在進(jìn)行布局設(shè)計的過程中，可利用XHTML與CSS對頁面進(jìn)行合理布局，可實現(xiàn)網(wǎng)頁布局的目標(biāo)。在進(jìn)行設(shè)局實際過程中，可利用CSS與美工設(shè)計元素互相結(jié)合，將設(shè)計方法轉(zhuǎn)化為最終的網(wǎng)頁。
2.1內(nèi)容分析
網(wǎng)頁設(shè)計作為視覺語言的主要表達(dá)方式，應(yīng)進(jìn)行合理的編排與布局，從而確保網(wǎng)頁的布局更加清晰、合理、內(nèi)容充實。在進(jìn)行網(wǎng)頁版面布局的過程中，應(yīng)將網(wǎng)頁設(shè)計的更加醒目，使用戶在使用過程中對各項功能一目了然，其他部分的版面設(shè)計應(yīng)與主頁的風(fēng)格保持一致。較為常見的布局模式包括國字型、廠字型等。本文將以汽車用品為主的銷售網(wǎng)站作為案例分析，由于汽車商品類型多樣[3]，在設(shè)計網(wǎng)頁過程中，應(yīng)將商品的導(dǎo)航以及產(chǎn)品展示作為重點。案例中采用的網(wǎng)頁布局為框架型布局方式，可將頁面分成各種模塊。在網(wǎng)頁左邊為縱向的導(dǎo)航欄，右邊則為商品的展示欄。在網(wǎng)頁底部呈現(xiàn)了網(wǎng)站的基本信息與商家的聯(lián)系方式等信息。在網(wǎng)頁模板的頂部與底部都會出現(xiàn)在每一個網(wǎng)頁的同一位置中。
2.2結(jié)構(gòu)設(shè)計策略
在對汽車銷售網(wǎng)站進(jìn)行網(wǎng)頁開發(fā)過程中，可將其乘坐為模板，將其抽象地分為不同區(qū)塊，其中包含核心流程業(yè)務(wù)模塊、展示功能模塊等。在將模塊開發(fā)完成后便可投入使用。在用戶瀏覽、操作網(wǎng)頁的過程中，程序員可通過后臺進(jìn)行可視化的管理與操作，用戶可以將不同的模塊進(jìn)行拖放配置，構(gòu)建個性化的網(wǎng)頁布局設(shè)計，方便用戶的使用與瀏覽。用戶在操作汽車銷售網(wǎng)頁過程中，其中的框架作為頁面的骨架，決定了頁面的整體布局與模塊擺放區(qū)域。框架通常采用的是HTML文件，其主要為了將頁面進(jìn)行區(qū)分，還會在適當(dāng)?shù)奈恢脤δK進(jìn)行放置，可用<{widgets}>代碼進(jìn)行表示，方便用戶在使用過程中利用可視化編輯將模塊進(jìn)行合理配置。對于板塊區(qū)來說，其能將汽車銷售網(wǎng)站最為個性的地方進(jìn)行呈現(xiàn)，可利用模塊內(nèi)容將網(wǎng)頁的更新實現(xiàn)，在網(wǎng)頁頁面中的各個模塊都有指定的ID，模塊的區(qū)域能呈現(xiàn)豎向擺放的形式，或呈現(xiàn)多個商品內(nèi)容。模塊為獨立形態(tài)，可對不同的邊框進(jìn)行切換，從而將呈現(xiàn)樣式進(jìn)行改變。在網(wǎng)頁模塊的頂部與底部都會出現(xiàn)在各個網(wǎng)頁中的同一個位置，對于任何電子商務(wù)網(wǎng)站來說，應(yīng)將網(wǎng)站頂部合理設(shè)計，才能擁有功能完善、結(jié)構(gòu)清晰的網(wǎng)站頂部，從而提升網(wǎng)站的效益。
3結(jié)語
基于Web標(biāo)準(zhǔn)對電子商務(wù)網(wǎng)站網(wǎng)頁進(jìn)行設(shè)計與制作，可促進(jìn)電子商務(wù)網(wǎng)站的運作效率，為用戶提供巨大的便利，從而促進(jìn)網(wǎng)站的使用效率與綜合收益，還可提升電子商務(wù)網(wǎng)站的運行效率與性能。
參考文獻(xiàn)
[1]朱淑琴，魏威，張嘉萌.基于Web標(biāo)準(zhǔn)的電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計與制作[J].計算機與現(xiàn)代化，2012，03：106~109.
[2]王亞輝.Web標(biāo)準(zhǔn)的電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計研究[J].電子商務(wù)，2015，05：49+82.
關(guān)鍵詞：項目教學(xué)；網(wǎng)頁設(shè)計與制作；課程改革；實踐
項目教學(xué)模式作為一種以生為本，具有多元化、開放性特點的新型教學(xué)模式，強調(diào)了在教學(xué)時，以學(xué)生文本，加強對意義建構(gòu)的主義理論、探究式學(xué)習(xí)的理論的重視作用。即在整個教學(xué)過程中，嚴(yán)格遵循“以生為主體，教師輔導(dǎo)”的教學(xué)原則，以教學(xué)目標(biāo)、任務(wù)為出發(fā)點，讓學(xué)生在教師指導(dǎo)下，按照自己的學(xué)習(xí)能力與喜好，與同學(xué)進(jìn)行自由組合，選擇相應(yīng)的題型，組織開展項目研究學(xué)習(xí)，以充分發(fā)揮學(xué)生的主觀能動性，從而提高他們的創(chuàng)造能力與創(chuàng)新精神。因此基于項目教學(xué)模式下，對“網(wǎng)頁設(shè)計與制作”課程進(jìn)行改革與實踐，勢在必行。
1教學(xué)改革的理念與思路
在計算機應(yīng)用專業(yè)的教學(xué)中，對于網(wǎng)頁設(shè)計和制作課程的教學(xué)總體目標(biāo)，主要是通過真實的網(wǎng)站項目來開展教學(xué)活動，讓學(xué)生能夠依據(jù)網(wǎng)站開發(fā)的過程和網(wǎng)頁制作方法，結(jié)合需要制作的要求，制作出簡單的網(wǎng)頁圖像與自動生成的動態(tài)網(wǎng)頁，以提升學(xué)生網(wǎng)頁制作技能，積累豐富的網(wǎng)頁制作經(jīng)驗，從而滿足日后工作崗位需求。因此在進(jìn)行網(wǎng)頁設(shè)計與制作時，應(yīng)體現(xiàn)以下理念：(1)培養(yǎng)與人溝通和團(tuán)隊合作的能力。為能準(zhǔn)確地把握項目制作的要求與客戶的需要，教師必須重點培養(yǎng)學(xué)生與人溝通、團(tuán)隊合作的能力。讓學(xué)生通過自由組隊的方式合作開發(fā)項目，共同努力完成布置的任務(wù)，讓學(xué)生之間能夠形成良好合作的關(guān)系，以提升學(xué)生的心理素質(zhì)與適應(yīng)社會環(huán)境的能力。(2)培養(yǎng)職業(yè)技術(shù)能力和解決問題的能力。培養(yǎng)學(xué)生具備扎實的專業(yè)技術(shù)能力，這是網(wǎng)頁設(shè)計與制作課程中能力培養(yǎng)的關(guān)鍵。因此在進(jìn)行教學(xué)時，對學(xué)生職業(yè)技術(shù)能力的培養(yǎng)，主要包括以下幾方面：①網(wǎng)站的規(guī)劃能力。在項目教學(xué)中，應(yīng)了解分析項目的內(nèi)容，正確地理解項目的要求，并合理規(guī)劃項目，編寫網(wǎng)站的建設(shè)方案。②網(wǎng)站的設(shè)計能力。學(xué)生應(yīng)熟悉網(wǎng)頁的工作環(huán)境，詳細(xì)規(guī)劃與設(shè)計網(wǎng)頁布局，并了解開發(fā)的主要工具，靈活使用網(wǎng)頁元素，保證網(wǎng)頁設(shè)計順利完成。③網(wǎng)站的維護(hù)與更新能力。應(yīng)依據(jù)專業(yè)規(guī)范操作，來維護(hù)與更新網(wǎng)站。④解決問題的應(yīng)變能力。網(wǎng)頁設(shè)計對專業(yè)性要求極高，因此要想強化學(xué)生處理問題和解決問題的能力，必須引導(dǎo)學(xué)生熟悉與掌握網(wǎng)頁設(shè)計中較為常用的方法與工具。(3)自學(xué)與創(chuàng)新能力。自學(xué)能力即培養(yǎng)學(xué)生自我解決問題的能力，主要是指學(xué)生在學(xué)習(xí)的過程中，能夠形成良好的學(xué)習(xí)習(xí)慣與掌握所學(xué)的知識，并通過自主學(xué)習(xí)的方式，來獲得有用的信息，以積極的應(yīng)對職業(yè)中遇到的問題。而創(chuàng)新能力則是培養(yǎng)學(xué)生具備創(chuàng)新思維與創(chuàng)新意識，從而為日后工作打下扎實基礎(chǔ)[1]。
2基于項目教學(xué)的“網(wǎng)頁設(shè)計與制作”課程改革與實踐的途徑
2.1課程整體設(shè)計
在網(wǎng)頁設(shè)計與制作課程中應(yīng)用項目教學(xué)，是否能成功的關(guān)鍵在于給學(xué)生安排的學(xué)習(xí)任務(wù)是否恰當(dāng)。通常在設(shè)計項目的內(nèi)容時，必須保證對學(xué)生具有挑戰(zhàn)性、實用性、趣味性以及可操作性，要求學(xué)生通過查閱相關(guān)資料，經(jīng)過仔細(xì)研究和思考，便可順利地完成學(xué)習(xí)任務(wù)。但需要特殊注意的是，教師在設(shè)計學(xué)習(xí)任務(wù)時，必須按照教學(xué)目標(biāo)與學(xué)生個性差異來設(shè)計，保證內(nèi)容設(shè)計不能過于復(fù)雜[2]。例如在“網(wǎng)頁設(shè)計與制作”的教學(xué)過程中，課程整體設(shè)計的目標(biāo)是從簡單——復(fù)雜——綜合網(wǎng)站建設(shè)項目的訓(xùn)練方式，讓學(xué)生能夠依據(jù)網(wǎng)站業(yè)務(wù)的需要，對網(wǎng)站需要的功能加以分析，以明確網(wǎng)頁風(fēng)格與結(jié)構(gòu)，理解并設(shè)計出相應(yīng)的制作方案，從而掌握網(wǎng)頁制作與網(wǎng)站的方法，熟練HTML語言、Dreamweaver網(wǎng)頁制作軟件，能讀取JavaScript代碼，并學(xué)會靈活運用CSS設(shè)計網(wǎng)站的元素。這時教師需要在設(shè)計上，依據(jù)項目的需要，選出“企業(yè)網(wǎng)站建設(shè)”作為該課程的實訓(xùn)項目，將課程設(shè)計任務(wù)劃分為5個項目，16個任務(wù)、每個任務(wù)4學(xué)時，前2個項目是網(wǎng)站點的創(chuàng)建和靜態(tài)網(wǎng)頁設(shè)計，屬于簡單的入門項目，由教師輔導(dǎo)；第3與4個項目是進(jìn)行網(wǎng)頁素材設(shè)計和制作，依據(jù)規(guī)范進(jìn)行標(biāo)準(zhǔn)化網(wǎng)頁設(shè)計；第5個項目課后完成項目的情況，讓學(xué)生能夠積極參與項目的開發(fā)和維護(hù)中，以拓寬課程教學(xué)的內(nèi)容。但是每1個項目都應(yīng)以任務(wù)為載體，將課程學(xué)習(xí)的內(nèi)容劃分到每1個項目中。且每1個項目之間都有明顯的獨立性，同時項目之間相互聯(lián)系，知識與技能循環(huán)漸進(jìn)；前1項是后1項的基礎(chǔ)，后1項是鞏固前1項的關(guān)鍵，實現(xiàn)知識和技能學(xué)習(xí)的層層遞進(jìn)、由淺到深、由簡到繁，以樹立學(xué)生學(xué)習(xí)的自信心。
2.2建立項目小組
在明確項目教學(xué)的內(nèi)容后，教師集全班的學(xué)生，讓學(xué)生依據(jù)項目，自由分組學(xué)習(xí)，全班分成若干組，每組為3~5名，并安排組織能力較強、善于表達(dá)的學(xué)生擔(dān)任本組的小組長。然后每組學(xué)生在組長的領(lǐng)導(dǎo)下，按照項目要求的內(nèi)容，在課后充分利用參考書目、內(nèi)容對網(wǎng)站制作與設(shè)計所涉及的資料進(jìn)行查閱。此外，教師是項目的指導(dǎo)者，應(yīng)適當(dāng)引導(dǎo)學(xué)生整理所需要資料。讓每個成員之間依據(jù)不同的學(xué)習(xí)任務(wù)，專門負(fù)責(zé)自己的問題。例如在“網(wǎng)頁設(shè)計與制作”的教學(xué)過程中，教師依據(jù)本班學(xué)生的情況，將學(xué)生劃分成每組5名成員后，結(jié)合實施方案，讓1名理論功底扎實的學(xué)生負(fù)責(zé)網(wǎng)站欄目的整體規(guī)劃；1名計算機操作能力較強的學(xué)生負(fù)責(zé)網(wǎng)頁制作；2名程序設(shè)計能力較強的學(xué)生負(fù)責(zé)代碼的編寫和程序調(diào)試；然后讓擔(dān)任小組長的學(xué)生負(fù)責(zé)對網(wǎng)站加以宣傳，并制定項目進(jìn)度表，明確成果完成的時間，同時詳細(xì)記錄每個成員學(xué)習(xí)的情況、態(tài)度，為教師的評價提供依據(jù)。
2.3項目教學(xué)的實施
項目教學(xué)的實施主要是引導(dǎo)學(xué)生為完成項目，而組織開展自主性的學(xué)習(xí)，以輔導(dǎo)學(xué)生依據(jù)項目學(xué)習(xí)中所需要的知識與技能，通過有效的學(xué)習(xí)方法來開展學(xué)習(xí)活動，激發(fā)學(xué)生的學(xué)習(xí)熱情與主動性[3]。例如在確定各小組的學(xué)習(xí)任務(wù)后，進(jìn)入具體“網(wǎng)頁設(shè)計與制作”課程的學(xué)習(xí)中，一開始部分學(xué)生會感覺到制作一個網(wǎng)站，以我個人的能力，難以順利完成教師布置的任務(wù)，又怎會設(shè)計出具有個人鮮明、獨具個性的網(wǎng)站來吸引客戶的注意力？針對這些問題，在進(jìn)行教學(xué)時，教師需要將教學(xué)知識轉(zhuǎn)變成學(xué)習(xí)任務(wù)，以學(xué)生合作的方式，然后詳細(xì)講解網(wǎng)頁設(shè)計與制作的知識點，讓學(xué)生結(jié)合參考目錄和資料，來回答提出的學(xué)習(xí)問題：(1)什么是框架？有什么作用？(2)框架和網(wǎng)頁之間的聯(lián)系？框架的優(yōu)缺點？(3)依據(jù)各網(wǎng)站主頁布局，怎樣合理地使用框架？這樣學(xué)生不僅能夠在合作的前提下，進(jìn)行自主探究學(xué)習(xí)，還可快速找到問題的答案：在Web瀏覽器窗口中，HTML框架集文檔顯示的若干個獨立的可滾動區(qū)域就是框架，框架集中每一個框架在Web瀏覽器窗口中，屬于自己管轄區(qū)域內(nèi)顯示一個HTML文檔，可使用選項內(nèi)是否滾動和可調(diào)整大小來調(diào)整頁面。
2.4成果展示
在網(wǎng)頁設(shè)計與制作課堂教學(xué)中應(yīng)用項目教學(xué)時，項目成果的展示是為教師評價提供參考的關(guān)鍵。因此在實際項目學(xué)習(xí)成果展示的過程中，要求教師應(yīng)依據(jù)項目教學(xué)的要求來組織各個小組的小組長匯報本組的項目成果。但需要特殊注意的是，小組長在展示、匯報本組的項目成果時，需要詳細(xì)說明作品涉及的知識點、創(chuàng)新、優(yōu)缺點和項目中遇到的困難，并說明對于遇到的問題，應(yīng)該如何解決，而其他小組的成員，也可提問與設(shè)計有關(guān)的思路、技術(shù)和特點等問題，讓課堂教學(xué)生動活潑，從而提高教學(xué)的效果[4]。例如在“網(wǎng)頁設(shè)計與制作”的教學(xué)過程中，各小組完成動態(tài)網(wǎng)頁作品的制作后，教師應(yīng)通過組織活動的方式，讓每個小組的組長借助電子演示文稿的方式，詳細(xì)的介紹、JSP和PHP等動態(tài)網(wǎng)頁技術(shù)，但是由于時間的限制，教師需要引導(dǎo)每個小組結(jié)合學(xué)習(xí)的情況，將關(guān)于ASP的內(nèi)置對象：Request、SQL查詢語言、Respone、Server、Application、Session以及ADO組件中的Connection、Command和Record.Set等歸納為一個單獨的知識點加以闡述，以便其他小組的成員理解掌握Dreamweaver數(shù)據(jù)庫、綁定和服務(wù)器行為等網(wǎng)頁制作知識。
2.5考核方式的改革
項目完成后的最后環(huán)節(jié)就是教師要進(jìn)行及時客觀的點評與總結(jié)，評定學(xué)生的學(xué)習(xí)成績。但是以往的課程考核方式都是通過筆試與期末提交個人作品的方式來考核，這種考核模式過于注重結(jié)果，忽略學(xué)生學(xué)習(xí)的過程，難以達(dá)到項目教學(xué)的考核目的。因此在對學(xué)生的成績進(jìn)行評價與總結(jié)時，教師必須將現(xiàn)場匯報、學(xué)生自我評價和學(xué)生互評內(nèi)評價內(nèi)容納入到考核評價中，形成完善的課程考核評價體系，從作品的主題、版面、圖片、色彩搭配、網(wǎng)站布局和超鏈接等方面來考核學(xué)生的口頭表達(dá)能力、溝通能力、日常出勤、課堂表現(xiàn)和每個階段實訓(xùn)項目的質(zhì)量，以了解學(xué)生掌握的技能，然后通過百分制的方式進(jìn)行最后總評，依據(jù)40%的比例納入到課程總評成績中，實現(xiàn)評價的合理性[5]。
3結(jié)束語
綜上所述，項目教學(xué)在網(wǎng)頁設(shè)計與制作中的應(yīng)用，不僅能豐富課堂教學(xué)的內(nèi)容，拓寬學(xué)生的知識面，實現(xiàn)知識的轉(zhuǎn)化與整合。還可按照項目的目標(biāo)進(jìn)行課程的整體設(shè)計、建立項目小組、成果展示和考核，將枯燥、乏味的文字變得更加生動有趣，讓學(xué)生積極參與到項目活動中，充分發(fā)揮學(xué)生的主動性與潛力，進(jìn)行自主性探究學(xué)習(xí)，以培養(yǎng)學(xué)生形成良好的學(xué)習(xí)習(xí)慣，從而促進(jìn)學(xué)生全方面發(fā)展。
參考文獻(xiàn)：
[1]勞飛.基于項目化教學(xué)的“網(wǎng)頁設(shè)計與制作”課程改革與實踐[J].教育與職業(yè),2014(29)：139-140.
[2]毛樂琦.高職《網(wǎng)頁設(shè)計與制作》課程項目化教學(xué)改革實踐[J].電子制作,2013(23)：113-113.
[3]沈勤豐.基于“項目引領(lǐng)任務(wù)驅(qū)動”的課程改革與實踐——以“網(wǎng)頁設(shè)計與制作”為例[J].職業(yè)技術(shù),2013(2)：25-26.
一、選用合理的教材
中等職業(yè)學(xué)校的人才培養(yǎng)模式是指在一定的教育理論指導(dǎo)下，按照特定的培養(yǎng)目標(biāo)和人才規(guī)格，以相對穩(wěn)定的教學(xué)內(nèi)容、課程體系和評估方式，實施人才教育的過程的總和。我校網(wǎng)頁設(shè)計與制作課程的培養(yǎng)目標(biāo)是能對網(wǎng)站的功能進(jìn)行分析，全面掌握使用的能力；能對頁面進(jìn)行修改的能力。為此，我校選用的教材除了國規(guī)教材外，還補充了Adobe創(chuàng)意大學(xué)的標(biāo)準(zhǔn)教材。教學(xué)內(nèi)容不僅能滿足中等職業(yè)學(xué)校專業(yè)教學(xué)標(biāo)準(zhǔn)，能夠反映當(dāng)前的生產(chǎn)技術(shù)水平和職業(yè)崗位資格要求，更注重課程內(nèi)容對接職業(yè)標(biāo)準(zhǔn)、教學(xué)過程對接生產(chǎn)過程。教材的內(nèi)容編排符合學(xué)生認(rèn)知特點，突出網(wǎng)頁制作的創(chuàng)意工作流程，將創(chuàng)意設(shè)計與軟件功能相結(jié)合，以軟件的實際應(yīng)用為主線，對行業(yè)中的典型案例與Dreamweaver軟件新功能等方面的知識進(jìn)行深入探討。Adobe創(chuàng)意大學(xué)的標(biāo)準(zhǔn)教材是聯(lián)合行業(yè)專家、行業(yè)協(xié)會、教育專家、一線教師、Adobe技術(shù)專家開發(fā)的，重點清晰，內(nèi)容完善，為專業(yè)及其相關(guān)行業(yè)實踐型人才的培養(yǎng)量身訂制。
二、采用“教、學(xué)、做”一體的項目式教學(xué)方法
以學(xué)生為主體，有效設(shè)計和實施“教、學(xué)、做”一體的項目式教學(xué)方法，通過真實、完整的實例呈現(xiàn)知識點。
1.循序漸進(jìn)，由淺入深
選擇小范例詮釋理論知識，每一個項目都從最簡單的內(nèi)容入手，慢慢深入，達(dá)到制作出高級頁面的效果，避免只講定義的乏味與枯燥，符合學(xué)生的認(rèn)知規(guī)律。
2.內(nèi)容全面，實例豐富
融入大量的實用操作技巧，力求將最常見的軟件技巧與行業(yè)流程全面細(xì)致地進(jìn)行介紹。結(jié)合實例介紹每種應(yīng)用的操作步驟，學(xué)生只需要按照步驟一步步進(jìn)行操作，就可以在不知不覺中掌握大量的知識，創(chuàng)作出精彩的個性網(wǎng)站。
3.行動導(dǎo)向、任務(wù)驅(qū)動
從網(wǎng)頁制作行業(yè)的實際出發(fā)，基礎(chǔ)知識與基本技能相結(jié)合，緊扣“做中學(xué)，做中教”的教育理念，將知識點穿插在網(wǎng)站實例制作的操作過程中，在實際制作中介紹網(wǎng)站開發(fā)的實際流程與制作技巧，尤其是針對實際制作中廣泛采用的“Div+CSS布局模式”，對教材內(nèi)容進(jìn)行全面的補充和完善。拓展HTML代碼的學(xué)習(xí)內(nèi)容、學(xué)習(xí)方法，通過課后訓(xùn)練設(shè)計達(dá)到課堂知識的“舉一反三”，這樣更加貼近實際。
4.由易到難、由部分到整體
從網(wǎng)頁制作技能培訓(xùn)的實際需要出發(fā)，設(shè)計一個網(wǎng)站建設(shè)實例，采用循序漸進(jìn)的方法，詳細(xì)描述網(wǎng)站的開發(fā)過程，介紹網(wǎng)頁制作的各種知識、技能和注意事項。所學(xué)知識分別涉及：站點的規(guī)劃與管理；文本、圖像及CSS層疊樣式表；表格布局，超級鏈接；框架布局，多媒體文件；熱區(qū)、層和行為；表單及各種表單元素；模板、站點的測試、與維護(hù)等各項靜態(tài)網(wǎng)頁開發(fā)知識，采用知識講授與案例教學(xué)相結(jié)合的方法。
5.綜合運用，注重啟發(fā)
制作兩個企業(yè)網(wǎng)站，系統(tǒng)全面地介紹網(wǎng)站建設(shè)的實際開發(fā)流程及常用手法與技巧。每個任務(wù)包含“任務(wù)描述”“自己動手”和“舉一反三”三個模塊，將知識點、技能點和注意事項穿插在網(wǎng)頁制作的過程中，注重啟發(fā)學(xué)生的學(xué)習(xí)興趣，力求在知識結(jié)構(gòu)編排上體現(xiàn)循序漸進(jìn)、重點突出、難點分散，在語言敘述上注重概念清晰、邏輯性強、通俗易懂、便于理解。
6.注重現(xiàn)代信息技術(shù)在教學(xué)中的應(yīng)用
現(xiàn)代信息技術(shù)參與之后的課堂“以教師創(chuàng)造性的教為主導(dǎo)，以學(xué)生探索性的學(xué)為主體”，豐富多彩的教學(xué)環(huán)境，給學(xué)生更大的思維空間，突出學(xué)生的主體地位。運用現(xiàn)代信息技術(shù)，創(chuàng)設(shè)他們感興趣的事物與情境，抓住學(xué)生的心理特點，將抽象化的、概念化的知識點，以貼近生活的生動、鮮明的圖文并茂的畫面呈現(xiàn)乏味的定義定律，集聲音、文字、圖像、圖畫動態(tài)顯示于一體，達(dá)到將抽象概念具體化、微觀概念宏觀化的目的。讓學(xué)生易于理解接受，讓學(xué)生身臨其境，親歷其中，得到體驗，在輕松的氛圍中愉快地學(xué)習(xí)，提高了學(xué)生的思維能力、想象能力和創(chuàng)新能力。現(xiàn)代信息技術(shù)使課堂教學(xué)以發(fā)展為主，教師通過創(chuàng)造教學(xué)環(huán)境，在課堂上為學(xué)生提供觀察、獨立思考和實踐，將技術(shù)與學(xué)科教學(xué)靈活有機地結(jié)合，為學(xué)生提供一個友好交互、自由開放的學(xué)習(xí)環(huán)境，組織并指導(dǎo)學(xué)生進(jìn)行實踐活動，激發(fā)學(xué)生主動去探索、積極去思考，從而極大地提高教學(xué)效率。
三、考核評價方式多角度
網(wǎng)頁設(shè)計與制作課程對學(xué)生的能力要求是：（1）會Dreamweaver的安裝；（2）合理使用網(wǎng)頁元素制作簡單靜態(tài)頁面；（3）能夠使用表單、CSS樣式、行為、層、模板、框架等技術(shù)制作比較復(fù)雜的靜態(tài)網(wǎng)頁，并能夠進(jìn)行站點；（4）初步了解動態(tài)網(wǎng)頁設(shè)計的基礎(chǔ)知識，能夠制作簡單的留言板等動態(tài)網(wǎng)頁。因此，我從以下幾方面對學(xué)生進(jìn)行評價：
1.網(wǎng)頁作品與真實生活是否有關(guān)聯(lián)，主題鮮明。
這表現(xiàn)為作為真實的項目場景，這種真實場景是對日常企業(yè)場景的模擬，或者真實場景中的實際操作。
2.要求學(xué)生對一些與職業(yè)有關(guān)的問題進(jìn)行思考和解決。
比如企業(yè)網(wǎng)站，學(xué)生要依據(jù)問題，以科學(xué)的論證和推理方式設(shè)計合乎自身認(rèn)識的、具有創(chuàng)造性的解決問題的方案，創(chuàng)作具有創(chuàng)造性的網(wǎng)站作品。
3.操作過程和最終作品是評價的重點。
在實際操作過程中，學(xué)生解決問題的綜合能力得到鍛煉，如思考問題能力、問題反思能力、團(tuán)結(jié)合作能力、信息搜集能力和創(chuàng)造力等，評價中充分展現(xiàn)出來，而網(wǎng)站作品則是各種能力綜合鍛煉得到的結(jié)果。
4.學(xué)歷證書與職業(yè)資格證書對接。
Adobe創(chuàng)意大學(xué)考試認(rèn)證是Adobe公司推出的權(quán)威國際認(rèn)證，是針對全球Adobe軟件的學(xué)習(xí)者和使用者提供的一套全面科學(xué)、嚴(yán)謹(jǐn)高效的考核體系，為企業(yè)的人才選拔和錄用提供了重要和科學(xué)的參考標(biāo)準(zhǔn)。
四、結(jié)語
關(guān)鍵詞：網(wǎng)頁設(shè)計與制作 教學(xué) 改革
隨著萬維網(wǎng)的迅速發(fā)展，網(wǎng)頁已經(jīng)成為網(wǎng)絡(luò)世界進(jìn)行信息傳播的最主要載體，網(wǎng)頁設(shè)計與制作人才的培養(yǎng)成為當(dāng)務(wù)之急。由于社會和專業(yè)的需求，《網(wǎng)頁設(shè)計與制作》課程廣泛受到各大中專學(xué)校學(xué)生的喜愛，下面就《網(wǎng)頁設(shè)計與制作》課程的教學(xué)與大家進(jìn)行探討。
1、課程性質(zhì)和特點
在中等職業(yè)學(xué)校，《網(wǎng)頁設(shè)計與制作》課程是計算機應(yīng)用技術(shù)和計算機網(wǎng)絡(luò)技術(shù)等專業(yè)的必修課程。它是一門工具性和實用性都比較強的實踐課；不僅涉及計算機圖像處理、文字版面處理等相關(guān)知識，而且需要對相關(guān)課程有一定的基礎(chǔ)；是一門集成了多種計算機知識和技術(shù)的綜合，其本身具有很強的實踐性，是網(wǎng)站建設(shè)的基礎(chǔ)，而網(wǎng)頁本身是當(dāng)今社會網(wǎng)絡(luò)世界傳播信息的最主要的載體，同時網(wǎng)站又是企業(yè)向用戶和網(wǎng)民提供信息（包括產(chǎn)品和服務(wù)）的一種方式、是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺。
2、課程教學(xué)目標(biāo)
本課程的教學(xué)目標(biāo)是使學(xué)生了解HTML語言的語法規(guī)則，掌握文本、鏈接、列表、表格、表單、圖像、多媒體、框架元素標(biāo)志及屬性，了解HTML、JavaScript腳本編程語言的基本語法知識，能獨立設(shè)計小型WEB站點。
3、課程教學(xué)內(nèi)容
根據(jù)前面對《網(wǎng)頁設(shè)計與制作》課程的性質(zhì)和特點以及課程教學(xué)目標(biāo)分析，在制定教學(xué)大綱時，不應(yīng)該拘泥于某一本或者某幾本特定的教材，應(yīng)著眼于當(dāng)前網(wǎng)頁制作技術(shù)發(fā)展的現(xiàn)狀。網(wǎng)頁制作過程中必然涉及到圖片的處理、動漫制作等，若能應(yīng)用好Photoshop和Flash也是網(wǎng)頁設(shè)計的關(guān)鍵，此部分在我校計算機應(yīng)用技術(shù)和計算機網(wǎng)絡(luò)技術(shù)專業(yè)在學(xué)業(yè)生入學(xué)第一學(xué)期已經(jīng)開設(shè)《圖形圖像處理軟件Photoshop》、第二學(xué)期《圖形圖像處理軟件Photoshop實訓(xùn)》和《二維動畫制作Flash》，第三學(xué)期開設(shè)《二維動畫制作Flash實訓(xùn)》和《網(wǎng)頁設(shè)計與制作》，因此教學(xué)內(nèi)容設(shè)計時不再重復(fù)這部分內(nèi)容。另外，F(xiàn)ireworks同樣也是作為網(wǎng)頁制作的輔助工具，若學(xué)生能掌握，對網(wǎng)頁的設(shè)計開發(fā)將起到畫龍點睛的作用，因此這部分也安排了相應(yīng)的學(xué)時。
《網(wǎng)頁設(shè)計與制作》課程體現(xiàn)了網(wǎng)頁設(shè)計與網(wǎng)頁制作是緊密聯(lián)系的，是完成網(wǎng)頁作品流程中的兩個階段，但這兩個階段之間并沒有嚴(yán)格的界限，往往是迭代進(jìn)行的。網(wǎng)頁通常都是圖文并茂的，對頁面的美觀有一定的要求。也就是說合格的網(wǎng)頁作品，在技術(shù)上不僅要符合相關(guān)的制作規(guī)范，還應(yīng)考慮頁面布局、圖片放置、色彩搭配、下載速度等因素，這些因素都與用戶體驗密切相關(guān)。因此，在學(xué)生掌握了基本網(wǎng)頁制作后，筆者安排了網(wǎng)頁設(shè)計方面的內(nèi)容學(xué)習(xí)，主要包括色彩、圖像、布局等。在講授的過程中，還展示了部分網(wǎng)站（以電子商務(wù)網(wǎng)站為主），讓學(xué)生去分析總結(jié)各個網(wǎng)站的特點，使得學(xué)生對網(wǎng)頁制作的內(nèi)涵有進(jìn)一步的理解。
4、選擇教材和教學(xué)模式
這門課程，僅僅通過在多媒體教室中講解理論知識、操作步驟和做典型范例是遠(yuǎn)遠(yuǎn)不夠的。那樣，一堂課下來學(xué)生只會做教師教的，不會融會變通，學(xué)生的創(chuàng)新意識得不到培養(yǎng)。我們只有突破傳統(tǒng)的教學(xué)模式，才能培養(yǎng)學(xué)生自我探索、獨立研究能力與自主創(chuàng)新精神。如何突破，并且取得良好的教學(xué)效果呢？通過幾年的教學(xué)探索和總結(jié)，筆者認(rèn)為，可以從以下幾個環(huán)節(jié)來進(jìn)行把握。
4.1 優(yōu)選教材
合理安排教學(xué)內(nèi)容一本教材的編排質(zhì)量如何，會在一定程度上影響學(xué)生的學(xué)習(xí)興趣和教學(xué)效果，特別是針對中職生這樣一個特殊群體，我們更應(yīng)該優(yōu)選教材。我們應(yīng)該選用在內(nèi)容編排上由淺入深、由易到難的教材。
4.2 精心設(shè)計網(wǎng)頁制作課程的教學(xué)模式
掌握一定的理論知識是做好實踐的基礎(chǔ)和前提。所以老師決不能忽視課堂教學(xué)。我校該課程教學(xué)采取的是教學(xué)做一體化的教學(xué)模式，充分體現(xiàn)理論知識與實踐操作相結(jié)合。教學(xué)設(shè)計可采用“課堂案例分析――軟件功能解析――課堂練習(xí)――課后拓展――作品展示”這一思路進(jìn)行精心編排。課堂教學(xué)的案例、課堂實踐的案例、獨立實驗的案例不僅涵蓋教材中的實例，還引用了大量企業(yè)中的真實案例。
5、教學(xué)方法與手段
5.1 教學(xué)方法的改進(jìn)
在教學(xué)過程中，根據(jù)學(xué)校的培養(yǎng)目標(biāo)和本課程特點，結(jié)合多年來實際的教學(xué)經(jīng)驗，對教學(xué)方法實施了以下幾方面的改進(jìn)。
（1）教師演示制作網(wǎng)頁案例，傳授本節(jié)課所需掌握的知識點為了能激發(fā)和調(diào)動學(xué)生學(xué)習(xí)的積極性，避免“滿堂灌”的傳統(tǒng)教學(xué)模式，在教學(xué)過程中采用案例教學(xué)法。根據(jù)教學(xué)進(jìn)度和教學(xué)要求設(shè)計案例并充分備課，講授并解析與案例相關(guān)的理論和技能，分析案例討論中可能出現(xiàn)的任何問題，而且案例要具有典型性和針對性，從適合學(xué)生的接受能力來選擇和設(shè)計。（2）教與學(xué)相結(jié)合教學(xué)模式。在教師通過案例教授相關(guān)理論和操作基礎(chǔ)后，要求學(xué)生能夠按照案例的要求，通過上機及時模仿制作和案例相似的實驗，鞏固和加強學(xué)生掌握的教學(xué)中的知識點。
5.2 教學(xué)手段的改革
《網(wǎng)頁設(shè)計與制作》是一門實踐性很強而且廣泛應(yīng)用的技術(shù)，為了說明網(wǎng)頁設(shè)計中的原理及其在實際中的應(yīng)用，實時展示非常重要，因此在網(wǎng)絡(luò)課程中的授課中接入Internet，隨時將講述的相關(guān)知識通過實實在在地網(wǎng)絡(luò)來說明和解釋，這樣學(xué)生就不覺得枯燥和乏味，使學(xué)生明白了學(xué)習(xí)網(wǎng)頁設(shè)計的重要性和實用性。
6、考核方式
該課程的考核內(nèi)容應(yīng)以實踐操作為主。因此將考核方式定為考查，給出一定范圍的主題，留給學(xué)生足夠的時間完成作品的設(shè)計和制作，最后上交制作好的作品即可。留給學(xué)生足夠的時間和發(fā)揮空間，可以使學(xué)生充分發(fā)揮他們的想象力和所學(xué)知識。這樣的一種考核方式經(jīng)過幾屆學(xué)生的實踐，受到同學(xué)的好評，并且出現(xiàn)了相當(dāng)一部分好的作品。
關(guān)鍵詞：傳統(tǒng)教學(xué)；學(xué)即能用；CSS
互聯(lián)移動終端的大面積推廣，使得掌握網(wǎng)頁制作技術(shù)的人才在各個行業(yè)里都成為必不可少的需求；同時，地方普通高校為社會服務(wù)的使命感在不斷增強，如何培養(yǎng)出“學(xué)即能用”的人才，使之在短時間內(nèi)掌握主流的網(wǎng)頁設(shè)計技術(shù)，提高站點訪問量，是這門課程課堂教學(xué)效果進(jìn)步的體現(xiàn)。
一、技術(shù)背景與課堂教學(xué)要求
（一）Internet發(fā)展歷程
Internet經(jīng)歷了從Web1.0到Web3.0的迅猛發(fā)展。Web1.0是靜止、單向、被動的；Web2.0則為用戶開設(shè)了主動權(quán)，使得用戶和網(wǎng)站可行雙向信息互動；Web3.0提升了用戶的主動權(quán)，用戶可對頁面的多種元素（顯示、色彩、像素、框架等）按需設(shè)置，訂制專屬的功能模塊，整合數(shù)據(jù)資源，適用于電腦、手機、PDA等多終端平臺定制。
（二）傳統(tǒng)的網(wǎng)頁設(shè)計與制作課程內(nèi)容
一般情況下，高校開設(shè)的網(wǎng)頁設(shè)計課程從教學(xué)內(nèi)容上可劃分為兩大塊：1.相關(guān)知識介紹。網(wǎng)站的概念、基本元素及頁面等相關(guān)知識的介紹。2.應(yīng)用軟件的使用。介紹使用最多的Dreamweaver系列網(wǎng)頁制作工具，使學(xué)生掌握布局（表格、層、框架、模板等）、超級鏈接、表單和幾種特效。隨著互聯(lián)網(wǎng)的全面推廣和“學(xué)即能用”的需求，以上內(nèi)容已不能滿足互聯(lián)網(wǎng)時代與時俱進(jìn)的特點。最關(guān)鍵的問題在于：課堂學(xué)到的知識是否馬上就能得到應(yīng)用，是否與目前社會上專業(yè)的網(wǎng)頁制作公司的技術(shù)規(guī)格保持一致。因此，本門課程的改革勢在必行。
二“、服務(wù)于地方”教學(xué)內(nèi)容的改革
（一）教學(xué)內(nèi)容改革
內(nèi)容改革是課程改革的首要環(huán)節(jié)。關(guān)于什么是關(guān)鍵內(nèi)容，什么是次要內(nèi)容，筆者走訪了本地專業(yè)網(wǎng)頁設(shè)計公司中企動力的設(shè)計總監(jiān)馬女士，通過對她的訪談，了解到時下主流的網(wǎng)頁設(shè)計公司所涉及到的技術(shù)規(guī)范，對本校現(xiàn)階段的教學(xué)內(nèi)容做了必要的調(diào)整，簡化了表格布局頁面、框架設(shè)計等已被淘汰的陳舊技術(shù)的授課內(nèi)容，有選擇地介紹了網(wǎng)頁交互特效及表單的應(yīng)用，加強了網(wǎng)頁美化工具、HTML語言及CSS的學(xué)習(xí)內(nèi)容。改革后的課程主要分為六大模塊：網(wǎng)頁和網(wǎng)站的基礎(chǔ)知識、網(wǎng)頁美化工具（Photoshop或者Fireworks）、HTML語言、網(wǎng)頁開發(fā)工具的介紹、DIV+CSS、動態(tài)網(wǎng)頁技術(shù)。首先，通過具體的例子闡明網(wǎng)頁、網(wǎng)站的定義，頁面的布局類型（主要是盒模型）、整體造型及配色方案的相關(guān)知識；其次，介紹網(wǎng)頁美化工具圖片處理工具（Photoshop或Fireworks）的使用，學(xué)生可用其設(shè)計頁面元素，加強頁面的視覺效果與美觀性，提升站點的專業(yè)度；再次，介紹HTML的基本語法結(jié)構(gòu)和語句，使學(xué)生熟練掌握其主要標(biāo)簽的使用（傳統(tǒng)的教學(xué)模式對這一部分的內(nèi)容有所忽略）。實踐證明，學(xué)生若不熟悉HTML的語法構(gòu)成，學(xué)習(xí)DIV+CSS這一主流的網(wǎng)頁布局模式就會相當(dāng)吃力。當(dāng)然，對于非專業(yè)學(xué)生而言，學(xué)習(xí)一門語言，即便是文本標(biāo)記語言，由于其本身對計算機系統(tǒng)相關(guān)知識的欠缺，授課會比較困難，學(xué)生也學(xué)得辛苦，但這又是一個必要的過程，其所占用的時間比較長，需要設(shè)計大量實例，反復(fù)練習(xí)才能掌握。之后介紹開發(fā)工具，重點是要理解頁面的代碼模式和設(shè)計模式，而DIV+CSS則是本門課程的重頭戲，由于學(xué)生對代碼有種天生的恐懼，所以，在建立CSS時又以開發(fā)工具建立為主，修改程序為輔。最后簡單提及動態(tài)網(wǎng)頁技術(shù)。由于課時限制（32節(jié)），本課程主要講授靜態(tài)網(wǎng)頁制作。靜態(tài)網(wǎng)頁技術(shù)分為傳統(tǒng)技術(shù)和新技術(shù)。傳統(tǒng)課堂教學(xué)內(nèi)容重點是布局表格、框架、模板等，而目前主流的網(wǎng)頁制作公司則主要應(yīng)用DIV+CSS。所以，對于陳舊的技術(shù)簡單介紹即可，而把DIV+CSS作為布局的主要技術(shù)進(jìn)行講解。由于這些內(nèi)容需要學(xué)生對代碼部分比較熟悉，所以，在課時中增加了相應(yīng)的HTML的基本語法結(jié)構(gòu)和語句的介紹，并對主要標(biāo)簽的使用熟練掌握。
（二）實際授課效果
筆者今年為設(shè)計和思政兩個專業(yè)的學(xué)生授課。設(shè)計專業(yè)的學(xué)生已經(jīng)開設(shè)了PS，有一定的設(shè)計基礎(chǔ)，所以，課程內(nèi)容改革中的第一部分可以省略；思政專業(yè)的學(xué)生沒有圖片處理基礎(chǔ)，筆者在授課過程中有意加強了這部分內(nèi)容，講授簡單的圖片處理方法和文字特效工具。實踐證明，學(xué)生有追求新知識的欲望，基本能做到學(xué)以致用，并反饋到最終的作品中。往屆學(xué)生的作品更像電子小報，而今年通過課程內(nèi)容改革的學(xué)生作品雖不完美，但在形式內(nèi)容上更接近Internet的正規(guī)網(wǎng)站，教學(xué)效果良好。針對我校提出建立培養(yǎng)服務(wù)于地方應(yīng)用型人才的本科院校，傳統(tǒng)的網(wǎng)頁設(shè)計與制作課程必須響應(yīng)時代號召，更新教學(xué)內(nèi)容與方法。本文僅供從事該課程教學(xué)的教師參考。
參考文獻(xiàn)：
