網(wǎng)頁設(shè)計(jì)的流程精選(九篇)

前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網(wǎng)頁設(shè)計(jì)的流程主題范文，僅供參考，歡迎閱讀并收藏。

第1篇：網(wǎng)頁設(shè)計(jì)的流程范文

關(guān)鍵詞：專業(yè)課程；網(wǎng)絡(luò)化；學(xué)習(xí)交流

中圖分類號：G434文獻(xiàn)標(biāo)識碼：A文章編號：1009-3044(2012)20-4872-03

Design and Implementation of Higher Vocational Curriculum of Network Learning Communication Platform

PU Xiao-ni

(Lanzhou Petrochemical College of Vocational Technologyg, Lanzhou 730060, China)

Abstract: The less contact for vocational college students in school after school hours with professional teachers asked the students to devel op a professional course of study and exchange network platform. To provide various professional core course materials for students through the learning platform, network guidance and answering multi-directional guidance to help students to immediately solve the problems in students learning skills and heavy and difficult learning. Give full consideration to students’ learning conditions, the system has developed a mobile version. The application of this platform to improve learning efficiency, the promotion of advanced professional skills, learning good way to learn, the accumulation of learning experience and professional knowledge and skills, the promotion and application value.

Key words: professional courses; networking; learning exchanges

當(dāng)前很多高校都普遍存在“教師上完課就走，師生交流的時(shí)間太少”的現(xiàn)象，特別是很多高職院校學(xué)生本身自主學(xué)習(xí)的能力相對較弱，如果在課堂沒有很好的消化課程內(nèi)容，課后又沒能及時(shí)與教師交流溝通，容易使學(xué)生失去學(xué)習(xí)信心，甚至因此而放棄本課程的學(xué)習(xí)。這可能直接影響后繼課程的學(xué)習(xí)，甚至是整個(gè)專業(yè)課程的學(xué)習(xí)，從而影響的學(xué)生的就業(yè)與工作。雖然現(xiàn)在網(wǎng)絡(luò)信息量大，知識獲取的途徑也比較多，但是對不同層次的學(xué)生而言，網(wǎng)絡(luò)資源所提供的知識范圍太廣，跟專業(yè)及專業(yè)相關(guān)課程的聯(lián)系不是很緊密，不能很好的滿足學(xué)生專業(yè)課程的學(xué)習(xí)。針對這一現(xiàn)象，我們提出開發(fā)“專業(yè)課程網(wǎng)絡(luò)化學(xué)習(xí)交流平臺”。

1專業(yè)課程網(wǎng)絡(luò)化學(xué)習(xí)平臺設(shè)計(jì)

專業(yè)課程網(wǎng)絡(luò)化學(xué)習(xí)交流平臺的創(chuàng)建針對高校學(xué)生在學(xué)習(xí)過程中遇到疑惑，不能有效及時(shí)的解決，從而影響后續(xù)學(xué)習(xí)的情況下提出來的。通過調(diào)查分析學(xué)生對學(xué)習(xí)過程中遇到的問題進(jìn)行了分類整理，根據(jù)學(xué)生對學(xué)生中遇到問題期望解決的辦法進(jìn)行了總結(jié)歸納，創(chuàng)建了專業(yè)課程學(xué)習(xí)網(wǎng)，建立的目的旨在使學(xué)生通過與專業(yè)教師以及同學(xué)之間的相互交流幫助學(xué)生及時(shí)解決因?qū)W生問題積壓，并且可以通過平臺論壇的及時(shí)交流提高學(xué)習(xí)自學(xué)能力與交流的能力，以及解決專業(yè)問題的能力，為以后更好的學(xué)習(xí)和工作提供了良好的平臺和條件。

1.1專業(yè)課程網(wǎng)絡(luò)化學(xué)習(xí)平臺設(shè)計(jì)目標(biāo)

根據(jù)當(dāng)前高校學(xué)生學(xué)習(xí)和生活特點(diǎn)，以學(xué)生專業(yè)課程學(xué)習(xí)為背景，根據(jù)學(xué)生專業(yè)課程學(xué)習(xí)的需求，開發(fā)一套有利于學(xué)生專業(yè)知識與技能的學(xué)習(xí)與交流，能充分利用學(xué)生、教師、網(wǎng)絡(luò)等各項(xiàng)資源，結(jié)構(gòu)靈活，操作界面簡潔友好、系統(tǒng)處理效率高，具有可擴(kuò)展性、安全性、集學(xué)習(xí)與應(yīng)用于一體的專業(yè)課程網(wǎng)絡(luò)化學(xué)習(xí)交流平臺。考慮到當(dāng)前學(xué)生的學(xué)習(xí)條件，系統(tǒng)設(shè)計(jì)開發(fā)手機(jī)版，即使沒有電腦，也可用手機(jī)訪問到與電腦相同的所有功能。學(xué)生可以不用去機(jī)房、網(wǎng)吧，也不用專門為了學(xué)習(xí)、查找資料而打開電腦；只需拿出手機(jī)，輕輕一按，許多問題迎刃而解！

第2篇：網(wǎng)頁設(shè)計(jì)的流程范文

關(guān)鍵詞 網(wǎng)頁設(shè)計(jì) 簡約主義 視覺呈現(xiàn)

中圖分類號：TP3 文獻(xiàn)標(biāo)識碼：A

隨著商業(yè)社會的繁榮，大眾生活品質(zhì)的提高，互聯(lián)網(wǎng)代表著一種嶄新的信息交流方式。網(wǎng)頁設(shè)計(jì)也越來越趨向人性化，設(shè)計(jì)要求圍繞人為中心展開進(jìn)行設(shè)計(jì)。而網(wǎng)頁作為一種傳播信息的媒介，會受到時(shí)間、空間和適用環(huán)境的限制。但是如何讓凌亂復(fù)雜的網(wǎng)頁變得變得輕薄簡潔，在擁有它完整功能的同時(shí)又能很好的把重點(diǎn)模塊區(qū)分出來呢？如何更好剔除多余的顏色、背景或是部分元素，保留并梳理清楚視覺流程呢？

1網(wǎng)頁設(shè)計(jì)視覺流程籌劃

視覺流程俗指人們在觀看網(wǎng)頁時(shí)候的視覺路線走向。美國阿爾多斯?赫敘尼在《觀看的藝術(shù)》中提到：感覺+選擇+理解=觀看。觀看的第二步是從視野中選定一個(gè)特定的元素，進(jìn)行下一步詳盡的理解。這是他總結(jié)給我們看清事物的方法。

視覺流程是視線在觀賞物體上移動的過程，而網(wǎng)頁設(shè)計(jì)中的視覺流動路線是相當(dāng)重要的。垂直的物體在頁面上會引導(dǎo)人們的視線做上下的運(yùn)動軌跡，水平的物體在頁面則給我?guī)淼氖亲笥业囊曈X流動，三角形的物體會讓我們的視覺由角頂開始做循環(huán)的視覺流動，而圓形的物體往往會讓我們的視線呈輻射狀運(yùn)動。

因此，網(wǎng)頁設(shè)計(jì)中不同的視區(qū)范圍有著不同的注目度。我們?yōu)g覽網(wǎng)頁時(shí)一般的閱讀習(xí)慣是從左至右，從上至下，因而我們會把一些重要的訊息，比如logo、通知、最新信息放在左上位置，通常我們叫這個(gè)位置為視覺中心。

2影響網(wǎng)頁頁面視覺呈現(xiàn)的要素

2.1網(wǎng)頁頁面的版面率

版面率指的是網(wǎng)頁設(shè)計(jì)中文字、圖形、圖像、顏色等的占有率，它不僅影響頁面信息傳達(dá)效率，也決定著整個(gè)網(wǎng)頁設(shè)計(jì)的視覺呈現(xiàn)效果。一般來說，版面率與視覺傳達(dá)效果以及設(shè)計(jì)創(chuàng)意成反比的。如圖（1、2）

由圖我們可以看出，宜家的版面率低，整個(gè)頁面幾乎只有其logo的存在，所容納的信息量少，但是給我們的視覺沖擊力很強(qiáng)烈，視覺呈現(xiàn)的形式感很強(qiáng)。在網(wǎng)頁設(shè)計(jì)中，極簡的網(wǎng)頁視覺呈現(xiàn)能夠把最重要的信息以最直觀的方式傳達(dá)給瀏覽者，而且也可以起到一個(gè)避免閱讀中分散注意力的作用。譬如我們的一些個(gè)人網(wǎng)站、博客等商業(yè)氣息不濃厚，大多都會以設(shè)計(jì)創(chuàng)意個(gè)性為主，版面率較低。選擇版面率比較高的設(shè)計(jì)時(shí)，講究空間的有效利用與秩序的合理劃分，而且每一版面的大小和位置關(guān)系要和諧。否則要么排版呆板，要么秩序混亂。

2.2網(wǎng)頁設(shè)計(jì)的權(quán)衡布局及簡化設(shè)計(jì)

所謂簡約主義，顧名思義就是要我們將設(shè)計(jì)元素、色彩、造型進(jìn)行簡化。人們常說的“簡約不簡單”，實(shí)際上就是簡約主義。目前，簡約設(shè)計(jì)已經(jīng)被廣泛應(yīng)用到我們生活的各個(gè)領(lǐng)域，無論是室內(nèi)設(shè)計(jì)或是平面設(shè)計(jì)還是包裝設(shè)計(jì)，都在實(shí)行“簡約主義”。甚至很多品牌，譬如無印良品、宜家家居等都是采用的簡約主義風(fēng)格，無疑簡潔時(shí)尚已成為人們廣泛追求的一種風(fēng)格。正所謂“簡約不簡單”，個(gè)人也認(rèn)為越是簡單的東西越大牌。

排版布局中的平衡、對齊及對比關(guān)系，對頁面視覺效果至關(guān)重要。那么對于網(wǎng)頁設(shè)計(jì)來說，要做到簡化設(shè)計(jì)的第一步就是要去除一些多余的沒有必要的東西，盡可能的丟掉他們，留下一下最為關(guān)鍵的信息，比如logo、介紹、導(dǎo)航等等。我們每天都在使用的騰訊，它的頁面設(shè)計(jì)就做到了這點(diǎn)。如圖（3、4）

