前言：想要寫出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇網(wǎng)頁設(shè)計知識總結(jié)范文，相信會為您的寫作帶來幫助，發(fā)現(xiàn)更多的寫作思路和靈感。

網(wǎng)頁設(shè)計知識總結(jié)范文第1篇

1.網(wǎng)頁主題策劃。當(dāng)要求學(xué)生為某個網(wǎng)站主題制作一系列網(wǎng)頁時，某些作品主題定位不準(zhǔn)確，比如原本網(wǎng)站主題是品牌產(chǎn)品宣傳，最后的作品卻是購物網(wǎng)站。有的作品則是主題不統(tǒng)一，想展現(xiàn)的內(nèi)容太多，多個主題拼湊在一起。出現(xiàn)上述問題的主要原因是需求分析不準(zhǔn)確、提煉設(shè)計主旨的能力不足。

2.網(wǎng)頁風(fēng)格設(shè)計。在網(wǎng)頁布局及風(fēng)格設(shè)計方面，常出現(xiàn)頁面風(fēng)格不統(tǒng)一、頁面風(fēng)格與內(nèi)容不協(xié)調(diào)等的問題。比如某些作品的多個頁面之間在風(fēng)格、模式和色彩上差異較大，影響了網(wǎng)站的整體風(fēng)格。這是由于學(xué)生對形式與內(nèi)容的協(xié)調(diào)把握不足，不能在內(nèi)容不同時實現(xiàn)形式上的統(tǒng)一。

3.網(wǎng)頁元素的編排。網(wǎng)頁元素的編排，主要是框架、表格、文字、圖片、動畫等內(nèi)容在單個網(wǎng)頁內(nèi)的排版。學(xué)生作品在網(wǎng)頁元素的編排方面的問題主要有：（1）文字的處理。網(wǎng)頁中使用的字體太多，造成頁面混亂；字體、字號過于單一，標(biāo)題或重點不突出；行距過大或過小等。（2）圖片的處理。圖片過度拉伸造成顯示模糊；圖片過大造成頁面加載速度緩慢；并排顯示的圖片尺寸不統(tǒng)一等。（3）網(wǎng)頁布局。頁面寬度過大，在一屏內(nèi)無法顯示，造成瀏覽困難；頁面內(nèi)容多而雜，各部分跨度太大，整體可讀性不好，重點內(nèi)容不突出等。

4.網(wǎng)頁色彩搭配。網(wǎng)頁的色彩搭配應(yīng)該均衡、協(xié)調(diào)，使人感覺舒適、美觀，又不至于視覺疲勞。學(xué)生在網(wǎng)頁色彩搭配上出現(xiàn)的問題主要有：網(wǎng)頁色彩過于單一，無吸引力；色彩過于花哨，容易造成視覺疲勞；文字顏色與背景顏色相似，造成閱讀困難等。

5.交互性設(shè)計。用戶瀏覽網(wǎng)頁是一個人與網(wǎng)頁信息交互的過程，交互性好的網(wǎng)頁應(yīng)該功能實用、操作便捷。學(xué)生在交互性設(shè)計上出現(xiàn)的問題主要有：網(wǎng)頁無標(biāo)題；導(dǎo)航欄不全，引導(dǎo)性不佳；鏈接層次過深，造成連續(xù)瀏覽不便捷等。

6.網(wǎng)站文件結(jié)構(gòu)。網(wǎng)站文件結(jié)構(gòu)是指儲存在硬盤上的目錄結(jié)構(gòu)，雖然不會影響到網(wǎng)頁的功能和外觀，但是良好的目錄結(jié)構(gòu)能夠提高網(wǎng)頁設(shè)計和后續(xù)維護工作的效率。學(xué)生設(shè)計的網(wǎng)頁作品往往忽視網(wǎng)頁文件結(jié)構(gòu)的合理性，存在著網(wǎng)頁命名隨意無規(guī)則，不同層次的網(wǎng)頁文件存放在同級目錄，圖片文件隨意存放等問題。綜合上述問題分析可以看出，學(xué)生在創(chuàng)造能力及設(shè)計思維上相對較弱，實際上通過操作實踐，學(xué)生基本都能完全掌握網(wǎng)頁設(shè)計軟件操作，比如插入文字和圖片、設(shè)置字體和顏色、插入超鏈接等，但卻在需要整合運用這些操作時出現(xiàn)了問題。這實際上就是心智技能缺乏的表現(xiàn)，因此培養(yǎng)心智技能是提高學(xué)生網(wǎng)頁設(shè)計能力的關(guān)鍵。

二、心智技能階段性理論在網(wǎng)頁設(shè)計教學(xué)中的應(yīng)用

