第一篇：基于工作過程的高職網(wǎng)頁設(shè)計(jì)課程構(gòu)建探討論文

網(wǎng)頁設(shè)計(jì)是實(shí)踐與應(yīng)用性非常強(qiáng)的課程，其課程知識點(diǎn)廣、內(nèi)容繁多，對學(xué)生的實(shí)踐創(chuàng)新能力也有著較高要求。同時，互聯(lián)網(wǎng)技術(shù)不斷發(fā)展，“互聯(lián)網(wǎng)+”時代的到來，使社會企業(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é)時也有所增加。但隨著專業(yè)的不斷發(fā)展，教學(xué)內(nèi)容日益豐富，傳統(tǒng)實(shí)踐教學(xué)模式已難以滿足學(xué)生需求，許多學(xué)生在較短的實(shí)踐操作課程中對專業(yè)技能掌握仍然缺乏，職業(yè)能力培養(yǎng)也無法取得令人滿意的效果。總體來看，當(dāng)前高職院校網(wǎng)頁設(shè)計(jì)課程由于教學(xué)內(nèi)容較為繁雜，課時相對不足，導(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)站制作人員等具體社會需求；同時對計(jì)算機(jī)專業(yè)從事網(wǎng)頁設(shè)計(jì)相關(guān)崗位的畢業(yè)生進(jìn)行調(diào)研，進(jìn)行對崗位能力等各項(xiàng)內(nèi)容的調(diào)研。同時，高職院校應(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ǔ)知識以及技能方法等；同時引導(dǎo)學(xué)生自主解決相關(guān)問題，為完成網(wǎng)頁設(shè)計(jì)制作問題加強(qiáng)合作與交流，充分發(fā)揮主觀能動性；最后則通過“情景拓展”，引導(dǎo)學(xué)生自主實(shí)踐，進(jìn)一步提升自主學(xué)習(xí)能力與職業(yè)能力，例如鼓勵學(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é)合三種類型，其中模仿操作開展為通過一個系統(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）：4750.[2]侯志杰.基于工作流程的高職網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)改革與探索[J].才智，2015（6）：86.

第二篇：網(wǎng)頁設(shè)計(jì)論文

網(wǎng)頁設(shè)計(jì)基礎(chǔ)課程論文

摘要:隨著互聯(lián)網(wǎng)的不斷發(fā)展和中國網(wǎng)絡(luò)人口的日益增長，建立個人網(wǎng)站，不但可以更好的展示自己，而且可以提高自己在計(jì)算機(jī)應(yīng)用方面的能力,網(wǎng)站越發(fā)普及，網(wǎng)站建設(shè)也有新的要求,網(wǎng)站已發(fā)展為一種工具，一個企業(yè)對外信息展示的工具.以前網(wǎng)站上常見的大幅圖片，長達(dá)幾十鐘的flash動畫，已悄然而逝，瀏覽者再也不用為了查找一些信息而必須等待動畫的時間，可以簡單方便的找到自己想要的東西，是瀏覽者主要的目的，也是網(wǎng)站設(shè)計(jì)時應(yīng)該考慮的問題。以前只是一味的追求網(wǎng)站的外觀，其實(shí)網(wǎng)站是一個公司的對外信息窗口，因此在考慮美觀的同時也得考慮瀏覽者的感受，如有些色調(diào)是很亮麗，但是這些過于亮的色彩看的時間長了會讓你的眼睛不舒服，這樣瀏覽的人就不會長時間在網(wǎng)站上逗留，網(wǎng)站沒把公司的信息完全的傳達(dá)給客戶． 關(guān)鍵詞：網(wǎng)站網(wǎng)頁設(shè)計(jì)發(fā)展趨勢網(wǎng)站標(biāo)準(zhǔn) 正文：一:網(wǎng)頁設(shè)計(jì)發(fā)展趨勢: 1.更多的CSS3 + HTML5 這是期待已久的事情。在過去的幾年設(shè)計(jì)師已經(jīng)開始關(guān)注和使用CSS3+HTML5，但在以后CSS3+HTML5將會得到更廣泛的應(yīng)用。網(wǎng)頁設(shè)計(jì)師最終會拋棄Flash。Flash不再是昔日的王者，新技術(shù)（指CSS3+HTML5）將會取而代之 2簡單的配色方案

