時(shí)間：2023-05-19 11:20:12
緒論：在尋找寫作靈感嗎？愛(ài)發(fā)表網(wǎng)為您精選了8篇網(wǎng)頁(yè)制作與設(shè)計(jì)，愿這些內(nèi)容能夠啟迪您的思維，激發(fā)您的創(chuàng)作熱情，歡迎您的閱讀與分享！
【關(guān)鍵詞】網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作 網(wǎng)絡(luò)現(xiàn)狀分析 網(wǎng)絡(luò)設(shè)計(jì)未來(lái)發(fā)展規(guī)劃
網(wǎng)絡(luò)課程設(shè)計(jì)是針對(duì)當(dāng)前網(wǎng)絡(luò)教學(xué)過(guò)程中，如何有效直觀的進(jìn)展課程和培養(yǎng)學(xué)生實(shí)際操作能力的一種教學(xué)方式，它突出以學(xué)生為重點(diǎn)，強(qiáng)調(diào)理論實(shí)際相結(jié)合從而達(dá)到快速掌握和應(yīng)用的目的。“網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作”是運(yùn)用編程語(yǔ)言，數(shù)據(jù)庫(kù)語(yǔ)言和網(wǎng)頁(yè)美工的一種集網(wǎng)頁(yè)鏈接、編輯、制作生成的所見(jiàn)即所得的網(wǎng)站編輯程序，它的誕生提高了宣傳和認(rèn)知能力，加速了電子商務(wù)的發(fā)展，基于它的重要性和普遍性，激發(fā)了我們對(duì)網(wǎng)絡(luò)課程設(shè)計(jì)的濃厚興趣，使之精益求精，來(lái)確保我們的“網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作”課程豐富多彩，運(yùn)用自如。
1 “網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作”網(wǎng)絡(luò)設(shè)計(jì)現(xiàn)狀分析
1.1 網(wǎng)站開(kāi)發(fā)語(yǔ)言安全性
網(wǎng)站開(kāi)發(fā)采用的語(yǔ)言有ASP、php、aspx、java等，實(shí)際開(kāi)發(fā)制作中PHP+SQL的應(yīng)用非常廣泛，這在網(wǎng)絡(luò)課程設(shè)計(jì)中也是綜合運(yùn)用的重要課程，它能獨(dú)立實(shí)現(xiàn)網(wǎng)頁(yè)的自由切換，完成復(fù)合圖形的鏈接，調(diào)整網(wǎng)站的模式結(jié)構(gòu)，它的動(dòng)態(tài)因素還能起到吸引眼球，脫穎而出的效果；網(wǎng)站開(kāi)發(fā)中PHP+SQL的綜合運(yùn)用更是提高了網(wǎng)頁(yè)的利用空間，加速了后臺(tái)數(shù)據(jù)庫(kù)的建立，同時(shí)提高了網(wǎng)站開(kāi)發(fā)的安全性和注重瀏覽者的綜合感受。
1.2 靜態(tài)網(wǎng)頁(yè)制作中Dreamweaver的應(yīng)用
現(xiàn)階段，在網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作課程中，Dreamweaver網(wǎng)頁(yè)靜態(tài)編輯器應(yīng)用最為廣泛，它從最初的1.0版本升級(jí)到CS5，同時(shí)它的功能也從簡(jiǎn)單的調(diào)節(jié)色階、飽和度、制作文字圖框上上升到獨(dú)立編輯和創(chuàng)建動(dòng)漫圖片，三維立體調(diào)色，人物實(shí)體渲染等豐富強(qiáng)大的功能，這在網(wǎng)頁(yè)制作圖像編輯上發(fā)揮了立竿見(jiàn)影的作用，其次它帶有掃描和創(chuàng)作功能，使制作的圖片所見(jiàn)即所得；同時(shí)他還具有自由變換渲染實(shí)景的強(qiáng)大功能，可以還原復(fù)古地域風(fēng)情、分辨明暗光景、豐富人物表情等，使我們的圖像新穎而富有特色。
1.3 收錄引擎對(duì)網(wǎng)站的友好度
搜索引擎屬于網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作的后臺(tái)工作，它是支撐網(wǎng)頁(yè)正常運(yùn)行的必要條件，也是網(wǎng)站鏈接顯示的重要組成部分，PHP、JAVA、ASP程序的編寫就好比人的大腦，它的關(guān)鍵度和完整度不言而喻。在制作處理完網(wǎng)頁(yè)，建立網(wǎng)站后往往要優(yōu)化系統(tǒng)，有利于提高網(wǎng)站的點(diǎn)擊率和被百度收錄的幾率，這也是網(wǎng)絡(luò)課程設(shè)計(jì)的范疇，由于網(wǎng)頁(yè)腳本語(yǔ)言的改革使得SEO優(yōu)化系統(tǒng)后豐富了網(wǎng)站的實(shí)用性，從而提高了網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作的熱情和創(chuàng)新性。
2 “網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作”設(shè)計(jì)發(fā)展規(guī)劃
2.1 多層次深發(fā)展?jié)M足不同領(lǐng)域的需求
網(wǎng)絡(luò)課程是一種以學(xué)生為主體的網(wǎng)絡(luò)教育方式，它注重學(xué)生的實(shí)操能力和融會(huì)貫通能力，改變了老師口傳式的傳統(tǒng)教學(xué)模式，更好的活躍了學(xué)生氛圍。網(wǎng)絡(luò)課程設(shè)計(jì)可以根據(jù)學(xué)生接受能力的不同、所處領(lǐng)域的不同實(shí)行分類式教學(xué)模式，分層次輔導(dǎo)，有的放矢。例如，對(duì)研究和專業(yè)學(xué)生的教學(xué)，專業(yè)學(xué)生注重就業(yè)方向，我們?cè)O(shè)計(jì)的網(wǎng)絡(luò)課程就偏重于實(shí)用性，把日后經(jīng)常用到的知識(shí)點(diǎn)納入教學(xué)中；對(duì)于研究?jī)A向的學(xué)生偏重于后臺(tái)技術(shù)的開(kāi)發(fā)，使它們?cè)诮窈蟮难芯恐腥〉眯碌倪M(jìn)展和突破，這樣做到有針對(duì)性的因材施教可以滿足不同領(lǐng)域?qū)W生的需求。網(wǎng)絡(luò)課程設(shè)計(jì)不受時(shí)間和地點(diǎn)的限制，可以重復(fù)式學(xué)習(xí)和互動(dòng)，使學(xué)生更好的接受和完成學(xué)習(xí)任務(wù)。
2.2 整合資源優(yōu)化知識(shí)結(jié)構(gòu)，提高網(wǎng)絡(luò)課程設(shè)計(jì)效率
在網(wǎng)絡(luò)課程設(shè)計(jì)中，注重知識(shí)點(diǎn)的整合和知識(shí)結(jié)構(gòu)的優(yōu)化是關(guān)鍵的一個(gè)步驟。網(wǎng)頁(yè)制作不僅要求學(xué)生靈活掌握網(wǎng)站框架結(jié)構(gòu)，而且在其藝術(shù)性上也提出了更高的要求，例如：在網(wǎng)頁(yè)制作中加入文字描述是我們常常遇到的問(wèn)題，這時(shí)我們可以涉及如何加入文字并進(jìn)行藝術(shù)設(shè)計(jì)，如何制作文字動(dòng)態(tài)效果，并且兼顧抓取整段文字的關(guān)鍵詞，瀏覽備注信息和搜索引擎中出現(xiàn)的頻率等，這樣就構(gòu)成了由點(diǎn)到面，循序漸進(jìn)形成一系列連貫的知識(shí)點(diǎn)。再有網(wǎng)站開(kāi)發(fā)過(guò)程中，網(wǎng)站鏈接瀏覽器的選擇也十分重要，它涉及到網(wǎng)站的權(quán)重問(wèn)題和優(yōu)先選擇問(wèn)題，網(wǎng)站權(quán)重突出了網(wǎng)站的地位和導(dǎo)向，我們來(lái)?yè)Q位思考一下，在搜索時(shí)習(xí)慣輸入什么知識(shí)點(diǎn)鏈接哪些網(wǎng)站，什么樣的域名優(yōu)先錄取等都是我們需要考慮的，這也是我們網(wǎng)絡(luò)課程設(shè)計(jì)中資源優(yōu)化的體現(xiàn)。
2.3 理論實(shí)際相結(jié)合，培養(yǎng)學(xué)生動(dòng)手能力
在網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作網(wǎng)絡(luò)課程設(shè)計(jì)中，首選要建立大量的圖庫(kù)資源和圖片資料，要求學(xué)生在日常生活中注意積累如各地人情，旅游風(fēng)景，代表建筑物等一些列具有紀(jì)念價(jià)值的圖片，使得網(wǎng)頁(yè)制作過(guò)程中有豐富素材可用；其次課程設(shè)計(jì)中要多引進(jìn)網(wǎng)站創(chuàng)新案例，利用多媒體播放一些特點(diǎn)鮮明的網(wǎng)站作品，使學(xué)生在潛意識(shí)中加深印象，在創(chuàng)新案例講解過(guò)程中融入教學(xué)重點(diǎn)和網(wǎng)絡(luò)設(shè)計(jì)難點(diǎn)，使學(xué)生享受成功案例的同時(shí)學(xué)到知識(shí)，長(zhǎng)時(shí)間耳濡目染使學(xué)生形成一種創(chuàng)新網(wǎng)站設(shè)計(jì)構(gòu)想的良性循環(huán)；最后要多培養(yǎng)學(xué)生善于總結(jié)和創(chuàng)新能力，注重學(xué)生的動(dòng)手能力，在網(wǎng)絡(luò)課程設(shè)計(jì)中要留出足夠時(shí)間，反復(fù)實(shí)操。
2.4 將前臺(tái)簡(jiǎn)單的網(wǎng)頁(yè)編輯延伸至后臺(tái)技術(shù)的開(kāi)發(fā)及數(shù)據(jù)庫(kù)的整理
網(wǎng)站后臺(tái)制作是一項(xiàng)乏味而艱巨的任務(wù)，針對(duì)它的特殊性和復(fù)雜性，在網(wǎng)絡(luò)課程設(shè)計(jì)時(shí)，注重多媒體的使用，這樣可以使枯燥的編程程序直觀的表達(dá)，易于學(xué)生的接受；其次后臺(tái)數(shù)據(jù)庫(kù)的整理工作更是需要專業(yè)知識(shí)的鋪墊，需要多涉及實(shí)際數(shù)據(jù)的推算和項(xiàng)目數(shù)據(jù)庫(kù)整理工作，同時(shí)注重學(xué)生的綜合感受和自我評(píng)價(jià)能力，使它們能完全融入先進(jìn)的課程設(shè)計(jì)中，從而達(dá)到理論實(shí)際結(jié)合的目的。
3 結(jié)束語(yǔ)
時(shí)代在發(fā)展，教育在改革，隨著計(jì)算機(jī)應(yīng)用的普及，網(wǎng)絡(luò)教育占據(jù)主流力量，網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作網(wǎng)絡(luò)課程設(shè)計(jì)會(huì)得到大力的推廣和應(yīng)用，它不僅可以直觀形象的講解原理，因材施教，而且注重學(xué)生理論實(shí)踐相結(jié)合的動(dòng)手能力，從而大大提高了學(xué)生的綜合素質(zhì)和就業(yè)適應(yīng)能力。
參考文獻(xiàn)
[1]韓陵宜.網(wǎng)頁(yè)制作課程教學(xué)及考核方式的研究與探索[J].計(jì)算機(jī)教學(xué)與教育信息，2008（03）.
[2]紀(jì)明明.淺談“項(xiàng)目教學(xué)法”在網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)課程教學(xué)中的應(yīng)用[J].中國(guó)新技術(shù)新產(chǎn)品，2010.
[3]盧新建.試談ASP動(dòng)態(tài)網(wǎng)頁(yè)課程的教學(xué)探索[J].計(jì)算機(jī)應(yīng)用教學(xué)研究，2010（10）.
作者簡(jiǎn)介
史文斌（1986-），男，籍貫：江蘇蘇州，大學(xué)本科，現(xiàn)供職于蘇州大學(xué)計(jì)算機(jī)學(xué)院，研究方向?yàn)橛?jì)算機(jī)技術(shù)。
關(guān)鍵詞：專題學(xué)習(xí)網(wǎng)站；網(wǎng)頁(yè)制作；設(shè)計(jì)；實(shí)現(xiàn)
中圖分類號(hào)：TP393.092-4
準(zhǔn)備建設(shè)的專題學(xué)習(xí)網(wǎng)站是基于網(wǎng)絡(luò)資源的數(shù)字化學(xué)習(xí)平臺(tái)，利用網(wǎng)絡(luò)技術(shù)，創(chuàng)設(shè)主動(dòng)學(xué)習(xí)情境，讓學(xué)生在開(kāi)放、互動(dòng)的平臺(tái)上去尋求《網(wǎng)頁(yè)制作》專題資源，激發(fā)學(xué)生學(xué)習(xí)興趣，讓學(xué)生主動(dòng)思考、主動(dòng)探索、主動(dòng)學(xué)習(xí)，實(shí)現(xiàn)高效課堂。讓學(xué)生在建設(shè)網(wǎng)站的過(guò)程中，學(xué)習(xí)掌握提高《網(wǎng)頁(yè)制作》的技能，體現(xiàn)“學(xué)中做，做中學(xué)”的教學(xué)理念。
《網(wǎng)頁(yè)制作》是開(kāi)設(shè)一學(xué)期的課程，主要內(nèi)容包括網(wǎng)頁(yè)的基礎(chǔ)知識(shí)、網(wǎng)頁(yè)布局和色彩搭配、HTML語(yǔ)言、JavaScript腳本語(yǔ)言、Dreamweaver軟件使用、CSS層疊樣式表、AJAX技術(shù)、jQuery技術(shù)、網(wǎng)站的創(chuàng)建與管理。還涉及到使用Photoshop軟件對(duì)網(wǎng)頁(yè)圖像進(jìn)行處理、使用Flash軟件制作網(wǎng)頁(yè)動(dòng)畫等其他相關(guān)課程。
在實(shí)際的教學(xué)過(guò)程中，往往需要使用大量的素材和學(xué)習(xí)視頻教程。這些學(xué)習(xí)資源怎樣能夠方便快捷的分發(fā)到學(xué)生的計(jì)算機(jī)上，成為需要解決的問(wèn)題。如果機(jī)房的計(jì)算機(jī)是通過(guò)網(wǎng)線連成小型局域網(wǎng)的，就可以先把工作頁(yè)、資料包等學(xué)習(xí)資源先存儲(chǔ)到一臺(tái)學(xué)生機(jī)上，再利用windows自帶的文件夾共享功能，將其共享，便于其他學(xué)生從這臺(tái)計(jì)算機(jī)上下載資源。文件夾共享實(shí)現(xiàn)過(guò)程如下：
鼠標(biāo)右擊文件夾，在彈出的快捷菜單中，選“共享和安全”，選中在網(wǎng)絡(luò)上共享這個(gè)文件夾。這時(shí)，其他用戶就可以通過(guò)網(wǎng)絡(luò)訪問(wèn)這個(gè)文件夾，下載其中的學(xué)習(xí)資源。
這樣利用文件夾共享的方法實(shí)現(xiàn)資源下載，優(yōu)點(diǎn)是操作簡(jiǎn)便。缺點(diǎn)是機(jī)房的計(jì)算機(jī)一般都帶有C盤還原功能，往往一次共享完成后，下一次重新啟動(dòng)計(jì)算機(jī)后，還需要再次設(shè)置文件夾共享，十分麻煩。專題學(xué)習(xí)網(wǎng)站就可以實(shí)現(xiàn)簡(jiǎn)單的文件夾共享達(dá)不到的效果，可以使素材和教學(xué)資源分類存儲(chǔ)在服務(wù)器上，以清晰明了的操作界面，便于學(xué)生在線學(xué)習(xí)和下載相應(yīng)的網(wǎng)頁(yè)制作素材。
1 《網(wǎng)頁(yè)制作》專題學(xué)習(xí)網(wǎng)站的作用
專題學(xué)習(xí)網(wǎng)站為中等職業(yè)學(xué)校計(jì)算機(jī)專業(yè)學(xué)生《網(wǎng)頁(yè)制作》課程的學(xué)習(xí)提供優(yōu)質(zhì)的數(shù)字化學(xué)習(xí)資源，為學(xué)生提供制作網(wǎng)頁(yè)所需的豐富資源，搭建展示學(xué)生作品成果的平臺(tái)。通過(guò)專題學(xué)習(xí)網(wǎng)站創(chuàng)設(shè)學(xué)生自主學(xué)習(xí)的情境，引導(dǎo)、激發(fā)學(xué)生學(xué)習(xí)《網(wǎng)頁(yè)制作》課程的積極性，建立高效課堂，讓學(xué)生更好的掌握網(wǎng)頁(yè)制作的技能。
（1）研究中職學(xué)生特點(diǎn)，動(dòng)手實(shí)踐能力相對(duì)于理論知識(shí)學(xué)習(xí)能力強(qiáng)。
（2）分析《網(wǎng)頁(yè)制作》課程，涉及內(nèi)容廣、技術(shù)多，實(shí)踐性和技能性強(qiáng)。
（3）設(shè)計(jì)開(kāi)發(fā)專題學(xué)習(xí)網(wǎng)站，探索基于專題學(xué)習(xí)網(wǎng)站的《網(wǎng)頁(yè)制作》課程的教學(xué)模式。
給《網(wǎng)頁(yè)制作》課程的教學(xué)提供教學(xué)資源，輔助學(xué)生進(jìn)行自主學(xué)習(xí)。在課外時(shí)間里，對(duì)于學(xué)生的學(xué)習(xí)給予支持，幫助學(xué)生學(xué)習(xí)在課堂上沒(méi)有完全掌握的知識(shí)。提供學(xué)生展示作品的平臺(tái)，學(xué)生和老師在這里可以對(duì)學(xué)生的作品進(jìn)行一系列的評(píng)價(jià)。提供一個(gè)在課外進(jìn)行師生交流或生生交流的平臺(tái)，學(xué)生可以在這里提問(wèn)、交流學(xué)習(xí)心得等。
2 《網(wǎng)頁(yè)制作》專題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)
首先網(wǎng)站需要教學(xué)資源模塊來(lái)進(jìn)行教學(xué)的輔助，教學(xué)資源模塊既能輔助課堂教學(xué)，也可以指導(dǎo)學(xué)生進(jìn)行自主學(xué)習(xí)。其次作品展示模塊，學(xué)生需要一個(gè)作品展示模塊，首先通過(guò)展示學(xué)生自己的作品能夠激發(fā)學(xué)生自己的興趣，第二展示作品模塊有助于學(xué)生進(jìn)行自評(píng)互評(píng)。第三，討論模塊，既要有以班級(jí)為單位的討論小組，也要有全校師生都能進(jìn)行參與的大型討論平臺(tái)，使學(xué)生在學(xué)習(xí)中出現(xiàn)問(wèn)題時(shí)，能夠自主的進(jìn)行討論學(xué)習(xí)。
在建站之初，為網(wǎng)站以后繼續(xù)完善（例如：開(kāi)發(fā)手機(jī)客戶端等），需要考慮給學(xué)生劃定一塊空間，讓學(xué)生自己上傳自己的網(wǎng)站作品。自己維護(hù)自己的網(wǎng)站，將網(wǎng)站交給學(xué)生自己運(yùn)營(yíng)。讓學(xué)生發(fā)出自己的聲音。
為了把建立網(wǎng)站的過(guò)程和學(xué)生的《網(wǎng)頁(yè)制作》的學(xué)習(xí)過(guò)程相結(jié)合。主要是教學(xué)資源的共建共享，在課堂使用該網(wǎng)站的教學(xué)資源進(jìn)行輔助教學(xué)，結(jié)合工作過(guò)程系統(tǒng)化的課程開(kāi)發(fā)，結(jié)合工作頁(yè)的素材的使用。通過(guò)上傳網(wǎng)站網(wǎng)頁(yè)給學(xué)生一個(gè)展示自己作品的機(jī)會(huì)。
可以讓每一個(gè)班級(jí)在校園網(wǎng)上建立自己的班級(jí)網(wǎng)頁(yè)，將校報(bào)辦到網(wǎng)上去，網(wǎng)頁(yè)上建立與中職學(xué)生相關(guān)的欄目，例如：求職、招聘信息等。組織學(xué)生自己定期更新常用工具軟件的版本，交流專業(yè)課的學(xué)習(xí)體會(huì)。利用所學(xué)知識(shí)解決實(shí)際問(wèn)題，活學(xué)活用，學(xué)生在使用專題學(xué)習(xí)網(wǎng)站中遇到了問(wèn)題，通過(guò)小組討論去尋找答案。將工作過(guò)程系統(tǒng)化課程學(xué)習(xí)情境實(shí)施的六個(gè)步驟：資訊、計(jì)劃、決策、實(shí)施、檢查、評(píng)價(jià)，充分運(yùn)用到教學(xué)實(shí)踐當(dāng)中。達(dá)到學(xué)生越學(xué)越愛(ài)學(xué)，越學(xué)越想學(xué)的自主學(xué)習(xí)狀態(tài)，真正實(shí)現(xiàn)專業(yè)課教學(xué)是以學(xué)生為主體，教師起到陪伴學(xué)生自主學(xué)習(xí)的作用。
3 《網(wǎng)頁(yè)制作》專題學(xué)習(xí)網(wǎng)站的實(shí)現(xiàn)
網(wǎng)站開(kāi)發(fā)中，數(shù)據(jù)庫(kù)技術(shù)主要用來(lái)支持實(shí)現(xiàn)協(xié)作學(xué)習(xí)平臺(tái)、專題研討等動(dòng)態(tài)網(wǎng)頁(yè)部分?jǐn)?shù)據(jù)的存取。常用的數(shù)據(jù)庫(kù)有ACCESS、SQL Server、My SQL等。圖像處理技術(shù)主要用來(lái)設(shè)計(jì)、生成網(wǎng)頁(yè)背景圖片，使網(wǎng)頁(yè)更加美觀，有利于創(chuàng)設(shè)“真實(shí)”的學(xué)習(xí)情境。常用的圖像處理軟件有Photoshop、Fireworks。
運(yùn)用靜態(tài)網(wǎng)頁(yè)制作技術(shù)、動(dòng)態(tài)網(wǎng)頁(yè)制作技術(shù)、數(shù)據(jù)庫(kù)技術(shù)、三層結(jié)構(gòu)技術(shù)進(jìn)行網(wǎng)站開(kāi)發(fā)，編碼實(shí)現(xiàn)網(wǎng)站的建設(shè)制作過(guò)程。《網(wǎng)頁(yè)制作》專題學(xué)習(xí)網(wǎng)站的測(cè)試、評(píng)價(jià)和完善，專題學(xué)習(xí)網(wǎng)站建成完成后，依照專題學(xué)習(xí)網(wǎng)站各個(gè)功能模塊的功能，在應(yīng)用專題學(xué)習(xí)網(wǎng)站教學(xué)的過(guò)程中不斷糾正和完善，通過(guò)問(wèn)卷調(diào)查專題學(xué)習(xí)網(wǎng)站的應(yīng)用效果，更全面的了解基于專題學(xué)習(xí)網(wǎng)站的教學(xué)模式的有效性。
通過(guò)校園網(wǎng)試運(yùn)行《網(wǎng)頁(yè)制作》專題學(xué)習(xí)網(wǎng)站，邀請(qǐng)網(wǎng)站設(shè)計(jì)與制作專家和學(xué)生使用專題學(xué)習(xí)網(wǎng)站，根據(jù)反饋意見(jiàn)，對(duì)網(wǎng)站進(jìn)行修改和完善。
4 結(jié)束語(yǔ)
專題學(xué)習(xí)網(wǎng)站不僅為學(xué)生提供了豐富的專題學(xué)習(xí)資源，還為學(xué)生提供了功能強(qiáng)大的協(xié)作平臺(tái)和專題研討區(qū)，為學(xué)習(xí)者開(kāi)展協(xié)作學(xué)習(xí)、交流和探討相關(guān)問(wèn)題、展示自己的學(xué)習(xí)成果提供了良好的舞臺(tái)。利用專題學(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é)的輔助平臺(tái).用以促進(jìn)教學(xué)的交流。通過(guò)博客、微博敘事式的記錄可以更好地了解教師的教學(xué)思想、研究成果和興趣愛(ài)好.也可以進(jìn)行教師之間的教學(xué)交流。學(xué)生可以發(fā)表自己的見(jiàn)解和想法。特別是作品創(chuàng)意，供其他同學(xué)學(xué)習(xí)和參考，以達(dá)到共同進(jìn)步的目的。
運(yùn)用教學(xué)設(shè)計(jì)思想對(duì)《網(wǎng)頁(yè)制作》專題學(xué)習(xí)網(wǎng)站進(jìn)行設(shè)計(jì)，主要包括需求分析與功能定位，中職學(xué)生特征分析，專題內(nèi)容的選擇，信息資源的選擇與設(shè)計(jì)，自主學(xué)習(xí)的設(shè)計(jì)，學(xué)習(xí)評(píng)價(jià)系統(tǒng)的設(shè)計(jì)，學(xué)習(xí)情境創(chuàng)設(shè)等內(nèi)容。通過(guò)專題學(xué)習(xí)網(wǎng)站創(chuàng)設(shè)學(xué)生自主學(xué)習(xí)的情境，引導(dǎo)、激發(fā)學(xué)生學(xué)習(xí)《網(wǎng)頁(yè)制作》課程的積極性，建立高效課堂，讓學(xué)生更好的掌握網(wǎng)頁(yè)制作的技能。
參考文獻(xiàn)：
[1]郝中超，金薇.Web3.0環(huán)境下運(yùn)用專題學(xué)習(xí)網(wǎng)站實(shí)現(xiàn)學(xué)習(xí)資源共享建設(shè)的思考――運(yùn)用專題學(xué)習(xí)網(wǎng)站實(shí)現(xiàn)學(xué)習(xí)資源共享的應(yīng)用現(xiàn)狀調(diào)查分析[J].中國(guó)教育信息化，2013（01）.
[2]張利桃，任改梅，李揚(yáng).基于專題學(xué)習(xí)網(wǎng)站的“WebQuest”學(xué)習(xí)過(guò)程設(shè)計(jì)[J].中國(guó)電化教育，2013（02）.
Photoshop在圖片處理上具有強(qiáng)大的功能，尤其是對(duì)圖像進(jìn)行精細(xì)化操作，更是奠定了其在廣告設(shè)計(jì)及美術(shù)創(chuàng)作中的堅(jiān)實(shí)地位。當(dāng)然，在網(wǎng)頁(yè)制作模型設(shè)計(jì)上，Photoshop依然可以憑借其精細(xì)化、功能化優(yōu)勢(shì)來(lái)實(shí)現(xiàn)美輪美奐的網(wǎng)頁(yè)規(guī)劃效果。
【關(guān)鍵詞】Photoshop 網(wǎng)頁(yè)制作 模型設(shè)計(jì) 實(shí)現(xiàn)方法
1 引言
現(xiàn)代網(wǎng)絡(luò)技術(shù)的發(fā)展，對(duì)網(wǎng)頁(yè)制作提出越來(lái)越高的要求。Photoshop作為功能強(qiáng)大的圖像處理軟件，同樣在網(wǎng)頁(yè)制作設(shè)計(jì)中不容小覷。如在不同格式文件上兼容性強(qiáng)，圖像處理精度高、誤差少、視覺(jué)效果顯著，更成為網(wǎng)頁(yè)圖像、動(dòng)畫、基于Web頁(yè)面設(shè)計(jì)領(lǐng)域的優(yōu)秀工具。
2 Photoshop在網(wǎng)頁(yè)建模的獨(dú)特優(yōu)勢(shì)
2.1 頁(yè)面布局功能的靈活性
利用Photoshop來(lái)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)，主要是利用圖層的特色功效，可以實(shí)現(xiàn)不同層次上不同元素的放置，且在進(jìn)行移動(dòng)時(shí)不會(huì)影響其他元素及整體視覺(jué)效果。當(dāng)然，對(duì)于圖層空間不僅可以放置單獨(dú)頁(yè)面要素，還可以放置鏈接，還可以進(jìn)行疊加，確保不同圖層上不同要素的色彩、亮度、大小等不會(huì)出現(xiàn)偏差。由此以來(lái)，在進(jìn)行網(wǎng)頁(yè)要素規(guī)劃及布局上，可以依照設(shè)計(jì)者的思維進(jìn)行靈活操作，增強(qiáng)了設(shè)計(jì)自由度。
2.2 修改功能的便捷性
由于網(wǎng)站在設(shè)計(jì)過(guò)程中因客戶的要求而進(jìn)行修改是常有的，而Photoshop因其便捷的修改功能，可以先通過(guò)Photoshop設(shè)計(jì)出效果圖，然而結(jié)合需求變化來(lái)優(yōu)化，最終獲得客戶的滿意。對(duì)于其他軟件則無(wú)法實(shí)現(xiàn)自由、從容的修改。
2.3 網(wǎng)頁(yè)瀏覽的快速性
網(wǎng)頁(yè)制作的目的在于瀏覽，而瀏覽體驗(yàn)不僅需要美觀和規(guī)范的視覺(jué)效果，還要具有良好的網(wǎng)站交互能力。特別是對(duì)于大型網(wǎng)頁(yè)架構(gòu)，因加載項(xiàng)目過(guò)多，對(duì)網(wǎng)速要求過(guò)高。但對(duì)于Photoshop制作的網(wǎng)頁(yè)，多采用裁切體積及文件格式轉(zhuǎn)換，對(duì)系統(tǒng)資源占用率較低，從而能夠保障快速的反應(yīng)速度，提升瀏覽的流暢度。
3 Photoshop網(wǎng)頁(yè)制作模型的設(shè)計(jì)與應(yīng)用
3.1 Photoshop新建圖像文件
根據(jù)網(wǎng)頁(yè)設(shè)計(jì)模型基本框架要求，首先需要新建圖像文件，以常規(guī)1280*800像素為例，可以設(shè)置瀏覽器的圖像寬度、高度為1260*780，選擇RGB色彩模式，便于在Photoshop中利用色彩的疊加營(yíng)造五彩繽紛的視覺(jué)效果。
3.2 Photoshop設(shè)計(jì)網(wǎng)頁(yè)布局
針對(duì)不同功能、不同用途的網(wǎng)站，其頁(yè)面框架結(jié)構(gòu)也不盡相同。通常情況下，對(duì)于視覺(jué)的熱點(diǎn)效應(yīng)多聚焦于左上角。在進(jìn)行網(wǎng)頁(yè)瀏覽時(shí)，左上部及上部為視覺(jué)中心，其后往下閱讀，呈現(xiàn)出“F”形特征。因此，在頁(yè)面布局上，圍繞網(wǎng)站標(biāo)識(shí)、站名、導(dǎo)航條、熱點(diǎn)欄目、頭條等頁(yè)面布局要素，來(lái)重點(diǎn)優(yōu)化左上部區(qū)域。如對(duì)于綜合性網(wǎng)站，通常采用“國(guó)”字型頁(yè)面布局，最上面為標(biāo)示欄及廣告條，其次為網(wǎng)站的主體內(nèi)容，再次左右各一列小字號(hào)標(biāo)題欄目，中間側(cè)重于圖文并茂的內(nèi)容，最下面為基本信息，包括版權(quán)、聯(lián)系方式等說(shuō)明。因此，在設(shè)計(jì)上，利用Photoshop在頁(yè)面上設(shè)置“T”型字，形成三塊空間，最上面為標(biāo)識(shí)、廣告條等；左側(cè)為導(dǎo)航欄，右側(cè)為網(wǎng)站主體內(nèi)容；接下來(lái)設(shè)置不同的頁(yè)面圖層，并在不同圖層上進(jìn)行繪制，結(jié)合Photoshop的圖形、渲染功能來(lái)完成。
3.3 Photoshop網(wǎng)頁(yè)模型集成
完整的網(wǎng)站需要具備Logo、廣告欄Gif動(dòng)畫，背景底紋及導(dǎo)航按鈕等。對(duì)于網(wǎng)站Logo，利用Photoshop豐富的圖像設(shè)計(jì)功能來(lái)設(shè)計(jì)獨(dú)特的富有個(gè)性的標(biāo)識(shí)。如新浪網(wǎng)標(biāo)識(shí)中的“i”通過(guò)進(jìn)行藝術(shù)化處理，將之轉(zhuǎn)換為活靈活現(xiàn)的眼睛，正是傳達(dá)“世界在你眼中”的設(shè)計(jì)理念，增強(qiáng)了視覺(jué)動(dòng)感；再如人人網(wǎng)的標(biāo)識(shí)，利用對(duì)“人”字的抽象變形，代表每一個(gè)人；輔以圓圈，寓意人際圈，其共同的交集則象征著人與人的協(xié)作、分享、溝通。可見(jiàn)，對(duì)于標(biāo)志的設(shè)計(jì)，既要從視覺(jué)審美上來(lái)表達(dá)生動(dòng)的效果，還要從文化內(nèi)涵彰顯豐富的意蘊(yùn)。Photoshop可以實(shí)現(xiàn)對(duì)矢量圖形的任意變形而不失真，從而為我們進(jìn)行自由創(chuàng)作和設(shè)計(jì)提供了無(wú)與倫比的設(shè)計(jì)環(huán)境。如可以利用鋼筆工具來(lái)繪制矢量圖，保存為JPG格式占用空間小，帶來(lái)較快的響應(yīng)速度。
廣告欄多采用GIF動(dòng)畫，位置多居于網(wǎng)頁(yè)的最醒目中間靠上，在動(dòng)畫內(nèi)容上可以是企業(yè)精神、也可以是產(chǎn)品介紹，以圖像自動(dòng)切換等方式來(lái)呈現(xiàn)。利用Photoshop和ImageReady可以制作出簡(jiǎn)單、易用、低系統(tǒng)占用率的GIF動(dòng)畫，避免了傳統(tǒng)SWF動(dòng)畫設(shè)計(jì)對(duì)插件的要求。舉例來(lái)說(shuō)明，以600*200像素廣告欄為例，其操作過(guò)程如下：首先新建600*200像素文件，分別插入四張不同的圖片到1，2，3，4個(gè)圖層里，調(diào)整各圖層中圖形尺寸，使其保持和諧度；分別在4個(gè)圖層新建文本圖層，并打出不同的廣告語(yǔ)，與相應(yīng)圖層進(jìn)行合并；利用ImageReady，打開(kāi)后點(diǎn)擊“動(dòng)畫”面板，復(fù)制當(dāng)前幀，連點(diǎn)3下，使幀數(shù)為4；分別對(duì)各幀進(jìn)行操作，每一幀顯示一個(gè)圖層的內(nèi)容；設(shè)置動(dòng)畫延時(shí)數(shù)值；轉(zhuǎn)存為GIF動(dòng)畫格式，預(yù)覽效果。
3.4 Photoshop設(shè)計(jì)底紋背景
在利用Photoshop進(jìn)行背景設(shè)計(jì)時(shí)，可以利用無(wú)限填充功能，只要設(shè)計(jì)一個(gè)背景元素，將之無(wú)縫連接并填充整個(gè)背景頁(yè)面即可。如可以設(shè)計(jì)一個(gè)1*2像素的條形狀背景圖，保存為JPG格式，并填充整個(gè)背景，而這個(gè)背景文件卻僅有幾k的大小。
3.5 Photoshop設(shè)計(jì)網(wǎng)頁(yè)按鈕
按鈕是網(wǎng)頁(yè)制作模型中的必要內(nèi)容，在設(shè)計(jì)上要注意幾點(diǎn)：一是大小尺寸要以像素為單位，避免圖像失真；二是保存為JPG格式，對(duì)于有透明像素的需要改為GIF格式；三是利用Photoshop處理過(guò)的源文件要另存為PSD格式，便于后期修改；四是利用切片工具進(jìn)行切割時(shí)要依靠參考線，保持頁(yè)面布局一致性，避免爆邊。
4 結(jié)語(yǔ)
總之，利用Photoshop進(jìn)行網(wǎng)頁(yè)制作模型設(shè)計(jì)，要從網(wǎng)頁(yè)整體功能及展示特性上，積極挖掘Photoshop在網(wǎng)頁(yè)圖像、動(dòng)畫、WEB化頁(yè)面設(shè)計(jì)中的優(yōu)勢(shì)，提升網(wǎng)頁(yè)制作的應(yīng)用效率。
參考文獻(xiàn)
[1]王春艷，張彥芳.Photoshop在網(wǎng)頁(yè)制作中的應(yīng)用[J].電子制作，2014（02）.
[2]鄧美玲.淺談Photoshop在網(wǎng)頁(yè)制作中的應(yīng)用[J].無(wú)線互聯(lián)科技，2015（01）.
關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)；教法；學(xué)法
中圖分類號(hào)：TP3-4文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：1007-9599 (2012) 07-0000-02
在網(wǎng)絡(luò)技術(shù)迅速發(fā)展的今天，網(wǎng)頁(yè)設(shè)計(jì)與制作已成為當(dāng)今社會(huì)上一種比較熱門的技術(shù)，也是“計(jì)算機(jī)應(yīng)用技術(shù)、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、國(guó)際貿(mào)易、國(guó)際商務(wù)專業(yè)”等專業(yè)學(xué)生的必修課，同時(shí)，也是相關(guān)專業(yè)學(xué)生的選修課[1]。
一、《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程現(xiàn)狀與問(wèn)題
對(duì)于以往的教學(xué)方式與內(nèi)容，其相對(duì)落后的表現(xiàn)為：以簡(jiǎn)單分析為主線，系統(tǒng)的概念化設(shè)計(jì)思想較弱；以文字教材與課堂講述的方式傳授知識(shí)為主導(dǎo)；過(guò)于重視軟件的操作，幾乎沒(méi)有創(chuàng)新設(shè)計(jì)的內(nèi)容，忽視培養(yǎng)學(xué)生創(chuàng)造性思維；新理論、新技術(shù)相對(duì)偏少；與實(shí)際案例的聯(lián)系不密切、沒(méi)有反映現(xiàn)實(shí)技術(shù)的發(fā)展水平。
二、《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)改革的對(duì)策
（一）教法的改革
“教師一張嘴、學(xué)生一支筆”的傳統(tǒng)“填鴨式”教學(xué)模式，是培養(yǎng)不出掌握熟練技能技巧面向市場(chǎng)的網(wǎng)頁(yè)制作人才的。為此，我們必須在教師的教法上改革傳統(tǒng)的教學(xué)模式。
1.注重培養(yǎng)學(xué)生的新思維
教學(xué)改革的關(guān)鍵是教師，要把如何培養(yǎng)具有創(chuàng)新能力的網(wǎng)頁(yè)制作人才放在第一位。有了創(chuàng)新意識(shí)，就能抓住創(chuàng)新機(jī)會(huì)，產(chǎn)生創(chuàng)新方法，啟動(dòng)創(chuàng)新思維。通過(guò)改革，帶動(dòng)和影響學(xué)生去創(chuàng)造、去想象、去獨(dú)立思考。培養(yǎng)學(xué)生的創(chuàng)新思維，可以改變學(xué)生依賴?yán)蠋煹牧?xí)慣，也可以改變計(jì)算機(jī)教學(xué)傳統(tǒng)的填鴨式、灌輸式的教學(xué)方法。代之以自學(xué)指導(dǎo)法、嘗試教學(xué)法、提問(wèn)驗(yàn)證法等。教學(xué)方法創(chuàng)新，可使學(xué)生具有獲取新知識(shí)的能力，為他們?cè)诮窈蠊ぷ髦胁粩鄤?chuàng)新打下基礎(chǔ)。
2.使學(xué)生從課本中解放出來(lái)動(dòng)手實(shí)踐
傳統(tǒng)教學(xué)方式學(xué)生取得知識(shí)的途徑主要是教師的課堂講授和教科書。筆者認(rèn)為，教師應(yīng)該讓學(xué)生從書本和課堂中適度解放出來(lái)，要求學(xué)生積極參加實(shí)踐，接觸實(shí)際問(wèn)題，在經(jīng)歷實(shí)踐的同時(shí)和解決問(wèn)題中獲取知識(shí)。教師對(duì)每一門計(jì)算機(jī)課都給學(xué)生布置實(shí)踐課題，作業(yè)考核測(cè)試盡量在電腦上進(jìn)行，實(shí)行“無(wú)紙化”，使理論和實(shí)踐教學(xué)有機(jī)地統(tǒng)一。
3.鼓勵(lì)并組織學(xué)生校外實(shí)習(xí)
為了讓學(xué)生能更好的適應(yīng)社會(huì)需求，在充分發(fā)揮本校人力資源的基礎(chǔ)上，與一些IT公司聯(lián)合，鼓勵(lì)并組織一些學(xué)生去公司實(shí)習(xí)，讓學(xué)生有機(jī)會(huì)參與實(shí)際項(xiàng)目的開(kāi)發(fā)和管理，提高實(shí)際應(yīng)用水平。同時(shí)，也可以聘請(qǐng)公司專門從事網(wǎng)頁(yè)制作的人員來(lái)校授課，讓學(xué)生能及時(shí)了解學(xué)科前沿應(yīng)用信息并掌提高新技術(shù)，盡力讓學(xué)生的認(rèn)知內(nèi)容始終與世界資訊保持一致。
（二）學(xué)法的改革
1.引導(dǎo)學(xué)生轉(zhuǎn)變思想
學(xué)生從高中升人高職，大部分學(xué)生已經(jīng)習(xí)慣中學(xué)教師的教法。簡(jiǎn)單的說(shuō)就是，學(xué)生只會(huì)學(xué)習(xí)老師教的內(nèi)容，不會(huì)太多想和學(xué)課外的一些知識(shí)點(diǎn)。但是，現(xiàn)在不同了，首先要從思想上給學(xué)生敲一下警鐘，讓他們知道，高校不同于中學(xué)，高校的學(xué)習(xí)和學(xué)法主要靠個(gè)人，網(wǎng)頁(yè)制作的知識(shí)無(wú)邊無(wú)際，需要學(xué)生自己去好好學(xué)習(xí)，自己去鉆研。因此，老師應(yīng)該更多的提醒學(xué)生平時(shí)獨(dú)立思考問(wèn)題、獨(dú)立看書、獨(dú)立去實(shí)踐，逐步轉(zhuǎn)變學(xué)生的慣性思維。
2.引導(dǎo)學(xué)生理論與實(shí)際相結(jié)合
我們注意引導(dǎo)學(xué)生從課本中解放出來(lái)，但是也不能完全的脫離課本。尤其是網(wǎng)頁(yè)制作科目的實(shí)踐性很強(qiáng)，所以一定要注意提醒學(xué)生不能忘掉課本的這個(gè)“本”，注意理論與實(shí)踐相結(jié)合，只有通過(guò)在實(shí)踐中來(lái)發(fā)現(xiàn)問(wèn)題，同時(shí)又從課本中獲取知識(shí)，才能達(dá)到理論與實(shí)踐相結(jié)合，才能增長(zhǎng)知識(shí)，才能取得更大的進(jìn)步。
3.引導(dǎo)學(xué)生利用好網(wǎng)絡(luò)資源
隨著學(xué)校網(wǎng)絡(luò)環(huán)境的進(jìn)一步改善，學(xué)生上網(wǎng)的機(jī)會(huì)也隨之增多。網(wǎng)絡(luò)資源為我們的教學(xué)提供了一個(gè)很好的學(xué)習(xí)資源，但需要教師的有效規(guī)范和引導(dǎo)。網(wǎng)上關(guān)于網(wǎng)頁(yè)制作的相關(guān)網(wǎng)站很多，有一些做網(wǎng)頁(yè)的相關(guān)技巧等著學(xué)生去學(xué)。通過(guò)學(xué)生對(duì)網(wǎng)絡(luò)資源的利用，既能大大的補(bǔ)充學(xué)生做網(wǎng)頁(yè)知識(shí)的全面性，又能很好的激發(fā)學(xué)生學(xué)習(xí)的積極性。
4.引導(dǎo)學(xué)生建立學(xué)習(xí)小組
在教學(xué)的過(guò)程中，我們可以將學(xué)生每4—6人來(lái)建立一個(gè)學(xué)習(xí)小組，小組成員之間相互協(xié)作，相互幫助，來(lái)共同解決問(wèn)題。同時(shí)可以讓小組中尖子生充當(dāng)小老師來(lái)指導(dǎo)其他成員，從而達(dá)到共同學(xué)習(xí)進(jìn)步的效果。學(xué)習(xí)小組的建立，初步培養(yǎng)同學(xué)們合作交流的愿望，使他們能主動(dòng)與他人合作，敢于提出與別人不同的見(jiàn)解，也勇于放棄或修正自己的錯(cuò)誤觀點(diǎn)。通過(guò)學(xué)生的共同探索，可以培養(yǎng)同學(xué)之間相互合作、共同探索的團(tuán)隊(duì)精神，也可以提高學(xué)習(xí)效率。
（三）成績(jī)考核方法的改革
網(wǎng)頁(yè)制作操作性很強(qiáng)，實(shí)踐內(nèi)容多，而理論知識(shí)少，一個(gè)學(xué)生學(xué)得好不好，關(guān)鍵看學(xué)生的動(dòng)手能力怎么樣。對(duì)學(xué)生成績(jī)的考核也是網(wǎng)頁(yè)制作教師長(zhǎng)期探索的課題。
1.小的知識(shí)點(diǎn)，平時(shí)隨堂考查
在時(shí)間允許的情況下對(duì)每個(gè)學(xué)生要逐一檢查，使學(xué)生在平時(shí)就養(yǎng)成對(duì)小知識(shí)點(diǎn)的積累。久而久之，做一個(gè)網(wǎng)站的所有知識(shí)點(diǎn)就會(huì)慢慢的積累起來(lái)。
2.提前布置一些較大的工程（如個(gè)人主頁(yè)、網(wǎng)店設(shè)計(jì)之類）
如何使學(xué)生將一些小的知識(shí)點(diǎn)組合成為一個(gè)大的或綜合的網(wǎng)站才是做網(wǎng)頁(yè)最終目的。因此，開(kāi)學(xué)初我們就可以布置個(gè)人主頁(yè)、網(wǎng)店設(shè)計(jì)的任務(wù)，要求學(xué)生做好準(zhǔn)備，到期末后一起交上來(lái)。這樣既可以即學(xué)即用，也使得學(xué)生在平時(shí)把精力真正的投入到專業(yè)技能的訓(xùn)練上。
3.上機(jī)操作
期末考試的成績(jī)不能僅僅就是上面的兩個(gè)方面的成績(jī)，還要讓學(xué)生能在規(guī)定的時(shí)間內(nèi)來(lái)完成老師所規(guī)定的一個(gè)網(wǎng)站來(lái)，學(xué)生可以自由發(fā)揮，設(shè)計(jì)想出自己獨(dú)特風(fēng)格的網(wǎng)頁(yè)，這樣對(duì)學(xué)生就會(huì)有一個(gè)很大促進(jìn)作用，有助于學(xué)生獨(dú)創(chuàng)意識(shí)的發(fā)展。
三、五步教學(xué)法
《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程特點(diǎn)是：具有很強(qiáng)的操作性，并且新技術(shù)不斷涌現(xiàn)，有明顯的時(shí)展特點(diǎn)，教學(xué)內(nèi)容須同步更新；設(shè)計(jì)無(wú)定勢(shì)，故極富創(chuàng)意性、挑戰(zhàn)性，要求學(xué)生手腦并用。
基于以上特點(diǎn)，教學(xué)時(shí)可反復(fù)采用五步法訓(xùn)練，即【分析】【歸納】【模仿】【創(chuàng)新】【進(jìn)入資料庫(kù)】，逐漸提高學(xué)生層次。具體實(shí)施時(shí)采用宏觀講解與個(gè)別指導(dǎo)相結(jié)合的方法進(jìn)行。
（一）創(chuàng)設(shè)情境，提出問(wèn)題，討論分析
通過(guò)“創(chuàng)設(shè)情境，提出問(wèn)題”可以激發(fā)學(xué)生的求知欲，而且還可以培養(yǎng)學(xué)生發(fā)現(xiàn)問(wèn)題，探索問(wèn)題的能力。
（二）操作演示，理論講授，模仿創(chuàng)新
本課程重視實(shí)際操作，培養(yǎng)學(xué)生的動(dòng)手能力。在組織課堂教學(xué)時(shí)：首先，演示案例結(jié)果，給學(xué)生以直觀的感受，然后倒述代碼；其次，提出問(wèn)題，讓學(xué)生模仿著翻三，歸納總結(jié)；最后，留出部分時(shí)間讓學(xué)生創(chuàng)新設(shè)計(jì)。
（三）資源開(kāi)放，自主探索，評(píng)價(jià)作品
在網(wǎng)上隨時(shí)學(xué)習(xí)資源，鼓勵(lì)學(xué)生利用搜索引擎，自主學(xué)習(xí)，互評(píng)作品，總結(jié)得失，共同提高。
四、期望達(dá)到的教學(xué)效果
通過(guò)讓學(xué)生分組設(shè)計(jì)網(wǎng)店，掌握網(wǎng)絡(luò)店鋪營(yíng)銷的基本操作方法、各種信息搜集與方式的使用、網(wǎng)絡(luò)問(wèn)卷的制作與、網(wǎng)絡(luò)廣告推廣策劃、網(wǎng)絡(luò)營(yíng)銷各種策略方案等核心知識(shí)和必備技能[2]。同時(shí)獲得相應(yīng)的操作能力、學(xué)習(xí)能力、應(yīng)用能力，強(qiáng)化學(xué)生的實(shí)踐能力，100％達(dá)到課程教學(xué)的要求。
學(xué)生在掌握基本知識(shí)、能力，培養(yǎng)素質(zhì)的基礎(chǔ)上，能掌握課程中要求的職業(yè)技能和素質(zhì)，能在真實(shí)或仿真的環(huán)境中經(jīng)營(yíng)網(wǎng)絡(luò)店鋪。由于本課程設(shè)計(jì)為項(xiàng)目導(dǎo)向、任務(wù)驅(qū)動(dòng)的工作過(guò)程系統(tǒng)化課程，每個(gè)項(xiàng)目的第一步即為明確工作任務(wù)，全體課程組教師應(yīng)充分尊重學(xué)生在教學(xué)過(guò)程的主體地位，把單向灌輸改為師生協(xié)同互動(dòng)，從引導(dǎo)學(xué)生的思維方式入手，最終由學(xué)生自主完成電子商務(wù)操作流程，達(dá)到良好的教學(xué)效果，極大地調(diào)動(dòng)學(xué)生的主動(dòng)性，使學(xué)生的學(xué)習(xí)目的進(jìn)一步明確，學(xué)習(xí)興趣明顯提高。
參考文獻(xiàn)：
【關(guān)鍵詞】Web標(biāo)準(zhǔn)；電子商務(wù)網(wǎng)站；設(shè)計(jì)與制作策略；分析
前言
互聯(lián)網(wǎng)技術(shù)的推廣與發(fā)展進(jìn)程不斷加快，對(duì)人們的日常生活與工作各方面都產(chǎn)生了重要影響。網(wǎng)頁(yè)的設(shè)計(jì)與制作隨著網(wǎng)絡(luò)技術(shù)、科技水平的發(fā)展受到人們的高度重視，其主要是將網(wǎng)絡(luò)作為主要載體，將各種信息以更加快捷、方便的形式傳達(dá)給人們。根據(jù)相關(guān)數(shù)據(jù)統(tǒng)計(jì)顯示，從事網(wǎng)頁(yè)設(shè)計(jì)制作的人員達(dá)到了300萬(wàn)之多，但在網(wǎng)頁(yè)設(shè)計(jì)發(fā)展過(guò)程中還存在諸多問(wèn)題，因此應(yīng)突破網(wǎng)頁(yè)結(jié)構(gòu)單一、空洞等問(wèn)題才能將網(wǎng)頁(yè)的設(shè)計(jì)與制作水平進(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)，其主要是對(duì)一系列標(biāo)準(zhǔn)進(jìn)行組合。一般的網(wǎng)頁(yè)中主要由結(jié)構(gòu)、行為、表現(xiàn)三部分共同組成，并與XML、XHTML相對(duì)應(yīng)，表現(xiàn)對(duì)應(yīng)的標(biāo)準(zhǔn)可以將其成為CSS。1.1.1結(jié)構(gòu)在結(jié)構(gòu)中主要的技術(shù)可包含拓展超文本標(biāo)記語(yǔ)言與可拓展標(biāo)記語(yǔ)言，在網(wǎng)站王者設(shè)計(jì)中主要將其應(yīng)用在網(wǎng)頁(yè)數(shù)據(jù)分類以及整合方面。在兩個(gè)標(biāo)準(zhǔn)中，XML的表現(xiàn)形式為源語(yǔ)言，其主要是讓用戶字自身的語(yǔ)言進(jìn)行標(biāo)記與重新定義，具備較強(qiáng)的數(shù)據(jù)轉(zhuǎn)換功能。1.1.2行為在Web標(biāo)準(zhǔn)的行為中，主要包含ECMAScript[2]與對(duì)象模型。其在網(wǎng)頁(yè)設(shè)計(jì)與制作中主要可以應(yīng)用在交互式的操作網(wǎng)頁(yè)文檔方面。其可以將界面上操作對(duì)象實(shí)施的交互操作有效實(shí)施，利用DOM可對(duì)對(duì)象有效定義與修改，還可將對(duì)象之間存在的各種關(guān)系有效處理。1.1.3表現(xiàn)其中最主要的技術(shù)便是CSS，通常人們將其成為層疊樣式表，在網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)中可應(yīng)用改在控制瀏覽器的顯示方面，其也是決定網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格的主要因素。
1.2基于Web標(biāo)準(zhǔn)前提下的網(wǎng)頁(yè)設(shè)計(jì)流程（略）
2基于Web標(biāo)準(zhǔn)標(biāo)準(zhǔn)的電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)與制作流程
在基于Web標(biāo)準(zhǔn)進(jìn)行電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中，主要包含內(nèi)容分析、結(jié)構(gòu)設(shè)計(jì)、方案設(shè)計(jì)三部分。在進(jìn)行布局設(shè)計(jì)的過(guò)程中，可利用XHTML與CSS對(duì)頁(yè)面進(jìn)行合理布局，可實(shí)現(xiàn)網(wǎng)頁(yè)布局的目標(biāo)。在進(jìn)行設(shè)局實(shí)際過(guò)程中，可利用CSS與美工設(shè)計(jì)元素互相結(jié)合，將設(shè)計(jì)方法轉(zhuǎn)化為最終的網(wǎng)頁(yè)。
2.1內(nèi)容分析
網(wǎng)頁(yè)設(shè)計(jì)作為視覺(jué)語(yǔ)言的主要表達(dá)方式，應(yīng)進(jìn)行合理的編排與布局，從而確保網(wǎng)頁(yè)的布局更加清晰、合理、內(nèi)容充實(shí)。在進(jìn)行網(wǎng)頁(yè)版面布局的過(guò)程中，應(yīng)將網(wǎng)頁(yè)設(shè)計(jì)的更加醒目，使用戶在使用過(guò)程中對(duì)各項(xiàng)功能一目了然，其他部分的版面設(shè)計(jì)應(yīng)與主頁(yè)的風(fēng)格保持一致。較為常見(jiàn)的布局模式包括國(guó)字型、廠字型等。本文將以汽車用品為主的銷售網(wǎng)站作為案例分析，由于汽車商品類型多樣[3]，在設(shè)計(jì)網(wǎng)頁(yè)過(guò)程中，應(yīng)將商品的導(dǎo)航以及產(chǎn)品展示作為重點(diǎn)。案例中采用的網(wǎng)頁(yè)布局為框架型布局方式，可將頁(yè)面分成各種模塊。在網(wǎng)頁(yè)左邊為縱向的導(dǎo)航欄，右邊則為商品的展示欄。在網(wǎng)頁(yè)底部呈現(xiàn)了網(wǎng)站的基本信息與商家的聯(lián)系方式等信息。在網(wǎng)頁(yè)模板的頂部與底部都會(huì)出現(xiàn)在每一個(gè)網(wǎng)頁(yè)的同一位置中。
2.2結(jié)構(gòu)設(shè)計(jì)策略
在對(duì)汽車銷售網(wǎng)站進(jìn)行網(wǎng)頁(yè)開(kāi)發(fā)過(guò)程中，可將其乘坐為模板，將其抽象地分為不同區(qū)塊，其中包含核心流程業(yè)務(wù)模塊、展示功能模塊等。在將模塊開(kāi)發(fā)完成后便可投入使用。在用戶瀏覽、操作網(wǎng)頁(yè)的過(guò)程中，程序員可通過(guò)后臺(tái)進(jìn)行可視化的管理與操作，用戶可以將不同的模塊進(jìn)行拖放配置，構(gòu)建個(gè)性化的網(wǎng)頁(yè)布局設(shè)計(jì)，方便用戶的使用與瀏覽。用戶在操作汽車銷售網(wǎng)頁(yè)過(guò)程中，其中的框架作為頁(yè)面的骨架，決定了頁(yè)面的整體布局與模塊擺放區(qū)域。框架通常采用的是HTML文件，其主要為了將頁(yè)面進(jìn)行區(qū)分，還會(huì)在適當(dāng)?shù)奈恢脤?duì)模塊進(jìn)行放置，可用<{widgets}>代碼進(jìn)行表示，方便用戶在使用過(guò)程中利用可視化編輯將模塊進(jìn)行合理配置。對(duì)于板塊區(qū)來(lái)說(shuō)，其能將汽車銷售網(wǎng)站最為個(gè)性的地方進(jìn)行呈現(xiàn)，可利用模塊內(nèi)容將網(wǎng)頁(yè)的更新實(shí)現(xiàn)，在網(wǎng)頁(yè)頁(yè)面中的各個(gè)模塊都有指定的ID，模塊的區(qū)域能呈現(xiàn)豎向擺放的形式，或呈現(xiàn)多個(gè)商品內(nèi)容。模塊為獨(dú)立形態(tài)，可對(duì)不同的邊框進(jìn)行切換，從而將呈現(xiàn)樣式進(jìn)行改變。在網(wǎng)頁(yè)模塊的頂部與底部都會(huì)出現(xiàn)在各個(gè)網(wǎng)頁(yè)中的同一個(gè)位置，對(duì)于任何電子商務(wù)網(wǎng)站來(lái)說(shuō)，應(yīng)將網(wǎng)站頂部合理設(shè)計(jì)，才能擁有功能完善、結(jié)構(gòu)清晰的網(wǎng)站頂部，從而提升網(wǎng)站的效益。
3結(jié)語(yǔ)
基于Web標(biāo)準(zhǔn)對(duì)電子商務(wù)網(wǎng)站網(wǎng)頁(yè)進(jìn)行設(shè)計(jì)與制作，可促進(jìn)電子商務(wù)網(wǎng)站的運(yùn)作效率，為用戶提供巨大的便利，從而促進(jìn)網(wǎng)站的使用效率與綜合收益，還可提升電子商務(wù)網(wǎng)站的運(yùn)行效率與性能。
參考文獻(xiàn)
[1]朱淑琴，魏威，張嘉萌.基于Web標(biāo)準(zhǔn)的電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)與制作[J].計(jì)算機(jī)與現(xiàn)代化，2012，03：106~109.
[2]王亞輝.Web標(biāo)準(zhǔn)的電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)研究[J].電子商務(wù)，2015，05：49+82.
關(guān)鍵詞：網(wǎng)頁(yè)制作 遞進(jìn)式 案例任務(wù) 小項(xiàng)目探究 項(xiàng)目導(dǎo)向
網(wǎng)頁(yè)制作課程是高等職業(yè)學(xué)校計(jì)算機(jī)應(yīng)用專業(yè)的必修課，這門課程與其他課程相比，無(wú)論是教學(xué)內(nèi)容還是教學(xué)方法上都有其特殊之處，它集知識(shí)和技能于一體，有較強(qiáng)的操作性和綜合實(shí)踐性，它涉及文字版面處理、計(jì)算機(jī)語(yǔ)言、計(jì)算機(jī)圖像處理、FLASH動(dòng)畫、數(shù)據(jù)庫(kù)等相關(guān)知識(shí)，需要有一定的相關(guān)課程知識(shí)基礎(chǔ)。
一、靈活處理教材，設(shè)計(jì)遞進(jìn)式的課程體系
網(wǎng)頁(yè)制作這門課程的操作性和綜合實(shí)踐性很強(qiáng)，教師必須對(duì)現(xiàn)行的教材進(jìn)行內(nèi)容改革，靈活處理教材。首要任務(wù)就是要根據(jù)該課程的特點(diǎn)結(jié)合高等職業(yè)學(xué)校學(xué)生的實(shí)際情況，確立正確的教學(xué)目標(biāo)，制定相應(yīng)的教學(xué)計(jì)劃，調(diào)整教學(xué)內(nèi)容。高職學(xué)生網(wǎng)頁(yè)教學(xué)目標(biāo)是培養(yǎng)學(xué)生制作設(shè)計(jì)一個(gè)網(wǎng)站，因此制定網(wǎng)頁(yè)課程的教學(xué)內(nèi)容，第一階段：網(wǎng)站配色與布局、使用Photoshop處理圖形圖像、使用 Dreamweaver制作網(wǎng)頁(yè)；第二階段：制作FLASH動(dòng)畫、制作 JavaScript腳本特效、SQLServer數(shù)據(jù)庫(kù)管理和開(kāi)發(fā)；第三階段：網(wǎng)站項(xiàng)目開(kāi)發(fā)與實(shí)戰(zhàn)。依據(jù)網(wǎng)站制作與設(shè)計(jì)流程，教師再進(jìn)行課程整合,按階段分模塊設(shè)計(jì)遞進(jìn)的教學(xué)內(nèi)容，在教學(xué)中打破傳統(tǒng)的從概念到原理的邏輯順序，根據(jù)教學(xué)計(jì)劃與課程標(biāo)準(zhǔn)，開(kāi)發(fā)以培養(yǎng)學(xué)生智力技能與專業(yè)技能為目標(biāo)的校本教材，并制作以課次為單位的案例和任務(wù)單，以月為單位的小項(xiàng)目和以學(xué)期為單位的綜合項(xiàng)目，通過(guò)任務(wù)完成達(dá)到技能的掌握與知識(shí)點(diǎn)的鏈接，通過(guò)項(xiàng)目制作達(dá)到綜合設(shè)計(jì)能力的培養(yǎng)，從而讓學(xué)生掌握網(wǎng)頁(yè)制作的相關(guān)知識(shí)，培養(yǎng)相關(guān)能力。
二、改革教學(xué)法，采用遞進(jìn)式的教學(xué)模式
網(wǎng)頁(yè)制作涵蓋的知識(shí)和技能很豐富，教學(xué)中教師不能采用簡(jiǎn)單的知識(shí)傳授和灌輸這種傳統(tǒng)的教學(xué)方法，而是要努力提高學(xué)生的綜合應(yīng)用能力和創(chuàng)新能力，加強(qiáng)學(xué)生的實(shí)踐動(dòng)手能力。課程必須安排在計(jì)算機(jī)房進(jìn)行，采用教與學(xué)結(jié)合的方式，在老師的指導(dǎo)下，學(xué)生通過(guò)多練多做來(lái)掌握相關(guān)知識(shí)和技能。結(jié)合教學(xué)經(jīng)驗(yàn)，筆者認(rèn)為根據(jù)學(xué)生學(xué)習(xí)的不同階段可采用不同的教學(xué)方法。
1.案例任務(wù)教學(xué)法
案例任務(wù)教學(xué)法主要用于學(xué)生學(xué)習(xí)網(wǎng)頁(yè)制作的初級(jí)階段課程，在這一階段中學(xué)生主要以培養(yǎng)興趣，掌握基礎(chǔ)知識(shí)和基本技能為主，教師的教學(xué)采用以案例為線索、以任務(wù)為目標(biāo)的教學(xué)方法。在教學(xué)中教師根據(jù)不同的知識(shí)點(diǎn)選擇相配套的案例和任務(wù)，這些案例和任務(wù)的編排要遵循由淺入深、由易向難、循序漸進(jìn)的原則，同時(shí)這些案例和任務(wù)要為后續(xù)的綜合案例和項(xiàng)目作鋪墊。例如教師在講授第一階段“圖形圖像”這一模塊教學(xué)內(nèi)容時(shí)，可以設(shè)計(jì)一個(gè)與網(wǎng)頁(yè)有關(guān)的案例――“GEARHEAD公司LOGO”，這個(gè)案例中涉及圖像選擇工具、圖層樣式、圖層組及文字工具等技能，同時(shí)涉及網(wǎng)頁(yè)LOGO的基本常識(shí)。教師在完成本例的分析演示后，要求學(xué)生模仿制作，然后再下達(dá)任務(wù)――布置一系列著名網(wǎng)站的LOGO圖標(biāo)以供學(xué)生選擇模仿制作，學(xué)生通過(guò)模仿制作掌握相關(guān)的圖像技能，同時(shí)掌握LOGO的基本知識(shí)，并鼓勵(lì)能力強(qiáng)的學(xué)生設(shè)計(jì)自己喜歡的LOGO圖標(biāo)。通過(guò)案例任務(wù)教學(xué)法培養(yǎng)學(xué)生舉一反三的能力，調(diào)動(dòng)學(xué)生的能動(dòng)性。
2.小項(xiàng)目探究法
案例任務(wù)驅(qū)動(dòng)法主要強(qiáng)調(diào)學(xué)生獨(dú)立性，而忽略學(xué)生之間的合作。當(dāng)今社會(huì)是一個(gè)高度合作化的時(shí)代，一個(gè)沒(méi)有合作精神與合作能力的人必將無(wú)法在將來(lái)的生活和工作中得到發(fā)展。為此，推行小項(xiàng)目合作探究十分必要。小項(xiàng)目探究法主要用于學(xué)生學(xué)習(xí)網(wǎng)頁(yè)課程的技能強(qiáng)化階段，通過(guò)初級(jí)階段的學(xué)習(xí)，學(xué)生已初步掌握了網(wǎng)頁(yè)制作的基本知識(shí)點(diǎn)，現(xiàn)在進(jìn)入提高強(qiáng)化階段，本階段教學(xué)內(nèi)容分為兩個(gè)方面，一方面是讓學(xué)生對(duì)初始階段的案例和任務(wù)進(jìn)行強(qiáng)化和提高，另一方面是讓學(xué)生在強(qiáng)化舊知識(shí)過(guò)程中掌握新
知識(shí)。
本階段采用小組合作探究形式，首先將學(xué)生每4～6人分為一個(gè)小組，并選基礎(chǔ)好的學(xué)生為組長(zhǎng)，教師根據(jù)學(xué)生已學(xué)過(guò)的知識(shí)和上一階段的任務(wù)，設(shè)計(jì)階段小項(xiàng)目，這些小項(xiàng)目既是初級(jí)階段的任務(wù)的綜合，又是下一階段綜合項(xiàng)目的子項(xiàng)目。在教如何“使用Dreamweaver制作網(wǎng)頁(yè)”時(shí)可以制定幾個(gè)主題，如“低碳”“城運(yùn)會(huì)”“關(guān)愛(ài)動(dòng)物”小組形式自由選題，讓同學(xué)們綜合應(yīng)用前面學(xué)過(guò)的配色、圖形等知識(shí)，合作探究設(shè)計(jì)一個(gè)網(wǎng)站的雛形。教師指導(dǎo)學(xué)生設(shè)計(jì)一個(gè)學(xué)案，該學(xué)案能在課堂教學(xué)中起指導(dǎo)和引領(lǐng)作用，促使學(xué)生主動(dòng)探索，建構(gòu)知識(shí)結(jié)構(gòu)體系。學(xué)生根據(jù)學(xué)案中的要求，利用實(shí)訓(xùn)課和課外時(shí)間，在規(guī)定的時(shí)間（兩周）內(nèi)完成，學(xué)生可以進(jìn)行不同的角色分工，合作完成，教師在學(xué)生制作過(guò)程中進(jìn)行適時(shí)跟蹤，指導(dǎo)并解答學(xué)生制作過(guò)程中存在的疑難問(wèn)題，學(xué)生完成后再進(jìn)行小組總結(jié)和評(píng)價(jià)，最終將小組總結(jié)評(píng)價(jià)及作品打包通過(guò) FTP 上傳給老師，教師及時(shí)地進(jìn)行階段小結(jié)、點(diǎn)評(píng)，同時(shí)展示優(yōu)秀作品。
“小項(xiàng)目設(shè)計(jì)與合作探究”教學(xué)法是以任務(wù)為主線、教師為主導(dǎo)、學(xué)生為主體的教學(xué)方法。在教學(xué)中，教師要充分地了解學(xué)生，及時(shí)解決學(xué)生學(xué)習(xí)遇到的困難，引導(dǎo)學(xué)生大膽進(jìn)行問(wèn)題的探究，及時(shí)做好積極的評(píng)價(jià)。教師要嘗試建立靈活客觀、立足于平常的“自主、合作、探究”學(xué)習(xí)評(píng)價(jià)體系，以期不斷激勵(lì)學(xué)生參與“自主、合作、探究”學(xué)習(xí)過(guò)程，培養(yǎng)學(xué)生的合作意識(shí)和自主創(chuàng)新的能力。
3.綜合項(xiàng)目導(dǎo)向法
網(wǎng)頁(yè)制作教學(xué)的目標(biāo)讓學(xué)生完成一個(gè)綜合網(wǎng)站制作，在這個(gè)階段中采用“項(xiàng)目導(dǎo)向法”。在高等職業(yè)教育中，項(xiàng)目教學(xué)是一種綜合性的課程模式，通過(guò)前兩個(gè)階段的學(xué)習(xí)，學(xué)生已具備網(wǎng)頁(yè)制作的相關(guān)知識(shí)和基本技能，同時(shí)也有小組合作探究的基本能力。本階段主要是提高學(xué)生綜合網(wǎng)站開(kāi)發(fā)的水平，同時(shí)也是為了檢驗(yàn)學(xué)生的學(xué)習(xí)成果。
例如，在講網(wǎng)頁(yè)制作――綜合項(xiàng)目實(shí)戰(zhàn)時(shí)，首先讓學(xué)生根據(jù)個(gè)人的愛(ài)好設(shè)計(jì)一個(gè)小型主題網(wǎng)站的網(wǎng)站規(guī)劃書，這樣學(xué)生在學(xué)期初就知道本學(xué)期自己在這門課程的學(xué)習(xí)中要達(dá)到怎樣的要求、完成什么任務(wù)，就會(huì)使他們產(chǎn)生學(xué)習(xí)的興奮點(diǎn)。在這種教學(xué)模式下，學(xué)生成為了學(xué)習(xí)的主體，教師在教學(xué)過(guò)程中扮演引導(dǎo)者，學(xué)生在教師的指導(dǎo)下自主學(xué)習(xí)，邊學(xué)邊做，邊做邊學(xué)，完成教師安排的教學(xué)內(nèi)容，完成原定的項(xiàng)目（個(gè)人網(wǎng)站設(shè)計(jì)）。在完成一個(gè)項(xiàng)目任務(wù)后而獲得的成功愉悅和滿足感，不但提高了學(xué)生的學(xué)習(xí)興趣和學(xué)習(xí)的積極性,同時(shí)也培養(yǎng)了學(xué)生自主學(xué)習(xí)的能力，讓他們學(xué)會(huì)學(xué)習(xí)。教師真正做到了素質(zhì)教育所提倡的“授人以漁”而不是“授人以魚”。
在項(xiàng)目導(dǎo)向法的實(shí)施過(guò)程中，仍然以小組合作的形式，并根據(jù)同學(xué)們的特點(diǎn)模擬合作企業(yè)的崗位為同學(xué)們分配任務(wù)，如策劃師、圖像技師、動(dòng)畫技師、后臺(tái)程序設(shè)計(jì)師等，讓同學(xué)們?cè)陧?xiàng)目中負(fù)責(zé)各自專門的任務(wù)，并共同完成一個(gè)綜合項(xiàng)目，最后上傳到 WEB 服務(wù)器上。教師組織學(xué)生對(duì)每組的作品進(jìn)行評(píng)價(jià)、總結(jié)并展示優(yōu)秀作品。
總之，這個(gè)階段能鞏固和提升學(xué)生知識(shí)、技能，同時(shí)鍛煉學(xué)生的綜合應(yīng)用能力和分析問(wèn)題、解決問(wèn)題的能力，培養(yǎng)學(xué)生的合作能力和創(chuàng)新的設(shè)計(jì)能力，提高學(xué)生的綜合素質(zhì)。
通過(guò)以上這些方法激發(fā)學(xué)生的學(xué)習(xí)興趣，調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性，同時(shí)改善“網(wǎng)頁(yè)制作”課程的教學(xué)效果。通過(guò)有效的學(xué)習(xí)，學(xué)生的綜合技能和綜合質(zhì)素得到提高。為了進(jìn)一步適應(yīng)高等職業(yè)學(xué)校教育改革，教師仍要對(duì)該課程的教學(xué)進(jìn)行積極探索，精心設(shè)計(jì)教學(xué)案例和項(xiàng)目，寓教于樂(lè)，爭(zhēng)取更好的教學(xué)效果，培養(yǎng)更多的技能型人才，以提高學(xué)生的就業(yè)競(jìng)爭(zhēng)力。
參考文獻(xiàn)：
[1]楊曉明.《網(wǎng)頁(yè)制作》課程教學(xué)改革的探索與研究[J].甘肅聯(lián)合大學(xué)學(xué)報(bào),2008(3).
[2]沈道云.任務(wù)驅(qū)動(dòng)教學(xué)法在Photoshop教學(xué)中的應(yīng)用[J].職業(yè)教育研究,2006(12).
關(guān)鍵詞 網(wǎng)頁(yè)制作 技巧 解決方案
中圖分類號(hào)：TP393.092 文獻(xiàn)標(biāo)識(shí)碼：A
1設(shè)計(jì)原則
1.1表格的定位功能
網(wǎng)頁(yè)制作中表格的運(yùn)用很重要，它的作用除了表格本身具有的統(tǒng)計(jì)處理數(shù)據(jù)的功能之外，還可以對(duì)所制作的網(wǎng)頁(yè)頁(yè)面中的設(shè)計(jì)元素進(jìn)行定位。網(wǎng)頁(yè)中的文本位置、圖像位置，可以通過(guò)表格來(lái)準(zhǔn)確控制，而且還能消除諸多網(wǎng)頁(yè)元素之間的干擾，這樣設(shè)計(jì)出的網(wǎng)頁(yè)更加緊湊。
（1）網(wǎng)頁(yè)制作使用表格時(shí)，要避免這樣的設(shè)計(jì)行為：使用一張表格，然后將所有網(wǎng)頁(yè)設(shè)計(jì)都放在這個(gè)表格中。因?yàn)镠TML在被瀏覽器解碼時(shí)是按照一定的次序進(jìn)行的，瀏覽器解釋和顯示的順序都是自上而下的，但是如果有表格在網(wǎng)頁(yè)中，瀏覽器是將表格中所嵌套的全部?jī)?nèi)容都讀取出來(lái)之后，再顯示結(jié)果頁(yè)面。一般的網(wǎng)頁(yè)可能感受不到瀏覽器的這種工作順序，如果網(wǎng)頁(yè)中信息量大，瀏覽網(wǎng)頁(yè)的人瀏覽速度慢，瀏覽器這種工作順序就能表現(xiàn)出來(lái)。遇到這種網(wǎng)頁(yè)，瀏覽器在讀取了表格中全部?jī)?nèi)容之后，才為瀏覽者提供解釋結(jié)果，在這之前顯示的是空白。
（2）在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，利用表格定好需要的位置，在頁(yè)面視圖下都是正常的，但是用瀏覽器瀏覽該網(wǎng)頁(yè)時(shí)就會(huì)出現(xiàn)部分設(shè)計(jì)對(duì)象位置混亂。這是由于表格寬度的設(shè)計(jì)出了問(wèn)題，有兩種設(shè)置該寬度的方法，一種是利用百分比的方法，另一種是利用像素的方法，比如，利用百分比的方法，會(huì)有多種分辨率多種頁(yè)面設(shè)計(jì)結(jié)果出現(xiàn)，但是采用后者的方法，就不會(huì)出現(xiàn)這種問(wèn)題。
1.2文件的命名
網(wǎng)頁(yè)制作的過(guò)程中，有時(shí)會(huì)出現(xiàn)如下這些問(wèn)題：在設(shè)計(jì)時(shí)插入進(jìn)去的圖片，預(yù)覽時(shí)顯示不出來(lái)、已經(jīng)設(shè)計(jì)安排好的鏈接用不了等等情況。通過(guò)對(duì)問(wèn)題的分析，發(fā)現(xiàn)問(wèn)題出在了文件的命名上（用中文進(jìn)行命名）。設(shè)計(jì)制作者為了在設(shè)計(jì)之后能夠便于自己查找調(diào)用，會(huì)在設(shè)計(jì)時(shí)對(duì)一些文件命以中文名，這就導(dǎo)致預(yù)覽時(shí)無(wú)法顯示圖片，只要將中文名換成英文就可以正常運(yùn)行。為了解決記憶和查找文件的問(wèn)題，可以用英文單詞或者漢語(yǔ)拼音有針對(duì)性的命名。
1.3圖像的無(wú)縫拼接
網(wǎng)頁(yè)中圖像的應(yīng)用是很有必要的，圖像可以使網(wǎng)頁(yè)更加美觀。圖像的格式有許多，GIF、JPG、PNG這三種圖像格式在網(wǎng)頁(yè)設(shè)計(jì)和制作的時(shí)候比較常見(jiàn)。網(wǎng)頁(yè)的下載速度受圖像大小的影響很大，所以有必要在將圖片插入到網(wǎng)頁(yè)之前處理圖片，比如利用PhotoShop軟件，只要能夠保證圖像在網(wǎng)頁(yè)中顯示效果不受應(yīng)影響即可。如果在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，要用到大圖片，設(shè)計(jì)制作的時(shí)候可以用無(wú)縫拼接技術(shù)，該技術(shù)在圖像處理軟件中可以實(shí)現(xiàn)，先將要用到的大圖片處理成數(shù)個(gè)小圖片，將這些小圖片按照一定規(guī)則嵌套到網(wǎng)頁(yè)中，組成大圖片，拼出的大圖在現(xiàn)實(shí)效果上與完整的原圖基本上沒(méi)有差別，拼接痕跡也不會(huì)被察覺(jué)。在拼接小圖片的過(guò)程中，利用好表格，在表格的單元格中依次放置小圖片，再將表格的間距設(shè)為零，去掉表格邊框，設(shè)置好單元格的參數(shù)后，再手動(dòng)微調(diào)，這樣拼接好的圖片就看不出拼接痕跡。這樣的操作過(guò)程可能略顯麻煩，但是卻能保證大圖顯示效果的前提下又不影響網(wǎng)頁(yè)下載速度。
1.4個(gè)人站點(diǎn)中導(dǎo)航按鈕的設(shè)計(jì)
設(shè)計(jì)制作網(wǎng)頁(yè)時(shí)，加入導(dǎo)航按鈕，可以利用Photoshop或者Flash進(jìn)行制作。設(shè)計(jì)者只有具備很好的圖像、動(dòng)畫處理軟件基礎(chǔ)，才能掌握住這種創(chuàng)新性的方法，自己根據(jù)想達(dá)到的效果設(shè)計(jì)導(dǎo)航按鈕，能夠設(shè)計(jì)的創(chuàng)意。
2制作技巧
網(wǎng)站的頁(yè)面中包含：作為網(wǎng)站門面的首頁(yè)、支撐起網(wǎng)站結(jié)構(gòu)的框架頁(yè)面，網(wǎng)站的內(nèi)容表達(dá)主體普通頁(yè)面、網(wǎng)站中的用來(lái)顯示廣告、鏈接和推送消息之類的彈出頁(yè)。
比如設(shè)計(jì)首頁(yè)時(shí)，有兩種形式的設(shè)計(jì)可以作為網(wǎng)站首頁(yè)，一種是形象展示型，這種方式的設(shè)計(jì)主要在布局和造型上，加了藝術(shù)化的處理，結(jié)合公司的形象與公司的服務(wù)理念，提供有相關(guān)性的圖像與文字，這樣設(shè)計(jì)出的畫面才有生機(jī)和活力，在這樣網(wǎng)頁(yè)中，給瀏覽者提供最直觀的公司形象，吸引瀏覽者的注意力。還有一種首頁(yè)設(shè)計(jì)形式是信息羅列型，這種形式主要用于大中型企業(yè)網(wǎng)站，有很多條目和分類。
保持一致的網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格。網(wǎng)站營(yíng)銷的諸多影響因素中，網(wǎng)頁(yè)風(fēng)格的一致性是不可忽視的重要方面。統(tǒng)一網(wǎng)站風(fēng)格的方法有很多，網(wǎng)站結(jié)構(gòu)就是其中一種，比如，網(wǎng)站布局、內(nèi)容排版、圖標(biāo)大小、圖片位置等等。在統(tǒng)一網(wǎng)頁(yè)風(fēng)格時(shí)，需要設(shè)計(jì)者特別關(guān)注的是網(wǎng)站中具有代表性的典型元素要保持一致，比如網(wǎng)站背景l(fā)ogo 、公司名稱字體、網(wǎng)站中圖片格調(diào)等等。
色彩搭配。頁(yè)面的色彩搭配是與網(wǎng)站的主題分不開(kāi)的，在色彩搭配上，一般來(lái)說(shuō)，頁(yè)面的主體文字應(yīng)盡量使用黑色與背景對(duì)比明顯，按鈕、邊框、背景等使用彩色。色彩的應(yīng)用最好根據(jù)網(wǎng)站主題風(fēng)格選定一種基調(diào)，再根據(jù)這個(gè)基調(diào)來(lái)搭配其它顏色。一般來(lái)講，綠色配以金黃、淡白，可以產(chǎn)生優(yōu)雅、舒適的氣氛；藍(lán)色與白色混合，能給人柔順、淡雅、浪漫的感覺(jué)，紅色和黃色、金色搭配能渲染喜慶的氣氛而金色和咖啡色搭配則會(huì)給人帶來(lái)暖意。整個(gè)頁(yè)面在視覺(jué)上應(yīng)是一個(gè)整體，以達(dá)到和諧、悅目的最佳視覺(jué)效果。
3結(jié)束語(yǔ)
網(wǎng)頁(yè)制作中有很多的技巧，只有在不斷的實(shí)踐中才會(huì)總結(jié)出更多更好的制作網(wǎng)頁(yè)的方法，在知道了一些技巧之后一定要付諸實(shí)踐，這樣才能更好地掌握，把別人的知識(shí)變成自己的知識(shí)。
關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)與制作 教學(xué) 改革
隨著萬(wàn)維網(wǎng)的迅速發(fā)展，網(wǎng)頁(yè)已經(jīng)成為網(wǎng)絡(luò)世界進(jìn)行信息傳播的最主要載體，網(wǎng)頁(yè)設(shè)計(jì)與制作人才的培養(yǎng)成為當(dāng)務(wù)之急。由于社會(huì)和專業(yè)的需求，《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程廣泛受到各大中專學(xué)校學(xué)生的喜愛(ài)，下面就《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)與大家進(jìn)行探討。
1、課程性質(zhì)和特點(diǎn)
在中等職業(yè)學(xué)校，《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程是計(jì)算機(jī)應(yīng)用技術(shù)和計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)等專業(yè)的必修課程。它是一門工具性和實(shí)用性都比較強(qiáng)的實(shí)踐課；不僅涉及計(jì)算機(jī)圖像處理、文字版面處理等相關(guān)知識(shí)，而且需要對(duì)相關(guān)課程有一定的基礎(chǔ)；是一門集成了多種計(jì)算機(jī)知識(shí)和技術(shù)的綜合，其本身具有很強(qiáng)的實(shí)踐性，是網(wǎng)站建設(shè)的基礎(chǔ)，而網(wǎng)頁(yè)本身是當(dāng)今社會(huì)網(wǎng)絡(luò)世界傳播信息的最主要的載體，同時(shí)網(wǎng)站又是企業(yè)向用戶和網(wǎng)民提供信息（包括產(chǎn)品和服務(wù)）的一種方式、是企業(yè)開(kāi)展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)。
2、課程教學(xué)目標(biāo)
本課程的教學(xué)目標(biāo)是使學(xué)生了解HTML語(yǔ)言的語(yǔ)法規(guī)則，掌握文本、鏈接、列表、表格、表單、圖像、多媒體、框架元素標(biāo)志及屬性，了解HTML、JavaScript腳本編程語(yǔ)言的基本語(yǔ)法知識(shí)，能獨(dú)立設(shè)計(jì)小型WEB站點(diǎn)。
3、課程教學(xué)內(nèi)容
根據(jù)前面對(duì)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的性質(zhì)和特點(diǎn)以及課程教學(xué)目標(biāo)分析，在制定教學(xué)大綱時(shí)，不應(yīng)該拘泥于某一本或者某幾本特定的教材，應(yīng)著眼于當(dāng)前網(wǎng)頁(yè)制作技術(shù)發(fā)展的現(xiàn)狀。網(wǎng)頁(yè)制作過(guò)程中必然涉及到圖片的處理、動(dòng)漫制作等，若能應(yīng)用好Photoshop和Flash也是網(wǎng)頁(yè)設(shè)計(jì)的關(guān)鍵，此部分在我校計(jì)算機(jī)應(yīng)用技術(shù)和計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)在學(xué)業(yè)生入學(xué)第一學(xué)期已經(jīng)開(kāi)設(shè)《圖形圖像處理軟件Photoshop》、第二學(xué)期《圖形圖像處理軟件Photoshop實(shí)訓(xùn)》和《二維動(dòng)畫制作Flash》，第三學(xué)期開(kāi)設(shè)《二維動(dòng)畫制作Flash實(shí)訓(xùn)》和《網(wǎng)頁(yè)設(shè)計(jì)與制作》，因此教學(xué)內(nèi)容設(shè)計(jì)時(shí)不再重復(fù)這部分內(nèi)容。另外，F(xiàn)ireworks同樣也是作為網(wǎng)頁(yè)制作的輔助工具，若學(xué)生能掌握，對(duì)網(wǎng)頁(yè)的設(shè)計(jì)開(kāi)發(fā)將起到畫龍點(diǎn)睛的作用，因此這部分也安排了相應(yīng)的學(xué)時(shí)。
《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程體現(xiàn)了網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)頁(yè)制作是緊密聯(lián)系的，是完成網(wǎng)頁(yè)作品流程中的兩個(gè)階段，但這兩個(gè)階段之間并沒(méi)有嚴(yán)格的界限，往往是迭代進(jìn)行的。網(wǎng)頁(yè)通常都是圖文并茂的，對(duì)頁(yè)面的美觀有一定的要求。也就是說(shuō)合格的網(wǎng)頁(yè)作品，在技術(shù)上不僅要符合相關(guān)的制作規(guī)范，還應(yīng)考慮頁(yè)面布局、圖片放置、色彩搭配、下載速度等因素，這些因素都與用戶體驗(yàn)密切相關(guān)。因此，在學(xué)生掌握了基本網(wǎng)頁(yè)制作后，筆者安排了網(wǎng)頁(yè)設(shè)計(jì)方面的內(nèi)容學(xué)習(xí)，主要包括色彩、圖像、布局等。在講授的過(guò)程中，還展示了部分網(wǎng)站（以電子商務(wù)網(wǎng)站為主），讓學(xué)生去分析總結(jié)各個(gè)網(wǎng)站的特點(diǎn)，使得學(xué)生對(duì)網(wǎng)頁(yè)制作的內(nèi)涵有進(jìn)一步的理解。
4、選擇教材和教學(xué)模式
這門課程，僅僅通過(guò)在多媒體教室中講解理論知識(shí)、操作步驟和做典型范例是遠(yuǎn)遠(yuǎn)不夠的。那樣，一堂課下來(lái)學(xué)生只會(huì)做教師教的，不會(huì)融會(huì)變通，學(xué)生的創(chuàng)新意識(shí)得不到培養(yǎng)。我們只有突破傳統(tǒng)的教學(xué)模式，才能培養(yǎng)學(xué)生自我探索、獨(dú)立研究能力與自主創(chuàng)新精神。如何突破，并且取得良好的教學(xué)效果呢？通過(guò)幾年的教學(xué)探索和總結(jié)，筆者認(rèn)為，可以從以下幾個(gè)環(huán)節(jié)來(lái)進(jìn)行把握。
4.1 優(yōu)選教材
合理安排教學(xué)內(nèi)容一本教材的編排質(zhì)量如何，會(huì)在一定程度上影響學(xué)生的學(xué)習(xí)興趣和教學(xué)效果，特別是針對(duì)中職生這樣一個(gè)特殊群體，我們更應(yīng)該優(yōu)選教材。我們應(yīng)該選用在內(nèi)容編排上由淺入深、由易到難的教材。
4.2 精心設(shè)計(jì)網(wǎng)頁(yè)制作課程的教學(xué)模式
掌握一定的理論知識(shí)是做好實(shí)踐的基礎(chǔ)和前提。所以老師決不能忽視課堂教學(xué)。我校該課程教學(xué)采取的是教學(xué)做一體化的教學(xué)模式，充分體現(xiàn)理論知識(shí)與實(shí)踐操作相結(jié)合。教學(xué)設(shè)計(jì)可采用“課堂案例分析――軟件功能解析――課堂練習(xí)――課后拓展――作品展示”這一思路進(jìn)行精心編排。課堂教學(xué)的案例、課堂實(shí)踐的案例、獨(dú)立實(shí)驗(yàn)的案例不僅涵蓋教材中的實(shí)例，還引用了大量企業(yè)中的真實(shí)案例。
5、教學(xué)方法與手段
5.1 教學(xué)方法的改進(jìn)
在教學(xué)過(guò)程中，根據(jù)學(xué)校的培養(yǎng)目標(biāo)和本課程特點(diǎn)，結(jié)合多年來(lái)實(shí)際的教學(xué)經(jīng)驗(yàn)，對(duì)教學(xué)方法實(shí)施了以下幾方面的改進(jìn)。
（1）教師演示制作網(wǎng)頁(yè)案例，傳授本節(jié)課所需掌握的知識(shí)點(diǎn)為了能激發(fā)和調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性，避免“滿堂灌”的傳統(tǒng)教學(xué)模式，在教學(xué)過(guò)程中采用案例教學(xué)法。根據(jù)教學(xué)進(jìn)度和教學(xué)要求設(shè)計(jì)案例并充分備課，講授并解析與案例相關(guān)的理論和技能，分析案例討論中可能出現(xiàn)的任何問(wèn)題，而且案例要具有典型性和針對(duì)性，從適合學(xué)生的接受能力來(lái)選擇和設(shè)計(jì)。（2）教與學(xué)相結(jié)合教學(xué)模式。在教師通過(guò)案例教授相關(guān)理論和操作基礎(chǔ)后，要求學(xué)生能夠按照案例的要求，通過(guò)上機(jī)及時(shí)模仿制作和案例相似的實(shí)驗(yàn)，鞏固和加強(qiáng)學(xué)生掌握的教學(xué)中的知識(shí)點(diǎn)。
5.2 教學(xué)手段的改革
《網(wǎng)頁(yè)設(shè)計(jì)與制作》是一門實(shí)踐性很強(qiáng)而且廣泛應(yīng)用的技術(shù)，為了說(shuō)明網(wǎng)頁(yè)設(shè)計(jì)中的原理及其在實(shí)際中的應(yīng)用，實(shí)時(shí)展示非常重要，因此在網(wǎng)絡(luò)課程中的授課中接入Internet，隨時(shí)將講述的相關(guān)知識(shí)通過(guò)實(shí)實(shí)在在地網(wǎng)絡(luò)來(lái)說(shuō)明和解釋，這樣學(xué)生就不覺(jué)得枯燥和乏味，使學(xué)生明白了學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的重要性和實(shí)用性。
6、考核方式
該課程的考核內(nèi)容應(yīng)以實(shí)踐操作為主。因此將考核方式定為考查，給出一定范圍的主題，留給學(xué)生足夠的時(shí)間完成作品的設(shè)計(jì)和制作，最后上交制作好的作品即可。留給學(xué)生足夠的時(shí)間和發(fā)揮空間，可以使學(xué)生充分發(fā)揮他們的想象力和所學(xué)知識(shí)。這樣的一種考核方式經(jīng)過(guò)幾屆學(xué)生的實(shí)踐，受到同學(xué)的好評(píng)，并且出現(xiàn)了相當(dāng)一部分好的作品。