1.網(wǎng)頁設(shè)計心智技能形成分析。根據(jù)馮忠良教授的研究，心智技能的形成是階段性的，其過程分為原型定向、原型操作和原型內(nèi)化三個階段。原型定向階段以理論知識傳授為主，讓主體掌握技能操作的原理；原型操作階段通過實踐讓主體熟練掌握操作技能，為原型內(nèi)化奠定基礎(chǔ)；在主體大腦中形成內(nèi)化的思維模式，使主體能夠靈活運用操作技能解決實際問題。根據(jù)上述理論，結(jié)合網(wǎng)頁設(shè)計教學(xué)的實際過程，網(wǎng)頁設(shè)計心智技能的形成階段如圖1所示。網(wǎng)頁設(shè)計心智技能的形成可分為：掌握基本理論、熟練實踐操作和總結(jié)設(shè)計模式三個階段。這三個階段不僅體現(xiàn)在整個學(xué)期的教學(xué)過程，更應(yīng)該體現(xiàn)在每一章節(jié)的教學(xué)中，甚至在每次課的教學(xué)中不斷重復(fù)，才能強化鞏固心智技能。在整個學(xué)期的網(wǎng)頁設(shè)計教學(xué)過程中，基本理論、熟練實踐操作和總結(jié)設(shè)計模式三個階段的主要教學(xué)內(nèi)容是：（1）網(wǎng)站和網(wǎng)頁的組成、網(wǎng)頁設(shè)計的一般過程、HTML原理和常用設(shè)計工具。（2）網(wǎng)頁設(shè)計工具Dreamweaver、Firewoks及Flash的操作和使用。（3）指導(dǎo)學(xué)生綜合應(yīng)用設(shè)計工具進行完整設(shè)計，總結(jié)網(wǎng)頁設(shè)計中的經(jīng)驗和模式。而在某項軟件操作的教學(xué)過程中也應(yīng)遵循三階段原則。教師首先結(jié)合HTML語言講解此項操作的后臺原理。然后教師進行演示，學(xué)生操作，期間教師不斷進行指導(dǎo)。最后教師總結(jié)該操作中應(yīng)當(dāng)注意的一些原則，以及常用的一些設(shè)計模式，可通過展示優(yōu)秀的設(shè)計作品進行對比講解。

2.教學(xué)實踐。在前述理論研究的基礎(chǔ)上，筆者進行了教學(xué)實踐。根據(jù)課程教材，首先設(shè)置了“網(wǎng)頁設(shè)計概述”、“HTML基礎(chǔ)”、“DreamweaverCS4應(yīng)用”、“FirewoksCS4應(yīng)用”“、FlashCS4應(yīng)用”“、綜合實例”六章課程內(nèi)容。其中第一、二章以純理論教學(xué)為主，難點在于HTML基礎(chǔ)知識，須重點講解。第三至六章均采用三階段原則進行教學(xué)。最后為了加強心智技能原型內(nèi)化階段的效果，增加了第七章“網(wǎng)頁設(shè)計模式精講”，對網(wǎng)頁設(shè)計中的常見問題進行總結(jié)，介紹設(shè)計原則和方法。下面以第三章“DreamweaverCS4應(yīng)用”和第七章“網(wǎng)頁設(shè)計模式精講”為例介紹教學(xué)思路?！癉reamweaverCS4應(yīng)用”主要分為表格的使用、框架的使用、DIV元素的使用、文本的插入與編輯、圖像的插入與編輯、超鏈接的插入與編輯、其他多媒體對象的插入與編輯七項主要內(nèi)容。在正式講解軟件應(yīng)用前，應(yīng)使學(xué)生明白網(wǎng)頁的本質(zhì)是HTML代碼，Dreamweaver本質(zhì)是輔助設(shè)計工具，其作用是自動生成HTML代碼，比如在Dreamweaver中執(zhí)行插入表格的命令，就會在源文件中加入表格的HTML代碼。在此后的講課過程中，幫助學(xué)生理解操作的原理，為心智技能的建立奠定基礎(chǔ)。以文本的插入和編輯為例，在教學(xué)中首先向?qū)W生講解文本編輯中HTML標(biāo)簽<p>與<br>的作用和使用方法。然后在Dreamweaver中執(zhí)行文本插入和編輯操作，并對比源文件中的代碼變化。最后結(jié)合教學(xué)用例介紹文字排版的一些原則，比如長文本使用標(biāo)準(zhǔn)字號、在文本周圍留出足夠空間、增加文本和背景的對比度等。幫助學(xué)生建立文本編輯的心智技能，使學(xué)生在自主設(shè)計時能夠編排出美觀的、可讀性強的文本效果。

網(wǎng)頁設(shè)計知識總結(jié)范文第2篇

由于網(wǎng)頁設(shè)計與制作技術(shù)的不斷發(fā)展，網(wǎng)頁設(shè)計與制作軟件不斷推陳出新，作者根據(jù)多年來教學(xué)經(jīng)驗的總結(jié)和社會各界讀者提出的建議，重新編寫了該套教材。該套教材包括：《網(wǎng)頁設(shè)計與制作教程》(第2版) 為課堂教學(xué)教材，《網(wǎng)頁設(shè)計與制作實驗指導(dǎo)》(第2版)為實驗輔助教材，配套的多媒體教學(xué)課件可以從清華大學(xué)出版社網(wǎng)站免費下載。