沒有比純色的背景更直觀更簡潔。純色可以有很多種表達(dá)方式。不要老是黑白灰神馬的，太不給力了。多點(diǎn)考慮綠、黃或者紅作為你的網(wǎng)頁主色調(diào)。當(dāng)然，顏色最好保持使用2到3種。調(diào)整顏色的透明度，或許會給你意想不到的效果 3.移動互聯(lián)網(wǎng)時代的到來

智能手機(jī)，ipad和上網(wǎng)本隨處可見，將來這個將會更加明顯。這意味著你的設(shè)計(jì)需要考慮更多的設(shè)備。4.Parallax Scrolling 先來解釋下Parallax Scrolling，Parallax scrolling 是讓多層背景以不同的速度移動，形成運(yùn)動視差 3D 效果，雖然純屬視覺效果，但在內(nèi)容滾動時形成的視覺體驗(yàn)仍然非常出色。2011年的網(wǎng)頁設(shè)計(jì)趨勢熱點(diǎn)就是要創(chuàng)造這樣的深度視覺效果。5.設(shè)計(jì)需考慮更多的觸屏設(shè)備

觸屏技術(shù)應(yīng)用越來越廣泛，觸屏設(shè)備隨處可見。這意味著，你的導(dǎo)航設(shè)計(jì)不再只是鼠標(biāo)導(dǎo)航，你必須要要考慮你的設(shè)計(jì)適合觸屏設(shè)備。6.深度判析

深度判析是關(guān)于在網(wǎng)頁設(shè)計(jì)使用維數(shù)，這樣可以使你的網(wǎng)頁變得更加真實(shí)。如果運(yùn)用得恰當(dāng)，那將會是一個虛擬的3D效果，就像3D電影阿凡達(dá)那樣。盡管3D技術(shù)還沒有去到網(wǎng)站設(shè)計(jì)，你仍然嘗試使用維數(shù)進(jìn)行設(shè)計(jì)。7.大背景圖

大背景圖的網(wǎng)頁設(shè)計(jì)應(yīng)用在2011年將會更加明顯。這些背景圖像一般是高分辨率，覆蓋這個網(wǎng)站。高清照片是一個迅速抓住你的讀者的好方式，可以產(chǎn)生極具沖擊力的視覺效果-游客的視線會不自覺地落在寬大的背景上。8.不拘謹(jǐn)于頂級域名

嚴(yán)格意義上這一點(diǎn)與網(wǎng)頁設(shè)計(jì)無關(guān)，但這一點(diǎn)也是發(fā)展的趨勢，將出現(xiàn)更多創(chuàng)造性的域名。.com域名的吸引力越來越少，主要是你很難再找到一個比較短的.com域名。2011年人們開始將視線慢慢轉(zhuǎn)移到.me、.co和.cc等身上。想想域名的發(fā)展，搶先一步，不然你很可能再次錯失先機(jī)。9.QR: Quick Response 如果你注意現(xiàn)在越來越多的名片、雜志或者其他地方出現(xiàn)方形條形碼，證明你已經(jīng)看到2011年的這個趨勢熱門

10.縮略圖設(shè)計(jì)（Thumbnail Design）

Google已經(jīng)向?yàn)g覽用戶推出它們的瀏覽預(yù)覽技術(shù)。過去我們只能通過點(diǎn)擊鏈接才能看到網(wǎng)頁的內(nèi)容，現(xiàn)在你只需點(diǎn)擊放大鏡然后將鼠標(biāo)懸停在鏈接上就可以預(yù)覽該鏈接的網(wǎng)頁內(nèi)容。11.持續(xù)聯(lián)系/ Life Stream Lifestreaming, 一種在線記錄個人日?；顒拥木W(wǎng)絡(luò)應(yīng)用，包括直接通過視頻feed或通過聚焦一個人的網(wǎng)絡(luò)在線內(nèi)容，比如博客日志，在社會性網(wǎng)絡(luò)上面的更新，在線相冊，聊天內(nèi)容甚至只是一些喜歡的網(wǎng)站的鏈接等等.二:網(wǎng)站標(biāo)準(zhǔn)是在W3C（W3C.org）的組織下，商業(yè)公司（Netscape、Microsoft等）也認(rèn)識到統(tǒng)一標(biāo)準(zhǔn)的好處。網(wǎng)站標(biāo)準(zhǔn)開始被建立（1998年2月10日發(fā)布XML1.0為標(biāo)志），并在網(wǎng)站標(biāo)準(zhǔn)組織（webstandards.org）的督促下推廣執(zhí)行。

