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