《網(wǎng)頁設(shè)計與制作教程》(第2版)是全面介紹網(wǎng)頁設(shè)計與制作技術(shù)的教程，它以目前最流行的網(wǎng)頁設(shè)計軟件作為技術(shù)支持，由淺入深、系統(tǒng)地介紹了網(wǎng)頁的構(gòu)思、規(guī)劃、制作和網(wǎng)站建設(shè)的全過程。全書分為三篇共11章和一個附錄，涵蓋了網(wǎng)頁和網(wǎng)站建設(shè)的基本知識、HTML語言，以及FrontPage 2003、Dreamweaver 8、Photoshop CS2、Fireworks 8、Flash 8五個常用軟件的主要知識。全書構(gòu)思清晰，結(jié)構(gòu)合理，內(nèi)容全面系統(tǒng)，兼顧了入門和提高兩個層次；語言簡潔生動、圖文并茂、實例新穎，關(guān)注了每個軟件最常用、實用的部分；并特別注重對實踐能力的培養(yǎng)。為提高教材的實用性、可操作性和可模仿性，作者巧妙地將理論學(xué)習(xí)與實踐操作緊密結(jié)合在了一起。在與教程配套的《網(wǎng)頁設(shè)計與制作實驗指導(dǎo)》(第2版)中，共設(shè)計了6章共48個非常有代表性的實驗，可以供讀者上機練習(xí)使用。這兩本書可以幫助初學(xué)者在較短的時間內(nèi)快速掌握實用的網(wǎng)頁設(shè)計知識和通用的網(wǎng)站制作方法，設(shè)計制作出自己喜愛的網(wǎng)站。

作者一貫主張教師要有使命感，教材要滿足教與學(xué)的需求。通過多年不懈的努力，作者最終給讀者呈現(xiàn)了一套立體化的教學(xué)方案：優(yōu)秀的課堂教學(xué)教程、實用的實驗指導(dǎo)書、精彩的多媒體教學(xué)課件。歡迎大家使用和驗證。

網(wǎng)頁設(shè)計與制作教程(第2版)

作者：楊選輝

ISBN：9787302178200

網(wǎng)頁設(shè)計與制作實驗指導(dǎo)(第2版)

網(wǎng)頁設(shè)計知識總結(jié)范文第3篇

但是，即便掌握了網(wǎng)頁語言的使用，在高職院校網(wǎng)頁設(shè)計課程的教學(xué)體系中，也很少涉及網(wǎng)站易用性、無障礙網(wǎng)頁設(shè)計、面向用戶的網(wǎng)頁設(shè)計、網(wǎng)站安全等計算機科學(xué)及信息技術(shù)領(lǐng)域的相關(guān)知識．這往往使得網(wǎng)頁設(shè)計脫離實際，過于追求美觀與新功能而忽視用戶體驗，華而不實．面對如此眾多的計算機科學(xué)及信息技術(shù)領(lǐng)域的相關(guān)知識，在選擇教學(xué)內(nèi)容時并不能完全覆蓋，如何取舍已經(jīng)成為一個影響課程教學(xué)質(zhì)量的關(guān)鍵問題．為了使教學(xué)更適合每位學(xué)生的知識結(jié)構(gòu)，必須有針對性、側(cè)重性．本文就是在這樣的背景下，提出了一種基于學(xué)生先前知識的教學(xué)內(nèi)容選擇方法．

1研究概述

本文針對高職院校藝術(shù)設(shè)計專業(yè)網(wǎng)頁設(shè)計課程的教學(xué)內(nèi)容及實施過程進行研究．首先介紹了測試學(xué)生網(wǎng)頁設(shè)計先前知識的過程，然后對獲得的數(shù)據(jù)進行統(tǒng)計分析，最后呈現(xiàn)基于分析結(jié)果的教學(xué)內(nèi)容選擇及教學(xué)實施過程．由于網(wǎng)頁設(shè)計總是同其他學(xué)科聯(lián)系在一起，所以當(dāng)我們嘗試創(chuàng)建一個功能性強、吸引力高的網(wǎng)站時，經(jīng)常會遇到很多問題．這使得網(wǎng)頁設(shè)計人員既要學(xué)習(xí)藝術(shù)方面的課程，如平面設(shè)計、樣式和風(fēng)格、繪畫、色彩，又要掌握網(wǎng)頁設(shè)計方面的課程，如網(wǎng)頁設(shè)計工具的使用、網(wǎng)頁界面設(shè)計及網(wǎng)頁編程語言，與此同時還要了解像網(wǎng)站易用性、無障礙網(wǎng)頁設(shè)計、面向用戶的網(wǎng)頁設(shè)計、隱私及安全等其他學(xué)科方面的擴展內(nèi)容．然而，目前大多數(shù)高職院校藝術(shù)設(shè)計專業(yè)的教學(xué)計劃還主要集中在網(wǎng)頁藝術(shù)設(shè)計、網(wǎng)頁視覺及版式設(shè)計、網(wǎng)頁設(shè)計軟件、網(wǎng)頁語言的學(xué)習(xí)，忽視上面提到的易用性、無障礙設(shè)計等問題．這主要由于藝術(shù)設(shè)計專業(yè)課程結(jié)構(gòu)所致，并不能對計算機科學(xué)及信息技術(shù)領(lǐng)域的相關(guān)知識做詳細(xì)講解．那么如何在有限的教學(xué)時間內(nèi)，根據(jù)學(xué)生的先前知識狀態(tài)，有針對性地擴展其他領(lǐng)域的相關(guān)教學(xué)內(nèi)容便成為本文的研究重點．本文的研究基于北海藝術(shù)設(shè)計職業(yè)學(xué)院于2010年開設(shè)的一門全新的網(wǎng)頁設(shè)計選修課程———網(wǎng)頁客戶端表現(xiàn)技術(shù)．課程開始前，首先要求選修該課程的學(xué)生對網(wǎng)頁設(shè)計有初步的了解，同時喜歡設(shè)計網(wǎng)頁，然后再進行網(wǎng)頁設(shè)計先前知識的測試．測試包含十個相關(guān)科目的50個不同的網(wǎng)頁設(shè)計問題．測試的結(jié)果可以幫助我們更有針對性地選擇教學(xué)內(nèi)容，靈活地實施教學(xué)．