為什么要建立網(wǎng)站標(biāo)準(zhǔn): 我們大部分人都有深刻體驗(yàn)，每當(dāng)主流瀏覽器版本的升級，我們剛建立的網(wǎng)站就可能變得過時，我們就需要升級或者重新建造一遍網(wǎng)站。例如1996-1999年典型的“瀏覽器大戰(zhàn)”，為了兼容Netscape和IE，網(wǎng)站不得不為這兩種瀏覽器寫不同的代碼。同樣的，每當(dāng)新的網(wǎng)絡(luò)技術(shù)和交互設(shè)備的出現(xiàn)，我們也需要制作一個新版本來支持這種新技術(shù)或新設(shè)備，例如支持手機(jī)上網(wǎng)的WAP技術(shù)。類似的問題舉不勝舉：網(wǎng)站代碼臃腫、繁雜浪費(fèi)了我們大量的帶寬；針對某種瀏覽器的DHTML特效，屏蔽了部分潛在的客戶；不易用的代碼，殘障人士無法瀏覽網(wǎng)站等等。這是一種惡性循環(huán)，是一種巨大的浪費(fèi)。如何解決這些問題呢？有識之士早已開始思考，需要建立一種普遍認(rèn)同的標(biāo)準(zhǔn)來結(jié)束這種無序和混亂。商業(yè)公司（Netscape、Microsoft等）也終于認(rèn)識到統(tǒng)一標(biāo)準(zhǔn)的好處，因此在W3C（W3C.org）的組織下，網(wǎng)站標(biāo)準(zhǔn)開始被建立（1998年2月10日發(fā)布XML1.0為標(biāo)志），并在網(wǎng)站標(biāo)準(zhǔn)組織（webstandards.org）的督促下推廣執(zhí)行。

采用網(wǎng)站標(biāo)準(zhǔn)的好處:

對網(wǎng)站瀏覽者的好處：

1、文件下載與頁面顯示速度更快

2、內(nèi)容能被更多的用戶所訪問（包括失明、視弱、色盲等殘障人士）；

3、內(nèi)容能被更廣泛的設(shè)備所訪問（包括屏幕閱讀機(jī)、手持設(shè)備、搜索機(jī)器人、打印機(jī)、電冰箱等）；

4、用戶能夠通過樣式選擇定制自己的表現(xiàn)界面；

5、所有頁面都能提供適于打印的版本。對網(wǎng)站所有者的好處:

1、更少的代碼和組件，容易維護(hù)；

2、帶寬要求降低（代碼更簡潔），成本降低。舉個例子：當(dāng)ESPN.com使用CSS改版后，每天節(jié)約超過兩兆字節(jié)（terabytes）的帶寬；

3、更容易被搜尋引擎搜索到；

4、改版方便，不需要變動頁面內(nèi)容；

5、提供打印版本而不需要復(fù)制內(nèi)容；

6、提高網(wǎng)站易用性。在美國，有嚴(yán)格的法律條款（Section 508）來約束政府網(wǎng)站必須達(dá)到一定的易用性，其他國家也有類似的要求。

參考文獻(xiàn)： 一：溫謙.HTML+CSS網(wǎng)頁設(shè)計(jì)與布局從入門到精通[M].北京:人民郵電出版社,2010.3 二：http://004km.cn

三：http://btgyjlbjx.nease.net(北極星網(wǎng)站域名）

課程論文

系院:土木工程學(xué)院

專業(yè):建筑工程 姓名:王奎

學(xué)號:105140340043 網(wǎng)頁設(shè)計(jì)基礎(chǔ)

第三篇：網(wǎng)頁設(shè)計(jì)與制作課程學(xué)習(xí)論文

《網(wǎng)頁設(shè)計(jì)與制作》課程學(xué)習(xí)論文