圖3 騰訊頁面設(shè)計(jì)

圖4 騰訊頁面設(shè)計(jì)

2.3顏色給我們帶來的心理暗示

色彩是我們認(rèn)識事物的第一印象，我們在瀏覽網(wǎng)頁的時(shí)候?qū)σ曈X沖擊力強(qiáng)的網(wǎng)頁設(shè)計(jì)留下的印象最為深刻。因此一個(gè)好的網(wǎng)頁設(shè)計(jì)必定有一個(gè)很好的頁面配色設(shè)計(jì)，它不僅能更好的傳達(dá)信息，同時(shí)還能更好的與大眾的心理需求相契合，更大的發(fā)揮網(wǎng)頁設(shè)計(jì)中帶來的視覺效果。如圖（5、6）

根據(jù)季節(jié)的變更、促銷活動的安排以及各品牌不同的文化理念，常常要做一些不同的網(wǎng)頁設(shè)計(jì)才吸引消費(fèi)大眾。因?yàn)槿藗冊陂L時(shí)間瀏覽網(wǎng)頁的時(shí)候很容易產(chǎn)生疲倦，在色彩的使用上，我們一般應(yīng)將色彩對比放在一些需要仔細(xì)閱讀或主要信息上，以免增加網(wǎng)頁瀏覽者的閱讀難度，引起視覺疲勞。同時(shí)，我們也不能采用一些辨識度低的顏色，盡可能把信息目標(biāo)更快更好的傳達(dá)到消費(fèi)者的眼中。

3結(jié)束語

在網(wǎng)頁設(shè)計(jì)過程中，我們應(yīng)繼承我國的傳統(tǒng)文化，形成獨(dú)特的設(shè)計(jì)風(fēng)格，拓展設(shè)計(jì)的視覺語言。與此同時(shí)，我們還要推陳出新，突出現(xiàn)代化，引領(lǐng)時(shí)尚潮流。以現(xiàn)代簡約主義的手法對中國的傳統(tǒng)元素和符號進(jìn)行提煉和二次設(shè)計(jì)，讓網(wǎng)頁設(shè)計(jì)獲得更強(qiáng)的視覺認(rèn)知力和藝術(shù)感力，營造一個(gè)自然、合理、順暢的視覺流程，更好的激發(fā)人們的審美情趣，引導(dǎo)人們在美的享受中接受傳達(dá)的信息，發(fā)現(xiàn)美好。

參考文獻(xiàn)

[1] （美）魯?shù)婪颍⒍骱Ｄ?藝術(shù)與視知覺[M].中國社會科學(xué)出版社，1984.5.

[2] 孫嬌，宗明明.網(wǎng)頁設(shè)計(jì)中視覺流程籌劃與應(yīng)用[J].美術(shù)教育研究，2011（7）.

[3] 李湘媛.淺談網(wǎng)頁設(shè)計(jì)中的色彩語言表達(dá)[J].藝術(shù)教育，2012（11）.

第3篇：網(wǎng)頁設(shè)計(jì)的流程范文

關(guān)鍵詞:工作過程;高職;網(wǎng)頁設(shè)計(jì);課程構(gòu)建

網(wǎng)頁設(shè)計(jì)是實(shí)踐與應(yīng)用性非常強(qiáng)的課程，其課程知識點(diǎn)廣、內(nèi)容繁多，對學(xué)生的實(shí)踐創(chuàng)新能力也有著較高要求。同時(shí)，互聯(lián)網(wǎng)技術(shù)不斷發(fā)展，“互聯(lián)網(wǎng)+”時(shí)代的到來，使社會企業(yè)對網(wǎng)頁設(shè)計(jì)人才的需求量不斷增加，對網(wǎng)頁設(shè)計(jì)人才質(zhì)量要求也不斷提高，這也給高職網(wǎng)頁設(shè)計(jì)教學(xué)提出了更高要求。而基于工作過程的課程構(gòu)建則可有效滿足新形勢下的教學(xué)需求?；诠ぷ鬟^程的課程構(gòu)建，以工作任務(wù)作為中心展開組織與建設(shè)，以崗位需求為基礎(chǔ)，以學(xué)生職業(yè)能力發(fā)展為目標(biāo)，以工作情境與工作過程為導(dǎo)向，更具職業(yè)針對性。因此，探究基于工作過程的高職網(wǎng)頁設(shè)計(jì)課程構(gòu)建，有著重要的現(xiàn)實(shí)意義。

一、高職網(wǎng)頁設(shè)計(jì)課程教學(xué)現(xiàn)狀分析

高職院校網(wǎng)頁設(shè)計(jì)是一門綜合性相對較強(qiáng)的課程，當(dāng)前一些高職院校仍然以傳統(tǒng)理論與實(shí)踐教學(xué)結(jié)合的模式為主，對實(shí)踐教學(xué)的重視程度也越來越高。通過先理論再實(shí)踐教學(xué)的模式，給學(xué)生帶來了動手實(shí)踐的機(jī)會，實(shí)踐操作學(xué)時(shí)也有所增加。但隨著專業(yè)的不斷發(fā)展，教學(xué)內(nèi)容日益豐富，傳統(tǒng)實(shí)踐教學(xué)模式已難以滿足學(xué)生需求，許多學(xué)生在較短的實(shí)踐操作課程中對專業(yè)技能掌握仍然缺乏，職業(yè)能力培養(yǎng)也無法取得令人滿意的效果?？傮w來看，當(dāng)前高職院校網(wǎng)頁設(shè)計(jì)課程由于教學(xué)內(nèi)容較為繁雜，課時(shí)相對不足，導(dǎo)致教學(xué)深度相對缺乏，學(xué)生專業(yè)技能掌握程度不足，實(shí)踐能力有待進(jìn)一步提升;從教學(xué)方法上來看，雖然一定程度上注重學(xué)生動手實(shí)踐能力的培養(yǎng)，但由于缺乏系統(tǒng)整體的訓(xùn)練，對學(xué)生問題分析與解決能力的培養(yǎng)也有待完善。［1］

二、基于工作過程的高職網(wǎng)頁設(shè)計(jì)課程構(gòu)建

(一)分析職業(yè)能力需求，明確教學(xué)目標(biāo)

為使網(wǎng)頁設(shè)計(jì)課程構(gòu)建更符合學(xué)生與企業(yè)需求，高職院校應(yīng)加強(qiáng)調(diào)研，結(jié)合企業(yè)用人單位調(diào)查、企業(yè)專家訪談等方式，對網(wǎng)頁設(shè)計(jì)專業(yè)人才需求展開系統(tǒng)調(diào)查，理清網(wǎng)站編輯、網(wǎng)站制作人員等具體社會需求;同時(shí)對計(jì)算機(jī)專業(yè)從事網(wǎng)頁設(shè)計(jì)相關(guān)崗位的畢業(yè)生進(jìn)行調(diào)研，進(jìn)行對崗位能力等各項(xiàng)內(nèi)容的調(diào)研。同時(shí)，高職院校應(yīng)突破原有課程教學(xué)體系，去除以知識體系為主的模式，以網(wǎng)站工程師、網(wǎng)頁設(shè)計(jì)師等專業(yè)職業(yè)技能為目標(biāo)進(jìn)行課程開發(fā)與設(shè)計(jì)，網(wǎng)頁設(shè)計(jì)課程以培養(yǎng)優(yōu)秀網(wǎng)頁制作人員為教學(xué)目標(biāo)，確立以學(xué)生職業(yè)能力與職業(yè)素質(zhì)培養(yǎng)為重點(diǎn)的課程構(gòu)建理念，注重基本實(shí)踐能力的培訓(xùn)，讓學(xué)生掌握各類網(wǎng)頁設(shè)計(jì)制作技能，使其具備一定網(wǎng)頁設(shè)計(jì)開發(fā)、網(wǎng)站維護(hù)等能力。［2］使其課程構(gòu)建既能夠培養(yǎng)學(xué)生職業(yè)崗位所必須的技能素質(zhì)，也可讓學(xué)生更快更好地養(yǎng)成職業(yè)習(xí)慣，提升職業(yè)能力，為學(xué)生職業(yè)生涯發(fā)展打下堅(jiān)實(shí)基礎(chǔ)。

(二)制定課程標(biāo)準(zhǔn)

結(jié)合計(jì)算機(jī)專業(yè)技術(shù)要求以及企業(yè)用人需求構(gòu)建網(wǎng)頁設(shè)計(jì)課程教學(xué)大綱，制定系統(tǒng)化的課程標(biāo)準(zhǔn)。首先應(yīng)明確能力目標(biāo)，也即讓學(xué)生能夠熟練應(yīng)用技術(shù)設(shè)計(jì)與制作網(wǎng)頁，具備自主動手、信息整合以及自學(xué)、合作等能力;其次為知識目標(biāo)的確定，要求學(xué)生掌握網(wǎng)頁設(shè)計(jì)制作方法，會使用HTML語言，能夠設(shè)計(jì)與制作網(wǎng)頁動畫等。此外為素質(zhì)目標(biāo)，使學(xué)生具備自主創(chuàng)新思維，有網(wǎng)站策劃能力等。

(三)完善教學(xué)內(nèi)容

高職院校課程組教師應(yīng)深入企業(yè)與社會，了解專業(yè)最新要求;院校也有必要加強(qiáng)與企業(yè)合作，共建校外實(shí)訓(xùn)基地，開發(fā)設(shè)計(jì)基于工作過程的網(wǎng)頁設(shè)計(jì)課程，以工作項(xiàng)目作為載體，將教學(xué)融入項(xiàng)目當(dāng)中，圍繞工作過程明確課程內(nèi)容，結(jié)合工作任務(wù)完成流程，提煉出以學(xué)生職業(yè)能力培養(yǎng)為核心的模塊，合理選取工作當(dāng)中使用率高、典型性工作任務(wù)作為學(xué)習(xí)項(xiàng)目，對網(wǎng)頁設(shè)計(jì)教學(xué)內(nèi)容實(shí)施科學(xué)整合與序化，同工作實(shí)踐中的應(yīng)用組合成功能模塊，促進(jìn)工作過程與教學(xué)過程的融合度，實(shí)現(xiàn)理論與實(shí)踐結(jié)合。