1．1學(xué)生網(wǎng)頁設(shè)計先前知識的測試過程在開設(shè)網(wǎng)頁設(shè)計課程之前，本了一系列調(diào)研及相關(guān)文獻(xiàn)的查閱［3，4］，并對收集到的信息進行分析，總結(jié)出高職院校藝術(shù)設(shè)計專業(yè)在網(wǎng)頁設(shè)計教學(xué)中經(jīng)常忽視的十個科目．根據(jù)每個科目的相關(guān)知識，制作了一份50道題目的測試試卷，然后對選修該門課程的55個學(xué)生進行測試．他們的年齡在20～22歲之間，涉及專業(yè)包括視覺傳達(dá)、多媒體技術(shù)、動漫設(shè)計、環(huán)境藝術(shù)設(shè)計，男女比例為30:25．測試結(jié)果如表1所示．下面是多數(shù)學(xué)生都回答錯誤的幾個問題．首先是網(wǎng)站易用性問題．設(shè)計網(wǎng)站時運用一些約定成俗的設(shè)計規(guī)范(如將超鏈接標(biāo)記成藍(lán)色，可以使訪問者快速的找到鏈接)，這個非常重要的網(wǎng)站易用性問題，很多學(xué)生都不知道它的作用，如圖1所示．測試結(jié)果顯示:網(wǎng)站易用性、面向用戶的網(wǎng)頁設(shè)計、無障礙網(wǎng)頁設(shè)計、網(wǎng)站安全，這四個科目的問題回答正確率相對較低，全部低于30%．由于這些內(nèi)容是保證網(wǎng)頁設(shè)計質(zhì)量的關(guān)鍵，同時也是選修該門課程的學(xué)生最缺乏的知識，所以“網(wǎng)頁客戶端表現(xiàn)技術(shù)”課程需要擴展上述內(nèi)容．

2基于先前知識的教學(xué)內(nèi)容選擇及實施過程

2．1基于先前知識的教學(xué)內(nèi)容選擇

根據(jù)學(xué)生的先前知識狀態(tài)，有針對性地擴展計算機科學(xué)及信息技術(shù)領(lǐng)域內(nèi)的4個相關(guān)科目內(nèi)容．

(1)網(wǎng)站易用性:伴隨著對網(wǎng)站用戶體驗的關(guān)注度普遍上升，網(wǎng)站易用性建設(shè)已經(jīng)受到廣泛的重視．一個好的網(wǎng)站首先要平衡目的、網(wǎng)頁內(nèi)容、虛擬因素、技術(shù)這四項基本準(zhǔn)則．但是，由于學(xué)生缺乏易用性方面的知識，很多學(xué)生設(shè)計的網(wǎng)站都無法平衡網(wǎng)站功能和表現(xiàn)形式．因此，網(wǎng)站易用性教學(xué)就顯得尤為重要．教學(xué)內(nèi)容及教學(xué)重點如表2所示．

(2)面向用戶的網(wǎng)頁設(shè)計:學(xué)生在制作網(wǎng)頁時很少分析用戶需求，總是認(rèn)為自己的設(shè)計很有吸引力，但是對于訪問者來說，他們的設(shè)計經(jīng)常過于復(fù)雜或者內(nèi)容冗余無用．所以，學(xué)生應(yīng)該明確他們是在為用戶做開發(fā)，而非展示自己的網(wǎng)頁技術(shù)知識．因此，有必要引入面向用戶的網(wǎng)頁設(shè)計教學(xué)．教學(xué)內(nèi)容及教學(xué)重點如表3所示．

(3)無障礙網(wǎng)頁設(shè)計:無障礙網(wǎng)頁設(shè)計可以幫助殘障人士使用網(wǎng)頁．更確切地說，無障礙網(wǎng)頁設(shè)計可以幫助殘障人士感知、理解、瀏覽網(wǎng)頁．近些年，歐美的網(wǎng)站已經(jīng)開始系統(tǒng)的研究無障礙網(wǎng)頁設(shè)計思想，而國內(nèi)也開始對這方面進行研究．下面通過實例介紹無障礙網(wǎng)頁設(shè)計特點．例如購物網(wǎng)站可以為商品添加顏色的冗余文字信息，以支持色盲在線購物．對于讀寫困難的人來說，網(wǎng)頁中過多的動畫及滾動文字會增加他們的閱讀難度等．教學(xué)內(nèi)容及教學(xué)重點如表4所示．

(4)網(wǎng)站安全:由于一個網(wǎng)站設(shè)計者更多地考慮滿足用戶應(yīng)用，如何優(yōu)化界面，實現(xiàn)業(yè)務(wù)，但很少考慮網(wǎng)站應(yīng)用開發(fā)過程中所存在的隱患．大多數(shù)網(wǎng)站設(shè)計者、網(wǎng)站維護人員對網(wǎng)站安全技術(shù)了解甚少，所以有必要介紹一些網(wǎng)站安全技術(shù)．教學(xué)內(nèi)容及教學(xué)重點如表5所示．