作為一個二十一世紀(jì)的大學(xué)生，學(xué)習(xí)如何設(shè)計(jì)與制作網(wǎng)頁變?yōu)橐粋€必不可少的過程。經(jīng)過這幾個星期的學(xué)習(xí)，我開始對網(wǎng)頁設(shè)計(jì)與制作有了初步的認(rèn)識，并且學(xué)習(xí)了一些網(wǎng)頁設(shè)計(jì)與制作的基礎(chǔ)。隨著時代的發(fā)展，網(wǎng)站建設(shè)越來越接近于一門藝術(shù)而不僅僅是一門技術(shù)。網(wǎng)站設(shè)計(jì)日有必要的益被重視，學(xué)習(xí)網(wǎng)頁設(shè)計(jì)與制作這門學(xué)科是非常。

作為網(wǎng)頁設(shè)計(jì)的初學(xué)者，我對網(wǎng)頁設(shè)計(jì)非常感興趣，一心想設(shè)計(jì)出一個美觀、實(shí)用、內(nèi)容豐富的個人網(wǎng)頁。我通過自己動手、動腦，通過網(wǎng)絡(luò)資源，老師的指導(dǎo)，在不斷發(fā)現(xiàn)問題和解決問題的過程中學(xué)到了很多知識，也增強(qiáng)了我的創(chuàng)作能力和動手能力，在網(wǎng)頁設(shè)計(jì)過程中，從構(gòu)思到設(shè)計(jì)、完善、維護(hù)，整個過程我都全身心投入，使我真正學(xué)到了網(wǎng)頁設(shè)計(jì)的知識。

互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個方面發(fā)揮著重要的作用。網(wǎng)頁設(shè)計(jì)伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常的重要。網(wǎng)頁講究的是排版布局，其功能主要就是提供一種形式給每個上網(wǎng)者，讓他們能夠了解網(wǎng)站提供的信息。

網(wǎng)頁設(shè)計(jì)與制作包含視聽元素于版式設(shè)計(jì)兩項(xiàng)內(nèi)容，以主題鮮明、形式與內(nèi)容統(tǒng)一、強(qiáng)調(diào)整體為設(shè)計(jì)原則，具有互交性與持續(xù)性、綜合性、版式的不可以控性、藝術(shù)與技術(shù)的結(jié)合的緊密型等特點(diǎn)。美和功能都是為了表達(dá)網(wǎng)站的主題。我認(rèn)為在一個網(wǎng)站中，最重要的頁面當(dāng)屬主頁，所以在此以主頁為例，說明在網(wǎng)頁制作中版面設(shè)計(jì)的問題。從版面設(shè)計(jì)來講,一個有特色的主頁,必須包含有四個要素：文字，圖片，排列方式和主色調(diào)，這四者相輔相成，缺一不可。圖片要素

要設(shè)計(jì)出漂亮的主頁，首先要成為計(jì)算機(jī)圖形高手，僅這一點(diǎn)就可以讓初學(xué)者花上一年半載的時間。排列方法要素，主頁的第二個要素是排列方法，即網(wǎng)頁布局。色彩在網(wǎng)頁所占比重很大。有了合理清新的色調(diào)，會彌補(bǔ)主頁上的其它不足。頁面的色彩搭配是與網(wǎng)站的主題分不開的，一個網(wǎng)站必須有一種或兩種主題色。不至于讓瀏覽者迷失方向，也不至于單調(diào)乏味。一般來說，頁面的主體文字應(yīng)盡量使用黑色等較深的顏色，與背景對比明顯，按鈕、邊框等使用彩色。例如教育類網(wǎng)站使用藍(lán)色為主題色，再用紅色和黑色作為配色，就能表達(dá)出嚴(yán)肅、穩(wěn)重的效果。網(wǎng)頁作為一種版面，既有文字，又有圖片；文字有大有小，還有標(biāo)題和正文之分；圖片頁有大小而且有橫豎之別。圖片和文字都需要同時展示給觀眾，不能簡單地將其羅列在一個頁面上，否則會搞得雜亂無章。關(guān)于具體的網(wǎng)頁布局，常見的有“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等，關(guān)于它們，在網(wǎng)頁設(shè)計(jì)的相關(guān)書籍中或者在網(wǎng)絡(luò)上都可以看到詳細(xì)的敘述