(四)重構(gòu)教學(xué)模式

基于工作過程的高職網(wǎng)頁設(shè)計(jì)教學(xué)模式也應(yīng)滿足教學(xué)目標(biāo)需求，采用工作過程化的模式。具體可通過工作任務(wù)、企業(yè)任務(wù)等針對性強(qiáng)的工作情境引入，讓學(xué)生掌握理論基礎(chǔ)知識以及技能方法等;同時(shí)引導(dǎo)學(xué)生自主解決相關(guān)問題，為完成網(wǎng)頁設(shè)計(jì)制作問題加強(qiáng)合作與交流，充分發(fā)揮主觀能動性;最后則通過“情景拓展”，引導(dǎo)學(xué)生自主實(shí)踐，進(jìn)一步提升自主學(xué)習(xí)能力與職業(yè)能力，例如鼓勵(lì)學(xué)生參與網(wǎng)頁設(shè)計(jì)大賽等，全面培養(yǎng)學(xué)生實(shí)踐操作與開發(fā)應(yīng)用能力。［3］

(五)更新教學(xué)方法

高職院校網(wǎng)頁設(shè)計(jì)課程教學(xué)方法也應(yīng)實(shí)現(xiàn)進(jìn)一步更新，具體應(yīng)結(jié)合用人單位網(wǎng)站設(shè)計(jì)制作崗位要求，對崗位能力進(jìn)行全面分解并歸結(jié)出對應(yīng)的課程知識點(diǎn)，構(gòu)建起課程系統(tǒng)，結(jié)合案例教學(xué)法、項(xiàng)目教學(xué)法、任務(wù)驅(qū)動教學(xué)法等方式，明確網(wǎng)頁設(shè)計(jì)、網(wǎng)站運(yùn)營、網(wǎng)頁測試等課程內(nèi)容，引導(dǎo)學(xué)生以工作過程為基礎(chǔ)，掌握網(wǎng)頁設(shè)計(jì)制作構(gòu)件、明確網(wǎng)站架設(shè)，提升專業(yè)技能。例如任務(wù)驅(qū)動教學(xué)法的應(yīng)用，具體可將學(xué)生網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)內(nèi)容分為獨(dú)立任務(wù)模塊，包括模仿操作內(nèi)容、獨(dú)立操作內(nèi)容以及工學(xué)結(jié)合三種類型，其中模仿操作開展為通過一個(gè)系統(tǒng)的網(wǎng)站，引導(dǎo)學(xué)生分次完成，使其掌握基礎(chǔ)理論以及基礎(chǔ)操作技能;獨(dú)立操作即向?qū)W生布置任務(wù)，讓學(xué)生以小組為基礎(chǔ)自主完成項(xiàng)目任務(wù);工學(xué)結(jié)合則可通過與企業(yè)合作，或利用工作室項(xiàng)目，組織學(xué)生完成實(shí)際網(wǎng)頁設(shè)計(jì)項(xiàng)目?？偠灾?，通過此類實(shí)踐教學(xué)充分調(diào)動學(xué)生積極性，培養(yǎng)學(xué)生職業(yè)態(tài)度，提升其實(shí)踐創(chuàng)新能力。

三、結(jié)語

基于工作過程的高職網(wǎng)頁設(shè)計(jì)課程構(gòu)建，能夠?qū)⒎彪s、分散的網(wǎng)頁設(shè)計(jì)課程知識點(diǎn)有效整合與分解，以工作任務(wù)項(xiàng)目為載體，實(shí)現(xiàn)教學(xué)與學(xué)習(xí)的工作化，進(jìn)而充分挖掘?qū)W生的積極主動性與實(shí)踐創(chuàng)新能力。因此，高職院校網(wǎng)頁設(shè)計(jì)教學(xué)應(yīng)不斷研究與完善基于工作過程的課程體系構(gòu)建，使專業(yè)人才培養(yǎng)定位更為精確，使學(xué)生職業(yè)競爭力得到進(jìn)一步提升。

參考文獻(xiàn):

［1］張麗香．基于工作過程的高職“網(wǎng)頁設(shè)計(jì)”課程建設(shè)［J］．現(xiàn)代計(jì)算機(jī)，2013(5):47-50．

第4篇：網(wǎng)頁設(shè)計(jì)的流程范文

關(guān)鍵詞：網(wǎng)絡(luò)媒體專業(yè) 網(wǎng)頁設(shè)計(jì) 課程體系

網(wǎng)絡(luò)行業(yè)隨著近幾年的突飛猛進(jìn)，老套的設(shè)計(jì)課程、基礎(chǔ)理論課程等等，已經(jīng)跟不上這種快節(jié)奏的速度了，好多的軟件、課程還沒等畢業(yè)，就已經(jīng)被社會淘汰了。網(wǎng)絡(luò)發(fā)展的迅猛，老百姓審美的提高，帶來的就是媒體、設(shè)計(jì)公司的加速發(fā)展，各大網(wǎng)媒的職位缺口將會越來越嚴(yán)重。

再隨著諸如淘寶、京東等電商的興起，智能手機(jī)在網(wǎng)絡(luò)上的占比越來越大，從而使好多新的崗位在各大型公司中出現(xiàn)，中小公司也會隨之興起。市場對網(wǎng)頁設(shè)計(jì)人才的需求，不僅在數(shù)量上越來越大，而且在質(zhì)量上也有了越來越高的要求。新的課程體系，必須大膽的刪減老套的、不實(shí)用的課程，大膽的增加新軟件、新實(shí)戰(zhàn)的課程。而為了能讓學(xué)生在有限的大學(xué)期間里，學(xué)到一畢業(yè)就能夠適應(yīng)公司、適應(yīng)社會的東西，才是目前最急缺的。為了學(xué)生的綜合能力的發(fā)展，具體說下網(wǎng)絡(luò)媒體專業(yè)在學(xué)期間的必修課程：

1 基礎(chǔ)課程

設(shè)計(jì)素描：是一個(gè)把失敗的考前教育，通過學(xué)生在原來的造型功底上加以變化，按照各種引導(dǎo)與命題來擴(kuò)展及開放思維的課程。

設(shè)計(jì)色彩：讓學(xué)生對色彩的歸納、顏色的搭配都有一定的深入認(rèn)識。

設(shè)計(jì)速寫：把風(fēng)景寫生中的寫實(shí)、寫意、透視及設(shè)計(jì)的完美結(jié)合，為以后每個(gè)設(shè)計(jì)作品的初稿奠定基礎(chǔ)。

三大構(gòu)成：將會使學(xué)生在日后的網(wǎng)絡(luò)媒體設(shè)計(jì)中，設(shè)計(jì)出極具專業(yè)水準(zhǔn)的作品。網(wǎng)絡(luò)媒體設(shè)計(jì)是呈現(xiàn)在顯示器規(guī)定視覺空間內(nèi)的設(shè)計(jì)工作，點(diǎn)線面與色彩的合理布局至關(guān)重要。

2 專業(yè)基礎(chǔ)課程

Photoshop：本課程將詳細(xì)講解Photoshop強(qiáng)大的圖像處理功能及高級技巧，針對平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)等專業(yè)的各種應(yīng)用實(shí)戰(zhàn)性教學(xué)。

版式構(gòu)圖與設(shè)計(jì)技巧：是一門根據(jù)平面中的版式進(jìn)行延伸，對網(wǎng)頁設(shè)計(jì)中的網(wǎng)頁的版式，構(gòu)圖的掌握及學(xué)習(xí)方法，是網(wǎng)頁設(shè)計(jì)中的必修課程。

Illustrator：同是Adobe公司旗下的設(shè)計(jì)軟件，是一款矢量圖軟件，其圖像處理功能及高級技巧，針對平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)以及flas等專業(yè)的各種實(shí)際應(yīng)用實(shí)戰(zhàn)教學(xué)。

字體設(shè)計(jì)：對平面設(shè)計(jì)和網(wǎng)頁設(shè)計(jì)中的字體的變形、設(shè)計(jì)、應(yīng)用，不同字體的搭配，以及進(jìn)行相關(guān)的排版設(shè)計(jì)。是網(wǎng)頁設(shè)計(jì)中的必修課程。

Logo設(shè)計(jì)：系統(tǒng)講授怎么去針對一個(gè)公司的企業(yè)形象，通過對公司各方面的理解，做出賦有其文化、理念、標(biāo)志性的logo。

廣告策劃：是對于提出廣告決策、實(shí)施廣告決策、檢驗(yàn)廣告決策全過程作預(yù)先的考慮與設(shè)想，是對廣告的整體戰(zhàn)略與策略的運(yùn)籌規(guī)劃。

廣告設(shè)計(jì)：利用之前課程中對圖象、文字、色彩、版面、圖形等表達(dá)廣告的元素，結(jié)合廣告媒體的使用特征，通過相關(guān)設(shè)計(jì)軟件來為實(shí)現(xiàn)表達(dá)廣告目的和意圖的設(shè)計(jì)。

3 專業(yè)課程

Flas：熟練掌握二維動畫的創(chuàng)作，通過對網(wǎng)站中banner的設(shè)計(jì)，成功把平面設(shè)計(jì)中的廣告轉(zhuǎn)化為動態(tài)廣告。

Fireworks應(yīng)用：學(xué)會使用Fireworks優(yōu)化并導(dǎo)出網(wǎng)頁。

網(wǎng)頁界面設(shè)計(jì)：對網(wǎng)頁的版式構(gòu)圖、字體搭配、色彩搭配等必備知識的掌握，對歐美、日韓及中國現(xiàn)在流行的搭配風(fēng)格進(jìn)行解析，讓學(xué)生對網(wǎng)頁界面有一定的認(rèn)識與應(yīng)用，是網(wǎng)頁設(shè)計(jì)中的必修課程。