2．2基于先前知識的教學(xué)實施過程

(1)課程背景和目的《網(wǎng)頁客戶端表現(xiàn)技術(shù)》是藝術(shù)設(shè)計專業(yè)二年級學(xué)生的一門選修課．根據(jù)對企業(yè)調(diào)研的結(jié)果，發(fā)現(xiàn)企業(yè)承接的網(wǎng)站項目較多，并且企業(yè)、客戶都很看重網(wǎng)站客戶端頁面的表現(xiàn)效果，即是否能夠吸引客戶挑剔的眼球．本課程就是在這樣的背景下建立的．藝術(shù)設(shè)計專業(yè)學(xué)生具有良好的平面設(shè)計、樣式和風(fēng)格、繪畫、色彩基礎(chǔ)，這也正是網(wǎng)頁客戶端表現(xiàn)的基礎(chǔ)．通過對網(wǎng)頁設(shè)計工具、網(wǎng)頁界面設(shè)計及網(wǎng)頁編程語言的學(xué)習(xí)，學(xué)生可以制作出美觀、大方的客戶端頁面．但是由于缺乏計算機科學(xué)或信息技術(shù)領(lǐng)域的相關(guān)知識，使得學(xué)生制作的網(wǎng)頁脫離實際，過于追求美觀而忽視用戶體驗．通過在教學(xué)中引入其他學(xué)科的網(wǎng)頁設(shè)計相關(guān)知識，使學(xué)生得到全面的培養(yǎng)，最終滿足企業(yè)對于網(wǎng)頁客戶端的設(shè)計要求．

(2)課程的教學(xué)實施過程下面是“網(wǎng)頁客戶端表現(xiàn)技術(shù)”課程的教學(xué)內(nèi)容及實施過程，如表6所示．

網(wǎng)頁設(shè)計知識總結(jié)范文第4篇

1.以就業(yè)為導(dǎo)向的網(wǎng)頁設(shè)計與制作課堂的教學(xué)

1.1網(wǎng)頁設(shè)計與制作課程的內(nèi)容與特點

網(wǎng)頁版面的規(guī)劃設(shè)計與制作方法是網(wǎng)頁設(shè)計與制作主要設(shè)計的內(nèi)容，在計算機應(yīng)用中網(wǎng)頁設(shè)計與制作只是其中的一個分支。學(xué)生可以通過學(xué)習(xí)網(wǎng)頁設(shè)計與制作學(xué)會基本技能，用來進行網(wǎng)頁美化、網(wǎng)頁設(shè)計與網(wǎng)頁制作。網(wǎng)頁設(shè)計與制作作為一門課程有一定的技術(shù)性，同時它所具有的藝術(shù)性也很強，學(xué)生會因為課程豐富的內(nèi)容和涉及到多方面的知識而獲取生存技能，同時學(xué)生的藝術(shù)氣息也會受到培養(yǎng)。因此學(xué)生自身要有較高的綜合素質(zhì)才能學(xué)習(xí)這門課程。

1.2以就業(yè)為導(dǎo)向的課程體系設(shè)置目標(biāo)

就業(yè)是目前網(wǎng)頁設(shè)計課程的設(shè)計導(dǎo)向。市場需求是這種體系的前提，課程設(shè)置以就業(yè)為先決條件，職業(yè)中所需要的技能在課程設(shè)置中都能找到相對應(yīng)的內(nèi)容，學(xué)生有明確的就業(yè)方向在畢業(yè)之后。課程設(shè)置決定于崗位需求，課程內(nèi)容緊密聯(lián)系實際需要，在就業(yè)趨勢上充分體現(xiàn)了“能力本位”。網(wǎng)頁設(shè)計為與市場相連接應(yīng)該構(gòu)建一套課程體系，課堂體系的本位應(yīng)該是培養(yǎng)能力、主線是進行實踐操作并且能夠順應(yīng)經(jīng)濟社會的發(fā)展。這套課程體系歸納總結(jié)了網(wǎng)頁設(shè)計師在實際中的應(yīng)用，不同的模塊在教學(xué)中被設(shè)立用來進行學(xué)生的訓(xùn)練，對于教學(xué)中的知識點學(xué)生可以通過模擬訓(xùn)練來熟練掌握。

2.大學(xué)文科專業(yè)開展網(wǎng)頁設(shè)計與制作課程的必要性

當(dāng)今社會已經(jīng)普遍應(yīng)用了計算機和互聯(lián)網(wǎng)，各企業(yè)和單位也越來越重視自身網(wǎng)站的建設(shè)，因此基本的網(wǎng)站制作技能是每個專業(yè)的學(xué)生都應(yīng)該具備的。互聯(lián)網(wǎng)背后運作被網(wǎng)頁設(shè)計展現(xiàn)在大學(xué)生面前，對于這些文科生中的很多人都是聞所未聞的。因此，文科生會或多或少的存在一些困難在網(wǎng)頁制作的學(xué)習(xí)中。文科生與理科生相比有比較活躍的思維，對文字更善于表達(dá)。如果對于計算機技能文科生能夠快速的掌握，結(jié)合自己的知識背景和現(xiàn)代計算機來滿足市場上的各種職業(yè)要求，那么他們的就業(yè)優(yōu)勢在同一競爭環(huán)境中就會比較突出。所以開展網(wǎng)頁設(shè)計與制作課程十分必要。

