發布時間：2022-05-04 08:34:57
開篇：寫作不僅是一種記錄，更是一種創造，它讓我們能夠捕捉那些稍縱即逝的靈感，將它們永久地定格在紙上。下面是小編精心整理的1篇網頁設計畢業論文，希望這些內容能成為您創作過程中的良師益友，陪伴您不斷探索和進步。
一、asp技術簡介
asp技術 asp(active server pages動態網頁)是微軟公司推出的一種用以取代cgi(common gateway interface通用網關接口)的技術。目前，internet上的許多基于windows平臺的web站點已開始應用asp來替換cgi。 簡單地講，asp是一個位于服務器端的腳本運行環境，通過這種環境，用戶可以創建和運行動態的交互式web服務器應用程序，如交互式動態網頁，包括使用html表單收集和處理信息，上傳與下載等等。通常情況下，用戶通過瀏覽器看到的網頁大多是靜態的，目前internet 上的許多站點，仍然提供"靜態"(static)的主頁內容。 所謂"靜態"，指的就是站點的主頁內容是"固定不變"的。 當瀏覽器通過internet 的http (hypertext transport protocol)協議，向站點服務器(web server)要求提供主頁的內容時，站點服務器收到要求后，就傳送原已設計好的靜態的html 的文件數據給瀏覽器。 一個"靜態"的站點，若要更新主頁的內容，必須手動的來更新其html的文件數據。而隨著web應用的發展，用戶希望能夠看到根據要求而動態生成的主頁，例如響應用戶查詢數據庫的要求、生成報表等。當在瀏覽器上填好表單(form)的輸入數據，以提供http要求時，可以在站點服務器中執行的應用程序，而不只是一個html 文件。
站點服務器收到要求執行的應用程序，分析表單(form)的輸入數據，將執行的結果以html的格式傳送給瀏覽器。 根據用戶請求生成動態主頁的傳統方法有cgi、isapi等。cgi是根據瀏覽器端的http請求激活響應進程，每一個請求對應一個進程。當同時有很多請求時，程序擠占系統資源，造成效率低下;isapi針對這一缺點進行改進，利用dll(動態鏈接庫)技術，以線程代替進程，提高了性能和速度，但要考慮線程的同步問題，而且開發步驟煩瑣。這兩種技術和另一普遍使用的開發動態網頁的技術java都還存在著另外一個問題，那就是開發困難，程序的開發和html寫作是兩個完全不同的過程，需要專門的程序員開發。而較簡單的開發技術如javascript和idc(internet database connector)等功能有限，不敷使用。
asp使用的activex技術基于開放設計環境，用戶可以自己定義和制作組件加入其中，使自己的動態網頁幾乎具有無限的擴充能力，這是傳統的cgi等程序所遠遠不及的地方。asp與常見的在client端實現動態主頁的技術如java applet、activex control、vbscript、javascript等不同，asp中的命令和script語句都是由服務器來解釋執行的，執行結果產生動態生成的web頁面并送到瀏覽器;而client端技術的script命令則是由瀏覽器來解釋執行。由于asp是在服務器端解釋執行，開發者可以不必考慮瀏覽器是否支持asp;同時由于它在服務器端執行，開發者也不必擔心別人下載程序從而竊取編程邏輯。asp通過后綴名為.asp的asp文件來實現，一個.asp文件相當于一個可執行文件，因此必須放在web服務器上有可執行權限的目錄下。當用戶從瀏覽器輸入了.asp文件的地址后，瀏覽器就將這個url請求發給web server，如果web server上裝了asp，就調用asp。asp讀出相應.asp文件，解釋并執行命令，動態生成一個html頁面回傳web server，然后web server再把結果發送給瀏覽器。asp文件的制作和html類似，且和html開發集成，可以在同一個過程完成，利用asp將可以執行的腳本嵌入到html文件中(將html文件的后綴名改為.asp)，這使得html文件的編寫與腳本的開發融合在一起。通過asp內置的對象、服務器組件(server component)可以完成非常復雜的任務，而且用戶還可以自己開發或利用別人開發的服務器組件完成專門的任務。asp比較網關及服務器擴展模式有著以下優點：
(1)完全與html文件融合在一起;
(2)容易創建，不需要其它編譯、鏈接程序;
(3)面向對象的并通過activex server對象可擴展。
二、電子商務數據訪問方式
電子商務是指通過電子方式，并在網絡基礎上實現物資、人員過程的協調，以便商業交換的活動。在電子商務系統中，web提供了與客戶進行通信聯絡的有效手段，利用web技術，實現web服務器與數據庫系統的連接，完成對數據的處理與查詢，用戶可以通過操作簡單易學的瀏
覽器來查詢處理所需要的各種數據。 實現web服務器與數據庫的連接一般有兩種方法：一種是利用中間件技術在兩者之間建立連接和通信，如cgi(通用網關接口)和api(應用程序編程接口)。
web服務器通過調用cgi程序實現與web瀏覽器的交互，即cgi程序接受瀏覽器發給web服務器的信息，進行處理后，將相應結果再送回給web服務器，通過web服務器將信息傳送給瀏覽器。但cgi程序在響應速度和資源利用等方面有較大局限性，客戶端每請求一個cgi程序，服務器端便打開一個進程，當請求的數量較大時容易引起瓶頸現象，開發人員常利用api編程來擴展服務器功能，api程序占系統資源少，運行效率較高，但它的編程較cgi程序更為復雜;另一種是由瀏覽器中的java小應用程序(java applet)通過瀏覽器訪問web服務器上的數據庫，利用了jdbc(java database connectivity)技術，它通過jdbc提供的api實現對web server的訪問。由于java applet本身的局限性，目前大多數的應用是基于中間件技術的。asp也是屬于中間件的一種模式，但在windows平臺上它比較網關及服務器擴展模式有著較大的優點。網關的最大特點是它的平臺無關性，但網關程序通常較難編寫和改變。網關程序通常是一個獨立的程序，并不和html文件融合在一起，它需要用如c、c++、vb、perl等語言來編寫獨立的應用程序，而asp應用改變了這一點。使用asp不僅可以讀取access和 sql server的數據庫，而且還可以讀取其他odbc(open database connect 開放式數據庫互聯)兼容的數據庫。
在asp中訪問數據庫是通過ado(activex database object活動數據對象)及事務處理語句來實現的。ado是一種操作microsoft所支持的數據庫的方法，是一項容易使用并且可擴展的將數據庫訪問添加到 web 頁的技術。ado對象的使用與dao(數據訪問對象)、rdo(遠程數據對象)的方式相似。在asp中，ado可以看作是一個服務器組件，更簡單點說，是一系列的對象，應用這些功能強大的對象，即可輕松完成對數據庫復雜的操作。
三、asp在電子商務中的應用
在電子商務中，對用戶而言，進行網上信息查詢的目的是尋找自己需要的產品或服務，而對于商品或服務提供者來說，其目的則是向用戶推銷自己的產品或服務。因此，讓用戶通過瀏覽器查詢服務器的后端數據庫是許多web服務提供者必需有的服務，asp通過內置的adodb組件來實現這一功能。可以使用ado去編寫緊湊簡明的腳本以便連接到odbc 兼容的數據庫和 ole db 兼容的數據源。具體的操作步驟可以歸納為以下幾步：
① 創建數據庫源名(dsn) adodb通過odbc工作，因此要在odbc中設置dsn(數據源名)。打開windows的"控制面板"，雙擊"odbc"的圖標，然后選擇"文件 dsn "的屬性頁，單擊添加，選擇數據庫驅動程序，然后單擊"下一步"，按照屏幕的指示鍵入數據源文件的名稱，然后單擊"下一步"，再單擊"完成"創建數據源。
②創建數據庫鏈接 鏈接用以保持一些關于正在訪問的數據的動態信息，以及鏈接者信息。利用adodb的成員函數open和先前設定的dsn與數據庫連接，其語法如下： setconnect=server.createobject("adodb.connection") ’創建了鏈接對象connect。 connect.open("dsn=dsnname;uid=userid;pwd=password") ’打開鏈接。dsnname為數據源名;userid為用戶名;password為用戶口令。③創建數據對象 ado中的數據對象通常保存的是查詢結果。recordset 是ado中最復雜的對象，有許多屬性和方法，靈活運用，可以達到許多好的效果。其創建方法如下： set recordset =connect.execute(sqtstr) ’創建并打開了對象recordset ，sqtstr是一個串，代表一條標準的sql語句。例如： sqlstr="select*from b1" set recordset =connect.execute(sqlstr) 這條語句執行后，對象recordset中就保存了b1中的所有記錄。
1傳統教學存在的問題
1．1知識點孤立，教學效果較差
傳統的網頁設計課程是按照教材的內容，講解HTML語言和DreamWeaver工具的使用。學生往往不能將所學知識聯系起來。學期結束后，學生對整個網站的構建缺乏清晰的概念，提交的作品質量較差。在對學生進行期中課程質量問卷調查中，80％的學生都認為課程所學內容可以理解，但是當教師要求學生動手完成網站時，90％的學生都不能很好完成。這正是因為在傳統教學中一般采用講授法和實驗法，一周2學時的理論講解，2學時的實驗課。教師按照教材章節進行教學并布置實驗內容，這樣就造成了學生只對單一章節知識的理解，難以將所學內容聯系在一起。
1．2教材過時，影響教學效果
網頁設計課程是一門應用極強的課程，技術和工具的更新換代較快。而與之矛盾的卻是教材的出版周期較長，往往跟不上技術發展的腳步。例如，當前，DreamweaverCS6已經成為主流網頁設計的軟件，但是一些教材還停留在講解Dreamweav－erCS3上，導致學生的興趣不高，不利于學生創造能力的培養，違背了教學目標的要求。同時，按照教材的內容講解也限制了教師的教學，目前高校中使用的網頁設計教材分為兩種，一種是基于理論性質的，單純講解HTML，一種是介紹Dreamweaver網頁開發的。前一種不適合非計算機專業學生學習，內容比較枯燥，學生在沒有計算機程序語言的基礎上很難理解。一般高校對非計算機專業學生都選擇使用第二種介紹Dreamweaver的教材，而該教材則會造成學生的開發水平較低，過度依賴工具，無法解決實際問題。
1．3教學方法單一，學生學習興趣不高
對于公共課來說，學習興趣是學生是否能學好課程的重要因素。對于計算機應用能力較差的非計算機專業學生來說，在學習網頁設計這門課程時，如何提高學生的興趣至關重要。傳統的網頁設計課程的教學采用2學時理論和2學時實驗課的形式進行，學生缺少動手的機會，往往使學生對課程缺乏興趣，這阻礙了學生的能動性與創造性的發揮。對學生進行調查問卷中，70％的學生都提出課程設置實驗時間較少，應將課程都安排在實驗室等問題，還有一些學生認為網頁設計課程應以提高學生興趣為出發點。這些都說明了學生對于增加自己實踐機會的渴望。
2基于任務驅動的教學改革
任務驅動教學法是指在學習課程中，學生在教師指導下，根據學習內容完成任務的教學方法。任務驅動教學之下，學生具有較強解決問題的動機，對學習資源能夠積極主動的應用，能夠進行自主的探索與互動協作的學習，最終圓滿完成課程指定的任務。它打破以往以傳授知識為主的傳統教學理念，建立以解決問題、完成任務為主的多維互動式的教學模式；并將再現式的教學變為探究式的學習，學生處于一個積極的學習狀態，都能根據自己對當前問題的理解，運用所學知識與自己特有的經驗提出方案來解決問題。任務驅動教學法是一種建立在建構主義教學理論基礎上的教學法。它要求“任務”的目標性和教學情境的創建。使學生帶著真實的任務在探索中學習。在這個過程中，學生還會不斷地獲得成就感，可以更大地激發他們的求知欲望，逐步形成一個感知心智活動的良性循環，從而培養出獨立探索、勇于開拓進取的自學能力。
2．1任務的制定
根據網頁設計課程的內容與特點，首先在學期開始時給出課程的總任務以及總的教學目標。課程的總任務是以小組為單位，選擇教師給定的任務書中的網站題目，設計實現一個靜態網站。總的教學目標是掌握設計網站的方法。（1）第一章是初識網頁設計，教師會首先講解幾個靜態網站的實例，讓學生對所學課程有一定了解，之后講解相關的概念和設計開發工具DreamweaverCS6；學生的任務是根據小組所選擇的題目，在互聯網中查找資料，書寫開題報告。同時每組出一名學生向大家介紹本組的想法。（2）第二章是學習建立本地站點，教師會講解建立站點的重要性，講解相對路徑和絕對路徑，之后講解如何建立站點；學生的任務是為自己的網站建立站點，預估網站的規模，添加相應網頁并改名。（3）第三章是網頁頭部信息，教師講解如何添加網頁標題、關鍵字和說明；學生的任務是為站點中所有網頁添加頭部信息。（4）第四章是網頁布局，教師講解網頁布局技術：表格、DIV、框架以及模板和庫；學生的任務是對網站進行前期布局。（5）第五章是超級鏈接，教師講解超級鏈接；學生的任務是制作導航欄。（6）第六章是添加多媒體，教師講解添加圖片、背景音樂、Flash、滾動欄等內容；學生的任務是準備網站中需要的圖片、flash等資源，將資源添加至網頁。（7）第七章是表單，教師講解如何添加和設置表單；學生的任務是給網站添加注冊頁和用戶登錄。（8）第八章是CSS，教師講解CSS的應用；學生對網站添加內部樣式和外部樣式表。（9）第九章是網站，教師講解使用IIS在局域網中如何站點；學生的任務是相互網站，對其他組內容進行訪問。課程內容講完后，預留兩周課程時間，學生對所做的作品進行整理、美化。課程結束后，小組為單位對作品進行展示和提交。
2．2考核方法與評分標準
網頁設計課程總成績由平時成績和期末成績兩部分組成。其中平時成績占總成績的50％，期末成績占總成績的50％。平時成績除了到課情況外，主要依據學生在組內的貢獻、每期任務的完成情況以及整個團隊的表現。與傳統的成績評定不同，該課程更注重學生的平時表現是否積極、是否有團隊合作精神。期末成績的考核包括提交的作品和學生的答辯情況，評分指標與所占分數如表3所示。提交的作品主要考察界面是否合理、美觀，是否與開題所寫的需求分析內容一致，網站是否能正常的顯示以及配套的網站文檔是否完善等。答辯模擬項目經理與客戶的角色進行，教師提出問題，學生進行回答，查看學生的現場反應力與問題解決能力。
3總結
針對非計算機專業學生學習網頁設計課程，本文提出一種基于任務驅動的課程教學方法。目前，該教學方法已在我校幾個班級進行了試驗性應用。從過程來看，學生通過這種教學方法，主觀能動性明顯提高，課堂氣氛活躍，學生興趣較高。從課程的結果來看，學生所提交的作品質量明顯提高，學生的動手能力也有顯著的提高。在今后的教學中，我們將根據教學中出現的問題，進一步完善教學方法，以達到更好的教學效果。
作者：呂瑩瑩 鄭穎 單位：河南科技學院信息工程學院
1常見處理技術
網頁中的圖像，按照存儲格式不同可以分為矢量圖和位圖，按照使用用途的不同，大致可以分為地址欄圖像，網站Logo，網頁內容圖像等。地址欄圖像類似一個圖標，顯示在地址欄網址前邊，一般經過精心設計，能夠傳遞公司專業與精細的形象。內容圖像是指嵌在網頁中或者作為網頁背景的圖像。伴隨網絡技術和軟件技術的進步，用于圖像處理設計的軟件有了很大的發展。網頁三劍客中的Dreamweaver在進行網頁設計的同時，可以對一些圖片進行簡單的變化處理，fireworks能滿足對網頁圖片處理的大部分功能要求。對于一些有特殊要求的圖像，可以使用Adobe公司的Photoshop軟件進行處理；在進行Logo等設計時，一般使用CorelDraw或Illustrator等軟件來完成。在進行圖像的設計、選擇和處理中，掌握專業軟件的基本使用技巧是必需的，圖像在網頁設計中的功能主要可以分為視覺吸引、信息引導兩方面。要達到這樣的目的，需要對圖像進行合理的處理。使用動畫圖片，以及適當的色彩對比，形成版式的變化，吸引瀏覽者的注意，引導其對網站內容的閱讀。根據公司對網站的功能定位，其所承載的任務與指向有所不同，對瀏覽者所作設定亦有差異。比如騰訊公司的騰訊網（）和騰訊（），一個作為門戶內容網站，一個作為公司形象網站是兩個獨立的網站，設計風格，內容和要求差異很大。
2新技術
網絡作為第四媒體，其顯示終端可能是計算機，平板，電視或智能手機，為了頁面兼容等原因，前端設計出現了很多新技術，如div+css技術，Javascript技術等，為了方便管理，一般采用對象的結構、表現和行為分開。結構是對象的內容，表現是其外觀，而行為是與瀏覽者的交互，或者說是瀏覽者進行鼠標點擊或輸入內容等操作時，頁面的反應。在進行網頁設計過程中，圖像對象也是如此，利用代碼可以對圖像進行一些效果的處理，起到資源占用少，頁面維護容易等目的，還可以達到一些用基本圖像處理技術不易實現的效果。用div+css結合Javascript技術可以實現在網頁前端一些設計效果和邏輯處理功能，比如圖像輪播和驗證碼校驗功能。在一個存在后臺管理的網站中，網頁的很多內容來自于后臺數據庫，一些圖片也不例外，內容需要和后臺交互，根據數據庫的內容和頁面的特定邏輯，決定圖像的外觀。這是基本圖像處理技術無法實現的，需要設計者了解動態頁面設計技術，常見的技術有，php和jsp技術等。
3結論
傳統網頁設計技術一般分為前臺和后臺技術，前臺主要負責頁面的版式和效果設計，在設計過程中，需要對圖像處理有較好的理解，隨著技術的進步和觀念的變化，一般認為，網站的功能是第一位的，在此基礎上，需要有良好的顯示效果。技術是手段，是媒介，不能一味追求技術的先進與絢麗，設計要同公司網站的定位緊密相關，綜合運用多種技術實現。網站的視覺吸引、信息引導兩方面的功能并沒有變，但是如何達到這一目的，是設計者關注并努力的方向。在功能完成的基礎上，使瀏覽者獲得良好的體驗，簡潔明快的設計往往會給用戶留下較深的印象。頁面圖像設計者要對相關技術有較好的理解，頁面前臺效果不是孤立的，任務進行過程中，美工需要和后臺設計人員進行溝通，反復修改，共同完成設計。
作者：智立甫 王春寫 單位：石家莊職業技術學院電氣與電子工程系 石家莊市市容環衛服務中心
一、《網頁設計》課程教學現狀及問題分析
1.教學內容與社會需求不同步。
隨著WEB技術的發展，網頁制作技術不斷更新，各種制作軟件層出不窮，這就需要教師及時調整《網頁設計》課程教學內容，增減相應知識點，使學生學習最新、最前沿的知識。但目前很多學校的網頁設計課程僅包括網頁元素操作、HTML、軟件講解等方面的內容，對ASP、DIV+CSS、VBSCRIPT腳本語言、數據庫等最新技術涉及較少。
2.教學模式不合理。
《網頁設計》課程具有知識點多、知識點分散、實踐性強等特點。傳統教學模式通常圍繞各個知識點組織教學內容，以教師為中心，以課堂為主體，以課堂講授為主要教學方式，突出理論學習的重要性而忽視動手操作能力和實踐能力的培養。《網頁設計》課程學完之后，學生很難將所學知識系統化，更難以根據實際需要進行網站設計與制作。目前，很多學校已經意識到培養學生綜合職業能力的重要性，但是培養目標及執行過程并沒有實質性轉變，致使學生綜合實踐能力與社會需求脫節。
3.實訓環節薄弱。
《網頁設計》課程是一門實用性、操作性非常強的課程，教師需要在課程教學過程中增加實訓環節，以提高學生的動手操作能力。目前《網頁設計》課程主要是在各章節中穿插相應實驗內容，但實驗內容僅作為課堂所學知識點的驗證，沒有對培養學生綜合職業能力起到引導和啟發的作用。教師對《網頁設計》課程實踐教學重視不足，課程教學過于重視具體知識點的講授，忽視網頁設計整體應用能力的培養，導致學生實踐能力不足。
二、三維目標在《網頁設計》課程教學中的實現
三維目標以“知識與技能”為優秀目標，以“過程與方法”“情感態度與價值觀”為從屬目標，三者并不具有同等的生態位。“過程與方法”是目標與手段，促進優秀目標的實現，“情感態度與價值觀”與之相似，對學生的學習具有導向功能，“知識與技能”是實現“過程與方法”“情感態度與價值觀”兩個目標的載體。《網頁設計》課程具有很強的實踐性，是一門包含色彩搭配、布局設計等多種技術的課程，其“知識與技能”目標要求學生熟練運用Dreamweaver、Photoshop、Fireworks等軟件，并能掌握網頁制作技術的基本內容、基本處理方法和一些特殊技巧。為實現課程教學目標，筆者以“過程與方法”作為主軸，以“情感態度與價值觀”作為補充，設計了一套符合實際的教學模式———階段教學模式。階段教學模式將整個教學過程分為三個階段:第一階段為“任務驅動，案例支撐，項目導向階段”。教師先把實際項目引入到課程教學中，分解教學任務，完成課程知識體系的重構，然后采用案例教學的方式，邊教邊練，將實踐和理論有機結合，全面提升學生的開發能力。第二階段為“項目合作設計階段”。這一階段按照實際項目開發的流程，由學生自由組隊、自主選題、共同完成作品設計，以提升學生網頁設計綜合能力。第三階段為“校企合作實踐階段”。學校與企業合作，建立職場環境下的學生工作室，為學生頂崗實習提供場所，將企業開發流程和規范、先進企業文化引入到教學中，實現校企“無縫”對接。實踐證明，運用這種模式進行教學，學生的網頁制作水平能從初學達到熟練程度，教學效果明顯。階段教學模式劃分為上述三個階段，具體的教學設計過程如下。
(一)第一階段:任務驅動，案例支撐，項目導向階段
首先，網頁設計項目的選取與分解。網頁設計課程教學的最終目標是使學生具備一定的組織能力、開發能力、審美能力，能夠自主開發和進行網頁設計。在教學中，教師不僅要教授學生基本專業技能和一些常用技巧，而且要培養學生的思維能力和分析能力。教師應根據《網頁設計》課程的特點以及學生需要掌握的內容，進行項目的選取與分解。此過程需要注意以下幾個方面:第一，項目的選取在于精，而不在于多。整個教學過程一般只需三個有代表性的項目即可，每個項目均具備一定的綜合性，能夠解決若干個問題，同時能夠將若干個知識點串聯起來。第二，項目應具有使用價值，話題要有吸引力。網絡技術日新月異，教師應選取最新的項目技術作為教學內容，否則沒有實用價值。同時，為了激發學生的學習興趣，教師應以當前流行話題或學生關心的問題為主題進行網頁設計，由易到難，喚醒學生的求知欲望，提高教學效果。第三，分解項目到每一個知識點，并逐一講解。教學初期，學生幾乎沒什么基礎，從整體的項目分析到具體的基本技能，教師需要逐一講解。這樣多個項目的教學，能提高學生的思維能力。筆者從教學實踐中發現，隨著學生知識的積累，他們掌握每個項目所需要的時間會越來越短。其次，案例的講解與分析。案例教學強調學生的主體地位，重視師生互動教學模式。案例教學具體又分為案例分析和案例講解兩步。案例分析:教師引入相關案例，通過最終效果圖與網頁素材的對比，激發學生好奇心，給學生想象空間，培養學生的思維能力。接著，教師對主要知識點進行分析、歸納，組織學生對案例實施過程以及所需技術進行討論，使學生對網頁制作全過程(即項目分析、網頁設計、網頁制作、項目測試和網頁)有個整體上的認識。案例講解:對應用性很強的知識點，如網頁中嵌入圖片、動畫、視頻等多媒體元素，以及表格、表單、層、鏈表等基本概念，教師需要仔細講解，讓學生掌握基本技能。對綜合性很強的網頁，教師除教授學生基本技能外，還要引導學生動手實踐。在教學過程中，教師應采用開放的教學模式，根據學生的能力水平，在課堂上創設富有挑戰性的問題情境，激發學生的學習興趣，通過展示高水平、高質量的網頁范例，開闊學生視野，擴展學生思路。最后，以任務作為驅動進行教、學、練。在任務驅動教學過程中，教師先布置任務，接著師生一起分析任務，然后由學生執行任務，最后由教師評價任務。任務驅動作為案例教學的有益補充，很好地融合了教、學、練，可以讓學生更好地掌握理論知識和實踐技能，充分調動學生學習的積極性，培養學生分析問題、解決問題的能力和動手實踐能力。在第一階段的教學過程中，教師將實際項目與課程知識相結合，遵循由淺入深、由易到難的原則，對任務進行分解，并檢視學生在教學過程中所持有的態度和情感體驗。
(二)第二階段:項目合作設計階段
在項目合作設計階段，教師將學生分為若干個項目小組，每組四五人，并推選出一名項目負責人。根據網頁設計相關知識以及個人興趣，小組成員自擬題目，共同制訂項目計劃和實施方案，由項目負責人負責任務分工以及項目材料的整理。小組成員的具體分工如下:美工負責前臺、后臺網頁美工設計，如網頁布局、網頁所需素材(如圖片、音樂)、網頁字體及網頁色彩搭配等;前臺代碼設計人員負責前臺程序代碼設計，如數據庫數據的提取、網頁展示、留言板數據錄入等;后臺代碼設計人員負責后臺數據庫設計以及數據維護，確保網頁正常運行。在整個項目設計過程中，學生完全處于主動學習狀態，每個小組擁有充分的自主權，遇到問題，各小組成員共同討論，合作完成任務。這樣能充分調動學生的積極性，激發他們的探索沖動和創造激情，加強團隊協作能力。在整個項目設計階段，教師應引導學生分析、解讀網頁設計過程中發現的共性問題，并對項目設計過程中涉及的理論知識與操作技巧進行補充。另外，教師需要參與各小組任務制訂以及最終案例總結，表揚學生的優點，指出其不足之處，這樣不但可以鞏固教學成果，彌補學生的學習漏洞，而且能加強教師與學生之間的交流。通過第二階段的學習，學生不僅能掌握知識與技能，而且能形成積極的學習態度與情感。
(三)第三階段:校企合作實踐階段
基于校企合作的課程改革是學校發展的需要。第一，學校應依托行業構建校企合作機制，聘請相關企業技術骨干為指導教師，根據不同崗位分工，有重點、有針對性地進行課程制訂和教學。同時，教師應根據企業的相關要求和標準來規范學生的行為。第二，建立職場環境下的學生工作室。《網頁設計》課程的教學課時有限，部分對網頁設計感興趣又極具操作能力的學生，希望在課后能繼續深入學習網頁設計的實用技術。為了滿足這部分學生的實際需求，各學校可根據本校的具體情況，與企業合作建立學生工作室。學生工作室完全按照企業模式進行管理，并可承接校外的網頁設計項目。在工作室中，教師將學生分組，并和學生共同完成項目開發，以培養學生在實際項目開發中的分工協作能力，讓學生進一步感受企業的工作氛圍，提高學生的協作能力、解決問題能力、抗壓能力等。第三，校企合作模式下，課程教學將作為社會需求和個體需求的結合體。專業課程校企合作階段，學校應以企業需求為前提，將課程內容與企業生產項目對接，實現課程理論教學與實踐一體化。這種理論與實踐相結合的教學方式針對性強，不僅能與企業用人要求接軌，而且能激發學生的學習興趣。
三、結論
三維目標能夠很好地融入《網頁設計》課程教學改革中，三者之間并非簡單并列，而是相互滲透、有機結合，統一融入課程教學體系中。其中，知識與技能是載體，是三維目標的基礎和優秀;情感態度與價值觀是過程與方法、知識與技能的升華;過程與方法是“三維”中的一條紐帶，是情感態度與價值觀、知識與技能的表現形式。教學實踐表明，階段教學模式不僅能提高學生的職業能力和職業素養，而且能將理論與實踐緊密結合，達到學習與工作、學校與企業的“接軌”，實現三維教學目標。
作者：周建輝 單位：福建省漳州第一職業中專學校
一、考核改革目的
通過《網頁設計與制作》多年的教學發現，應用傳統的教學方式及考核方法學生只建立了的基礎的專業課程知識概念及單一的基本操作，并不能綜合應用操作技能完成某主題網站的設計與制作。為了建立以網頁設計與制作技能考核為主線的開放式、全過程的考核體系，提高學生綜合項目實踐能力，更好的與社會需求接軌。有必要對傳統的考核方式進行改革，同時經過多年教學探索，結合人才培養方案制定了以下的考核方案。
二、考核方案
1.考核方案的制定
本考核采取學生小組合作（每組2-3名學生）完成一個規定主題網站項目的方式展開。總成績由操作考核成績、項目報告成績兩部分組成，權重分別為70％、30％，每一項按百分制評分后依權重比例計入總成績，總成績不及格者必須重修本課程并重新參加考試。因本校的現有學期總評成績是由平時成績30%、期中成績30%、期末成績40%組成，為了與學校的評分要求接軌，將本次考試所得的總成績作為學校學期總評成績的期末成績部分。并在此說明平時成績30%部分是由學生本學期的課程作業完成情況、出勤及上課表現綜合評定。本考核方案中的操作考核、項目報告都有具體的考核方案，其中操作考核實施的具體要求以試卷形式展現，內容要求以表“操作考核內容”為中心，以考核學生綜合網站制作能力為基本思路，通過小組合作完成主題網站的設計與制作，具體要求在此省略。此外要求學生撰寫項目報告不僅讓學生明確各自的份內工作，同時要求學生善于思考、總結，每做一個項目都有所收獲。項目報告實施的具體要求涉及以下幾個方面的內容：
（1）項目實施過程。
項目實施過程包括前期策劃、資料搜集、網頁制作。在前期策劃階段，要求小組共同確定網站名稱、網站風格（列舉網頁采用主要色彩及網頁色調定位）、網站欄目、站點目錄結構的內容以形成完整的網站規劃，在此規劃的指導下進行資料搜集、協作完成網頁制作。其中網頁制作中要求頁面美工設計階段介紹所用軟件及提供至少首頁效果圖截圖；靜態頁面制作階段要求繪制網頁布局的結構圖及標注尺寸；程序開發階段列舉所用的開發工具、對數據庫、表進行截圖，以及繪制程序開發頁面流程圖。
（2）項目總結。
對本項目完成情況進行分析、總結，并介紹項目實施過程中的收獲及體會。在作品展示時要求各小組派出代表對作品進行介紹，總結，便于相互交流經驗。
（3）項目組介紹。
對該項目組成員進行介紹及項目實施過程中的人員分工情況進行報告。體現小組合作開發項目的工作模式，讓學生明白實際工作中不僅需要具備較高的技術能力，還要有合作意識，與合作者之間有效、和諧的溝通。
2.考核方式
學生以小組合作形式完成項目。每小組都由組長擔任項目負責人進行總體規劃并對項目任務進行合理分工，協調組員之間的關系。最后作品的評價以小組各自展示作品的方式展開，按照教師評分、小組間評分、小組自評6：2：2的比例評定。至于項目報告成績由教師評定。該考核改革方案體現對學生知識技能、協作能力方面的科學、正確的評價，注重學生自主分析問題、解決問題能力的培養，讓學生投入到一個類似實際工作的項目開發情景中，發揮各自的能力，發現自身的弱點，不斷自我調整以適應職業崗位的需求。
作者：張健 單位：連云港工貿高等職業技術學校
一、網頁設計基本思路
在整個方向確定下來后，再對網頁中所需元素進行尋找，收集，選擇，例如網頁的基本色調，文字風格，整體風格確定下來后，再開展設計工作，就能夠保證設計過程中其他相關工作也能順利進行。這種經過極思縝密的籌備工作后設計出來的作品，才能滿足客戶的要求，才能傳達出真正想要表現的東西。通過相關審核后，由專業網頁設計人員應用軟件開展設計工作，無拘無束的釋放設計師的靈感，最后由助手對細微的瑕疵進行調整，形成一幅完美作品。
二、平面設計基本思路
在平面設計工作中，設計師接到任務后，首先要做的是進行多角度思考，多方面了解客戶的要求。比如說，客戶的企業文化，形象定位等等，在充分把握這些信息后，再進行設計工作就會做到有的放矢，重點突出，具有較強的針對性，目標性。然后對客戶的信息做更詳細的分析。比如，了解客戶的訴求點，側重點，表達的主題等，這些都是一名合格平面設計師要做的工作。當把需要的資料準備好后，結合對這些資料的分析思考，然后確定要設計的風格，表現手法和主題。其實這些工作都是很有挑戰性的，這個過程不僅僅要把主題突出出來，還要盡可能地表現豐富的內涵，寓意。這就要去設計者潛心地設計了，當然這個過程中要利用專業的繪圖軟件，來輔助工作。需要強調的是在設計的過程中一定要保證整體性和方向性的正確，保證色調和諧搭配，只有在視覺上能對客戶產生巨大沖擊力的作品才是有市場的作品，才是有價值的作品。
三、網頁設計與平面設計的聯系和區別
網頁設計和平面設計有著十分密切的聯系，同時兩者之間也有著一些區別。平面設計和網頁設計都同屬于現代化特色的藝術表達范疇，都是通過電腦技術來輔助或者直接完成。兩者都是集藝術創作、電腦載體以及數字技術于一體的，用視覺進行溝通和表達的一種藝術創作過程。
1.網頁設計是平面設計的網絡化。
網頁設計是指利用標識語言，經過一系列的建模、設計、執行等過程，將數字化格式的信息通過網絡傳播，最終以圖形或者視頻形式被用戶瀏覽。因為網頁設計是一種能夠充分利用各種信息化手段的設計過程，所以它既能夠像平面設計一樣對主題進行完美詮釋，還能夠細致地描述目標。在某種程度上來說，創作網頁設計的過程中，主要使用的手法，技巧都是延伸平面設計，有些甚至是一樣的。因此將網頁設計和網絡技術緊密結合起來，是將來網頁設計的一個必然方向。
2.網頁設計是平面設計在網絡時代的延伸。
伴隨著網絡時代的迅速發展，人們和網絡的聯系也越來越密切，人們利用網絡技術改革以往工作方式。在平面設計領域也不例外，設計師們利用鮮明的色彩，精心的網頁布局想方設法地吸引人們瀏覽自己的網站。完美的網頁設計一定是有著完美的網頁風格。基于網頁設計和平面設計有著很大程度上的相似性，加上網頁設計的發展背景，我們不能將兩者孤立起來看待，而要清楚地認識到，網頁設計是平面設計在互聯網時代的一種獨特表現形式，是平面設計在新時期新環境下的一種延續，一種創新發展。
3.網頁設計和平面設計在技術上的區別。
網頁設計顧名思義就是依賴于互聯網進行創作，對于先進的軟件那無法擺脫的依賴性是網頁設計的短板，但是平面設計卻不是這樣，它對于這類軟件依賴性小，因為可以利用手繪來代替。網頁設計一般工作都是借助繪圖工具，只有在這么強大先進的軟件配合下才能完成設計。但是平面設計伴隨著經濟和科學技術的發展，能夠不只依靠繪圖工具還可以利用畫筆，顏料等傳統工具來工作。
四、總結
隨著時代步伐的加快，人們的生活節奏也是越來越快，所以能夠吸引人的東西一定是直觀的，是一目了然的。人類社會已經進入了一個“看”為主的視覺化時代，網頁是這個時展而產生的一種人人交流溝通的交互系統。如今的互聯網已經滲入到人們生活的各個方面，每時每刻都有人在網絡上完成購物，交水電費，存錢，定電影片等各項消費和看電影，聽音樂，玩游戲等各種娛樂活動，所以，網頁設計的實用性和藝術性就顯得相當重要了，它是網站抓住客戶的重要前提。網頁設計是平面設計的延伸和發展，平面設計為網頁設計的前進提供源源動力。這兩者既是相互聯系又有著很大區別，設計師們要清楚認識到這些問題，利用各自優勢，充分把握視覺原理對設計的作用，設計出更具美感的作品來。
作者：周霜菊 單位：成都大學美術學院
1案例驅動的應用現狀
目前，案例驅動教學在高等教育各學科中廣泛使用．但由于很多教師對案例驅動教學法的內涵、特點及組織過程的認識不透徹，導致案例教學法的使用存在許多誤區．
(1)案例設計不當．
案例驅動教學本質上應是通過“案例”來誘發、加強和維持學生的成就動機，成就動機是學生學習和完成任務的真正動力．因此，案例驅動教學法的案例設計是教學成敗的關鍵因素．案例過于簡單、欠缺針對性、設計不清晰等都會影響案例教學的教學目標．一個具體的案例設計，必須考慮周全，保證案例的可行性和有效性．進行案例設計時，要以學生為中心，教師為主導，興趣為主線，使學生在完成任務的過程中掌握知識、技能、方法并學以致用．
(2)組織實施過程并非案例教學．
案例教學是師生的雙向活動，通過具體案例引導學生參與分析、討論，讓學生在具體的案例情景中積極思考，主動探索．在實際教學過程中，有些教師只是把案例呈現給學生，像講故事一樣敘述一遍，沒有引導，沒有總結，缺乏交流與互動;有些教師在課堂上引用了案例，但教學方式還是沿用傳統的灌輸式的教學，仍然以教師為主體．以上種種教學方式看上去是引用了案例，但并非采用了案例教學法，更談不上通過案例驅動去激發學生的學習興趣，培養學生分析問題解決問題的能力，提高學生自主學習及與他人協作的能力．上述種種對案例驅動教學法的不恰當使用，將直接影響學生學習的深入和教學目標的達成．本文結合“案例驅動在網頁設計類課程中的應用”的教改課題，對案例驅動在實際教學工作中的應用進行了探討和反思．
2案例驅動的教學實踐
《網頁設計》是一門知識點豐富、應用性和操作性強的課程．此類課程目標是培養學生分析問題和動手解決問題的能力．通過教師對網頁設計知識點的講解，結合案例驅動的教學模式，讓學生系統地學會如何設計網頁和開發網站．
2．1案例選取的原則
根據網頁設計課程的內容和特點，在課程開始就引出成品案例，明確需要解決的問題，調動學生的學習積極性;同時，在教學過程中，以該案例為線索，將其貫穿于課程的始終，將零散的知識點結合在一個完整地案例實現中，并通過分組操作完成案例的方式，進行相互評比學習，進一步擴展知識面．對于教學過程中的小知識點選擇對應的小案例．案例的選取在案例驅動的教學過程中至關重要，大的成品案例應具備較強的實際應用價值，能夠較好的模擬真實的應用環境，小知識點案例則需注意選取的針對性，做到有的放矢．在實際教學過程中，我們一般遵循以下的案例選取原則:
(1)代表性．
在課程開始之初，為激發學生的學習興趣，明確學習目標．讓學生觀摩的成品案例應選擇不同風格類網站的代表或往屆學生優秀作品的代表，且此類網站需和學生的實際學習生活息息相關，如班級網站、購物網站、技術網站等，以此調動學生繼續探究學習的積極性．
(2)針對性．
在教學過程中零散知識點對應引入小案例，此類案例應具有較強的針對性，將課堂教學目標融入到案例教學中．如通過網站公告欄引出對marquee標簽的講解，通過網頁的刷新功能引出對meta標簽的講解等．
(3)趣味性．
盡可能選取趣味性強的案例，更好地吸引學生的注意，抓住學生好奇的心理，喚起學生更多的學習熱情和欲望．如通過漂浮的廣告、滾動的圖片等案例引出對腳本內容的講解．
(4)綜合性．
成品案例的選取應注重綜合性．一個成品案例網站應涵蓋HTML，CSS，JAVASCRIPT等多個知識點．通過成品案例的設計與實現，考察學生綜合應用多知識點解決實際應用的能力．
(5)理論聯系實際．
更多地結合學生在實際生活學習中的應用選擇案例，最好從學生熟悉的操作和感興趣的事件出發，使他們有更多的機會從周圍熟悉的事物中學習和理解，感受到設計的趣味和作用，體驗到設計的魅力．如在講解時間對象時，可以選擇人性化問候或重大事件的倒計時牌設置作為案例引出．
2．2案例驅動教學的實施過程
在案例驅動教學應用到《網頁設計》類課程的具體實踐中，我們創設了“模仿—擴展—發揮”的教學過程．具體的教學過程主要分五個階段展開．
(1)成品案例演示，學生觀摩．
此階段為教學展開的第一階段，通過各類代表性綜合網站的觀摩，激發學生的學習熱情，調動學生的學習積極性，為課程深入學習打下基礎．可粗略提及網站內容組織，設計理念和主要相關技術，建立對課程學習的大體認識．
(2)知識點講解，模仿練習．
此階段是教學深入開展階段，教師開始各類知識點的講解，通過引出小案例配合教學，教師需要示范案例的制作過程，講明案例的制作步驟和方法，講解制作中運用的知識要點和技能，學生模仿練習，達到掌握各類知識點的目的．
(3)成品案例擴展，實現．
成品案例的實現是一個循序漸進的過程，在知識點的講解過程中，學生在每次模仿練習完成后，可運用已學知識與技能逐步展開對成品案例的制作，不斷擴充，直至課程結束，案例制作完成．
(4)評價教學．
教學實踐完成后，教師抽取學生個案展示，并對學習成果進行多元評價，歸納總結學生學習過程和結果中出現的問題，引導學生進行反思．同時對優秀的案例進行總結分析，和學生分享學習其設計的風格、思路和技巧，查漏補缺．
(5)自選主題設計作品．
此階段為自由發揮階段，不限題材，不限風格，引導學生應用所學構建風格各異的網站，通過自主完成搜集素材到分析設計，再到制作的過程，讓學生充分了解并親歷實際開發中網頁設計的開發流程，提高學生獨立分析和解決實際問題的能力，有利于學生的自我完善和提高．針對目前《網頁設計》課程的教學體系所存在的不足，只有通過教學內容的整合與優化，并以課堂教學環節、實驗實訓教學環節、考核方式的改革相配合，建立一個合理的實踐教學體系，才能培養學生的學習興趣，提高學生在網頁設計的應用中分析問題和解決問題的能力，促進教學質量的提高．在實際教學過程中，我們采用以下的策略來優化教學過程，進行案例驅動教學工作的實施．首先，以案例驅動為導向，優化教學過程，改進學習方式．同時，加強實訓環節的教學．直接引進企業實際應用需求的案例，學生在教師指導下通過分組直接參與綜合大型實踐案例開發．通過這種大型實訓教學，完成對基本知識和基本操作技能的綜合訓練，讓學生了解了實際工作中需要的多方面素質，實現了課堂教學與職場崗位間的“短距離對接”．其次，開展技能比賽式教學．組織網頁設計與制作方面的競賽，如網頁設計、圖像處理等，通過形式多樣、豐富多彩的學生競賽活動，促進學生主動進行計算機應用與技能訓練活動，提高學生對技能應用的能力，加深對知識的理解．在對《網頁設計》課程采用案例驅動教學法后，學生學習積極性大大增強，動手實踐能力顯著提高，通過案例展開的教學讓學生更輕松，系統地掌握知識和技能，上機實踐已由驗證實驗逐步轉變為自主設計實驗，學生能在課程結束時學以致用，或個人獨立或分組協作達到完成一個綜合性網站制作的目標．在學生獲得相應技能的同時，學習的積極性、主動性、創新能力、協同工作的能力，獨立分析問題和解決問題的能力都得到了發展．
3結語
綜上所述，案例驅動教學中，教師不僅僅“授人以魚”，更強調實現“授人以漁”，強調對學生自學能力和獨立分析問題能力的培養，改變了傳統教學中教師講，學生聽，學生被動接受的局面，提高了學生主動參與學習的意識．圍繞案例展開的教學，學習目標明確，教學思路清晰，更利于知識和技能的掌握．當然，這對教師素質也提出了更高的要求．要求教師具有扎實豐富的專業基礎和理論知識，吃透教材，精選典型案例;同時，在教學過程中，科學引導學生，充分發揮其主觀能動性，培養學生項目實戰技能，彌補實踐經驗不足，為學生盡早適應社會對IT人才的實際需求打下基礎．
作者：譚濤 李明東 賴曉風 單位：西華師范大學計算機學院
1視覺元素簡介
對于視覺元素這一名詞的闡述，我們可以說是能夠用我們眼睛看到的一切事物或標志。舉個例子就像拍攝、電視、影視、造型藝術、建筑物、棄取計劃、都會修建和棄取科學、筆墨，也包羅舞臺計劃、音樂。上述所提及的都可以被我們的眼睛所捕捉，所以它們的本質上都可以說是視覺元素。在上文我們可以得出，視覺元素的存在是非常非常普遍的。而在網頁計劃中，視覺元素通常以筆墨、圖片、圖象、標識，色彩等情勢要素和題目、信息菜單、信息正文、口號、單位名稱等內容要素表現出來。視覺元素融入網頁設計，索要遵守的規則就是必須要經過網絡才可以進行傳播，也就是說沒有了網頁的支持，它無法發揮自己的作用，向人們傳播。傳布信息，便是說信息的發起者應用標記向接收者傳布諜報的進程。它可所以個別自己的轉達，也多是個別與個別之間的轉達。它包含“人物”、“信息”、“傳達人群”、“成果以及反響如何”這四個階段。這也是發起者把思想與設計觀念轉換成視覺元素的階段，就是概念視覺化的過程，貫穿和聯結這兩個過程的就是視覺元素。
2網頁中的視覺元素探討
2.1網頁中的視覺元素分析
網頁計劃中的視覺元素主如果筆墨、圖片與色彩這三大范例。上述三種元素之所以被劃分為網頁設計中的視覺元素，是因為它們所存在的一個共性，不論是文字、圖片還是色彩，它們都是眼睛可以直接接收的最簡潔的元素。可以直接的刺激到人們的眼球，起到更瞬間的宣揚反應。近幾年中，視覺元素的運用更好的融入到了網頁的設計中，讓網頁設計變得更加紛繁復雜，多姿多彩。
2.2網頁設計中視覺元素特點
第一，在網頁計劃中的視覺元素，最基本的特色便是具備注視性，這一特色是網頁計劃中視覺元素最主要的特色，也是表現網頁計劃最基本寄義的特色。因為，網頁的設計便是滿足人們獲取信息的便捷性，增強了解性，只有保證網頁具有一定的注目性，才能勾起讀者的興趣，讓人們有想要去瀏覽的欲望。最終達成制作網頁的最根本的目的。其次，適應性是網頁計劃視覺元素具備的另外一特色。網頁中提及的適應性，指的是在網頁之中的視覺元素應該是隨著外在的環境不斷的提升并發生改變的，已達到適應外部環境的目的。由于我們處在的是這樣一個信息發展提升的時代，所以唯有確保網頁設計中的視覺元素一直是向新時代前進的，增加全新的資料以及元素，才會讓網頁的瀏覽量進一步提升，適應好我們所處在的這樣一個時代。第三，網頁計劃中視覺元素還具有被記憶性的特色。這一特色的發生，主要基于視覺元素的引人注目性和適應性特色。第一，視覺元素無疑是可以起到刺激眼球的作用的，所以可以從根本上刺激人們去閱讀網頁上的內容，在這樣的同時，就會使人們記住這些元素，有了元素記憶。然后，這些視覺元素能夠不斷進行新的變化，反之又促進其注目性的提高，并且在這兩方面的共同作用下，使人們對網頁的記憶更加深刻。
3視覺元素在網頁設計中的運用
3.1文字視覺元素在網頁設計中的應用
從文字開始被創造出來，一直到如今社會，它都是我們文化中重要的符號形式。而在網頁設計中，文字自然也是必不可少的組成部分，地位非常重要。網頁設計里面，文字符號其實不僅僅被作為一種符號語言，更重如果被作為一種記實和傳布信息的東西。進行網頁設計的時候，對文字的大小排序進行合理安排，用多種形式的文字表達去編輯資料、網頁和信息，讓文字不單單起到傳播信息的作用，更作為一種藝術和文化，去帶給人們享受。要想是文字變得具有視覺效果，完成上述所說的對文字的變革，可以在編輯網頁時采用藝術字的方式，讓文字告別呆板，讓其表現形式更加的動人多樣，大小顏色吸引眼球。
3.2圖像視覺元素在網頁設計中的應用
圖片在網頁中的應用中也是極其重要的，扮演著極其重要的角色，圖片在網頁編輯中也占據了很大的一個篇幅，和上文的文字元素比較起來，圖片所占的優勢更加大，視覺效果也更佳。如果在網頁里運用了視覺效果較強的圖片，還會在一開始就給人留下很深的印象，產生的效果是立竿見影的。對于所說的圖片的視覺效果更加強一些，并不是就否認了文字在網頁中所發揮的效果，文字也是同樣重要的。一般情況下，圖片的解釋說明少不了文字的參與，文字可以輔助圖片吧效果發揮的更加淋漓盡致，有助于信息的快速傳達。同時，這樣一來不但可以使信息很好的傳播了出去，也增強了其印象，讓網頁更加生動。
3.3色彩視覺元素在網頁設計中的應用
顏色視覺元素是網頁計劃中必不可少的一種視覺元素。色彩本身就具有其自身的獨特特性，同時還具備極佳的視覺效果。額昂也設計中色彩的運用，主要目的就是提升文字的解釋能力以及增強視覺上的刺激，對特定的文字以及圖片增添色彩，可以讓文字與圖像達到更好的表現效果，讓網頁的整體質量不斷的升高。視覺效果更加的顯著。此外，色彩自身還具備很多獨特的性質和效應，并且每種色彩都具有不同的作用，例如綠色能夠給人舒爽的感覺，代表著大自然的清新，是青春和希望的象征;紅色象征著熱情、奔放和活力等等。
4結束語
總之，在網頁設計中的文字顏色以及圖片的應用，使得網頁設計的質量變得更加的高，這樣的制作網頁的方式順應了信息時代的發展。是以，網頁計劃者應當不斷加強視覺元素在網頁計劃中的應用。視覺元素作為網頁設計中的一個非常繁復的工作，對其審美和所達到的效果都有很高的要求。因此，在實際工作中，必須吸取多種知識，從設計者角度出發，對視覺元素進行創新發展，在多種元素綜合運用的過程中，提高網頁設計應用效益。
作者：成思豪 單位：甘肅工業職業技術學院
一、靈活自主的教學內容
自主學習是指學生管理自己的學習。具體地說就是學生能夠自己決定學習目標，確定學習內容和進度，選擇學習方法和技巧，監控學習過程及自我評價學習效果。網頁設計課堂上應賦予學生更多的權利，使他們有機會對自己的學習內容、學習進度等加以控制。與此同時，學生被動的、依賴的學習心理的轉變不是一蹴而就的事情，面對嶄新的知識領域完全自主學習也顯得困難重重。因此，教師在這個過程中必須進行有效的干預，對學生的學習過程進行指導和監督。要滿足學生、教師雙方的“話語權”，可以設置一套靈活自主的網頁設計教學內容，分為基礎模塊和自選模塊。基礎模塊是每個學生都必須學習的，是以教師講授為主，總共占20%的課時比例。在自選模塊里，學生可以根據自己的知識背景和興趣愛好選擇不同的學習內容，總共占80%的課時比例。網頁設計教學內容模塊按教學進程分為基礎模塊之認知與準備、基礎模塊之界面藝術設計、自選模塊之網頁動畫、基礎模塊之網頁代碼基礎、自選模塊之網頁后期制作。在認知與準備模塊中，對網站建設中的一些基本概念、網頁中使用到的媒體元素、一個完整網頁的構成要素、網站的制作流程等知識點進行講解。這些常識性的基本概念是網頁設計的入門知識，是每個學生必須了解的，因此這個環節的教學活動是以教師理論講授為主。界面藝術設計模塊是以提高學生的藝術創意及設計能力為教學目標，從網頁的色彩設計、版式設計、藝術風格等方面進行，使學生能夠設計出具有高度藝術性和良好功能性的網頁效果圖。網頁藝術設計能力是一個優秀網頁設計師必不可少的，因此這個模塊所有內容同樣是每個學生必須學習的。網頁動畫模塊的教學目標是培養學生網頁動畫設計與制作能力。目前網頁上的動畫從制作技術上來分，最常見的有GIF動畫、Flash動畫、JS特效動畫三種。在這個自選模塊，教師先對這三類動畫進行分析介紹，學生再根據自己已掌握的相關知識和興趣愛好來選擇某種動畫進行深入學習。網頁代碼基礎知識是在后期制作網頁時所必須掌握的，因此這個模塊也是必學的且以教師理論講授為主。網頁后期制作方式有使用Table+CSS、使用DIV+CSS、Flash整站搭建三種，在這個自選模塊中，學生在對三種網頁制作方式的特點進行了解后，可根據自身知識儲備和興趣愛好進行選擇性的深入學習。網頁設計課程知識點眾多、課時有限，一直是困擾教師們的一大難題。自選教學模塊能在有限課時里滿足眾多學生的不同學習需求，對網頁設計課時量少的困境不失為一種解決方法。同時，學生能在有限課時里，各自選擇適合自己的方向深入學習“，術有專攻”，集中精力把所選知識點學精、學透，能真正達到用人單位對畢業生學科知識“專”且“精”的人才要求。更為重要的是，這套靈活自主的教學模塊給予了學生一定的學習內容、學習進程的控制權，在學生自主選擇的過程中引導他們明確了自身的知識儲備、興趣愛好和課程的知識結構，以及如何依據這些因素確定個人的學習目標。達到了把握時機、因勢利導地引導訓練學生掌握自主學習方法的目的。
二、多維項目驅動的教學方法
建構主義者認為，學生學習知識的過程，實際上是在教師所傳授的背景知識基礎上，結合過去掌握的知識，運用自己的頭腦主動建構，完成新的知識體系構建的過程。在具體教學過程中，教師的職責不是“填鴨式”的灌輸新知識，而是創設最佳知識情境，引導學生自主完成學習任務。項目驅動教學是建立在建構主義教學理論基礎之上的教學方法，將學生的學習活動與實際項目相結合，引導學生積極自主的探索、整合、建構知識，項目完成的過程也是學習活動進行的過程。網頁設計的教學過程可以采用多維項目驅動教學法，即從教學進程、教師講授和學生實驗三方面進行多維度的項目驅動教學，從而促使學生積極自主學習。首先，以業內實際項目開發進程為參照設置教學進程。我們可以看到，教學內容模塊的推進形成了“網站策劃———頁面設計———動畫制作———頁面制作”這樣一條清晰的線路，而這種教學進程實際上和設計公司里的工作流程完全一致。其次，教師在課堂教學時，事先準備好一個有代表性的范例網站項目，根據教學大綱的知識點要求把范例項目相應劃分成一個個子項目，眾多的課程知識點由子項目來承載，以案例演示的方式來講解，隨著教學進程的推進，范例網站從無到有被逐漸搭建起來。最后，在課程的開始就給學生一個貫穿整個課程教學的項目任務，與教師的范例項目相應，這個主題網站同樣由多個子項目組成。教師演示完范例網站子項目后，學生便上機自主開發相應的主題網站子項目。課程的教學過程實際上就是學生在教師的一個個子項目案例引導下，運用所學知識一步步自主完成主題網站的過程。網頁設計是應用型課程，培養的是學生在以后的工作環境中解決實際問題的能力。多維項目驅動教學法多角度模擬實際工作情境，促使學生不僅掌握了眾多知識點，而且對項目的整體解決方案有了清晰的認知，具有了實際項目操作的能力，同時還提高了自主學習、自我指導等綜合能力和素質。
三、多元評量的評價方法
傳統的教學方式是以知識傳授為教學目的，對于學生成績的評定往往被認為是教師課后的事情。而在強調自主學習的教育理念中，教學目的則不僅僅是特定知識的習得，更重要的是提高學生自我學習、指導和管理的能力，因此學習評價被提升到一個重要的層面。美國學者韋默認為：“對自我進行精確的評價和對同齡人的工作進行建設性評價的能力是在大學期間教師有責任對學生進行培養的一項必要的學習技能。”評價方式需要結合具體課程來設計，在網頁設計課程中，適合采用多元評量的評價方法。在“認知與準備”和“界面藝術設計”模塊中，采用自評和公開評議，每個同學首先給自己的作品自評，然后輪流公開展示自己的作品，回答師生的問題，教師和其余同學根據作品情況給予評價。自選模塊同樣采用自評和互評的方式，不過是在選擇了同一內容模塊的小組間進行。“網頁代碼基礎”模塊則借用理工科試卷評測方式，教師出題并閱卷，學生不參與評分。這種學生共同參與的多元評量模式的優點突出體現在：首先，能有效促進學習。評價既是給學生打成績，更重要的目標是促進學習。在自評和互評活動中，學生需要盡可能深入地分析自己和同學的作品，這就促使學生把自己的實踐體驗升華到理論思想高度。同時，對于沒有標準答案的設計作品來說，公開評議能夠擴展設計者的思維，有利于進一步完善作品。通過實踐到理論再到實踐的循環，能非常有效的提高學習效果。其次，能培養學生的評價能力。要實現自我學習、指導和管理，首先要能對自己和別人有著準確的認知和定位。自評和互評結果的對比，能夠使學生更準確的認知自己。多次參與對同學作品的評價，能夠充分鍛煉學生評價同行工作的能力。同時，通過“綜合分值”的設置把評價能力囊括到學習成績的考核范圍有著明顯激勵作用。值得注意的是，讓學生參與評價并不意味著完全放權。評價能力的培養是一個漸進的過程，大多數學生沒有多少經驗，不太可能自發形成完善的評價體系。這就需要教師及時引導監督，并在設計評價方法時盡量對一些可能發生的不合理行為進行規避，以使得整個學習評價體系更科學、更公平。
四、結語
總之，對于自主學習來說，課堂教學有一定的制約性，如有限的時空限制、集體教學的方式、具體的教學大綱等，這些因素某種程度上限制了學生的自由發揮，但同時又是培養學生自主學習能力的基礎和保障。從教學內容、教學方法、評價體系多方面對網頁設計課堂教學現有模式進行改革，可以變制約性為推動力，使學生在課堂上不僅能更高效地獲取網頁知識，而且能有效提升自主學習能力，為他們以后工作和生活的可持續發展奠定堅實的基礎。
作者：宋翠君 單位：南通大學藝術學院
一、色彩搭配原則
1適用性
創建網站時，首先要考慮的是用戶的需求。網站是以宣傳用戶企業文化為主，還是以宣傳企業產品為主，即確定網站的主題。主題確定以后，就要了解哪些顏色適合傳達該主題信息。例如，IT類網站常常采用藍色為主色調，因為藍色為冷色調，通常讓人聯想到海洋、天空、水、宇宙。純凈的藍色表現出一種美麗、冷靜、理智、安詳與廣闊。由于藍色沉穩的特性，具有理智、準確的意象，在商業設計中，強調科技、效率的商品或企業公司，大多選用藍色當做標準色，企業色，如電腦，汽車，影印機，攝影器材等等。橙色是暖色調中最溫暖的顏色，具有興奮、溫暖、歡樂、輝煌、以及容易動人的色感，所以，家居類網站常常以橙色調為主，能夠烘托家庭溫馨的主題，即不同的主題應選用不同的顏色。
2獨特性
網頁的數量不斷增長，越來越富有個性，對設計者的要求也更高。相同類型的網站，若網站的整體風格大同小異，沒有突破，則很難在競爭中取勝。要吸引瀏覽者挑剔的眼球，就要打破常規、標新立異。即網站的色彩搭配要在考慮網站本身特點的同時，讓色彩的獨特性充分發揮魅力。
3整體性
網頁上各部分色彩都有自己的分工角色，主色具有傳達主題信息的作用，輔助色是烘托氣氛的，背景色保持畫面的整體統一，點睛色起強調作用。網頁的色彩也可以區分信息模塊、暗示控件功能等。不同的色彩在網頁中同時存在，就會出現色彩的不同組合關系，可能有強烈的顏色對比關系，也可能在亮度上有明暗對比關系，還可能有相似色彩間的調和關系。這些色彩的組合使網頁在視覺效果上豐富多彩，構成了網頁的整體效果。優秀的色彩組合是網頁設計者發揮藝術才能的重要領地，和諧的配色能夠讓整個界面看上去舒適。對比強烈的配色加以適當的面積比例調整進行調和能夠讓整個界面看上去清晰并且重點突出。因此，不同的需求可以采用不同的組合關系，但是一定要給瀏覽者良好的整體印象，這就需要這些色彩組合關系具備整體性，它主要包括色彩對比與色彩調和2個方面：
(1)色彩對比:
指各種色彩在構成中的面積、形狀以及色相、明度、純度之間的差別，這些差別為網頁配色增添了許多變化，頁面顯得更加豐富多彩。色彩的對比規律大致有以下幾點：
（2）色相對比:
指不同色相之間的差別產生的對比。當網頁主色確定后，必須充分考慮其他色彩與主色的關系、要表現的內容及效果等，這樣才能增強其表現力。如果要突出差別關系，應選擇主色的補色。若要對比效果柔和，就要選擇相似色。
（3）明度對比:
指色彩之間明暗程度的不同所形成的對比。通過明暗程度的調整，可以給瀏覽者在視覺上產生不同層次，不同距離的感覺。
（4）純度對比:
指不同色彩之間純度的不同所形成的對比。色彩的純度決定著色彩的鮮艷程度，將不同純度的色彩放置在一起進行對比，會使得純度高的色彩更鮮艷，純度低的色彩更渾濁。
（5）補色對比:
補色是色環中相對位置上的兩種顏色。網頁中的點睛色就經常采用補色，當互為補色的兩種色彩接近時，能顯示出強烈的對比關系。
（6）冷暖對比:
色彩給人的感覺是有冷暖的，分為冷、暖兩大色系，這兩種色系相互排斥的，放置在同一個頁面中，就會產生冷暖對比。冷暖對比效果是極為強烈的，會導致畫面的不協調，一般采用以下兩種方法解決。首先是純度調整：降低冷暖兩色的純度。用黑、白、灰明度變化來調整畫面的層次、直接使用黑、白、灰色系進入畫面搭配，或者加入補色，也都能很好地起到協調的效果。其次是面積調整：主次的面積區分，根絕主題的需要在畫面的面積上以一方為主色，其他顏色在使用上拉開距離，使畫面的主次關系更突出，在統一的同時又富有變化。
（7）面積對比:
指頁面中各種色彩在面積上的大小差別，它會影響到頁面的主次關系。在同一視覺范圍內，色彩面積的不同會產生不同的對比效果。若兩種色彩的面積同樣，那么這兩種顏色之間的對比十分強烈，若色彩的面積不相等時，小的一種色彩就會成為陪襯，在小面積的色彩陪襯下，大面積的色彩就顯得特別突出。根據主題的需要在頁面的面積上以一方為主色，其他顏色為輔助色，使頁面的主次關系更突出。
4色彩的調和
兩種或兩種以上的色彩分布在同一個頁面中，形成色彩組合關系，色彩調和就是使這種組合關系合理搭配，產生統一、協調的效果。色彩調和是人們求得色彩協調、達到心理平衡的重要手段。
（1）同種色的調和：
選定一種顏色，通過改變這種顏色的明度或純度得到所需要的新的色彩，進而使色彩產生循序的漸進，彌補同種色相的單調感。
（2）類似色的調和：
如果希望兩種或兩種以上的顏色對比不那么明顯，那么就要在這些顏色之間再添加類似色進行調和。在色相環中，色相越靠近越調和。
（3）對比色的調和：
對比度調和是指兩種或兩種以上的色彩配置在一起，通過一定的方法使其產生自然而融洽的感覺。其調和的方法有：提高或降低對比色的純度、采用面積大小不同的處理方法。
（4）漸變色的調和：
漸變色本身實際上是一種調和方法的運用，是顏色按層次逐漸變化的現象。色彩漸變在網頁的背景色中是經常使用的。色彩的對比與調和是形式美的變化與統一。
二、配色的基本方法
1色調配色法
選定一種顏色，加入黑色或白色會使其明暗程度發生變化，形成這種顏色的不同色調，一般分為亮調、中間調、暗調。不同的色調會對人產生的一定的心理暗示。這種色調配色法在網頁色彩構成中是經常使用的。筆者推薦的配色技巧為：打開Photoshop的拾色器，選擇HSB選項區（不是RGB選項區）中的B（亮度），指定選擇的顏色，通過拖動右側的滑塊就可以得到這種顏色的各種色調。
2色相配色法
當基于色相策劃了一個配色方案時，獲得的效果通常會比較華麗明艷。很多民族服飾和兒童服裝采用的都是典型的基于色相的配色方案。色相配色法就是基于某種色相，進行類似色、互補色的搭配。適當地類似色搭配，可以獲得整齊寧靜的效果；適當地補色搭配可以突出顯示顏色并給人輕快的感覺。筆者推薦的配色技巧為：打開Photoshop的拾色器，選擇HSB調板區域中的H（色相），指定選擇的顏色，通過拖動右側的滑塊即產生色相變化。若已在Photoshop的工作區選定了某一顏色，按下[Ctrl]+[I]鍵即可得到顏色的互補色。
三、小結
《網頁設計》這門課是中職學校網絡專業學生的必修課，是一門優秀的專業課，很多學生雖然在技術上能夠使用工具軟件實現頁面的構造，但最終形成的作品往往顯得粗糙，檔次較低，主要的原因在于色彩搭配失當，當然對于教師而言，這也是授課的難點，本文通過經驗總結，提出了色彩搭配的原則與技巧。
作者：雷勇 單位：東莞市經濟易學校
一、教學內容的分析與改進
1、大多數教師的教學內容主要為以下幾種類型：
（1）上課主要講解Dreamweaver軟件的使用，主要介紹如何使用這個工具進行網站的開發。
（2）介紹fireworks如何繪圖，并將繪圖的內容切片，將網頁展現出來。
（3）將Dreamweaver、Flash和Fireworks分別教給學生。由于課時的原因，學生每種都會點，但沒有一樣能精通。
2、存在的不足：
經過與現從事網站建設相關工作的學生調研，我發現上面的任何一種教學內容，都無法在實踐中得到充分的應用，原因如下：首先，從事網站設計的企業，一般都有專門的美工，負責網頁界面的設計，他們的美術功底及設計能力遠非計算機專業的學生能達到。其次，現在的網站基本采用DIV+CSS進行設計，原先采用表格設計網頁的技術已處于淘汰階段。而在目前的教學中，DIV+CSS在中職學校中根本沒有開展教學。于是就出現了這樣的現象：計算機專業的學生在網頁設計的崗位上美工做不好，頁面也不會設計，教學內容和實際需求的能力脫節。
3、當前計算機專業的網頁設計課程教學內容的組織
首先，在學習Dreamweaver的基礎上，講解HTML語言。其次，好的網頁需要有新的技術支持。現在主流的網站都采用了DIV+CSS結構,DIV+CSS是網頁美工必須了解和掌握的一門技術,DIV+CSS采用樣式和結構分離的方式,利于搜索引擎讀取網站頁面,方便管理和網站維護。
二、教學方法和教學思路探索改善
針對上述提出的實際問題，我對中職網頁設計教學的教學思路和教學方法提出以下的見解：
1、提高教師實踐能力水平，改進教學方法。
作為網頁設計課程教學的教師來說必須關注互聯網應用的實時趨勢，走出課堂、走出校園、深入到企業了解就業市場需求。學校可以加強校企合作，從政策上引導和鼓勵教師利用寒暑假深入到企業進行實踐。深入了解一個完整的網站的創建過程，從規劃到素材的搜集與處理，到網站制作，再到網站維護。教師把企業中的項目拿到課堂教學中，學生從完成項目的過程中，明確地知道自己學習了網頁設計這門課程，以后能做什么工作，在工作中怎么去應用課堂上的知識。
2、多種教學方法并用，優化課堂教學。
(1)分層次教學法
傳統的課程設計對所有學生都制定統一的標準和要求,這樣影響了基礎好、動手能力較高的學生,抑制了他們的發展。“分層教學”就是進行有層次的教學，針對于每堂課程給每個層次學生制定不同的標準,根據學生掌握的水平和對這門課學習的興趣、智力水平及內在潛力等一些軟指標來區分學生層次,讓同學們在正確認識自己、評價自己的基礎上進行自我選擇。教學對象的分層有利于教學目標的分層,可以更好地調動每一個學生的學習積極性、主動性。
(2)個性化教學法
網頁設計教學有別于其他軟件的教學,它具有較強的實踐性。所以在教學中應充分體現學生的主體作用,雖然很多教師都注意到了這一點,教師利用較短時間操作演示,讓學生用大量時間去實踐,但是學生出現了模仿、記憶的操作過程,往往按部就班的學習,知識沒有經過自己思維的深加工而一知半解。為了避免該問題發生,教師在綜合訓練時可以提供給學生一些優秀的網頁作品供學生參考,讓他們在某一特定主題下自己動手制作。這樣才有利于學生探究知識、自我學習能力的培養,也能充份體驗出學生的個性，從而保護了每個學生的創造力。
(3)案例教學法
案例教學法對于這門課程是非常重要的，要求學生做出高水平、高質量的網頁，首先要開闊學生的視野，開拓學生的思路，見多才能識廣，教師在上課的過程中，一定要精心設計案例，案例應該由易到難，不能讓學生產生畏難情緒，而降低積極性。案例教學的著眼點在于學生創造能力以及實際解決問題的能力的培養，不僅僅是獲得那些固定的原理、規則，而是如何用更有效的方式獲得知識。案例教學是一種“做中學”的形式，它是從經驗與活動中獲取知識，增進才干。通過案例教學，學生不僅可以從中獲得認知的知識，而且有助于提高表達、討論的技能，增強面對困難的自信心。
（4）任務驅動法
任務驅動法是以完成具體任務為目的而展開教學活動，使學生緊緊圍繞任務進行探索學習，由淺入深，由簡及繁，循序漸進地完成特定的教學任務。在整個過程中，學生是學習的主體，教師只起到引導的作用，從而使學生逐漸養成發現問題、思考問題、分析問題、解決問題的習慣。同時“任務”的完成使學生有成就感，激發學生學習興趣，從而使學生由傳統的“被動學習”狀態轉化為“主動學習”狀態。本課程期末考核可以通過設計一個覆蓋網頁設計與制作所需要掌握的知識和技術的總任務，然后再將總任務進行細分為一個個小的任務，做到具體小任務的完成推動總任務的完成。通過任務的完成，學生能夠在一個學期內有效的掌握相關知識和技能，提高了學生學習效率和實際操作能力。因此，任務驅動法在網頁設計教學中是非常有效的。
3、教學手段，以啟發和體會為主
在網頁設計教學中，理論知識講得再多，如果學生不會靈活運用，一點用處也沒有。在教學中，不必太拘束于理論，應讓學生結合實踐，去理解和體會知識。如在學習網頁的布局和頁面色彩時，教師應找各種各樣的典型網頁或網站，讓學生在上網或觀察中體會。學生在觀察和研究這些不同的網站設計的時候，教師可以讓學生評選出自己喜歡的或者是覺得最好的和最差的，讓學生說說它們的差異。通過這樣的觀察和體會，讓學生明白網頁設計過程中，需要注意什么，怎么做才會更好。學生結合自己的實際體會，歸納總結出自己能理解和掌握的知識。
4、實踐環節重引導
中職計算機教學更重視實踐，重視動手操作，否則理論知識再豐富，如果不會動手實踐，也不能保證學生能夠更好地就業。實踐環節不但要重視，還要高效，有些學校在課程的實踐方面，分配了足夠的課時，但實踐的效果并不好。在網頁設計這種相對比較開放和自由的實踐課上，可讓學生充分發揮自己的想象力和創造力。值得注意的是，在學生的實踐過程中，教師要對學生進行適當的幫助和引導，如果任由學生自己去摸索，那么很可能在上機實踐這段有限的時間內，學生很難做出點東西來。這個階段并不是學生探索的階段，重要的是鼓勵學生把設想變為現實。
三、考核、評價方法的改變
網頁設計課程的實踐性非常強，我們要檢驗的是學生的設計能力、綜合應用能力和創新能力，那么單純靠最后的期末考試，是不能確切的評價一個學生的真實水平，而要將平時的作業、練習都納入學生評價中。對于網頁這門課程，我認為比較合理的評價方法應該是平時的作業占50%，期末考試占50%。平時的作業就是一次次的案例，檢查學生平時學習的態度和知識的掌握情況。對于期末考試，我認為應該以要求學生設計一個完整的網站來結束本課程，而不是要求在給定時間內完成任務，本身一個網站的建設在短短的兩三個小時內是無法完成的，包括素材的收集、版面的布局、內容的充實等，何況學生可以利用互聯網來收集相關的資料，參考引用他人模板來完成任務，所以應該以上交作品的形式完成本課程的期末考試，在作品完成的過程中，老師進行巡視、評價，也就是我們考核的不僅僅是最后的作品，而是將完成作品的過程也作為我們評價的一個依據。最后，上交的作品可以讓全班同學互相點評、互相評價，在評價別人作品的同時以提高自己的水平。
四、總結
總之，在中職計算機網頁設計教學中，教師要緊隨市場步伐，在教學中應以全新的教學理念運用最實用教學方法，從培養學生利用網頁獲取信息和信息這一出發點入手，既讓學生學會它的制作方法，又能在制作過程中充分體現創新性，同時也能培養學生的協作精神，使知識學以致用。及時更新教學內容，新技術積極改進教學內容跟根據實際的情況，敢于打破一些傳統的教學模式和方法，用更高效、更人性化的方法進行教學。因此，要想提高該課程的教學成效，教師要認真對待教學的每一個環節，與時俱進，開展以學生為本，以學生的發展為綱的課堂教學，讓每一個學生的能力都得到發展，都能學到實實在在的有用的知識。
作者：翟志慧 單位：南京玄武中等專業學校
一、網頁色彩設計要符合受眾心理習慣
人對色彩的心理想像往往支配自己的購買行為。咖啡、巧克力的包裝紙必須使用咖啡色或紅色。來自美國的調查報告證實，以紫色，藍色、咖啡色包裝紙包裝咖啡、巧克力、牛奶，大部分消費者深感不快，致使銷售量銳減。在日本，為使蜜桔、蘋果、西瓜等水果顯示本身的固有色、而迎合消費者心理，不少水果店不得不借助染色劑。消費者重視固有色，設計色彩時不能忽視這一因素。近年來，為了保護人身健康，雖已停止使用在安全上有問題的色素，但是，以木紋三合板作為桌面的鐵桌子比比皆是，可見，人們對固有色的推崇是根深蒂固的。尊重消費者的心理習慣，要科學、合理地安排網頁色彩設計。
二、網頁色彩設計要遵循受眾視知覺特征
色彩的位置與方向在頁面構圖中是很重要。藍色在視域的頂部、底部、左側或右側，其作用各不相同。底部的藍色是重的，高部的藍色是輕的。頂部的深紅色表現為沉重緊急的重量，在底部卻表現為穩定的事實。黃色在頂部時產生一種毫無重量的效果，在底部時其效果就像受控制的浮力。色彩分布的平衡是頁面構圖的最重要的目的之一。正如天秤的秤桿為支撐平衡而需要支點一樣，在一個頁面里平衡的垂直軸線也是必需的。色域的重量在軸線的兩邊起作用。在尋求決定一幅畫中的“左側”和“右側”的價值時，我們首先會想到人類的身體。左側通常比較被動，右側意味著活力。右側傾向于向前和向上，而左側則后退和下墜。許多繪畫作品都是從畫左下側的重點開始的，然后向右上方運動。在進行網頁色彩設計時設計師要充分考慮色彩給受眾的視知覺感受，除了色彩的相對位置外，色彩量的比例、它們的純度和明度也是重要的。
三、網頁色彩設計的原則和方法
⑴網頁色彩設計的原則：
在進行網頁設計色彩選擇時，要遵循網站自身的特點并掌握一定的配色規律，進而設計出優秀精美的頁面。
①色彩選擇要具鮮明性：
色彩鮮明的網站往往很容易引人注意，吸引受眾眼球，給受眾眼前一亮的感覺。②色彩選擇要具獨特性：網頁用色要有自己獨特的風格，與眾不同色彩選擇才能給人受眾留下深刻的印象。
③色彩選擇要具藝術性：
依內容決定形式的原則，在體現網站自身特點的同時，進行必要的藝術創新，從而設計出既體現網站主題要求，又具有一定藝術風格的網站。
④色彩搭配要合理：
網頁設計色彩的選擇是根據主題來確定，不同站點的主題選用不同的色彩。網頁設計中色彩的搭配很重要，良好的色彩搭配方案給訪問者很強的視覺沖擊力，加深訪問者對網站的印象；失敗的配色則會讓訪問者情緒浮躁不安。
⑤同色系搭配：
同色系搭配是指選定一種色彩，通過調整其明度和純度，將其加深或減淡，產生出新的色彩來進行網頁色彩設計，同色系配色的頁面視覺效果統一，層次細膩而豐富。
⑥鄰色系搭配：
鄰色系配色是指選用色相環上相鄰的色彩設計網頁，采用鄰近色搭配的頁面視覺效果自然又和諧。
⑦對比色搭配：
對比色搭配可以突出網頁設計的重點，給受訪者強烈的視覺效果和主次分明的視覺印象。在進行對比色搭配時通常以某種色為主色調，其對比色作為色彩點綴，起到視覺調劑和畫龍點睛的作用。⑧暖色搭配：使用紅色黃色橙色等暖色系色彩進行網頁色彩搭配，暖色調的運用可為網站營造出和諧安定溫暖而又熱情的氛圍。
⑨冷色搭配：
使用綠色藍色紫色等冷色系色彩進行網頁色彩搭配，冷色調的運用可為網頁營造出高雅寧靜清新而又理智的氛圍。
⑵網頁色彩設計的方法：
①單色配色
網頁色彩設計要避免色彩選用給受眾單一的感覺。頁面色彩設計中調整色彩的純度和明度可以產生變化，使網站層次豐富避免單調。
②黑色
在網頁色彩設計中，黑色通常用作背景色或調劑色，常與不同純度明度色彩搭配使用，視覺效果合理穩定，在網頁設計中是一種使用率極高的色彩。
③背景色
在網頁色彩設計中背景色起著突出網站主題，奠定網頁主體風格的作用。網頁背景色的選用應避免色彩復雜的圖片和純度很高的色彩。
④鄰近色配色
采用色環上相鄰近的顏色，網頁設計中鄰近色的選用可以避免網頁色彩混雜，產生和諧統一的視覺效果。
⑤對比色配色
網頁色彩設計時以一種顏色為主，對比色為輔，起強調點綴的作用，引起訪問者注意。對比色的使用突出重點，使網頁產生強烈的視覺效果。
⑥色量
一個主題網站的色彩選擇應控制在三種色彩以內，而不是越多越好，過多的色彩會造成視覺的無秩序感。在有限的色量選擇中，調整色彩的三大屬性來豐富頁面效果。
四、結語
威廉﹒奧斯特瓦爾德曾在《色彩入門》一書中寫道“：經驗使我們知道，不同色彩的某些結合使人愉快，另一些則使人不愉快或使人全然無感覺。”在網頁色彩設計中，和諧有秩序感韻律感的色彩設計充滿力量。網頁通過色彩向我們展示了世界的精神和活生生的靈魂。
作者：張大慶 單位：長江大學藝術學院
一、移動教學與移動學習
移動通信技術日新月異的發展速度，網絡信息量的暴增，人們使用移動設備的普遍化，都使一種新的學習模式應運而生———移動學習。移動學習的概念在國外60年代就已提出，但國內發展較晚，且隨著通信技術的發展，其形式與方法也已發生本質的變化。移動學習的成果不僅應用在教育方面，商業、軍事、旅游等多領域也有所涉及。在將移動學習模式引入教育系統中時，首先要明確兩個概念的區別：移動教學與移動學習。這是兩個具有本質區別的概念，移動教學的主體是教師，教師通過使用電腦、投影儀等設備進行教學，在此過程中移動設備只作為輔助教學的一種手段，主動者為教師；而移動學習的主體是學生，學生使用除傳統的書本、筆之外的移動通訊設備進行學習的一種方式，學生的身份已由被動學習者轉為主動學習者。這也體現了移動學習模式的優點。若要充分發揮移動學習設備的學習輔助功能，學校應該從教師和學生兩個方面來引導。首先在教師方面，要引導教師轉變傳統的課堂教學觀念，讓教師意識到移動學習設備這種新的學習輔助工具可以幫助教師，在課下完善教學過程，讓教師從更深層次上接受這種新的學習工具。從移動學習的角度來講，它與傳統學習方式的區別在于，移動學習中更加注重以學習者作為學習活動的主體，學習植入到生活當中，是學習者主動結合語境來獲取學習內容，因而移動學習設備，就是一個移動的課本，不僅在形式上豐富了教學內容，同時滿足了一個移動的“大型圖書館”功能。其次要引導教師轉變傳統的教育方法，大學生在使用移動學習設備過程中，一般不會有詳細的學習計劃，因而教師應該引導學生根據自身的學習特點來選擇資源，制定符合自身學習特點的計劃。教師更多地對大學生引導和幫助，鼓勵他們從正向的積極的方面發現移動學習設備的功能，善于從中發現問題，找到適合自身的學習方式。最后是要鼓勵教師積極應對這種變化，使用移動學習設備學習時，學習地點的自由性將使得大學生需要幫助時，能夠及時地與教師取得聯系，獲取幫助和支持，如果雙方的交流和互動受到阻礙，將會影響到學生的積極性。對教師而言，移動學習設備不僅提供了快捷的方式與學生之間進行交流和溝通，同時對自身的學習成長亦是非常好的輔助工具。對大學生的鼓勵和引導，主要體現在幫助大學生確定正確的認知和學習方法上，移動學習設備作為一種新型的學習方式的工具，這就要求大學生對其要有正確的認識，只有對移動學習設備有了全面和深入的理解，才能有效地合理地利用移動學習設備資源，避免出現將移動學習設備作為考試的作弊工具，作為課堂學習上網聊天和玩游戲的消遣工具，陷入到誤區中，造成移動學習設備資源的浪費。因此學校要加大對移動學習設備使用的宣傳力度，積極引導大學生對移動學習設備有正確的認知，讓大學生具有移動學習的意識，能夠主觀能動地運用移動學習設備進行學習。另外在使用移動學習設備的過程中，如果大學生缺乏有效的指導，沒有掌握正確的學習方法，將會導致學習目的偏差學習效果低下、學習過程失控等現象。
二、“靜態網頁設計”課程的移動教學模式
移動通信網絡的普及，咨詢使用費率的低廉，信號通信速率的提升都為移動學習提供了有力的保障，也使移動學習這種方式快速發展并被人們所接收和熟知。本文就以靜態網頁課程如何設計行之有效的移動學習內容，如何開展學習及交互模式的設計展開探討，建立相應的教學模式。
（一）課程內容設計
移動學習的特點就是利用移動設備能夠無空間、無地域限制的進行學習，這種特點要求課程在內容設計時具有短小、多格式、易理解等特點，且資源豐富，能夠使學習者第一時間、快捷地獲取所需知識。移動學習的課程也可以稱為微型課程，內容在選擇與設計上要把知識點盡可能細化到最小，或提供一個案列式主題，以便學習者在能接受時間內完成學習。學習者在移動學習過程中，環境、地點的游離性決定受外界因素的影響易產生干擾性，課程內容設計得簡短、直接、易理解，與學習者所處環境適時融合，產生較好的學習效果。“靜態網頁設計”是一門實踐性較強的計算機技能課程，知識點架構與分解時不能采取傳統的逐一講解的模式，應以小案例形式，參考網站設計流程來細化、組織每個知識點。劃分之后即為工作流程對應技術能力，技術能力對應實際案例，案例對應情景，最后的內容形式就為情景或小案例，劃分內容如表1所示：
（二）媒體形式選擇
常用的移動設備品種繁多，諸如有手機、平板電腦、MP3（MP4）、psp等，其多樣性決定了移動學習課程體現形式的多樣化，移動終端設備是移動學習的最終載體，選擇一種適用多平臺具有通用性的媒體形式是非常困難的，因此要結合學習內容選用與之相符的媒體形式。多媒體的格式眾多，與移動設備結合時要考慮到移動設備的限制，例如屏幕較一般固定顯示設備小，數據處理能力有限，存儲空間不是很大，電腦上原有學習資源不能直接移植使用，同時一種學習內容要有多種表現形式。要合理選擇媒體形式就要了解每種媒體的特性，針對不同的學習內容，使用不同的設計方案，讓移動學習的呈現方式和途徑與學習內容吻合。在移動學習中常見的多媒體形式。靜態網頁設計課程的媒體選擇可以多種形式體現不同內容，設計為理論知識以文本和音頻形式體現，實際操作以視頻和圖片格式來教學，最終效果與系統總結可以采取網頁格式來系統呈現。
（三）交互設計
交互設計在移動學習中也非常的重要，學生的學習感受與疑惑能夠及時得到老師的解答，將會極大激勵學生學習的積極性。人們在產生疑問時往往希望第一時間得到答案，在教學中教師提出問題，學生可以使用移動設備收集第一手資料分析總結出問題答案，在此過程中學生如有疑問教師實時解答，不僅提高學習效果更能增加師生的互動交流心得，為教師后期的教學給予一定的指導作用。目前較為常用的用于交互設計的形式有三種：基于短信的交互形式、基于應用程序的交互形式、基于網頁的交互形式。基于短信的交互形式是最為常用的一種，內容一般為發送問題接受反饋內容，實時性與成本兼顧。基于應用程序的交互形式是學習者下載軟件客戶端可離線學習，如有疑問通過短信形式返回，這種形式的交互常應用于內容多而完整，無法分割為微單元的學習內容，交互效果較弱需與其它交互形式結合使用。網頁交互形式有兩類：電腦顯示的WEB形式，手機顯示的WAP形式，這種交互設計主要針對信息量較大，運算速度有所限制的教學內容。靜態網頁設計課程的交互設計為每節課主要內容首先通過短信、微信的形式，讓學生提前預習；內容的體現采用視頻、應用軟件形式在手機客戶端加載；學習疑問與感受，與教師的交流互動采用微信、短信或網頁形式呈現。
（四）設計示例
總體設計后，把能在細化的案例再細化，不能的就可建立微課形式，例如上述內容中網頁布局與編輯內容根據內容設計原則，媒體設計與交互形式設計原則可建立移動學習單元。只有綜合多種交互形式，才能完美呈現課堂內容與實現移動教學與移動學習的優勢，即實時性獲取所需信息達到學習目的。
三、結論
移動學習課程模式設計要綜合考慮多個因素，環境、移動設備、受用人群等，體現模式也多種多樣，要能充分的滿足學習者隨時隨地獲取自身感興趣、具有實用性的內容外，還能為工作，生活提供便利，提高學習效率。同時內容要短小、精悍，最大限度降低學習者的疲勞度，調動積極性。靜態網頁設計課程的微課程模式設計為學生學習本課程提供了另一種平臺，但目前還是需要與傳統教學模式相結合使學生逐步接受，最終使移動學習方式成為一種習慣，改變人們的學習環境。
作者：南楠 單位：三門峽職業技術學院信息傳媒學院
1正確認識網頁設計與制作課程的性質和地位
1．1網頁設計與制作課程的性質
首先，設計者要有一定的美術功底，其次要有搜集和整理素材的能力，再者要有準確的表達能力，甚至還應該具備一定的行為學知識的能力，另外還要有分析和創新能力。綜上所述，得出以下結論，網頁設計課程是一門綜合性很強的基礎課程。
1．2網頁設計與制作課程的地位
與網頁設計與制作課程關系密切的課程很多，而關系最為密切的課程有計算機應用基礎課程，電腦繪畫課程(Photoshop)和動漫設計課程(flash)，這三門課程都是網頁設計與制作課程的前導課程，相對于這三門課程來講，網頁設計與制作課程就是后續課程。在對后續課程的教學過程中，必定會讓學生運用到前導課程的知識和技能，這樣不僅可以讓學生對前導課程進行一定的強化學習，而且更有利于后續課程的教授和學習，在很大程度上，能夠提高學生設計網站的水平。如果把前導課程比喻成紅花和綠葉的話，那么后續課程就是飽滿的果實。由此看來，網頁設計與制作課程在整個教學體系中占據著非常重要的地位。
2選擇適合高職院校學生特點的教材
我院具有所有高職院校所共有的職業特點，但又有著我們自身更為突出的特點，要以“面向高職學生以應用”為目的的思想為指導，以能力為本位，適應社會的需要，這就要求我們在選擇教材時一定要準確實用，我院幼兒教育系選用的是由清華大學出版社出版的第二版《Dreamweaver網頁制作實用教程》，本教材以“實例+知識點”的結構構建內容，采用“任務驅動教學法”讓學生邊做邊學，并配以相應的光盤，生動直觀，能夠讓學生在短時間內迅速掌握所學知識，是一本符合培養高職院校學生技能的好教材。
3遵循高職教學規律，加強和改進教學工作
高職院校不同于其他高校的地方就是它是以實踐操作能力的培養為主導，理論知識的學習為輔的教學指導方針進行教學，對于網頁設計與制作這門實踐性很強的課程來說更是如此。想要教好這門課程，教師就必須在教學過程中進行一系列的教學設計才能達到較好的效果，如何組織好這門課對于教學工作和效果尤為重要。
3．1網頁設計與制作課程的教學思路
首先，要上好第一堂課。教師要在課前做好充分的準備工作，要利用第一堂課想辦法牢牢抓住學生的心，讓學生真正認識到學習網頁設計課程的重要性和必要性，不能讓學生有沉悶和枯燥的感覺。所謂萬事開頭難，好的開始必定能為之后的教學打下一個堅實而良好的基礎，但好的開始并不意味著之后的教學就會一帆風順的進行，之后的教學務必要在多媒體課件上下工夫。多媒體課件是教學的靈魂，它不是文字、圖象、音頻、視頻和動畫信息等各種元素的堆砌，而是它們的完美融合，利用它們使課堂變得更加生動和精彩，從而盡可能的提高學生的學習興趣。
3．2網頁設計與制作課程的教學方法
用實例作為課堂切入點，讓學生先看到實際效果，首先啟發學生思考用之前學到的知識和技巧能否做出此種效果，然后再由教師演示實例，在演示實例的過程中引出新的知識點，將知識點融入到具體實例中。比如，在表格布局和內嵌框架的教學模塊中，我們采用任務驅動教學內容。教學目標是用布局表格設計網站主頁，在演示此實例之前，讓學生先利用之前學習的表格知識設計此網站主頁，目的一是鞏固前面章節所學知識和操作技巧，目的二是為接下來的布局表格設計做好充分的鋪墊，讓學生從內心有所比較，哪種方法更適合用來設計網站主頁，在教師演示實例過程中可以更好地抓住學生的注意力和調動學習的積極性。演示案例制作一個介紹“學習教程”的站點，主要包含六個模塊，包括“我的主頁”LOGO、“導航”、“網站信息”、“教程熱點”、“熱門下載”、“最新教程”、“最新軟件”等等。基本要求是在此實例中，添加“左上角三疊圖”和“最下面友情鏈接”，資料在網絡中獲取，合理設置網頁的背景以及圖片和文本的屬性，頁面美觀大方。較高要求是用此站點結構制作一個介紹自己的個人站點，要求除基本要求外，要有六處超級鏈接，且六處鏈接頁面要有一致的框架結構，站點中導航清晰，布局合理，配色美觀大方。
3．3教學過程中因時因人改進教學手段和方法
高職具有較強的職業特色，而學生水平存在著個體差異，故不能進行一成不變的教學方法。在課程進行到中期的時候，學生對課程知識的索求和動手實踐的欲望會漸漸減弱，他們的厭學情緒越來越重，或者總是出現眼高手低的現象。在這個階段學生已經掌握了一定的網頁設計與制作的知識和技能，教師可以放手給學生，在授課過程中可以由主動變為被動，讓學生由被動變為主動，譬如找某位學生來演示課堂實例，教師在旁指導，把學生的注意力拉回課堂，以此來推動教學進度順利高效的向前進行。
4明確教學目標，把握教學內容
4．1選擇合適的網頁制作工具
目前最好的網頁制作與設計軟件工具是Dre-amweaver。它一直以來作為可視網頁編輯工作的標準，在代碼編輯和應用程序開發方面的功能比較強大，更重要的是它是所見即所得類型的網頁設計軟件，對高職院校非計算機專業的學生來將非常適合。同時，可以選擇Flash制作網頁中的動畫素材，選擇photoshop處理和制作網頁中的圖片素材。
4．2要求學生能夠利用
Dreamweaver設計各種網頁，開發初具規模的網站我系課程方案中要求采用以Dreamweaver為主導，逐步講解網頁設計的基礎知識，初步了解HTML語言、簡單認識CSS網頁設計的基礎知識。這里需要特別說明的一點是，首先，對HTML的教學，有些人認為對于高職非計算機專業的學生來說，不用學習太多語言，其實不然，HTML可以說是網頁的靈魂，它不像C語言那樣生澀難懂，高職非計算機專業的學生完全有能力學會和掌握。其次，要掌握CSS的基本使用方法，CSS是英文單詞CascadingStyleSheets縮寫，翻譯為“層疊樣式表”。通俗講CSS是控制網頁中內容的顏色、字體、文字大小和寬度、邊框、背景及浮動等樣式來實現各式各樣、花樣百出的網頁樣式的統稱。由于允許同時控制多重頁面的樣式和布局，CSS可以稱得上網頁設計領域的一個突破，作為網站開發者、設計者能夠為每個HTML元素定義樣式，并將之應用到希望的任意多的頁面中。如需進行全局的更新，只需簡單地改變樣式，然后網站中的所有元素均會自動地更新。
5考核方式
根據高職院校學生的實際能力水平和課程教學質量基本要求，傳統理論考試已不適宜于網頁設計和制作課程，網頁設計和制作課程采用的是考查的考核形式。這種考核方式更適合網頁設計課程的特點，更加強調學生學習的靈活多樣性。期末總評學習成績可由三部分組成:課程考核(平時到課考勤、課堂上的表現、課堂實訓作業和)占30%、小結考核(階段測驗作品)占30%和期末考核(期末綜合作品)占40%。這種考核方式注重實際操作能力和靈活應用能力的培養，可盡可能地調動學生的學習興趣，發揮學生的學習積極性和主動性。期末考試要求學生在教師規定的時間內完成一整個網站項目的設計與制作，項目中包含一個學期中所學過的全部知識點和技能點。《網頁設計與制作》課程是當下一種全新的教學內容，教師在教學中應將自己獨特的教學理念運用于教學方法中，即讓學生輕松愉快地學會制作網頁的方法和技巧，又能在建立網站的過程中充分發揮自己的想象力和創造力，從而能培養更多適應信息化社會的綜合型網頁設計人才。
6社會實踐
如果說課堂考核方式是檢測和鞏固學生設計網頁能力最有效的方法，那么課外的實踐則是拓展和提高學生設計網站能力最有效的渠道。可以組織學生進行學院網頁設計的比賽，也可以走出校園去參加社會團體組織的設計大賽，或者進行一段時間的頂崗實習，這樣可以最大程度的提高他們對此課程的學習積極性，也可以讓學生找到差距，激勵他們更加努力，不斷完善和提高自己設計網頁的水平。
7總結
真正落實實訓在網頁設計課程教學過程中的基礎地位和作用，調動學生做實訓作業的主動性，切實培養學生的實際操作能力和思維創新能力才是我們教師共同努力的目標。通過以往的教學結果觀察得出，學生在課堂上的態度也有了很大的進步，在最后的實訓測試中又相當于重新復習鞏固了一次，對網頁設計的記憶深刻了許多，教學效果顯著。隨著我們對現行的綜合評價考核機制的不斷改進和完善，相信對學生的進步會起到不可估量的促進作用。在教學過程中，教師要對課堂理論教學、實例教學和課程實訓等方面進行不斷地整理、反思和改進，因為未來的社會中，網頁在生活中所起的作用也在不斷地變化著，對這門課程的教學的要求也越來越高，教師的教學要適應科技的變化，要有改革進取的精神，培養能真正適應社會的人才。
作者：夏寧 單位：開封文化藝術職業學院幼教系
一、色彩在網頁界面設計中的作用
（一）布局作用。
在網頁界面的設計中，色彩不是單純地選擇就可以，還可以利用不同色彩的搭配，根據界面信息內容，以及網頁本身的性質進行分配，使得各個元素可以實現統一的合理布局。色彩不是在獨立范圍內的應用，還需要和界面其他元素結合起來一起設計，利用色彩對網頁進行方向引導和界面劃分，達到標示，區分，限定和引導的效用，把復雜的元素和信息清楚地區分開來，給瀏覽者一種有序，清晰的視覺感。利用色彩進行網頁界面布局的時候，同時要注意色彩本身與整個網頁界面的一致性，保持界面上色彩的平衡。色彩本身要與內容相適應，同時還有與文字、位置、面積相互聯系，最終使網頁給人一種布局合理，內容豐富，閱讀方便的視覺展示效果。
（二）宣傳作用。
在競爭激烈的信息時代，能夠及時傳遞出高效、高品質信息的企業，才能在社會中屹立不倒。在眾多傳媒中，網頁的宣傳正是在集合現代企業理念和設計理念的載體，以突出品牌形象，刻畫企業個性，使瀏覽者有較深的認同感，達到宣傳和促銷的目的。企業統一的形象通過包裝、標準色、標志、服飾、建筑等媒介來實現。其中標準色在網頁宣傳中起到了良好的作用，進一步加深了瀏覽者對企業理念和文化的記憶和認知。標準色是由企業標志色彩引申來的，通過色彩的象征性和本質表現傳達企業獨特的產品和文化理念，具有直觀明顯的視覺效果，可以引起大眾的共鳴。所以網頁色彩在企業整體設計系統中的應用是宣傳企業商品和品牌形象的重要工具。
（三）審美作用。
網頁界面設計的形式美主要由組合元素進行巧妙排版和合理搭配，并配以一定的動畫效果等因素穿插構成的，形成視聽的結合。在視覺系統中，色彩是主要的表達元素，合理地運用色彩能讓網頁界面設計和審美達到良好的效果。網頁界面設計的色彩美學價值在于滿足頁面內容和形式的需求，高度體現時代美、版式美和裝飾美，并投射瀏覽者的審美態度和生活情趣。所以網頁界面的美觀設計既是現代技術和藝術的結合，也是瀏覽者的心理訴求。
二、色彩在網頁界面設計中的不同應用
在網頁設計中，常用的色彩模式為RGB模式。RGB模式，主要有紅、藍、綠三種顏色，也被人們稱為三原色。RGB中的R指紅色，G指綠色，B指藍色。通過對三原色的不同的調整，會配合出不同的色彩。在電腦顯示器或者手機屏上，通常色彩的亮度是用RGB的值來衡量的，通過0-255的數字進行標示。R、G、B分為從0到255的不同的亮度，三種顏色可以組合出1678萬種顏色。在網頁界面設計中，同類色指的是差別在45度之內的顏色，同類色效果非常接近，從網頁畫面效果看，給人一種簡單、協調、舒適的感覺。鄰近色指的是相差在90度之內的顏色，鄰近色的畫面感中色調區別比較明顯，搭配出來的效果不突兀，對比性不強烈，能很好的把情感的統一性表達出來。人們把距離135度的顏色稱為對比色，對比色的對比感很強，色彩和色彩之間有明顯的差別，給人一種充滿差異化的感覺。可以將對比色用來對網頁內不同區域進行區分，帶給人們一種互動，活力的感覺。人們所說的互補色指的是把剛好在180度的兩種顏色，互補色搭配出來的顏色對比效果非常強，比如黑白二色的太極，給人一種對比明顯，神秘莫測的感覺，這種互補色的搭配有很強的視覺沖擊力。在網頁界面設計中要注意盡量少使用，就算使用也不可大面積使用，以免出現畫面不和諧，不一致的現象。通常在我們設計網頁界面的時候，要綜合考慮網頁的審美效果和實用效果，在搭配色彩的時候盡可能使用同類色或鄰近色，這樣在視覺上給人帶來舒適的感覺，若使用純度高的色彩容易給瀏覽者帶來視覺疲勞的感覺。要學會調配色彩的飽和度和透明度，使整個網頁界面看起來非常和諧。網頁界面中應該使用具有清晰度和鮮明度的主顏色，方便引起瀏覽者的注意。配色主要用于襯托主色，支配色是網頁界面風格的決定性色彩。在一般情況下，背景色會選取較為簡單的顏色，如藍色，淡綠色等，這樣設計出來的界面會比較清晰。
三、網站制作實例分析
（一）學校類網頁實例分析。
下面主要對中國科學技術大學學校網站進行學校類網頁界面色彩分析，如下圖所示。網頁的整個色調顯示藍色，藍色屬于冷色調，在網頁設計中的應用很廣泛。藍色象征著永恒、理智、博大和平靜等。該網頁使用藍色調主要從三點考慮，第一，中國科學技術大學是一家以理工科為主的學校。藍色象征著科技，所以在考慮搭配顏色時，色彩主要以藍色為主，為了和CI識別系統保持一致，網站色調建議使用藍色。第二，中國科學技術大學官網屬于學校類網站，學校網站在架構上一般會突出氣勢，給人大手筆的感覺。很多學校網站在設計上有濃厚的特色情調，要和學校文化，形象相結合。該網站所運用的藍色調較好體現了網站的特殊需求，背景運用了藍天，綠樹。片頭色調較為簡單，展現出學校可靠，沉著穩重的一面。學校網站同樣需要帶給人們可信任感，黑色代表著嚴謹和莊重。網站首頁的字體基本上采用了黑色的漸變，從黑色到灰色再到白色的漸變使正畫面不那么陰沉。黑白漸變反而使得頁面在沉穩中又加強了感染力，此外在黑色背景上加上中國傳統書法，體現了中國傳統文化氣息，渲染了該學校文化內涵。該網站作為學校官方網站，有明顯的中國傳統元素，包括圖標和校名。網頁設計配色結合了色彩的各種原理和用戶色彩心理，設計師根據大致的風格再逐步進行探索。中國科學技術大學官網的設計整體朝氣蓬勃，體現了一個現代學校的科研精神。
（二）企業類網頁實例分析。
下面主要對小米網站進行企業品牌類網頁界面色彩分析，如下圖所示。小米的官網其實是以白色作為背景色。網頁的配色為橙色，橙色本身屬于暖色調，在一般網頁設計中應用不多，在小米的網站中，橙色作為一種主顏色并不讓人覺得突兀。小米網站使用白色作為背景色，字體是比較經典的紅黑搭配，給人一種前衛、時尚的感覺，這與小米崇尚的簡單時尚的品牌風格是一致的。該網站作為小米手機及相關產品的官方網站，主要目的是供用戶選擇合適的產品。可以看出，通過使用醒目的紅色字體，用戶可以第一時間看到相關的產品，起到了很好的導購作用。小米的用戶主要是年輕用戶，用偏紅色的橙色，能給人一種個性張揚，極富動感的感覺，這也比較符合小米的用戶結構。同時，橙色也能給人一種明朗穩重的效果。可以看到，小米的網站兼具了電商類網站以及品牌類網站的作用，無論是從整體布局還是細節處理上，簡單的橙色、黑色搭配都給人一種賞心悅目的感覺。在網頁界面設計中，除了遵循一定的色彩原則，還應深入思考網站的本身的性質，比如是政府網站、企業網站、個人網站。只要適合網站性質，才能設計出個性獨特，色彩鮮明的網站；并且始終堅持內容決定形式，結合色彩給人帶來的心理感知以及藝術效果，這樣才能讓瀏覽的用戶一目了然，獲得好的視覺展示效果。
作者：高海燕 單位：安徽工商職業學院
一、文字的字體設置
網頁設計中的文字設計，首先要了解網頁上文字字體的顯示原理。在瀏覽者電腦上看到字體的過程實際上是這樣的，當網頁瀏覽器加載網頁的CSS代碼后，解析到有關字體的樣式，便會在瀏覽者電腦字庫中查找該字體，只有找到了相應的字體文件，才會對網頁中的文字進行渲染，顯示出你想要的效果。如果你的操作系統中，并沒有安裝網頁CSS代碼中定義的那種字體，就無法渲染出那種字體的效果，而通常使用當前系統的默認字體來代替。網頁設計是面對所有瀏覽者的，所以這個問題，才是選擇字體的最大難點。解決這個問題只有從兩個方面進行出發：（一）使用宋體等常用的字體。所有瀏覽器默認的標準字體是中文宋體和英文timesnewRoma字體。如果沒有進行任何字體設置，在任何操作系統和瀏覽器里網頁將以這兩種標準字體顯示保持正確。現在大多數電腦操作系統為微軟的windows系統，其安裝時就自帶的4種中文字體和40多種英文字體，四種中文字體分別為宋體、黑體、楷體(GB2312)、仿宋(GB2312)。凡是在windows操作系統的瀏覽器使用系統自帶的字體都可以正確顯示這些字體。（二）圖片的方式置入網頁。根據網頁中的設計思想而選擇相應的字體，設計師往往需要用一種特殊的字體來體現自己的風格，那么特殊字體或藝術字體因為字體的原因只能在本機電腦上顯示成功。為避免這種情況的出現，設計師可以把文字進行柵格化，把文字變為圖片的形式，最好以圖片的方式置入網頁，以保證所有人看到的網頁效果相同。
二、文字的大小設置
由于網頁設計是基于電腦虛擬平臺，其展示方式區別于之前的傳統媒介的實物展示，它需要在顯示終端中展現。而現在顯示終端百花齊放，網頁設計師需要考慮不同客戶端的瀏覽體驗，而文字大小直接決定了網頁的視覺效果，是用戶體驗中的一個重要部分。不同的顯示器尺寸，不同的分辨率設置，不同的DPI參數，乃至不同的瀏覽器預設，都會對最終展現的文字大小帶來影響。雖然現在很多瀏覽器已經可以方便地縮放頁面，但用戶每次都要重新縮放，而且許多用戶不習慣縮放頁面達到最佳視覺效果。這就要求網頁設計師最好還是根據絕大多數用戶的使用習慣，設置一個比較體貼的默認字號。
三、文字的顏色選擇
字體的顏色選擇同樣是一個重要的細節，通常來說，顏色要與背景有一定的對比度，因為低對比度容易導致字體看不清楚。所以要用高對比度的顏色，所以文章都是白底黑字。網頁中的文字，通常使用黑色，這樣更加可以保證文字的辨識度又符合大眾的口味。當然現在隨著網頁設計的發展，顏色應用越來越多，但這里要避免的一些特殊顏色，因為網頁中的一些默認顏色。比如說是藍色，因為藍色代表著網頁中可以進行點擊跳轉的超鏈接，如果網頁中有一段藍色的文字，會讓人誤以為是可以點擊的超鏈接，所以這種顏色要特別慎重。但是有些時候在設計中，必須要用到這種顏色時，也有一些其他的方法來避免類似問題。例如將超鏈接的樣式帶有默認的下劃線。文字作為信息傳播的符號，實現了良好信息傳達的效果。文字的自身結構又具有視覺圖形意義，字體的造型變化構成了各種形狀，在網頁設計中文字的表現形式既有規律性又有極大可塑性。利用文字視覺傳遞、視覺規律、視知覺感受的生理效應等作用，可以在網頁設計制作中尋求和創造更加豐富多彩的個性化、風格化的視覺語言形式。
作者：高翔 單位：淮陰工學院設計藝術學院