網(wǎng)頁設(shè)計(jì)：掌握網(wǎng)頁設(shè)計(jì)的基本工作流程，了解 Dreamweaver在流程中的作用；學(xué)習(xí)HTML的基本語法、修改常用的HTML標(biāo)簽；掌握網(wǎng)頁設(shè)計(jì)的基本原則，熟知建立網(wǎng)站并生成網(wǎng)頁的基本流程。

DIV+CSS布局：學(xué)習(xí)附加外部樣式表，鏈接方式和導(dǎo)入方式；新建樣式，類、標(biāo)簽，新建樣式表文件；詳解使用 DIV+CSS布局和Web2.0頁面和網(wǎng)站布局的方法和流程。利用Dreamweaver 實(shí)現(xiàn)網(wǎng)站。

Javascript交互：運(yùn)用語言程序的構(gòu)成和編寫；使用 Javascript 給頁面添加動態(tài)交互事件；對表單本地?cái)?shù)據(jù)驗(yàn)證，降低服務(wù)器的負(fù)荷；制作廣告，頁面漂浮圖片等常用效果；提供數(shù)據(jù)驗(yàn)證的基本功能，js的作用也主要在實(shí)現(xiàn)網(wǎng)頁的一些特效，css難以實(shí)現(xiàn)的特效，通常和Jquery，Ajax，聯(lián)合使用。

網(wǎng)絡(luò)媒體設(shè)計(jì)綜合實(shí)訓(xùn)：開放的網(wǎng)絡(luò)媒體設(shè)計(jì)項(xiàng)目實(shí)習(xí)，使學(xué)員完全掌握網(wǎng)絡(luò)媒體設(shè)計(jì)流程和各個(gè)環(huán)節(jié)將面對的問題及對應(yīng)的解決方案。著重訓(xùn)練綜合設(shè)計(jì)和操作大型項(xiàng)目的能力。針對網(wǎng)絡(luò)媒體行業(yè)的需求進(jìn)行實(shí)訓(xùn)，無縫連接。

UI圖標(biāo)設(shè)計(jì)：iOS圖標(biāo)模仿秀，水晶、玻璃、金屬各種質(zhì)感經(jīng)典案例演示，創(chuàng)造一組屬于自己的個(gè)性圖標(biāo)，各平臺圖標(biāo)設(shè)計(jì)規(guī)范與設(shè)計(jì)趨勢。

UI界面設(shè)計(jì)：手機(jī)應(yīng)用界面的規(guī)范與設(shè)計(jì)，天氣、新聞資訊、社交網(wǎng)絡(luò)、音樂播放器各種主題風(fēng)格的制作與技巧。界面設(shè)計(jì)要和用戶研究緊密結(jié)合，是一個(gè)不斷為最終用戶設(shè)計(jì)滿意視覺效果的過程。

UI交互設(shè)計(jì)：交互設(shè)計(jì)與用戶體驗(yàn)設(shè)計(jì)，AxureRP交互原型繪制工具使用，需求分析、用戶研究、思維導(dǎo)圖，演示完整的手機(jī)APP的制作流程。

就以上必修課程在教學(xué)時(shí)序的安排上，從設(shè)計(jì)的基礎(chǔ)-平面設(shè)計(jì)-網(wǎng)頁設(shè)計(jì)-視覺強(qiáng)化設(shè)計(jì)-UI交互設(shè)計(jì)。本著由淺入深、逐步深化的原則，每一方面的課程都要保證后續(xù)課程的開設(shè)是前面課程的深入。不同方面的課程間，能在同一個(gè)學(xué)期相互配合的課程絕不作跨學(xué)期安排。保證學(xué)生每個(gè)學(xué)期所學(xué)到的知識都是全面的。

總的來說，把網(wǎng)絡(luò)媒體作為一個(gè)行業(yè)和一個(gè)完整的專業(yè)體系來看，加強(qiáng)課程體系的建設(shè)，有助于實(shí)現(xiàn)更高的教學(xué)目標(biāo)、培養(yǎng)學(xué)生的綜合能力，從而更好的適應(yīng)人才市場的變化，為學(xué)生的就業(yè)打下更好的基礎(chǔ)。

參考文獻(xiàn)：

[1]郭曉陽，劉立偉.網(wǎng)絡(luò)媒體設(shè)計(jì)[M].水利水電出版社.

第5篇：網(wǎng)頁設(shè)計(jì)的流程范文

何為視覺傳達(dá)設(shè)計(jì)，視覺傳達(dá)設(shè)計(jì)是指運(yùn)用視覺表現(xiàn)的手法傳達(dá)給用戶的設(shè)計(jì)方式。較為傳統(tǒng)的傳播媒介是平面類印刷紙質(zhì)類，現(xiàn)在主要利用各種電子媒介作為媒介。根據(jù)相關(guān)數(shù)據(jù)2013年中國互聯(lián)網(wǎng)使用人數(shù)已過6億。所以互聯(lián)網(wǎng)傳播作為新的媒介，與平面類紙質(zhì)媒介不大相同的地方是它更加強(qiáng)調(diào)了“交互設(shè)計(jì)”理念。

關(guān)鍵詞：

網(wǎng)頁交互設(shè)計(jì)；視覺傳達(dá)

因時(shí)代的進(jìn)步互聯(lián)網(wǎng)絡(luò)的快速發(fā)展是必然的，作為一種全新的視覺傳播媒介，具有迅速、價(jià)廉、及時(shí)、傳播面廣的特點(diǎn)。網(wǎng)頁作為互聯(lián)網(wǎng)的代表傳播方式之一，它的設(shè)計(jì)既要有傳統(tǒng)平面該有的設(shè)計(jì)特點(diǎn)，還要有現(xiàn)代技術(shù)的組成，將技術(shù)與藝術(shù)巧妙的相融為一體的交互性活動。本文嘗試著從視覺傳達(dá)設(shè)計(jì)中文字、色彩和排版對人生理和心理的作用應(yīng)如何運(yùn)用到網(wǎng)頁設(shè)計(jì)的交互式上，幫助設(shè)計(jì)師更好地利用視覺表現(xiàn)讓客戶達(dá)到良好體驗(yàn)。在筆者看來，一個(gè)好的設(shè)計(jì)師或互聯(lián)網(wǎng)技術(shù)人員未必能夠做好網(wǎng)頁設(shè)計(jì)，因?yàn)樗恢皇枪庑枰O(shè)計(jì)師的審美或技術(shù)人員的開發(fā)。一個(gè)好的互聯(lián)網(wǎng)產(chǎn)品需要產(chǎn)品經(jīng)理與設(shè)計(jì)師和技術(shù)人員的三方溝通，一個(gè)優(yōu)秀的設(shè)計(jì)師其實(shí)可以勝任產(chǎn)品經(jīng)理加設(shè)計(jì)師的工作。所以我們在做網(wǎng)頁設(shè)計(jì)時(shí)，應(yīng)該以一個(gè)產(chǎn)品經(jīng)理加設(shè)計(jì)師的思維共同設(shè)計(jì)。心里的思路應(yīng)該很清晰，例如我們的客戶群體是哪些、他們有哪些習(xí)慣、我的顏色該如何搭配、字體用什么才能吸引讓客戶群體等等，這些都是在進(jìn)行網(wǎng)頁設(shè)計(jì)前所要思考的，至于如何正確地匹配到這些選項(xiàng)，還需要我們仔細(xì)地探究。一個(gè)好的網(wǎng)頁設(shè)計(jì)并不是簡單地把文字圖片放上去就夠了，我們需要揣測用戶的心理因素和生理本能，比如說網(wǎng)頁的大小比例、字體大小、圖片大小和整體的排版風(fēng)格。下面就跟大家淺談下網(wǎng)頁設(shè)計(jì)中的信息視覺傳達(dá)：

1文字

對于在網(wǎng)頁上的文字設(shè)計(jì)來說字體的基本要求是可閱讀性，其包括文字的大小、字與字的間距、段與段的間距和行列長短間距等方面的處理。很少一些網(wǎng)頁對字體進(jìn)行再次設(shè)計(jì)，原因是不同的計(jì)算機(jī)操作系統(tǒng)和字體文件安裝都是不同的，所以必須選取一些常規(guī)的字體，否則一部分用戶上的字體就會變成默認(rèn)字體，這將與設(shè)計(jì)者本身的設(shè)計(jì)意圖大大相否。其次，用戶使用的屏幕顯示也對字體有一定的影響，設(shè)計(jì)是大多數(shù)會采用宋體或黑體兩種字體，從用戶心理感受來說，宋體字較為活躍、生動，閱讀起來不容易疲勞。而黑體字方正端莊，線條粗獷醒目，但在縮小到一定程度時(shí)容易模糊，造成識別困難。

2色彩

色彩設(shè)計(jì)對于一個(gè)優(yōu)秀的設(shè)計(jì)來說非常重要，在網(wǎng)頁設(shè)計(jì)中也是設(shè)計(jì)的關(guān)鍵，在互聯(lián)網(wǎng)快速的閱讀中如何第一秒吸引到用戶成為視覺傳播的關(guān)鍵。人對色彩是相當(dāng)敏感的，當(dāng)他們首次接觸一個(gè)網(wǎng)頁時(shí)，最先吸引其注意力的就是網(wǎng)頁的顏色，其次是圖像，最后是文字。色彩給其他人的印象特別強(qiáng)烈，所以設(shè)計(jì)師最容易通過色彩去表達(dá)他的設(shè)計(jì)意念，例如天貓和京東的紅白色主頁的設(shè)計(jì)，強(qiáng)烈的顏色沖擊了人們的心理視覺給人強(qiáng)烈的購買欲望。網(wǎng)頁上的顏色主要表現(xiàn)在主導(dǎo)色、輔助顏色和背景顏色這幾個(gè)方面。占顏色面積最大的是網(wǎng)頁主色調(diào)。主色調(diào)像是一幅畫中的主色，在創(chuàng)造特定的氣氛與意境上發(fā)揮主導(dǎo)作用。第二大的是輔助顏色，起的作用是強(qiáng)調(diào)或調(diào)和。網(wǎng)頁的背景色是增加畫面空間感的重要措施。例如，較暗的背景色與鮮明的主導(dǎo)色形成鮮明的前后空間關(guān)系。設(shè)計(jì)師對不同功能的色彩進(jìn)行理解和分析，搭配好主色、輔色和背景色的運(yùn)用比例才能給用戶一個(gè)良好的視覺體驗(yàn)。