3.以就業(yè)為導(dǎo)向的大學(xué)文科網(wǎng)頁設(shè)計與制作課程體系構(gòu)建策略

3.1優(yōu)化課程內(nèi)容設(shè)計，引入新的教學(xué)方法

在文科占較大比重的綜合性大學(xué)中，學(xué)生因?qū)I(yè)的不同需要掌握不同的計算機技術(shù)。因此，高校應(yīng)該根據(jù)不同的張揚對計算機課程進行不同的設(shè)置。理論與實踐緊密相連是網(wǎng)頁設(shè)計與制作課堂的基本特征，沒有清晰的劃分界限在理論與實踐之間。本文提出了一些建議與意見在教學(xué)方法上用來實現(xiàn)教學(xué)效果的最優(yōu)化。

3.1.1模擬任務(wù)法，課堂教學(xué)結(jié)合實際操作。

教師在教學(xué)活動中可以把課堂假設(shè)成工作環(huán)境，模擬演練制作任務(wù)，一邊把如何操作演示給學(xué)生，一邊向?qū)W生進行講解，學(xué)生則可以邊聽邊做。學(xué)生在這樣的講練過程中很容易被激發(fā)出興趣，這種以學(xué)生為主的課堂可以提高學(xué)生發(fā)現(xiàn)問題、分析問題和解決問題的能力。

3.1.2實際案例分析法。

教師在課堂中引入典型的分類網(wǎng)站，為學(xué)生在課堂上做展示，對這些網(wǎng)站的內(nèi)容分類、布局結(jié)構(gòu)及技術(shù)特點進行分析討論。通過實際案例對教材中的知識點進行解釋說明，使學(xué)生的創(chuàng)新思維在實踐教學(xué)中得到培養(yǎng)，團隊合作能力得到鍛煉。

4.項目驅(qū)動的專題教學(xué)模式創(chuàng)新

4.1對教學(xué)項目進行合適的選擇，開發(fā)進度表的制定要細(xì)化。

優(yōu)秀的教學(xué)項目對學(xué)生的積極性能起到充分的調(diào)動作用，學(xué)生會由“要我學(xué)”的學(xué)習(xí)態(tài)度逐漸轉(zhuǎn)變?yōu)?ldquo;我要學(xué)”。對于教學(xué)內(nèi)容與實際案例的結(jié)合教師在備課時應(yīng)該進行充分的考慮，選擇的網(wǎng)絡(luò)項目應(yīng)該略具挑戰(zhàn)性、有較廣的覆蓋范圍。

4.2為了促進網(wǎng)頁設(shè)計課程的創(chuàng)新引入專題教學(xué)模式。

網(wǎng)頁設(shè)計知識總結(jié)范文第5篇

關(guān)鍵詞：網(wǎng)頁設(shè)計與制作 網(wǎng)頁與網(wǎng)站設(shè)計原則 教學(xué)改革

中圖分類號：G71 文獻(xiàn)標(biāo)識碼：A 文章編號：1672-3791（2014）03（a）-0209-02

內(nèi)蒙古科技大學(xué)是地方高等院校，畢業(yè)生大多到企業(yè)從事設(shè)計、生產(chǎn)、管理等技術(shù)工作，故人才培養(yǎng)定位于“工程實施型人才”，要求學(xué)生具有扎實的基礎(chǔ)理論和專業(yè)基礎(chǔ)知識，能夠教深入地掌握專業(yè)知識和流行生產(chǎn)技術(shù)，具有較強的工程實施能力，因此內(nèi)蒙古科技大學(xué)的畢業(yè)生具有“上手快，留得住，后勁足”的特點，畢業(yè)生就業(yè)率連續(xù)多年位居自治區(qū)高校前列，被國務(wù)院授予“全國就業(yè)先進工作單位”光榮稱號。該校的計算機科學(xué)與技術(shù)專業(yè)在學(xué)校人才培養(yǎng)思想的指導(dǎo)下完成了專業(yè)定位，重新制定了人才培養(yǎng)方案和課程體系，在此背景下，計算機科學(xué)與技術(shù)專業(yè)開設(shè)了《網(wǎng)頁設(shè)計與制作》課程。

1 《網(wǎng)頁設(shè)計與制作》課程現(xiàn)狀及存在的問題