網(wǎng)頁作為傳播信息的一種載體，同其他出版物如報(bào)紙、雜志等在設(shè)計(jì)上有許多共同之處，也要遵循一些設(shè)計(jì)的基本原則。但是，由于表現(xiàn)形式、運(yùn)行方式和社會功能的不同，網(wǎng)頁設(shè)計(jì)又有其自身的特殊規(guī)律。網(wǎng)頁的藝術(shù)設(shè)計(jì)，是技術(shù)與藝術(shù)的結(jié)合，內(nèi)容與形式的統(tǒng)一。一般的來說，絕大多數(shù)普通受眾圖形，插件，applets和其它有關(guān)的高級Web瀏覽器特性。對我們來說，頁面的實(shí)用可能比漂亮更重要，對于用戶來說，沒有什么比頁面能夠快速下載更重要了，簡而言之，精簡你的站點(diǎn)，這是一條最佳的捷徑。就站點(diǎn)設(shè)計(jì)而言，的確能夠通過成功的圖形設(shè)計(jì)招徠或者丟失訪問者。并非所有的訪問者可以完全看到圖片，某些人為了加快存取網(wǎng)絡(luò)的速度已經(jīng)關(guān)閉了瀏覽器端的圖形。簡而言之，圖形并不能正確的在客戶端加載。然而，圖形經(jīng)常被用來作為導(dǎo)航按鈕。使用可以把一個瀏覽器分成幾個不同的窗口，對于站點(diǎn)的結(jié)構(gòu)的把握是一個不錯的方法。但是，你還是必須知道，還是有人在使用不支持幀的瀏覽器。在你開始打算設(shè)計(jì)一個幀的時候，你該仔細(xì)的考慮考慮你是否的確真的需要。經(jīng)常，你這樣的需求可以通過表格來組織站點(diǎn)的結(jié)構(gòu)。網(wǎng)頁設(shè)計(jì)涉及到對多種軟件、多種知識的學(xué)習(xí)和應(yīng)用，以及個人的審美觀等等。所以要想制作出漂亮的網(wǎng)頁，需要一個逐步學(xué)習(xí)和經(jīng)驗(yàn)積累的過程。

隨著互聯(lián)網(wǎng)的不斷發(fā)展和中國網(wǎng)絡(luò)人口的日益增長，建立個人網(wǎng)站，不但可以很好的展示自己，而且可以提高自己在計(jì)算機(jī)應(yīng)用方面的能力。個人在設(shè)計(jì)時考慮的多為個人的興趣喜好，而不注重商業(yè)的展示。內(nèi)容以反映個人為中心，從而使個人網(wǎng)站真正的成為展示自己的網(wǎng)絡(luò)名片。一張完美的主頁設(shè)計(jì)需要積累豐富的知識以及掌握大量的技巧。

由于平時課程比較繁忙，學(xué)習(xí)時間比較少，對于網(wǎng)頁設(shè)計(jì)軟件的強(qiáng)大功能運(yùn)用得還不夠。不知不覺網(wǎng)頁設(shè)計(jì)的課程將要結(jié)束了，這門課程所包含內(nèi)容的豐富是讓我從沒有想到的。在整個的學(xué)習(xí)過程中，我學(xué)習(xí)了Flash、Fireworks、Html語言、IIS、網(wǎng)站建設(shè)的基本思想等重要內(nèi)容。在網(wǎng)頁設(shè)計(jì)過程中，由于沒有網(wǎng)頁制作代碼的知識，所以在設(shè)計(jì)時也遇到了很多麻煩，有時插入一個特效腳本也是很麻煩。在網(wǎng)頁制作過程中，想提高設(shè)計(jì)水平，想有個理想的網(wǎng)頁，必須學(xué)會代碼的運(yùn)用，我將在以后的學(xué)習(xí)過程中不斷加強(qiáng)這方面的學(xué)習(xí)，希望老師能簡單介紹一下代碼，讓我也對它有個初步的認(rèn)識，以后再加強(qiáng)學(xué)習(xí)也才會有所提高。

總體來說，通過今次的對網(wǎng)頁設(shè)計(jì)的學(xué)習(xí)，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁設(shè)計(jì)的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，去提高，憑借我對網(wǎng)頁設(shè)計(jì)的熱情和執(zhí)著，我將來設(shè)計(jì)出的網(wǎng)頁會更加專業(yè)，更完善。也希望老師在今后的日子里多指導(dǎo)。網(wǎng)頁設(shè)計(jì)還有更多的技巧，有待于我們?nèi)ネ诰蚝脱芯俊?/p>