3排版

排版設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中也可以叫做頁面布局，把零散的網(wǎng)頁名稱、導(dǎo)航欄、搜索欄、圖形、文字和符號進(jìn)行點(diǎn)線面排版。四周的“空間”并不是沒有的，可以留白或留灰，突出頁面主題物讓網(wǎng)頁在使用中更加簡潔和便利。設(shè)計(jì)師根據(jù)“以虛托實(shí)、以無襯有”和信息傳達(dá)的要求進(jìn)行合理排版，此時(shí)需要注重用戶心理的潛意識和生理的行為習(xí)慣進(jìn)行排版設(shè)計(jì)。比如用戶在瀏覽頁面時(shí)，第一眼優(yōu)先注意到的是四周留白的文字，這就是視覺的邊際效應(yīng)在虛空間的一個(gè)體現(xiàn)。從而使設(shè)計(jì)師設(shè)計(jì)的平面網(wǎng)頁能夠充分與用戶有所“交互”，使用戶體驗(yàn)獲得更佳的視覺印象。

4視覺規(guī)律

視覺規(guī)律是根據(jù)人的視覺心理因素和生理習(xí)慣而決定的。人有兩只眼睛但是因?yàn)槿说难矍蛟碇辉试S產(chǎn)生一個(gè)視覺焦點(diǎn)，不能同時(shí)停留在兩處以上（包含兩處）的地方。因此人們自由閱讀時(shí)，都會有一個(gè)生理習(xí)慣，從上往下和從左往右閱讀。心理學(xué)研究顯示出，在一個(gè)平面內(nèi)人在閱覽上半部分時(shí)會讓人感到輕松愉悅，下半部分時(shí)則會感到郁悶壓抑。同樣左半部分讓人感到輕松愉悅，右半部分則會感到郁悶壓抑。所以左上部分稱為“最佳閱覽區(qū)”。視覺流程導(dǎo)向又分為導(dǎo)向類視覺流程、重心視覺流程、反復(fù)視覺流程、散點(diǎn)視覺流程，我們在網(wǎng)頁設(shè)計(jì)中就可以依據(jù)這些用戶的生理和心理的“規(guī)律”來進(jìn)行交互設(shè)計(jì)，從而使用戶達(dá)到良好的使用體驗(yàn)。優(yōu)秀的網(wǎng)頁設(shè)計(jì)師提供愉悅的交互式體驗(yàn)，不僅對文字、色彩和排版進(jìn)行探究設(shè)計(jì)。網(wǎng)頁上操作面板上的按鈕和開關(guān)和導(dǎo)航的分欄等，設(shè)計(jì)師利用交互性及時(shí)讓用戶知道如何操作這是很重要的。那么設(shè)計(jì)師必須合理地運(yùn)用示能、意符、約束、映射和反饋這幾個(gè)心理學(xué)概念進(jìn)行科學(xué)的設(shè)計(jì)。

參考文獻(xiàn)：

［1］王愉，隋涌.論網(wǎng)頁視覺要素設(shè)計(jì)［J］.北京印刷學(xué)院學(xué)報(bào)，2005（04）.

第6篇：網(wǎng)頁設(shè)計(jì)的流程范文

購買推薦

圖書分析師龐敏麗認(rèn)為該書書從網(wǎng)站設(shè)計(jì)最基本的內(nèi)容一步一步地講解設(shè)計(jì)理論、設(shè)計(jì)組成、設(shè)計(jì)方法，引導(dǎo)進(jìn)行設(shè)計(jì)規(guī)劃和制作，分析色彩規(guī)律，指導(dǎo)色彩實(shí)戰(zhàn)應(yīng)用，講述設(shè)計(jì)心理學(xué)、用戶體驗(yàn)，全面、完善、系統(tǒng)地講述網(wǎng)站設(shè)計(jì)與網(wǎng)頁配色。

通過對生意寶旗下比購寶(Boogle.cn)——“網(wǎng)絡(luò)購物第一站”收錄的博庫書城、淘寶網(wǎng)、京東商城、亞馬遜、當(dāng)當(dāng)網(wǎng)、拍拍網(wǎng)、文軒網(wǎng)、中國互動出版網(wǎng)、99網(wǎng)上書城等眾多含圖書銷售的網(wǎng)站，價(jià)格搜索顯示，目前，當(dāng)當(dāng)網(wǎng)該書為最低價(jià)，推薦購買。

目錄

1　網(wǎng)頁設(shè)計(jì)概述

1.1網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識

1.1.1網(wǎng)頁設(shè)計(jì)的概念

1.1.2網(wǎng)頁設(shè)計(jì)的定位

1.1.3網(wǎng)頁設(shè)計(jì)所屬的范疇

1.1.4網(wǎng)頁設(shè)計(jì)的準(zhǔn)則

1.2用戶的閱讀習(xí)慣

1.2.1人機(jī)交互的概念

1.2.2用戶習(xí)慣分析

1.2.3易用性設(shè)計(jì)

1.3網(wǎng)站類型

1.3.1綜合(門戶)類網(wǎng)站

1.3.2新聞?lì)惥W(wǎng)站

1.3.3交易類網(wǎng)站

1.3.4 IT類網(wǎng)站

1.3.5教育類網(wǎng)站

1.3.6生活娛樂類網(wǎng)站

1.3.7政府類網(wǎng)站

1.3.8個(gè)人類網(wǎng)站

1.3.9功能型網(wǎng)站

1.3.1 0其他行業(yè)類網(wǎng)站

1.4網(wǎng)絡(luò)的特點(diǎn)

1.4.1信息的開放性

1.4.2信息的互動性

1.4.3信息的不穩(wěn)定性

1.4.4網(wǎng)絡(luò)時(shí)代性

1.4.5信息傳播的迅速性

1.5網(wǎng)頁設(shè)計(jì)方法分析

1.5.1欄目劃分法

1.5.2網(wǎng)格劃分法

1.5.3色彩定位法

1.5.4 Lo90弓1導(dǎo)法

1.6網(wǎng)頁設(shè)計(jì)實(shí)踐分析

1.6.1聯(lián)合利華網(wǎng)站設(shè)計(jì)方案分析

1.6.2西部數(shù)據(jù)色彩設(shè)計(jì)網(wǎng)站方案分析

2　網(wǎng)頁制作的基本流程

2.1網(wǎng)站資料整理

2.1.1文字資料歸納整理分類

2.1.2圖片資料整理篩選分類

2.1.3視頻素材篩選

2.1.4 Flash動畫

2.2準(zhǔn)備素材(使素材符合網(wǎng)頁設(shè)計(jì)需求)

2.2.1準(zhǔn)備圖片素材

2.2.2文字再編輯，提取要點(diǎn)，總結(jié)標(biāo)題

2.2.3視頻素材的剪輯及壓縮處理

2.3網(wǎng)站結(jié)構(gòu)劃分

(網(wǎng)站腳本編刨)

2.3.1根據(jù)素材分析網(wǎng)站結(jié)構(gòu)

2.3.2提取分類列出欄目

2.3.3欄目下子欄目劃分

2.4網(wǎng)站風(fēng)格定位—一風(fēng)格設(shè)計(jì)

2 4.1分析網(wǎng)站的主題定位——網(wǎng)站主基調(diào)

2 4.2風(fēng)格的統(tǒng)一與變化

……

3　網(wǎng)頁設(shè)計(jì)的理念

4　網(wǎng)頁設(shè)計(jì)頁面布局

5　新型網(wǎng)站設(shè)計(jì)

6　色彩基礎(chǔ)知識

第7篇：網(wǎng)頁設(shè)計(jì)的流程范文

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)制作；DreamweaverCs5；功能；應(yīng)用；發(fā)展

中圖分類號：TP311 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2013）24-5428-02

網(wǎng)站開發(fā)工具的出現(xiàn)是在1997年，隨著時(shí)代的不斷改革與變化，網(wǎng)站開發(fā)工具也有了新的突破。DreamweaverCs5網(wǎng)站開發(fā)工具為使用者進(jìn)行網(wǎng)站設(shè)計(jì)制作提供了方便，節(jié)省了工作時(shí)間。它新增了很多功能，為廣大使用者展現(xiàn)的是一種可視性網(wǎng)站工作界面，其操作性極強(qiáng)，有豐富的站點(diǎn)管理，它的出現(xiàn)提高了網(wǎng)頁設(shè)計(jì)與制作的水平，豐富了網(wǎng)頁設(shè)計(jì)的表現(xiàn)形式。

1 DreamweaverCS5在網(wǎng)頁設(shè)計(jì)中的應(yīng)用

DreamweaverCs5在現(xiàn)今網(wǎng)頁設(shè)計(jì)與制作中得到了廣泛應(yīng)用，在網(wǎng)頁設(shè)計(jì)制作中發(fā)揮著重要作用，對網(wǎng)頁設(shè)計(jì)制作的發(fā)展具有一定的積極意義。

首先，DreamweaverCs5中的ASP功能較為強(qiáng)大，它是微軟公司通過不斷研發(fā)，開發(fā)出的一種代替CGI腳本程序的新程序。ASP主要在服務(wù)器端使用，它能夠?qū)崿F(xiàn)與數(shù)據(jù)庫以及其他相關(guān)程序的交互工作，其編輯程序較為簡便，減少了網(wǎng)頁設(shè)計(jì)制作中的復(fù)雜程序，是網(wǎng)頁設(shè)計(jì)與制作編程工作中的一大進(jìn)步，提高了網(wǎng)頁設(shè)計(jì)與制作的水平。

其次，ASP在網(wǎng)頁運(yùn)用中沒有過多的局限性，它的文件格式為asp，在動態(tài)網(wǎng)站中得到了充分應(yīng)用，它不限制在哪個(gè)網(wǎng)站中能使用，在哪個(gè)網(wǎng)站上不能使用，在使用中有較大的自由性，這也是它在網(wǎng)頁設(shè)計(jì)與制作中常被用到的原因之一。