根據(jù)企業(yè)用人標(biāo)準(zhǔn)及對畢業(yè)生的回訪調(diào)查，總結(jié)出了網(wǎng)頁設(shè)計師的從業(yè)要求：具備優(yōu)秀網(wǎng)站設(shè)計能力，能綜合運用各類軟件設(shè)計視覺創(chuàng)意網(wǎng)站，能獨立進行平面網(wǎng)頁的創(chuàng)意設(shè)計，具有良好的藝術(shù)觸覺和美術(shù)色彩搭配功底，深刻理解web標(biāo)準(zhǔn)，熟悉CSS+DIV模式，能手寫XHTML及CSS樣式代碼，懂得javascript應(yīng)用，精通設(shè)計與網(wǎng)頁設(shè)計軟件，如photoshop、fireworks、dreamweaver等，能獨立完成網(wǎng)站的規(guī)劃和靜態(tài)頁面制作?？梢钥闯鲆粋€優(yōu)秀的網(wǎng)頁設(shè)計師能夠?qū)W(wǎng)頁的構(gòu)成元素進行藝術(shù)規(guī)劃和創(chuàng)造性思維活動，通過網(wǎng)頁制作技術(shù)實現(xiàn)網(wǎng)頁設(shè)計的目的，達(dá)到了藝術(shù)與技術(shù)的和諧統(tǒng)一。[1]為了培養(yǎng)大一新生對計算機專業(yè)的學(xué)習(xí)興趣和熱情，許多高校包括我校在內(nèi)，將《網(wǎng)頁設(shè)計與制作》課程規(guī)劃為必修課安排在大一下學(xué)期開課，目的通過本課程所見即所得的特點，激發(fā)新生對計算機專業(yè)的學(xué)生興趣和熱情?？稍谝酝谋菊n程教學(xué)內(nèi)容安排上，重網(wǎng)頁制作技術(shù)的講授，對網(wǎng)頁設(shè)計相關(guān)知識涉及甚少，即便學(xué)生掌握了XHTML、css+div、JavaScript等網(wǎng)頁制作技術(shù)，可沒有遵循網(wǎng)站與網(wǎng)頁設(shè)計原則，致使學(xué)生制作出來的網(wǎng)頁粗糙拙劣，毫無美感可言，這樣的教學(xué)安排，難以培養(yǎng)學(xué)生的專業(yè)學(xué)習(xí)興趣和熱情。

2 《網(wǎng)頁設(shè)計與制作》課程改革思路

以適應(yīng)企業(yè)需求為導(dǎo)向，以培養(yǎng)學(xué)生網(wǎng)頁設(shè)計能力為根本，以項目教學(xué)和案例教學(xué)為手段，以實際網(wǎng)站為目標(biāo)，進行課程內(nèi)容的編排和改革。[2]緊跟當(dāng)前市場需求，及時對教學(xué)內(nèi)容作出調(diào)整，特別強調(diào)網(wǎng)站與網(wǎng)頁設(shè)計原則理論知識，在講授網(wǎng)頁制作技術(shù)的過程中注重網(wǎng)頁設(shè)計基本理論與基礎(chǔ)知識的滲透，努力提高學(xué)生的審美情趣，在潛移默化中讓學(xué)生形成“技術(shù)為設(shè)計服務(wù)”的思想，讓這種思想指導(dǎo)其網(wǎng)頁設(shè)計與制作行為，最后將這種認(rèn)識轉(zhuǎn)換為能力，最終體現(xiàn)在其網(wǎng)頁設(shè)計作品上。

3 《網(wǎng)頁設(shè)計與制作》課程教學(xué)改革方案

以“技術(shù)為設(shè)計服務(wù)”為指導(dǎo)思想，以項目教學(xué)和案例教學(xué)為手段，通過項目驅(qū)動，[3]讓學(xué)生在32學(xué)時講授+32學(xué)時上機的學(xué)習(xí)過程中，獨立完成上機項目。上機項目按照具備知識水平由易到難，需求由低到高，設(shè)計方案由局部到整體的梯度進行，符合教育教學(xué)的基本規(guī)律。結(jié)課后，以一個綜合項目的開發(fā)作為對學(xué)生學(xué)習(xí)效果的最后的評價。綜合項目的開發(fā)，實際上是學(xué)生實踐和獨立探究的過程，在此過程中，增長了學(xué)生的知識，培養(yǎng)了學(xué)生創(chuàng)造性思維和發(fā)現(xiàn)問題、解決問題的能力。

3.1 教學(xué)內(nèi)容的編排

按照WEB標(biāo)準(zhǔn)，網(wǎng)頁由三部分組成：結(jié)構(gòu)（structure）、表現(xiàn)（presentation）和行為（behavior），因此，在教學(xué)內(nèi)容的編排上，將《網(wǎng)頁設(shè)計與制作》課程分為四大模塊進行講授和實踐。分別為：網(wǎng)頁與網(wǎng)站設(shè)計原則、XHTML基礎(chǔ)知識、css+div、javascript。

網(wǎng)頁與網(wǎng)站設(shè)計原則模塊：在本課程的教學(xué)過程中處于指導(dǎo)地位和核心地位。通過該模塊的教學(xué)，首先讓學(xué)生掌握網(wǎng)站的3C設(shè)計原則，即簡潔、一致性、對比度。通過一些優(yōu)秀網(wǎng)站設(shè)計案例的展示，使學(xué)生對3C設(shè)計原則有初步的體會和認(rèn)識。其次讓學(xué)生掌握頁面設(shè)計要點，包括：精心組織的內(nèi)容、格式美觀的正文、和諧的色彩搭配、較好的對比度、生動的背景圖案、頁面元素大小適中，布局均勻、不同元素間的留白等。通過優(yōu)秀網(wǎng)站設(shè)計案例的講解，讓學(xué)生初步體會每一個頁面設(shè)計要點。在隨后的課程講授及上機實踐中，通過具體案例，強調(diào)網(wǎng)頁與網(wǎng)站設(shè)計原則，讓學(xué)生對3C設(shè)計原則及頁面設(shè)計要點有更深的體會和認(rèn)識，在潛移默化中，學(xué)會用網(wǎng)頁與網(wǎng)站設(shè)計原則指導(dǎo)自己的網(wǎng)站制作行為。