第四篇：網(wǎng)頁設(shè)計(jì)課程心得體會

“網(wǎng)頁制作”課程心得體會

現(xiàn)在，計(jì)算機(jī)和網(wǎng)絡(luò)已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡(luò)成了我們獲取知識和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學(xué)習(xí)網(wǎng)絡(luò)知識是我們作為一名大學(xué)生迫切所需的。

這學(xué)期選擇的這門課程讓我學(xué)到了不少關(guān)于計(jì)算機(jī)和網(wǎng)絡(luò)的知識。老師把課程內(nèi)容安排的很合理，講的大都是很基礎(chǔ)的知識，這對于像我這樣對網(wǎng)絡(luò)了解不多的學(xué)生來說很容易理解，接受。

在這門課上我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識，對flash也有所了解。課上我還學(xué)到了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)，用制作網(wǎng)絡(luò)的工具做網(wǎng)頁等。

通過對這門課的學(xué)習(xí)，我對計(jì)算機(jī)有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。

在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設(shè)計(jì)應(yīng)該具備以下一些基本原則 1 確定網(wǎng)頁設(shè)計(jì)的內(nèi)容

一個優(yōu)秀的風(fēng)站要有一個明確的主題,整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設(shè)計(jì)之前要明確你這個網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的作用。了解你網(wǎng)站所在行業(yè)的客戶

用戶是一個網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時間進(jìn)入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設(shè)計(jì),只會讓用戶失望的離去.3、做一個典型用戶

不以用戶身份親身體驗(yàn)網(wǎng)站你才能發(fā)現(xiàn)問題，才知道那些需要改進(jìn)，盡量不要讓客戶去發(fā)現(xiàn)問題，在前期設(shè)計(jì)時就應(yīng)該把這些問題解決。優(yōu)化內(nèi)容

內(nèi)容是整個網(wǎng)站的核心。在網(wǎng)站設(shè)計(jì)之前必須明確網(wǎng)站的內(nèi)容安排。

優(yōu)秀網(wǎng)頁設(shè)計(jì)是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個網(wǎng)站時，可以用樹狀結(jié)構(gòu)先把每個頁面的內(nèi)容大綱列出來，尤其要制作一個大的網(wǎng)站(有很多頁面)的時候，特別需要把這個架構(gòu)規(guī)劃好，也要考慮到以后可能的擴(kuò)充性，免得做好以后又要一改再改整個網(wǎng)站的架構(gòu)，很浪費(fèi)時間和財(cái)力。

大綱列出來后，還必須考慮每個頁面之間的鏈接關(guān)系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂，層次不清的站點(diǎn)會造成瀏覽困難，影響內(nèi)容的發(fā)揮。

框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的基礎(chǔ)。下一步，就以動手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。我們稱作資料收集

如果是個人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內(nèi)容。大部分人的方法是：從報(bào)紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。

在準(zhǔn)備材料的時候我們可以用到學(xué)習(xí)的Flash知識來制作一些小的動畫和動態(tài)圖片，F(xiàn)lash 提供了功能齊全的繪圖和編輯圖形工具?？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點(diǎn)是“交互性”強(qiáng)。在動畫播放時，可以用鼠標(biāo)或鍵盤對動畫的播放進(jìn)行控制，效果可以很直觀的反映出來。

然后是開始正式制作主頁。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。

通過個人網(wǎng)頁的制作最終把自己的網(wǎng)頁上傳到互聯(lián)網(wǎng)上，那種成就感是無法用語言形容的。在今后的閑余時間，我將會學(xué)習(xí)制作網(wǎng)頁的更多知識，使它成為自己的一項(xiàng)技能。

第五篇：網(wǎng)頁設(shè)計(jì)課程心得體會

“網(wǎng)頁設(shè)計(jì)”學(xué)習(xí)心得體會

現(xiàn)在，計(jì)算機(jī)和網(wǎng)絡(luò)已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡(luò)成了我們獲取知識和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學(xué)習(xí)網(wǎng)絡(luò)知識是我們作為一名大學(xué)生迫切所需的。我通過這一學(xué)期的學(xué)習(xí)，對網(wǎng)頁設(shè)計(jì)有了初步的認(rèn)識和了解，并基本掌握了Dreamweaver的應(yīng)用。