再者，ASP程序具有較大的靈活性，它能夠在VisualInerdev＼UltraDEV等多種編輯器中使用，另外，客戶端在進(jìn)行網(wǎng)頁設(shè)計(jì)與制作前期可以采取所見即所得的網(wǎng)頁制作軟件，對所要制作的網(wǎng)站進(jìn)行整體框架設(shè)計(jì)，整個(gè)網(wǎng)頁模板成型后再利用DreamweaverCs5中的JavaScript等多種腳本語言進(jìn)行進(jìn)一步的設(shè)計(jì)與修整，使網(wǎng)頁設(shè)計(jì)更加精美。

DreamweaverCs5軟件在網(wǎng)頁設(shè)計(jì)與制作中的運(yùn)用，實(shí)現(xiàn)了設(shè)計(jì)制作與網(wǎng)頁觀看的同步，它支持客戶端在編輯網(wǎng)頁的過程中及時(shí)查看效果，有利于客戶端及時(shí)發(fā)現(xiàn)網(wǎng)頁設(shè)計(jì)制作中的錯(cuò)誤與不足，從而有效的進(jìn)行改正，確保網(wǎng)頁設(shè)計(jì)制作的質(zhì)量，提高客戶端網(wǎng)頁設(shè)計(jì)制作的水平。

2 DreamweaverCS5的新增功能

DreamweaverCs5相對以往的網(wǎng)頁制作編程軟件有了明顯的改變與突破，它又增加了很多新的功能，支持多種編輯器的交互使用，是網(wǎng)頁設(shè)計(jì)與制作的好幫手。以下列舉的就是DreamweaverCs5推出后的新增功能。

2.1 FTP程序的性能能到進(jìn)一步完善

FTP是一種上傳工具，它的主要作用是將網(wǎng)站文件傳輸?shù)骄W(wǎng)站上。DreamweaverCs5中的FTP程序支持大型文件的上傳，并且改良后的多線程FTP程序在傳輸文件時(shí)，速度較快，節(jié)省了大量時(shí)間。改良后的FTP傳輸工具性能極好，提高了FTP傳輸工具的上傳速度，大大縮短了網(wǎng)頁制作及上傳的時(shí)間。

2.2 BusinessCatalyst 集成面板

新增的BusinessCatalyst 集成面板其主要作用是利用BusinessCatalyst 集成面板及AdobeBusinessCatalyst的有效連接，從而編輯建立網(wǎng)站，此集成面板進(jìn)行電子商務(wù)的網(wǎng)站建設(shè)時(shí)，采用的是較為完善的托管解決方案，使網(wǎng)站的建立工作進(jìn)一步完善。

2.3 自適應(yīng)網(wǎng)格板面

DreamweaverCs5新增功能中實(shí)現(xiàn)了自適應(yīng)網(wǎng)格板面，運(yùn)用CSS3自適應(yīng)網(wǎng)格版面，可以快速的建立網(wǎng)站交流平臺，并支持多種瀏覽器查看網(wǎng)頁設(shè)計(jì)，具有一定的兼容性，為客戶端查看網(wǎng)頁作品提供了方便。另外，運(yùn)用CSS3自適應(yīng)網(wǎng)格版面，確保了代碼的正確性，將設(shè)計(jì)用簡單且符合標(biāo)準(zhǔn)的代碼表示出來，有利于客戶端的隨時(shí)查看，簡易的代碼客戶端能夠輕易的發(fā)現(xiàn)網(wǎng)頁設(shè)計(jì)與制作中出現(xiàn)的問題，大大提高了網(wǎng)頁設(shè)計(jì)與制作的效率。

2.4 jQuery 移動框架

新增的jQuery 移動框架功能在DreamweaverCs5軟件編程中具有重要作用，它能夠?yàn)閕OS 以及Android網(wǎng)站平臺提供性能良好的本地應(yīng)用程序，為各網(wǎng)站之間的交流與共享提供了方便。

2.5 AdobePhoneGap 支持

AdobePhoneGap功能與jQuery 移動框架功能較為相似，它們都是為iOS 以及Android網(wǎng)站平臺創(chuàng)建本地應(yīng)用程序，而不同的是AdobePhoneGap功能創(chuàng)建起來更加輕松，簡易。并且它不僅能夠創(chuàng)建本地應(yīng)用程序，還能夠?qū)Ρ镜貞?yīng)用程序進(jìn)行封裝。它創(chuàng)建本地應(yīng)用程序主要是依靠改變網(wǎng)頁中原有的HTML代碼來實(shí)現(xiàn)的，另外，采用PhoneGap模擬器還能夠?qū)ψ陨硭O(shè)計(jì)的網(wǎng)頁進(jìn)行檢查，提高了網(wǎng)頁設(shè)計(jì)與制作的質(zhì)量。

3 DreamweaverCS5的發(fā)展趨勢

Dreamweaver是一種所見即所得的網(wǎng)站開發(fā)軟件，客戶端在網(wǎng)頁編輯的過程中能夠隨時(shí)查看網(wǎng)頁設(shè)計(jì)的狀態(tài)，它支持多種瀏覽器預(yù)覽網(wǎng)頁設(shè)計(jì)作品，為客戶端進(jìn)行網(wǎng)頁設(shè)計(jì)與制作提供了諸多方便。

最早Dreamweaver網(wǎng)站開發(fā)工具的出現(xiàn)是在1997年，這一年Macromedia公司推出了Dreamweaver1.0，它的出現(xiàn)為網(wǎng)頁設(shè)計(jì)制作者提供了方便，引起了網(wǎng)頁設(shè)計(jì)者的使用風(fēng)暴，得到了廣大使用者的青睞。隨著網(wǎng)絡(luò)設(shè)計(jì)水平的不斷提高，Dreamweaver在2002又有了新發(fā)展，2002年5月Macromedia公司正式推出了DreamweaverMX編程開發(fā)具，DreamweaverMX與Dreamweaver1.0的不同點(diǎn)在于它能夠?qū)omeSite中的重要程序代碼進(jìn)行編輯整合，從而形成Dreamweaver開發(fā)工具的核心環(huán)境，擺脫了以往單一的開發(fā)環(huán)境，它支持使用者可以根據(jù)自己的使用習(xí)慣來選擇建立網(wǎng)站及應(yīng)用程序的方式，使用者在使用中有了一定的選擇自，是DreamweaverMX的一大亮點(diǎn)。后來，Macromedia公司合并后加入了Adobe 公司，兩個(gè)公司共同在2005年5月研發(fā)出了新型的網(wǎng)站開發(fā)工具，也就是DreamweaverCS5，它的出現(xiàn)引起了客戶端與使用者的轟動，原因在于DreamweaverCS5新增加了以往網(wǎng)站開發(fā)工具中所沒有的功能，它能夠運(yùn)用CSS樣式表進(jìn)行網(wǎng)頁設(shè)計(jì)，減少了編輯代碼的繁瑣，部分設(shè)計(jì)可以在CCS樣式編輯器中進(jìn)行代碼編輯，避免了代碼錯(cuò)誤而導(dǎo)致的網(wǎng)頁制作錯(cuò)誤。它的出現(xiàn)使網(wǎng)站開發(fā)工具步入一個(gè)新臺階，不僅為使用者的網(wǎng)頁設(shè)計(jì)制作工作提供了方便，還在一定程度上提高了工作效率，減少了網(wǎng)頁設(shè)計(jì)制作中的失誤。此外，它支持所見即所得，是一種可視化的開發(fā)界面，符合現(xiàn)代網(wǎng)頁設(shè)計(jì)制作的流程，是網(wǎng)站開發(fā)工具的一大創(chuàng)新。

4 結(jié)束語

DreamweaverCS5在網(wǎng)頁設(shè)計(jì)與制作中的廣泛應(yīng)用是當(dāng)今的網(wǎng)站發(fā)展形勢所趨，它相對于以往的開發(fā)工具而言，其新增功能較多，并且功能性極強(qiáng)，適應(yīng)了網(wǎng)頁設(shè)計(jì)與制作的需要及發(fā)展。DreamweaverCS5打破以往的局限，以一種可視性所見即所得的界面呈現(xiàn)在設(shè)計(jì)者面前，使設(shè)計(jì)者能夠及時(shí)查看網(wǎng)頁設(shè)計(jì)中的效果，有利于網(wǎng)頁設(shè)計(jì)與制作的開展。

參考文獻(xiàn)：

[1] 劉暢.DreamweaverCS5在網(wǎng)頁制作中的應(yīng)用[J].計(jì)算機(jī)光盤軟件與應(yīng)用，2012，21（32）：220-221.

[2] 鄧文達(dá)，武國英.DreamweaverCS5網(wǎng)頁設(shè)計(jì)與制作[J].清華大學(xué)出版社，20103（9）：277-278.

[3] 孫印杰.DreamweaverCS5的新增功能與改進(jìn)[J].電子工業(yè)出版社，2008，3（3）：62-63.

第8篇：網(wǎng)頁設(shè)計(jì)的流程范文

“以用戶為中心的網(wǎng)頁設(shè)計(jì)”（User-CenteredDesignortheweb），是指在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)從用戶的需求和用戶的感受出發(fā)，圍繞用戶為中心設(shè)計(jì)網(wǎng)頁，而不是讓用戶去適應(yīng)網(wǎng)頁，這都需要考慮用戶的使用習(xí)慣、交互方式及視覺感受等方面。以用戶為中心說明設(shè)計(jì)的關(guān)注點(diǎn)逐步由技術(shù)轉(zhuǎn)向人。以用戶為中心的網(wǎng)頁設(shè)計(jì)的最基本思想就是將網(wǎng)站的目標(biāo)用戶時(shí)刻擺在首位，讓用戶盡早參與到設(shè)計(jì)中來。

2以用戶為中心的網(wǎng)頁設(shè)計(jì)研究的意義