其他三個模塊為《網(wǎng)頁設(shè)計與制作》課程的技術(shù)范疇。通過XHTML、css+div、javascript的講授及配合各類上機項目的實踐，使學(xué)生具備認(rèn)識網(wǎng)頁創(chuàng)建站點應(yīng)用網(wǎng)頁元素對網(wǎng)頁布局應(yīng)用CSS美化頁面給網(wǎng)頁添加動態(tài)行為的能力。最后以網(wǎng)頁與網(wǎng)站設(shè)計原則為指導(dǎo)，設(shè)計開發(fā)一個綜合項目。該綜合項目要求要有鮮明的主題，內(nèi)容與形式統(tǒng)一，個性突出、布局合理、配色美觀?？梢钥闯?，通過本課程技術(shù)層面的學(xué)習(xí)，為學(xué)生奠定了制作綜合項目的技術(shù)基礎(chǔ)，而其掌握的網(wǎng)頁與網(wǎng)站設(shè)計原則又將反作用于其網(wǎng)頁制作的行為上，提高其網(wǎng)頁制作水平，逐步達(dá)到技術(shù)與設(shè)計的和諧統(tǒng)一。

4 《網(wǎng)頁設(shè)計與制作》課程考核體系

本課程的考核方式為考察，主要考察學(xué)生的實踐能力及學(xué)生網(wǎng)頁與網(wǎng)站設(shè)計原則的掌握情況。將平時表現(xiàn)，上機項目完成情況、綜合項目的開況相結(jié)合，從而得出學(xué)生的最終成績。

考核方案設(shè)計如下。

平時表現(xiàn)10分：包括上課出勤，上機出勤。有課堂主動回答問題的額外加3分。

上機實驗40分：內(nèi)容包括：包含文本、圖像、超鏈接、多媒體的簡單網(wǎng)頁設(shè)計（3分）；包含表格的簡單網(wǎng)頁設(shè)計（3分）；包含表單的簡單網(wǎng)頁設(shè)計（3分）；利用框架進行簡單網(wǎng)頁設(shè)計（3分）；利用CSS樣式表美化網(wǎng)頁（10分）；利用表格進行網(wǎng)頁布局（3分）、利用DIV進行網(wǎng)頁布局（5分）、利用DIV嵌套表格進行網(wǎng)頁布局（5分）；利用javascript實現(xiàn)網(wǎng)頁特效（5分）。

綜合項目開發(fā)：通過本課程掌握的網(wǎng)站設(shè)計原則及制作方法，完成綜合項目的設(shè)計與制作。（50分）

設(shè)計要求（25分）：需求分析充分，欄目設(shè)計合理，功能完善，網(wǎng)站深度不低于3級別（5分）；主題鮮明，頁面布局合理，配色和諧，形式美觀，風(fēng)格統(tǒng)一（10分）；logo、banner的設(shè)計應(yīng)突出主題，與頁面風(fēng)格相協(xié)調(diào)（5分）；要有便捷的導(dǎo)航信息。網(wǎng)站內(nèi)容豐富，具有良好的可讀性（5分）。

技術(shù)要求（25分）：站點文件組織規(guī)劃合理，主頁必須以index命名（2分）；代碼書寫符合XHTML語法規(guī)范（3分）；用Div對網(wǎng)站進行總體布局，局部布局可用表格（6分）；用css進行頁面的美化，對樣式的定義統(tǒng)一寫在外部樣式表中（6分）；多媒體元素運用得當(dāng)，適合網(wǎng)絡(luò)傳輸（3分）；頁面中包含有JavaScript實現(xiàn)的特效（5分）。

5 結(jié)語

改革后的《網(wǎng)頁設(shè)計與制作》課程重視學(xué)生網(wǎng)頁設(shè)計能力的培養(yǎng)，在每一次的教學(xué)實踐環(huán)節(jié)中，都在強調(diào)網(wǎng)頁與網(wǎng)站設(shè)計原則，在潛移默化中讓學(xué)生學(xué)會用網(wǎng)頁與網(wǎng)站設(shè)計原則來指導(dǎo)自己的制作行為。在此原則的指導(dǎo)下，74名學(xué)生完成的綜合項目開發(fā)作品中，符合網(wǎng)站與網(wǎng)頁設(shè)計原則的作品有62.3%，其中優(yōu)秀作品比例為 12.6%，較未實行教改前學(xué)生的設(shè)計與制作水平有了明顯提高。實踐證明，以“技術(shù)為設(shè)計服務(wù)”為指導(dǎo)思想的《網(wǎng)頁設(shè)計與制作》課程教學(xué)改革實在可行，提高了學(xué)生網(wǎng)站設(shè)計與制作水平，為其以后的就業(yè)打下了良好基礎(chǔ)。

參考文獻(xiàn)

[1] 邵小蘭.淺析網(wǎng)頁設(shè)計中的藝術(shù)設(shè)計[J].科技資訊，2011（15）：14.