在學(xué)習(xí)了網(wǎng)頁設(shè)計(jì)的同時，我更加深入的了解了關(guān)于計(jì)算機(jī)和網(wǎng)絡(luò)的知識?；趯τ?jì)算機(jī)基礎(chǔ)與C語言的基本掌握，學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的基礎(chǔ)部分便顯得較為輕松。雖然如此，在設(shè)計(jì)過程中依然出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計(jì)出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善?？梢哉f在自己動手，不斷實(shí)踐的過程中，網(wǎng)頁設(shè)計(jì)水平得到了很大的提高。

通過對網(wǎng)頁設(shè)計(jì)書籍的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識，在實(shí)踐查閱資料時，對flash也有所了解。我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。通過學(xué)習(xí)，我對計(jì)算機(jī)有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。在這個過程中，我同樣認(rèn)識到網(wǎng)頁設(shè)計(jì)不是一門學(xué)科的獨(dú)秀，而是多種課程的綜合，他是Flash、Fireworks等網(wǎng)頁軟件的綜合應(yīng)用。

下面闡述一下我在設(shè)計(jì)我的網(wǎng)站時的一些關(guān)于網(wǎng)頁設(shè)計(jì)的見解。在具體的制作時我了解到一個優(yōu)秀的網(wǎng)頁設(shè)計(jì)應(yīng)該具備一些基本原則。

首先，要確定網(wǎng)頁設(shè)計(jì)的內(nèi)容，一個優(yōu)秀的風(fēng)站要有一個明確的主題。整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設(shè)計(jì)之前要明確你這個網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的作用；其次，要了解你網(wǎng)站所在行業(yè)的客戶，及你的網(wǎng)頁屬于哪個類別。用戶是一個網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時間進(jìn)入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設(shè)計(jì),只會讓用戶失望的離去.在完成以上的基本內(nèi)容之后網(wǎng)頁的基本框架便成形成了。下面要開始的便是優(yōu)化工作。內(nèi)容是整個網(wǎng)頁的核心。在網(wǎng)頁設(shè)計(jì)之前必須明確網(wǎng)頁的內(nèi)容安排。優(yōu)秀網(wǎng)頁設(shè)計(jì)是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個網(wǎng)頁時，可以用樹狀結(jié)構(gòu)先把每個頁面的內(nèi)容大綱列出來，尤其要制作一個大的網(wǎng)站(有很多頁面)的時候，特別需要把這個架構(gòu)規(guī)劃好，也要考慮到以后可能的擴(kuò)充性，免得做好以后又要一改再改整個網(wǎng)站的架構(gòu)，很浪費(fèi)時間和財(cái)力。大綱列出來后，還必須考慮每個頁面之間的鏈接關(guān)系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂，層次不清的站點(diǎn)會造成瀏覽困難，影響內(nèi)容的發(fā)揮?？蚣芏ㄏ聛砹?，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的基礎(chǔ)。下一步，就以動手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。

如果是個人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內(nèi)容。大部分人的方法是：從報(bào)紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。在準(zhǔn)備材料的時候我們可以用一些小的動畫和動態(tài)圖片，F(xiàn)lash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區(qū)里繪畫，編輯修改非常靈活，它的另一大特點(diǎn)是“交互性”強(qiáng)。在動畫播放時，可以用鼠標(biāo)或鍵盤對動畫的播放進(jìn)行控制，效果可以很直觀的反映出來。然后是開始正式制作主頁。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。

總體來說，通過這個學(xué)期對網(wǎng)頁設(shè)計(jì)的學(xué)習(xí)，有收獲也有遺憾。但是，我已經(jīng)邁入了網(wǎng)頁設(shè)計(jì)的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，在今后的閑余時間學(xué)習(xí)制作網(wǎng)頁的更多知識以實(shí)現(xiàn)自身技能的提高，我堅(jiān)信將來設(shè)計(jì)出的網(wǎng)頁會更加專業(yè)，更加華麗，使它最終成為自己的一項(xiàng)技能。

美術(shù)學(xué)1303B 班 賈宇波

2014年6月8日