（1）使設(shè)計(jì)師充分的了解目標(biāo)用戶群的需要，再結(jié)合市場的需求，就大大降低了網(wǎng)頁的后期維護(hù)成本，同時(shí)避免回爐返工的情況出現(xiàn)。如果在網(wǎng)頁中將“我們很關(guān)注他們”的感受傳達(dá)給用戶，他們對網(wǎng)站的接受程度就會上升，以此提高用戶的忠誠度。

（2）“好的體驗(yàn)應(yīng)該來自用戶需求，同時(shí)超越用戶需求”。基于用戶需求的設(shè)計(jì)對網(wǎng)站進(jìn)行整體的規(guī)劃也是非常有幫助的，同時(shí)也有利網(wǎng)站可持續(xù)發(fā)展。

3以用戶為中心的網(wǎng)頁設(shè)計(jì)的原則

（1）合理地分配用戶與系統(tǒng)之間功能。明確哪些任務(wù)由用戶來完成、哪些任務(wù)需要網(wǎng)站來實(shí)現(xiàn)。

（2）用戶的積極參與。用戶的積極參與是以用戶為中心的網(wǎng)頁設(shè)計(jì)方法的主要優(yōu)勢之一，用戶在參與網(wǎng)頁開發(fā)和設(shè)計(jì)的過程中，要讓他們感受到被重視以及他們的意見被認(rèn)真的協(xié)商采納，而不要有將想法強(qiáng)加于他們的感受。

（3）網(wǎng)頁設(shè)計(jì)要反復(fù)進(jìn)行設(shè)計(jì)、修改和測試，它是個(gè)循環(huán)過程。迭代式開發(fā)工作可以在需求被完整地確定之前啟動，并在一次迭代中完成系統(tǒng)的一部分功能或業(yè)務(wù)邏輯的開發(fā)工作；再通過客戶的反饋來細(xì)化需求，并開始新一輪的迭代。因?yàn)橛脩舻男枰獣S時(shí)間有所改變以及處理多種需要的網(wǎng)頁設(shè)計(jì)解決方案本身就具有復(fù)雜性，所以迭代式設(shè)計(jì)是以用戶為中心的網(wǎng)頁設(shè)計(jì)的關(guān)鍵。

（4）需要多方的設(shè)計(jì)團(tuán)隊(duì)參與。以用戶為中心的網(wǎng)頁開發(fā)是一個(gè)合作的過程，需要多方人員積極參與到其中。根據(jù)具體情況不同，設(shè)計(jì)隊(duì)伍主要包括以下人員：項(xiàng)目經(jīng)理、網(wǎng)頁設(shè)計(jì)師、軟件工程師、客服人員及用戶代表等。

4以用戶為中心的網(wǎng)頁設(shè)計(jì)的內(nèi)容

4.1關(guān)注用戶

讓目標(biāo)用戶盡早的參與到網(wǎng)頁設(shè)計(jì)中，用戶的組成由開發(fā)人員確定。用戶的參與方式有以下幾種：包括與用戶交談、觀察用戶的使用行為、使用戶在工作時(shí)邊想邊做、調(diào)查和問卷、讓用戶參與設(shè)計(jì)等。獲取用戶需求、目標(biāo)、任務(wù)的方法多種多樣，每一種方式都有一定的優(yōu)缺點(diǎn)，不同類型、不同目標(biāo)的網(wǎng)站需根據(jù)自身的具體情況選取合適的方法。

4.2集成化設(shè)計(jì)

用戶界面的框架設(shè)計(jì)要在初期進(jìn)行開發(fā)和測試是集成化設(shè)計(jì)的一個(gè)重要特征之一。這是以用戶為中心的網(wǎng)頁設(shè)計(jì)的重要特點(diǎn)。它確保此后各階段中進(jìn)行的遞增式設(shè)計(jì)能夠天衣無縫地適合網(wǎng)站框架，而且網(wǎng)站的用戶界面在外觀、術(shù)語和概念上都能保持一致。

4.3初期用戶測試

初期用戶測試針對的是低精確度原型的圖紙及樣型。該初期原型用來為設(shè)計(jì)之中的系統(tǒng)編寫具體使用場景。可以采用講解、帶圖示的講解（用樣型演示）、示意板、預(yù)排等形式。這樣就可以大大減少網(wǎng)頁設(shè)計(jì)中的失誤，比如實(shí)施開始后才發(fā)現(xiàn)設(shè)計(jì)不當(dāng)或需求理解有誤等，同時(shí)也降低了開發(fā)成本。

4.4迭代式設(shè)計(jì)

第9篇：網(wǎng)頁設(shè)計(jì)的流程范文

關(guān)鍵詞 網(wǎng)頁設(shè)計(jì) 網(wǎng)站建設(shè) 教學(xué)改革

中圖分類號：G420 文獻(xiàn)標(biāo)識碼：A

Disintegrating of The Teaching Reforming on the Course of "Web

Design and Website Construction" in Higher Vocational Schools

REN Dongyan

(Guangxi Economic Management Cadre College, Nanning, Guangxi 530007)

Abstract"Web Design and Website Construction" is a very high operational and practical course,. According to the course model, also combined with market demanding capacity of Web designers, we should particularly stress to enhance students learning ability, practical ability, diverse integrated design ability and innovation ability during the teaching process.Author, based on her own teaching experience for the course "Web design and Website construction", analysising of the existed problems, then propose improvements for teaching content, teaching methods, program evaluation and practical application ext. to achieve better teaching effects.

key wordsweb design; website construction; teaching reforming

《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》課程是計(jì)算機(jī)相關(guān)專業(yè)的專業(yè)基礎(chǔ)課程之一，本課程的教學(xué)目的是希望學(xué)生能夠熟練掌握網(wǎng)頁設(shè)計(jì)軟件的使用技巧，獨(dú)立設(shè)計(jì)開發(fā)網(wǎng)站項(xiàng)目，但這門課程無論是教學(xué)內(nèi)容還是教學(xué)方法以及考核方式等方面都有其特殊之處。這是一門集理論性、實(shí)踐性、應(yīng)用性，創(chuàng)新性等綜合性較強(qiáng)的課程，知識涵蓋圖形圖像處理、Flas、色彩搭配、數(shù)據(jù)庫等多門課程。因此，在實(shí)際的教學(xué)過程中存在一定的難度，教學(xué)效果也常常不盡人意。筆者結(jié)合自身的教學(xué)經(jīng)驗(yàn)，對該門課程的教學(xué)、考核、應(yīng)用等方面進(jìn)行了一些研究和探索。

1 課程現(xiàn)狀

（1）教學(xué)內(nèi)容上不夠全面。該門課程常用的教學(xué)軟件為Adobe dreamweaver,但在實(shí)際的網(wǎng)站制作過程當(dāng)中，僅此一個(gè)軟件無法滿足設(shè)計(jì)需要，還需要其他的軟件如PHOTOSHOP,FLASH等軟件來制作網(wǎng)站中的一些元素，但同時(shí)講多個(gè)軟件又受到課時(shí)的限制，還要防止課程之間的交叉，而且學(xué)生在同一門課程中接觸的軟件多，知識點(diǎn)多，容易產(chǎn)生混亂，反而教學(xué)效果不明顯。而且該軟件版本更新太快，使得相應(yīng)的功能也發(fā)生變化，但教材從印刷到出版再到使用需要一定的時(shí)間，因此經(jīng)常出現(xiàn)教材與實(shí)際應(yīng)用軟件的版本不符的現(xiàn)象。

（2）教學(xué)方法上相對單一。這門課程在課時(shí)安排上一般分為理論教學(xué)和實(shí)踐教學(xué)，教師先進(jìn)行理論講授，學(xué)生再進(jìn)行上機(jī)操作。這種教學(xué)方法學(xué)生也能夠掌握網(wǎng)頁設(shè)計(jì)的技巧，但很多內(nèi)容學(xué)生聽過之后就忘了，再加上有些知識點(diǎn)缺乏生動的案例講解，純粹的理解比較難，課堂吸引力不夠，學(xué)生學(xué)習(xí)的積極性有所下降。并且由于這門課程的實(shí)際應(yīng)用領(lǐng)域較廣，社會對網(wǎng)頁設(shè)計(jì)人員的需求也在不斷提高，學(xué)生僅從課堂上獲取的知識是有限的，缺乏實(shí)際的網(wǎng)站建設(shè)經(jīng)歷，使得學(xué)生綜合應(yīng)用能力和實(shí)踐操作能力較弱，遠(yuǎn)遠(yuǎn)達(dá)不到社會對一個(gè)網(wǎng)站建設(shè)者的要求。

（3）考核方式不夠靈活。該門課程的考核方式一般使用筆試，學(xué)生為了順利通過考試或得到高分，死記硬背一些基本概念，軟件界面及操作流程，而實(shí)際的網(wǎng)站制作技巧和設(shè)計(jì)技能無法體現(xiàn)，忽視了對學(xué)生的實(shí)踐能力、知識運(yùn)用能力以及獨(dú)立思考能力的培養(yǎng), 更談不上對學(xué)生創(chuàng)新能力的培養(yǎng)。使得學(xué)生最終考試成績無法真正體現(xiàn)學(xué)生的學(xué)習(xí)掌握能力，課堂上的教學(xué)與社會真實(shí)需求嚴(yán)重脫節(jié)。

（4）實(shí)際應(yīng)用能力無法體現(xiàn)。大部門的課堂時(shí)間用于在工具軟件的使用方法和技巧上，由于受到時(shí)間以及教學(xué)環(huán)境等條件的限制，實(shí)際的網(wǎng)站綜合開發(fā)則無法達(dá)到集中的訓(xùn)練，實(shí)際的應(yīng)用當(dāng)中去，以致于課程結(jié)束大部分學(xué)生掌握了軟件的操作方法，但無法全面地掌握一個(gè)完整網(wǎng)站建設(shè)的整體流程，真正能獨(dú)立設(shè)計(jì)一個(gè)整潔美觀、功能齊全的網(wǎng)站的學(xué)生較少，學(xué)生的綜合運(yùn)用能力和創(chuàng)新能力無法提升。學(xué)生學(xué)習(xí)完該門課程后真正的實(shí)際應(yīng)用能力沒有體現(xiàn)。

2 改革方案

在《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》課程的教學(xué)中，我們要以提高學(xué)生綜合應(yīng)用能力為目標(biāo)，教學(xué)中面向應(yīng)用，重視實(shí)踐，培養(yǎng)學(xué)生的操作技能，自主學(xué)習(xí)意識和創(chuàng)新意識，提高學(xué)生的分析問題和解決問題的能力及團(tuán)隊(duì)精神和合作能力。結(jié)合目前該課程的教學(xué)現(xiàn)狀和培養(yǎng)目標(biāo)，現(xiàn)提出相應(yīng)的改革方案如下：

2.1 教學(xué)內(nèi)容改革

教學(xué)內(nèi)容的設(shè)置應(yīng)與目前社會對網(wǎng)頁設(shè)計(jì)人員的需求相結(jié)合，適應(yīng)市場不斷變化。該課程應(yīng)以 Dreamweaver 軟件為主線, 內(nèi)容涉及動畫制作、圖像處理、腳本語言等網(wǎng)頁設(shè)計(jì)過程中常用的一些知識，讓學(xué)生明確各個(gè)軟件在網(wǎng)頁設(shè)計(jì)過程中的作用及常用的操作。強(qiáng)調(diào)從實(shí)踐應(yīng)用出發(fā)，以項(xiàng)目案例為導(dǎo)向，介紹網(wǎng)頁設(shè)計(jì)和制作的技術(shù)，突出學(xué)以致用。通過該課程的學(xué)習(xí), 使學(xué)生掌握網(wǎng)頁制作的基本知識, 熟悉網(wǎng)站設(shè)計(jì)的全過程, 并能熟練獨(dú)立的制作完整的網(wǎng)站。同時(shí)，還要注意課程體系的緊密結(jié)合，循序漸進(jìn)。既是對《計(jì)算機(jī)應(yīng)用基礎(chǔ)》等前序課程的鞏固和加強(qiáng)，又為《動態(tài)網(wǎng)站開發(fā)》等后序課程提供堅(jiān)實(shí)的基礎(chǔ)。但是網(wǎng)頁設(shè)計(jì)技術(shù)一直在不斷的更新和發(fā)展, 新技術(shù)、 新方法層出不窮, 需要教師在授課過程中要注意知識的更新和儲備，將最新、 最實(shí)用的技術(shù)引進(jìn)到課堂中，彌補(bǔ)教材的不足，保持知識的先進(jìn)性。

2.2 教學(xué)方法改革

（1）案例式教學(xué)。在教學(xué)過程中，靈活運(yùn)用精彩案例來提高學(xué)生學(xué)習(xí)興趣?；ヂ?lián)網(wǎng)上的每一個(gè)網(wǎng)站都是一個(gè)案例，但都有各自不同的特點(diǎn)，教師要根據(jù)具體課堂需要選擇合適案例，然后針對案例所展示的效果及使用的技術(shù)進(jìn)行分析講解，最終解決問題并知識總結(jié)。例如在學(xué)習(xí)如何插入FLASH動畫時(shí)，可以先打開已經(jīng)使用FLASH動畫的案例，使同學(xué)們看到FLASH動畫在網(wǎng)頁當(dāng)中正常播放所產(chǎn)生的效果，進(jìn)而激發(fā)學(xué)生學(xué)習(xí)的興趣，使得學(xué)生在學(xué)習(xí)案例的過程中能迅速掌握相關(guān)的知識點(diǎn)，活躍了課堂氣氛，提高課堂的教學(xué)效果。

（2）任務(wù)驅(qū)動式教學(xué)。即根據(jù)課程講解的內(nèi)容，布置相應(yīng)的任務(wù)。任務(wù)驅(qū)動式教學(xué)強(qiáng)調(diào)學(xué)習(xí)內(nèi)容要與任務(wù)結(jié)合起來，以任務(wù)為主線，合理安排課程結(jié)構(gòu)，引導(dǎo)學(xué)生自主學(xué)習(xí)，保持學(xué)習(xí)的動力和興趣。在課程教學(xué)中，教師根據(jù)課程的進(jìn)度，布置相應(yīng)的任務(wù)給學(xué)生，讓學(xué)生運(yùn)用所積累的知識，分析其設(shè)計(jì)方法并自主完成任務(wù)。教師在整個(gè)過程中要觀察學(xué)生的操作細(xì)節(jié)，檢查完成狀況，及時(shí)給予指導(dǎo)。例如在講到網(wǎng)站超級鏈接的制作方法時(shí)，由于涉及到的鏈接方法有很多種，如錨點(diǎn)鏈接、下載鏈接、熱點(diǎn)鏈接等，教師要安排相應(yīng)的任務(wù)給學(xué)生練習(xí)，熟練掌握每種鏈接在什么情況下使用，怎樣使用等。通過學(xué)生親自動手，對所學(xué)的知識進(jìn)行了鞏固，同時(shí)也是查漏補(bǔ)缺的過程，提高了學(xué)生的積極性和主動性。

（3）項(xiàng)目式教學(xué)。在學(xué)習(xí)完基礎(chǔ)知識和網(wǎng)頁設(shè)計(jì)技巧之后，需要對所學(xué)的知識進(jìn)行一個(gè)系統(tǒng)的練習(xí)和綜合運(yùn)用。教師可根據(jù)需要出發(fā)，以項(xiàng)目為驅(qū)動，將實(shí)踐操作貫穿于整個(gè)教學(xué)過程當(dāng)中。首先教師要給學(xué)生確定一個(gè)項(xiàng)目比如制作一個(gè)電子商務(wù)網(wǎng)站，然后由學(xué)生自己去思考，分析該電子商務(wù)網(wǎng)站的設(shè)計(jì)流程，所需素材，涵蓋的知識點(diǎn)，設(shè)計(jì)技巧等，最終完成網(wǎng)站的設(shè)計(jì)、制作、測試、和維護(hù)等過程。也可以帶領(lǐng)學(xué)生到一些網(wǎng)站制作公司中去實(shí)習(xí)鍛煉，參與到網(wǎng)站制作的項(xiàng)目中去，直接面對面的與客戶交流，更有利于學(xué)生了解網(wǎng)站建設(shè)流程和知識儲備。學(xué)生在思考、交流、參與設(shè)計(jì)的過程中，會遇到各種各樣的問題，使得學(xué)生會自主學(xué)習(xí)，總結(jié)經(jīng)驗(yàn)，鞏固知識，真正達(dá)到學(xué)以致用，融會貫通。

2.3 考核方式改革

這門課程應(yīng)該取消筆試考核，直接上機(jī)考試，增強(qiáng)綜合實(shí)踐能力考核?？蓪⑦@門課程的分?jǐn)?shù)比例改為：平時(shí)表現(xiàn)（10%）+上機(jī)作業(yè)（20%）+上機(jī)考試（70%）。其中平時(shí)表現(xiàn)即為上課考勤情況，學(xué)生的學(xué)習(xí)態(tài)度，完成任務(wù)情況等。上機(jī)考試即為是否完成平時(shí)課程任務(wù)及完成的程度如何。上機(jī)考試指的是組織學(xué)生到機(jī)房進(jìn)行考試，每人一臺電腦，監(jiān)考教師把預(yù)先準(zhǔn)備好的網(wǎng)頁設(shè)計(jì)題目放在服務(wù)器上并設(shè)置共享，學(xué)生通過訪問服務(wù)器來查看本次上機(jī)考試的題目，并根據(jù)教師提供的相關(guān)素材和資源在規(guī)定時(shí)間內(nèi)完成網(wǎng)頁的設(shè)計(jì)以及美化工作，做完以后保存并上傳至服務(wù)器。最終教師要綜合比較網(wǎng)頁設(shè)計(jì)中多方面的因素，如頁面圖像的處理效果，網(wǎng)站的鏈接結(jié)構(gòu)，配色效果，整體搭配等給出合適成績。這種考核方式比較注重理論與實(shí)踐的緊密結(jié)合，解決了傳統(tǒng)考試中存在的一些弊端，促使學(xué)生轉(zhuǎn)換學(xué)習(xí)態(tài)度，掌握正確的學(xué)生方法，培養(yǎng)個(gè)人獨(dú)立思考能力以及綜合運(yùn)用能力。

2.4 實(shí)踐應(yīng)用的改革

學(xué)生學(xué)習(xí)完課程后，要真正達(dá)到市場需求還有一定的距離，還需要經(jīng)歷很多方面的鍛煉及提高，學(xué)?？梢越M織學(xué)生參加各種類型職證考試。如CIW認(rèn)證、ADOBE認(rèn)證等，也可以組織學(xué)生參加各種網(wǎng)頁設(shè)計(jì)大賽，計(jì)算機(jī)應(yīng)用能力比賽等賽事，學(xué)生自己也完全可以創(chuàng)造條件，制作博客、個(gè)人網(wǎng)站、論壇等各種形式的網(wǎng)站，通過互聯(lián)網(wǎng)這個(gè)平臺將自己的網(wǎng)站出來，供用戶使用。這些既是對學(xué)生能力的測試，也使學(xué)生積累了網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)的實(shí)戰(zhàn)經(jīng)驗(yàn)，畢業(yè)后更能適應(yīng)社會的需求，增強(qiáng)就業(yè)競爭力。

3 結(jié)束語

綜上所述，在《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》 課程的教學(xué)中， 教師應(yīng)根據(jù)課程設(shè)置的教學(xué)目標(biāo)，具體的學(xué)習(xí)環(huán)境和社會對人才的需要，改變陳舊的教學(xué)模式，更新教學(xué)內(nèi)容，創(chuàng)新教學(xué)方法，改革考核方式，加大實(shí)踐力度。使這門課程設(shè)置更加科學(xué)化、規(guī)范化、合理化，以培養(yǎng)高素質(zhì)的應(yīng)用型、技能型人才。

參考文獻(xiàn)

[1]劉敏娜,葛萌.《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)的創(chuàng)新性改革[J].中國新技術(shù)新產(chǎn)品,2009(2).

[2]韓陵宜.《網(wǎng)頁制作》課程教學(xué)及考核方式的研究與探索[J].電腦知識與技術(shù),2008(14).