引論：我們為您整理了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中的所有記錄。

④操作數據庫 可利用execute方便地執行數據的插入、修改、刪除等操作。如執行插入操作： sqlstr="insert into b1values(1,2)" connect.execute(sqlstr)

⑤關閉數據對象和鏈接 在使用了ado對象之后，一定要關閉數據對象和鏈接。在asp中通過調用方法close實現關閉。 關閉創建的數據對象：record set .close set record set=nothing 關閉創建的鏈接對象：connect. close set connect=nothing 完整的程序片段

上述是用asp訪問數據庫的全過程，由于應用面向對象思想，所有操作都比較簡單，用戶需要注意的僅是對數據結構的了解、當前所操作的對象及對象的屬性等等，只要對這些有了清晰的認識，再加上asp強大功能，在網絡上使用數據庫，實現用戶與頁面間交換信息，就再也不是什么難事了。

網頁設計論文:計算機動態網頁設計論文

1動態網頁發展的進程

近年來，動態網頁的發展的進程取得了很大進步，動態網頁不同于靜態網頁，動態網頁可以說是一種技術含量較高的網頁編程技術。對于靜態網頁來說，其顯示的效果與相關的內容較長時間內不會發生變化，但是對于動態網頁來說，就可以通過一些頁面的代碼不同，而使頁面的相關內容由于環境、時間或者是相關數據庫的改變進而實現變化，在動態網頁早期的時候，大部分使用的是網關接口技術來實現的，然而在進行編程的過程中出現了較多問題，如編程的效率低、技術難以實現以及修改過程復雜，正因如此早期動態網頁技術在逐漸的被新技術所取代。與此同時，新技術的不斷完善使得動態網頁設計以及表現形式更加靈活。動態網頁的設計在通常情況下是按照由上到下的原則而實現的，先從較高層的頁面一級一級的向下進行訪問頁面的相關內容，但是要求是在不同的文件中要放置不同的頁面相關內容。正常情況下，上述的情況由靜態頁面是不能實現的，而且對于用戶來說是非常不方便的。在動態頁面上的顯示的文件大都為原頁面文件，所以一定要使用遞歸調用的方法。另外一方面，對于數據庫的訪問結果要進行處理。根據用戶給定的條件，在進行數據庫的檢索過程中需要將結果反饋給相關用戶，這是用戶通過輸入條件的不同，進而獲取不一樣的檢索效果。

2動態網頁設計的探索

2.1網頁設計原則。

計算機動態網頁設計主要目的是有效抓住用戶的相關需求，進而能夠給相關的企業帶來較大的經濟效益。因此在進行網頁設計的過程中，需要遵循一定的設計原則：首先，網頁的設計要有好的對比度，而且還要具有一致性，收到簡潔明了的效果，表達出網站的主題內容。一致性主要表現在相關網頁的風格與色彩的布局上。在對比度上，好的對比度主要體現在網站的內容上一定要有重點。只有做到這個原則才能夠制作出非常的網站。

2.2網站設計構思。

對于網頁設計之前，首先，需要進行的工作是構思。對于設計者構思設計方案，首先要明確網站的主題內容，比如對于一個相關的論壇，可以有不同的主題，如以愛好、學習技術為主題，擬定了主題之后再確定網站的主要內容。其次，要確定網站上目錄的鏈接，為了突出其重要性，要將目錄放在最為突出的地方，還要協調其他內容，放在較為合理的位置。，對于動態網頁最重要的就是要明確在網頁上的主要圖片，對于主要圖片需要根據動態網頁的主題來選擇，而且要能夠突出網站的主題。依次根據以上的三個步驟，其主要的風格基本得到確定，另外如果有特殊需要，可以進行一些相關的調整，增加或減少一些內容等。

2.3網站風格探討。

對不用戶來說，不難發現不同的頁面能夠看出有不同的風格。在版面的設計上，需要細致的觀察到版面的和諧、美觀以及最重要的實用性。另外，在傳統設計的基礎上，可以再進行一些個性化的創新設計。例如，在論壇網頁的設計上，主要使用的是d型的架構，進而進行創新。這一設計融合了邊框的設計，將一些左邊框的內容加入到上邊框上能夠減少空間的使用，使得頁面更加整潔、美觀。對內容區進行規劃時，使用到的是左右對稱法則，而且還用到了共享邊框技巧，從而都具有邊框，有效統一網頁風格。其中需要特別注意的是要在每一個欄目當中都要建立獨立的文件目錄，使用到的圖片都要放在其下面的獨立文件夾中。這樣能夠有效避免所有的文件都堆放在一起，也能夠使網站的結構看起來更加清晰。對于首頁的制作也是網站非常重要的工作，因為首頁是一個網頁的門戶。及時，對于首頁要求能夠體現網站的相關主題，讓用戶更加清晰；第二，首要要有吸引力、美觀，讓用戶有進行下一步游覽的欲望。另外，為了能與用戶進行有效的交流，可以在論壇的左欄設置投票系統，得到用戶的直接反饋。

2.4網站管理方法。

雖然現階段的網站涉及到的軟件都越來越容易使用，尤其是目前各行各業都在提倡以人為本的服務，進行設計工作，這就促使要有一個非常好的網站應該很方便去管理。設計中需要體驗用戶的感覺，進而能夠使得網絡的管理者使用起來非常方便。另外，對于管理員要設置密碼，只有這樣才能保障網站的安全性，并且保障管理員具有對密碼進行修改的權力。

3網站優化設計技巧

3.1表格設計技巧。

大部分的網站在進行頁面設計時會用到表格，使用表格來實現布局，由于表格能夠很好的實現較為復雜版面的設計工作，因此非常受歡迎。但是，也存在一定的缺點，也就是將大部分元素盡在圖中呈現，在瀏覽器中有時會出現顯示不全的現象。為了能夠有效的縮短時間，需要將大的、整個的表格打散成許多較為獨立的、小的表格來實現，另外，還需要注意的是對于意義不大的表格要進行刪除，避免出現空間的浪費，否則這些表格會使網頁的速度降低，帶來許多不便。

3.2杜絕表格嵌套。

目前的動態網頁設計過程中，設計者都傾心與使用表格嵌套的思路。因為使用表格嵌套能夠進行網頁版面設計，其好處是能夠設計出非常具有創意的版面來，也就是這一點能夠吸引著較多的設計人員，但是對于嵌套的層數越多的表格，對于瀏覽器來說，需要進行解釋與顯示的時間就會越長。所以建議在不放棄表格嵌套設計帶來的創意優勢外，建議表格嵌套層數不超過三層，只有這樣才能充分的利用表格嵌套設計版面的優勢，還能夠很好地避免由于過多嵌套帶來的瀏覽器顯示速度緩慢的問題。

3.3有效優化腳本運行。

有很多的網頁設計者，為了能夠便于所設計的網頁，在進行下載前需要先啟動腳本語言。然而，放置大量的腳本代碼將會導致整個頁面的下載或者是顯示的速度變得更為緩慢。因此，為了能夠有效的減少過量腳本代碼在中帶來的顯示速度緩慢問題，需要將那些后來執行的腳本程序放到之前進行，還可以將其放到一個外部的文件中。到使用的時候，再進行一些調用工作。這能夠在很大程度上由于網站設計的不合理，進行相關的優化工作，還可以通過采取一些簡單的技術進而加快網站的下載速度。

4結束語

動態網頁的設計工作，要求設計者不僅要具有網頁制作相關的基本常識，還需要熟練掌握網絡編程的知識。可以說，動態網頁設計不是一門單獨的學科藝術，同時它是多種藝術的總和，要是想設計出較為美觀且非常實用的網頁，就一定要系統的掌握各種網頁制作技術。其中，最重要的就是要建立較為系統的科學理論作為指導。

作者：盛巍 單位：牡丹江大學

網頁設計論文:三段式多種教學網頁設計論文

1“三段式”多種教學模式

1.1理實一體課程教學階段

前7周為理實一體課程教學，本階段主要采用“項目導向、任務驅動”教學模式，該教學模式是以培養學生的職業能力為核心，以學生為主體，以項目實踐為目標，以項目過程為導向，用項目任務進行驅動，對每一任務進行分解，圍繞項目任務的具體實施方案，構建開發的學習環境，進行知識內容和專業技能的學習。“興趣是成功的一半”，本階段圍繞典型的同學們感興趣的實際案例項目展開，把理論知識點融合其中，完成學習性工作任務。每一個典型任務教學過程包括(1)任務展示導入新課，引出問題(2)任務分析，尋求解決方法(3)知識講解，奠定理論基礎(4)任務實施，形成專業能力(5)歸納總結，提煉重點、難點。“項目導向、任務驅動”教學模式首先通過展示任務吸引同學們的興趣，充分調動其學習積極性;通過一步步任務分析，引導學生思考，發揮其主觀能動性，變被動接受為主動學習，從而提高學習效率;任務實施的過程，也是理論轉化為實踐的過程，從“授之以魚”到自然而然的“授之以漁”。教學方法上除了引導法、互動法等，還有學生演示，學生上臺操作，提高了學生的注意力，課堂氣氛緊張而活潑。

1.2綜合項目教學階段

第9－14周以“安徽旅游網”為主線進行綜合項目教學，完成實際工作任務，并以“公司網站”作為課外拓展項目訓練。該階段的教學主要采取“工作過程導向”的教學模式。“工作過程導向”的課程教學組織和實施是以工作過程為導向，發揮學生主觀能動性，強調學生個性發展。教學內容是通過對職業崗位分析確定出來的典型工作任務，從而使職業教育更加接近企業實際。通過前期調研及對具體崗位(群)分析，明確了該階段的主要工作任務是根據旅游網站的特點設計出網站規劃書(包括需求分析、站點規劃、頁面布局圖、實現技術)，然后進行網站頁面的制作，以及測試、。歸納出的典型工作任務包括:旅游網站需求分析與設計、網站整體規劃、網站頁面布局、網站頁面制作、網站、更新及維護。本階段的教學在“教、學、做”一體化機房完成，以學生動手做為主、教師理論講解為輔。隨著一個個工作任務的完成，整個項目也就完成了，學生成就感大大提高，同時也明白了實際的工作過程，為以后入職打下基礎。在做的過程中，不僅僅會做這一個項目，最重要的是可以舉一反三，“知其然更知其所以然”，課下完成拓展訓練。綜合項目教學階段很好的培養了學生的職業能力和素質。

1.3實訓拓展階段

課程結束后的一周時間為綜合實訓拓展階段，學生分組完成實訓任務。本階段采用“模擬公司”教學理念，“模擬公司”教學模式實質是人為的創設仿真模擬環境，模擬職業或崗位訓練給學生身臨其境的感覺。學習過程中學生是學習的主體，教師只是一個引導著。學生自主創建公司，可以體會企業的業務流程，并了解各環節之間的聯系，而又不必承擔企業風險。任課教師在實訓之前先根據班級人數招聘公司經理，公司經理成立公司并招聘自己的員工，根據學生情況進行任職，如網頁設計師、網頁制作員、測試人員等。公司經理一般是班級比較的學生，每個公司的員工成績盡量有梯度，避免有的公司全是的學生，有的公司全是成績差的學生。每個公司根據實訓前教師所給的“實訓任務書”，競標其中一個實訓任務，教師模仿客戶，提出具體需求，寫出詳細的規劃書，公司成員協同完成整個實訓任務。該階段公司員工以團隊協作的方式完成任務，每個人又自己的分工，同時又相互合作，有問題大家一塊解決，相互學習。本階段，學生的解決問題能力、學習能力等專業技能有了提高，同時團隊協作能力和創新能力也得到了發展。

2考核

本門課程的考核分為四個部分:平時成績、階段考核、實訓考核、期末考核。

3小結

從實踐效果來看，“三段式”多種教學模式較之傳統的課程教學模式更符合高職教學規律，很好地激發了學生學習的主動性、創造性和個性，以項目為載體讓學生“做中學”，任務由小到大逐級遞進，學生的職業能力、職業道德和職業意識逐步提高。當然，該教學模式對教師的教學業務能力、專業實踐能力、課堂項目組織能力提出了更高的要求，也是“教學相長”必然的要求。

作者：許艷丹 王志宏 單位：安徽國防科技職業學院信息工程系

網頁設計論文:課程教學改革下網頁設計論文

一、網頁設計課程教學改革的總體思路

通常情況下，一門課程的最終導向取決于該課程的教學目標，因為教學目標不僅能為教師傳授課程理念的過程提供參考依據，還能夠為學生設立正確的課程學習目標。由此看來，視覺傳達專業中的網頁設計課程教學改革，其首要任務就是重新確立網頁設計課程教學目標。網頁設計課程具有非常高的綜合性，在視覺傳達專業中也占據著非常重要的地位，能夠從多方面體現學生的網頁設計技能素質。網頁設計主要包括平面構成以及色彩構成、版式設計、Flash動畫、后期特效等課程，并且要求學生綜合運用以上課程知識設計專業、實用的網站網頁。

1.增加課堂中的實踐項目，促進學習環境的發展

引進更多的實踐項目到課堂中，學生可以充分接觸網頁制作的全過程，而且這些實踐項目可以促進學生吸收網頁設計的專業知識，使學生理解、認識更多的設計案例。這樣才有助于學生獲得更多的實踐經驗，從而取代在模擬模式中的低效率學習。

2.創設“教、學、做”一體化的教學模式，增加課程教學的整體性

學生首先要注重網頁設計應用工具的操作，其次才是利用工具參與網頁設計。學生對工具的操作方法掌握得比較牢固，但是在綜合應用工具操作知識進行完整的案例設計時，卻無法做到得心應手，缺乏整體性設計。因此，教師必須創設新的模式，將各種應用工具的使用要領融入實際案例設計，達到“教、學、做”一體化的標準，使學生在這種整體式課程教學模式中能夠綜合運用工具操作知識，完成精美、實用的網頁設計。

3.分階段進行課程考核，加強課程教學的持續性

課程考核不應以難度簡易、形式單一的網頁設計作品作為課程學習的最終成績。教師要適當增加考核題目的難度及形式，使課程考核過程帶有一定的連續性、系統性和整體性，盡量讓學生的考核內容涉及整個網頁設計課程，最終達到提高學生課程學習動力的效果。

4.將藝術與課程內容相結合

僅僅通過簡單的課程學習就想設計出精美、實用的網頁設計作品，這幾乎是不可能的。精美的網頁設計不但需要學生具備一定的藝術素養，還需要具備敏銳的設計思維。因此，網頁設計課程教學要充分發揮學生的優勢，平衡藝術與設計，培養更多經得起考驗的專業型人才。

二、教學方法和內容的改革探索

在網頁設計課程教學過程中，教師在教學方法的選擇上要堅持不斷改進，網頁設計課程的教學方法和教學內容也需要進行改革創新，只要學生緊跟教學改革的步伐，不斷探索和練習，就能學到并掌握近期的網頁設計課程知識以及先進的設計技術。在教學內容中，網頁設計教學和制作技術教學的知識點都較為分散，傳統教學方式已經無法將各類知識點整合在一起，學生在學習過程中也會感覺到困惑。以下是教學方法和內容的改革方案：

1.教學方法方面

（1）建立教學資源庫

創設網頁設計課程資源網站，將參考資料、教學計劃與課程案例都上傳至網站，對網站的后期更新工作也要持續跟進，保障學生可以了解近期的教學動態。學生一旦遇到任何網頁設計上的問題，就可以到資源庫進行查詢，從而提高自主學習能力。同時，教學資源庫也可以成為師生教學經驗的交流平臺，從而大大提高了教學質量和學生的積極性。

（2）改進教學方法

受到課程學時的限制，任課教師不可能一一講解網頁設計課程的所有內容。因此，在課后舉行自學動員會，將課堂上由于時間限制沒能講解的知識布置給學生，再讓學生以分組的形式進行課下小組討論，學生通過討論自主尋找答案，既解決了學時少的問題，又提高了學生的自主學習能力。同時，還可以在課上進行師生角色互換環節，課前給學生布置好教學任務，課上隨機抽取學生進行授課。這種教學形式可以增加學生與學生之間的競爭意識，以此互相競爭，拉動教學，真正建立以學生為主體的課堂。

（3）注重學生的思維培養

在進行課程講授時，應該摒棄固有的教學模式，讓課堂主體由教師轉換為學生。其中，最有效的手段就是注重對學生思維能力的培養，使學生的思維能力在課堂上能夠自由發揮、不受約束，尤其對于網頁設計這種實踐性較強的課程，需要學生根據自己的思維進行課程學習和實踐操作。

（4）跨學科互動交流

在課程教學過程中，可以請軟件學院的教師進行有關應用軟件工具方面的技術講解。同時，不同專業的學生可以加強學科間的互動交流，充分發揮視覺傳達專業學生的優勢特長，學習軟件專業學生的技術專長，取長補短，最終取得雙贏的效果。

2.教學內容方面

在教學內容選取上，應基于典型性、實踐性與開放性三個原則。典型性：選取典型的教學案例進行教學；實踐性：增加網頁設計實踐練習，設立更多的課程實踐項目；開放性：選取多樣化的網頁設計作品進行案例教學。遵循這三個原則選取教學內容，對提升學生的專業能力、專業素養和綜合能力有很大幫助。

三、結語

既然傳統的網頁設計課程教學模式無法滿足當前的教學需要，那么進行教學改革創新就成了必須完成的任務。良好的教學模式，可以減輕教師的授課負擔，提升授課效率；可以提高學生的自主學習能力，激發學生的學習興趣，使學生能夠學有所得。因此，教學改革是一項重要且長期的工作，教師應積極參與教學改革與教學建設，為視覺傳達專業培養更多的設計人才。

作者：李賢 單位：重慶第二師范學院

網頁設計論文:公共課創新意識下網頁設計論文

1網頁設計課程與創新意識培養的關系

《網頁設計》是大學非計算機專業本科生的公共選修課，按照高等院校文科類專業大學計算機教學要求的規定，屬于計算機小公共課課程體系中的核心課程。教學目標是通過對Dreamweaver等網頁制作工具的學習，使學生對于網頁設計中所涉及的相關知識有一個的了解，具備獨立開發簡單靜態網站的能力。網頁設計技術由于緊貼時代脈搏，易于反映社會現實的需要，在網站的定位、功能的設計上可以充分表達學生的想象力和創造力，因此非常適宜對學生創新意識的培養。目前《網頁設計》公共課的教學，主要是講授Dreamweav?er以及Photoshop、Flash等軟件的使用，使學生掌握網頁制作的基本技術、頁面美化的基本方法。但是如果教學過程中僅僅注重技術的學習、知識的傳授，這門課就會失去活力，不能體現出課程應有的價值。雖然可以在課程考核中要求學生交一份開放式作業，自擬主題設計制作一個網站，在評分標準中對網站的創意有一定鼓勵，但這對于激發全體學生的創新意識、把創新意識貫穿到教學全過程來說還是遠遠不夠的，在這方面我們還有很多值得改進的地方。要把鼓勵創新思維、發現創意、指導完成作品作為貫穿整個教學過程的指導思想。教學不是一成不變的知識傳授，而是與學生一起進行的創作體驗，期末指導出一個學生作品并進行展評，使學生見證一個想法從誕生到實現的全過程，從而在他們心中埋下創新的種子。

2引導創新意識的網頁設計教學改革實施方案

為了將創新意識的培養融入到網頁設計的教學中去，就應該突破僅僅進行知識傳授的局限，把發現和鼓勵學生設想新穎獨特的網站、指導和幫助學生完成網站設計、扶持和宣傳學生作品、培養學生的成就感和創新精神融入到教學活動中，提升課程的教學效果和教育意義。從教師講解、學生定題、選題評價、指導完成等過程入手，讓學生親眼見到的創意是怎樣實現的，使他們在《網頁設計》課程中學到的不僅是技術，更要樹立起他們勤于思考、勇于實踐的創新意識。通過教學方法的改革，使《網頁設計》課程成為激發學生創新潛能的大課堂。其實施方案設想如下：

（1）征集學生創意運用項目驅動式教學法，讓學生自選主題構思一個網站，撰寫簡單的網站策劃書。教師須在開課之初布置該作業，并通過實例介紹網站，啟發和鼓勵學生積極思考，設想出獨特、實用、有意義的網站主題；

（2）發現創意教師從及時次學生作業中找出個別的網站創意，進行點評，征求全體學生的意見，對網站的功能、欄目進一步補充完善；

（3）指導完成作品在以后的教學案例中，以選定的網站主題為目標，結合教學內容進行局部頁面制作，在上機課上對這名學生的作業進行主動的輔導、點評，幫助其最終完成作品；

（4）宣傳推廣增值在適當的時候，將學生作品到網上，增強學生的成就感。題材確實新穎的話，還可以進一步整改完善，推薦參賽。如果每學期都能樹立一個成功的典型，對全體學生創新意識的培養都會起到積極的鼓勵和促進作用。

3培養創新意識的教學案例

按照這種設想，在去年的《網頁設計》公共課的教學中，于開課第四周收了一次學生作業，要求撰寫簡單的網站策劃書，其實就是想看看學生想做什么內容的網站，對創意新穎、貼近現實需求的想法給予表揚和鼓勵，比如為偏遠家鄉做的旅游宣傳網站、針對大學生情感問題做的心理訪談網站、結合自己的專業知識做的專題學習網站等。其中一名體育學院學生寫的網站創意“華武社”，是根據自己的武術特長及表演經歷，以自己入校以來準備創辦的社團組織——華武社為主題進行設計的，由于內容獨特，需求明顯，被選為教學范例，在后續課程的講解中多次以該項目為例，逐步豐富和完善了各個網頁，最終在師生的共同努力下形成了一個美觀實用的網站，得到了很好的反響。整個教學過程使學生們看到了學以致用的效果，并且將學習、思考、解決具體問題這些環節緊密地融合在一起，無形中培養了他們勤于思考、敢為人先的創新意識。

4結語

創新能力是二十一世紀知識型時代和信息時代對人才培養的要求,國家需要當代大學生具有科技創新的能力。愛因斯坦曾精辟地指出：學校的目標應當是培養獨立工作和獨立思考的人，這些人把為社會服務看作自己較高的人生目標。他甚至認為，學生應該把培養獨立思考和獨立判斷的一般能力放在及時位，而不是把獲取專門知識放在首位。大學的教學改革應當盡量將培養創新意識引入到課堂教學中，將學習知識與解決實際問題結合起來。本文提出的思想突破了原有教學方法僅注重知識和技能傳授的局限，結合時代的發展需要和教育的高層次目標，提出在網頁設計課程的教學中融入對網站創意的關注，指導學生逐步完成其創意設想，成為有代表性的作品，積極發現、鼓勵和培養學生的創新意識，使《網頁設計》課程的教學不僅傳授了一門技藝，也培養了學生會發現的眼睛，會思考的頭腦。通過這種方式，啟發學生積極思考將現實生活中的需求通過網站表達出來，進行網站的主題設計與功能定位。對的網站創意進行重點支持和輔導，為創意的火花助燃，而不要使它自生自滅。經過“啟發—設想—創作—實現”的全程參與，使學生體驗到創意實現后的成就感，漸漸形成敢想敢做的創新精神。

作者：李素鐸 單位：西北民族大學數學與計算機科學學院

網頁設計論文:小組協同式網頁設計論文

1課程現狀及存在的問題

網頁設計與制作是一門操作性極強的課程，一開始大多數學生對課程充滿興趣，但是隨著課程學習的深入，難度不斷加大，學生學習的興趣度逐漸降低。產生該問題的原因主要可以歸結為以下三點：①課程覆蓋的內容較廣，要設計出精美的網頁，不僅需要掌握網頁設計工具如Dreamweaver、Photoshop、Flash等，還需要一定的美工基礎，并且要熟練掌握HTML、CSS、JavaScript等知識，面對這么多工具以及知識點，學生不可避免地產生畏難情緒，沒有信心學習好課程；②教學方法不夠靈活，教師常常采用較為傳統的教學方法，往往把課堂教學分為四個階段：“教師展示效果”->“教師演示制作過程”->“學生模仿制作”->“總結練習”，學生在學習過程中缺乏自主思考、自主學習、自我探索的過程，學習效果不明顯；③考核方法單一，不能綜合地評價學生的動力實踐能力，學生上交的作品質量不高，缺乏獨立思考和自主創新。

2教學改革措施——小組協同式學習的應用

2.1課程目標與定位

網頁設計與制作課程是軟件技術專業的一門職業基礎課程。本課程從高等職業技術教育的特點出發，以培養學生實際動手能力為目標，主要任務是講授靜態網頁制作的基本方法、網頁制作工具的使用以及企業網站建設的相關知識，培養學生掌握網頁設計與制作的能力，為今后從事網頁設計與網站建設打下基礎，同時為后續課程PHP網站設計的學習奠定基礎。通過本課程的學習，使學生了解網頁的基礎知識以及網站開發的基本流程，較好地掌握網頁設計與制作的基本理論，并能應用于實踐，熟練運用常用的網頁制作工具，能夠進行企業網站、電子商務網站、個人網站的設計與制作。

2.2優化教學內容

以企業真實項目為載體，教師與企業工程技術人員按照網站的開發流程（用戶需求分析→網站規劃→網頁效果圖設計→制作靜態站點→編寫后臺代碼→網站測試→與運行）精心設計教學環節。在教學實踐中，引進企業管理規范和開發流程，充分體現基于網站產品開發工作過程的能力訓練，培養學生規范化的軟件應用與網站開發能力，通過模式創新，將專業教學過程、技能訓練過程、企業工作過程有機結合起來，將職業道德教育、職業素質培養、職業能力訓練有機結合起來，培養學生的綜合職業能力。

2.3改革課堂教學組織模式

⑴分階段引入項目，動態調整學生分組。

課程將整個教學過程分為兩個階段，即“企業項目實戰階段”和“競標式項目階段”。以軟件技術專業為例，網頁課程一般開設在新生入學的及時個學期，共14周，我們將整個學期分成兩個階段。及時個階段“企業項目實戰階段”安排在前10周，在該階段學生按照項目開發的需要以及自身優勢組成項目開發小組，形成以“項目為中心”的協同學習小組——項目開發小組，小組成員輪流完成任務；第二個階段“競標式項目階段”安排在4周，此時，學生需要確定一個崗位方向，形成以“工作崗位為中心”的協同學習小組，如美工組、網頁設計組、交互程序開發組等，各個小組通過競標組成新的開發團隊，協同完成競標項目的開發。分階段引入項目以及動態調整學生分組，可以打破常規分組，使學生有了新的合作伙伴，有利于形成更加多元化的協同學習小組，同時對于發現自身優勢、挖掘潛能、明確就業方向有著重要的引導作用。

⑵成立項目開發小組，協同完成項目整體開發，促進小組協同式學習。

在“企業項目實戰”階段，學生按照項目開發需要形成優勢互補的項目開發團隊，營造真實的企業開發氛圍。項目開發團隊一般由下列角色組成：項目經理（ProjectManager）、項目組組長（TeamLeader）、項目組成員（TeamMember）。項目經理，一般由我們聘請一位有豐富實戰經驗的軟件企業項目經理或由教師擔當，負責該教學環節的現場指導。將3-5個學生分成一個學習小組（即項目開發小組），每個小組推選一位動手能力強的項目組組長，組長向上直接對項目經理負責，向下是全體組員的直接領導，項目經理要求組長對自己的組員進行考核，這樣構成一個虛擬的企業項目開發環境。全體組員以項目組為單位進行學習與實踐，協同完成項目整體開發。項目驅動的小組協同式學習不僅能使學生相互督促、相互勉勵、相互討論，相互學習，而且能培養他們的組織管理能力和協作開發能力。

⑶引入競標式項目，形成競爭與合作交叉并舉的協同式學習小組。

在分階段引入項目過程中，及時階段的項目每個項目開發小組完成后進入第二階段，在第二階段，引入了競標式項目，通過競標，從美工組、網頁設計組、交互程序開發組各選出一組，成立重點項目開發組，共同完成競標項目的整體開發。一般根據崗位的不同，美工、網頁設計、交互程序開發各成立三個組，每一組成員3-5人。對于落選的小組，則需要輔助中標的小組完成任務，同時，通過自由搭配或者教師指定的方式，再成立兩個普通項目開發小組，根據學生選題或教師選題的形式，完成其他項目的開發。競標式項目的引入使得各個學習小組既有競爭，又有合作，是一種競爭與合作交叉并舉的學習方式，具體表現為在競爭學習中有合作，在合作學習中有競爭。競爭學習不僅促進了合作學習，還為合作學習的發展和鞏固提供了堅實的基礎和動力。缺乏競爭的合作學習是沒有活力和生命力的，是脫離實際和低效的。競標式項目使得競爭學習與合作學習得到很好的結合。

2.4強化跟蹤課外學習成果

課堂只是課程學習的一部分，如何對課堂教學進行延伸，將課堂學習過渡到課外學習，是提升課堂教學質量的一項重要內容，課外學習對于提升學生的自主學習能力、專業技術水平有著重要的促進作用。“專業學生社團”和“工作室平臺”是學生完成課外學習的兩個有效的切入點。專業學生社團和工作室為學生提供了豐富的學習和實踐機會，給每一位成員提供了良好的展示自我、相互學習與相互交流的平臺。在課堂以外，利用工作室平臺讓學生參加到實際項目開發中，利用專業的學生社團定期開展技術交流和技術研討，通過項目實踐與合作交流，提升學生的自主學習意識、合作探究精神與創新能力。

2.5改革考核方法

傳統的考核方式采用卷面考試，以一次考試的成績為最終成績。這種方式往往不利于真實地考核學生的知識、技能和能力。因此，對考核方式的改革勢在必行。改變課程考核方式，必須對考核指標做進一步的量化和細化，注重過程化跟蹤管理，加強課內學習效果的考核以及課外學習效果考核，將學生是否參加專業學生社團、是否參加技術研討、是否實際參與項目的開發、是否參加學生技能競賽等課外學習環節納入到課程考核指標中，促進建立學生發展的評價體系，讓考核標準強調“知識、技能、素質”三方面的要求，突出整體的綜合能力培養目標。

3結束語

課堂教學是整個教學工作的中心環節，也是決定培養規格和達到培養目標的基本環節。要提高學校教學質量，就必須把注意力放在提高課堂教學質量上。課程立足浙江軟件產業的發展與需求，以就業為導向，以校企合作為突破口，積極探索“崗位引領，項目驅動”的工學結合人才培養模式，堅持以工作過程為導向的課程設計理念，改革傳統的課堂教學方法，采用“小組協同式學習”教學方法，強化學生在學習中的主體作用，培養學生的自主學習能力，提升團隊協作水平，使學生不僅具有較強的專業水平，而且具備良好的職業素養，培養能夠滿足企業發展需要的網站開發人才。在課程的改革實施過程中我們發現，在美工、網頁設計、交互程序開發三類崗位中，最欠缺的是美工和交互程序開發能力，因此，下一步將重點強化這兩類崗位能力的培養，相應地增加課程內容的比重，加強實踐訓練。

作者：錢麗丹 單位：浙江經貿職業技術學院信息技術系

網頁設計論文:計算機圖像處理網頁設計論文

一、計算機圖像處理技術概括

計算機圖像處理技術是網絡發展與時代變化的產物，伴隨數碼是時代的來臨，計算機的屏幕上開始出現了圖片，人們對數碼圖片也產生越來越豐厚的興趣。而我們所說的計算機圖像處理技術就是以數碼圖片為基礎而進行設計的。早先，計算機圖像處理還僅僅局限于圖像顯示功能上的處理，利用硬件與驅動接口，將計算機同拍照設備之間進行連接，進而使得計算機瀏覽圖片成為可能。隨著人們越來越高的圖片質量要求，逐漸出現了處理圖片的需求，也就隨之研發了針對圖像進行處理的技術，并最終得到了應用。

二、計算機圖像處理技術在當前的應用

伴隨不斷普及或者說是已經普及了的計算機圖像，使得越來越多的非專業人士致力于探究與處理計算機圖像。因此，要在一定程度上對圖像處理技術加以改革，其中最為重要的就是針對一些圖像處理軟件的改革。為了方便越來越多的人都能對圖像加以處理，也就使得一些操作簡單的圖像處理軟件得到了發展。因而計算機圖像處理技術在未來的發展方向必定是簡潔化與簡單化。眾所周知，在對圖片進行處理時，人們經常用到Photoshop這一軟件，從一定程度上講，這種軟件對圖像的處理有著十分重要的作用。通常來說，經過拍照得到的圖片，其質量是不能進行二次加工的，但是在研發出計算機圖像處理軟件之后，實現了對圖像的二次處理。利用Photoshop軟件可以識別出圖片的格式，并進一步的對色彩加以一定程度的控制，在該軟件的使用過程中，可以對色彩或者是光線進行相應的操作，進而使圖片的質量得到了提升。

三、計算機圖像處理在網頁技術的應用

1.圖像尺寸的處理

在網站中對圖像進行合理的布局是十分重要的，因此就一定要考慮到圖像尺寸的問題，因為網頁直觀的效果會因圖像的尺寸而受到之間的影響。對與尺寸大的圖像，應當使其涵蓋更加更加豐富的內容，將想要表達的內容精細的展現出來，使內容變得更加直觀，使瀏覽者引起快速的注意；而尺寸較小的圖像，應當具有一定的個性化，為網頁進行更好的烘托。想要在網頁中將各種大小不同的圖像同文字進行結合，對網頁進行展示，就需要我們合理的對網頁的主標題與副標題加以配置，使主標題能夠更加明顯的突出表現出來，以至于更加吸引瀏覽者的眼球，使附屬圖同主圖之間配合的相得益彰，實現更加的設計效果。

2.使圖像成為網站的標志

對于任何形式的網站來說，都是因為一定的目的而成立的，網頁中的點擊率高低很大程度上取決于網站采用的網頁LOGO，也就是說整個網頁中能夠起到關鍵性作用的就是網頁LOGO。通常設計師都是根據企業的理念以及企業的本身來對LOGO進行精心的設計，在其設計過程中需要包含功能性以及藝術性，只有設計得當的LOGO才能令人有歡喜的感覺產生。當前的LOGO設計都是設計師以企業本身具有的文化特色以及企業的產品為基礎，再加上相應的藝術色彩表現來進行設計的，最終使瀏覽者在看到企業LOGO時產生一個美好的感受，進而對該網站產生相應的信任。

3.使圖像成為網站的關鍵圖

不難發現，我們在瀏覽網頁時，總會看見各個網頁都會利用一些引人注目的圖像使瀏覽者的目光被深深的吸引，進而產生瀏覽網頁的愿望。然而在網頁中插入的圖像不僅僅是為了使網頁的瀏覽量得到提升，更是為了使瀏覽者通過看到的圖像對網頁內容加以了解。這樣就使得這張圖像成了統領全局的關鍵圖，充分的將網頁中的內容顯示了出來。雖然不通過文字而是單單使用圖像的形式顯示出將要表達的內容屬于以一種傳統的宣傳方式，但是還是會對人們產生一種強力的視覺沖擊感，進而更加直觀的將內容展示出來。

四、結束語

綜上所述，伴隨計算機網絡技術的不斷進步，利用計算機圖像處理技術進行網絡設計也逐漸受到人們的關注。現代網頁中對圖像的設計越發的豐富多彩，不論是圖像的類型還是圖像的特色都是各不相同的。因此，相信計算機圖像處理技術在網頁設計中的應用前景將是無限廣闊的。

作者：黃慧精 單位：宜春職業技術學院

網頁設計論文:中職教學方法網頁設計論文

一、課程教學中存在的問題

（一）學生存在的問題

1.學生基礎差，學習網頁語言有困難。網頁設計主要應用DIV+CSS技術，其中很重要的一部分內容是要學習HTML語言和一些腳本語言，但是對于中職學生來講卻是有難度的，因為他們大部分文化基礎是比較薄弱的，尤其是英語基礎。在這種情況下，讓他學習網頁設計就有一定的難度。

2.學習網頁制作需要其他軟件知識做基礎，網頁設計是一門綜合性很強的課程，頁面的設計需要用到其他圖像處理軟件，比如,Photoshop等。制作頁面的時候還需要添加一些多媒體內容，這就需要學生對Flash的內容有一定的掌握。

3.學生對課程缺少興趣，缺乏耐心。正是由于網頁課程的綜合性強，對學生有比較高的要求。但學生卻恰恰相反，在設計網頁時缺乏耐心，對課程的學習不能善始善終，導致課程學習的困難。

（二）教師存在的問題

1.教學方法存在問題，如果教師一味地按照書本上的內容照本宣科，學生必然會覺得枯燥。更談不上對課程感興趣，這就要求教師應該熟悉自己所講授的課程，更好地組織教學內容。

2.教師缺乏責任心和耐心，面對中職學生各種各樣的問題，教師可能身心疲憊，導致課程講授毫無感情可言，教師講課如行尸走肉一般，學生更加不會投入到課程中來，直接影響了學生的學習情緒。

3.網頁設計需要大量的實例和素材，教師需要精心的準備。確保使自己所講的實例更貼近學生的水平，演示與練習相結合，提高學生的動手操作能力和解決實際問題的能力。

二、解決方法

學生的文化基礎在很短時間內很難有太大的提高，但是我們可以采用適當的教學方法，針對上述問題提出解決辦法，盡較大的努力使學生在網頁設計的課程中有所收獲。

（一）激發學生學習興趣

在課程開始時，可以設計經典網站賞析課，多讓學生欣賞一些國內外經典的網站，帶領學生認識網站，認識這門課程，建立學生學習網頁設計的強烈愿望。

（二）代碼學習方法

學生學習網頁代碼有困難，教師在講實例的時候，除了要講解設計窗口的操作步驟，更要結合代碼窗口向學生講解相應的代碼。講解代碼不必逐詞翻譯，只需要分塊講解就行了。讓學生明白，設計窗口的網頁元素以及相應效果對應著的代碼是哪一部分。學生在做練習的時候，也要要求學生要結合代碼，做完之后進行代碼的學習和分析。此外，要求學生對代碼進行抄寫，在抄寫過程中熟悉代碼的格式。

（三）分模塊學習

網頁學習需要綜合多個軟件的知識。學生不可能所有的軟件都非常精通，學生學習課程容易前面學后面忘，所以教師可以找一些比較綜合的案例分模塊講解。比如，頁面設計是一個大的模塊，可以使用PhtoShop或者Fire-Work等圖像處理工具把網頁頁面效果設計出來。效果出來之后，再拿到DreamWeaver中根據網頁效果和素材進行頁面布局和樣式的設定。網頁中需要用的Flash可以單獨作為一個flash模塊進行講解。在這樣綜合的案例中學生一邊回憶以前學過的知識，一邊接受新的知識，兩者相結合，可以給學生很大的成就感。

（四）實例教學和項目教學

這兩種教學方法是軟件學習經常用的兩種方法。針對中職學生的特點，書本上的那點例子是遠遠不夠的，他們需要更具有吸引力和新穎的實例，這就要求教師要精心備課，找到更多適合學生的教學實例。機房上課時，講的時間不宜過長，可以邊講邊練，分配好講課和學生動手操作的時間。對學生每次的練習要有時間限制，提高他們學習速度，從而提高學習效率。除此之外，還要有反饋機制，可以通過多媒體教學系統，對學生的學習情況有一個了解，把好的學生作品拿來跟大家一起分享。每次課根據教學內容可以找一個或者多個小的實例。整個課程的知識點學完后，好要有一個大的綜合項目，有利于學生學習的完整性，提高綜合應用能力。可以采用“項目式”分組開發和管理的辦法對學生進行綜合訓練。可以將網頁分成不同的欄目版塊，由學生分組完成。根據學生學習情況對學生進行合理的分組，小組成員各盡所能，又可以互相學習。

三、結語

總而言之，教學中的問題總是存在的，學生的問題是一方面，但是我們更要從自身出發，切合實際的把教學搞好，引領學生打開網頁設計課程的大門，一同感受學習的樂趣，才是我們真正要達到的目標。

作者：馮琳 單位：河北省邢臺市現代職業學校

網頁設計論文:五年一貫制網頁設計論文

一、五年一貫制中高職課程的現狀

1.課程目標與職業能力的定位不清晰。

中高職課程的銜接應該以職業能力作為落腳點。但現實中，中職學校與高職院校都存在對職業能力定位過高或過低的情況，使得兩個階段的相關課程目標經常需要調整，同時也更容易出現課程目標重復、斷檔等情況。

2.專業理論課程沒有體現中職與高職之間的區別。

目前，由于管理體制上中高職學校各自為政，使得中職和高職的課程沒有統一的課程標準，課程設置難以統一規劃。導致專業理論知識重復學習，沒有螺旋式上升的理論知識結構做鋪墊，造成了教育資源的浪費。

3.專業技能課程設置層次劃分不清晰。

專業技能課程是職業教育區別于普通教育的關鍵，現實是中職與高職在專業技能的層次劃分上并不明確，各中職學校的技能訓練過淺或過深，高職階段的技能訓練又很難及時針對來自不同中職學校的學生進行調整，造成教學效果參差不齊。

二、五年一貫制中高職課程開發的思路

課程開發最核心的問題是課程定位、課程目標、課程內容設計、教學方法和考核方法。五年一貫制的課程存在前后兩個階段銜接的問題，所以有更多的因素需要考慮。

（一）課程定位

及時步，通過對大量企業用人信息的收集，從中分析人才需求，結合行業內的專家論證，確定專業所服務的具體崗位（群）；第二步，深入工作一線對具體的工作崗位（群）進行分析，確定課程對應工作崗位的任務、流程、職責、所需知識、能力以及職業素養等；第三步，分析專業課程體系結構，明確課程在專業中的定位以及前后課程的聯系；第四步，根據中職與高職不同的培養目標，結合市場需求的指導，明確課程在中職、高職兩個階段的定位。

（二）課程設計

職業教育以面向職業崗位、為生產建設及時線提供人才為目標，所以應當緊扣行業需求，為行業企業提供有能力的發展性人才，這也是職業教育區別于普通教育的最根本特點。所以，五年一貫制的課程設計理念首先應該遵循“能力本位”原則，課程設置體現崗位需求，要培養學生扎實的專業理論功底和嫻熟的專業操作技能，以滿足行業企業的需求和自身的長期可持續發展。其次，要考慮中職與高職兩個階段在能力層次上的定位與銜接。中職階段以培養基礎職業能力為主，滿足企業對初、中級人才的需求；高職階段以培養中高級職業能力為主，讓學生的職業能力得到平滑提升，達到企業對中高級人才的要求。

（三）課程內容設計

中職階段以網頁設計與制作基礎能力的培養為主，以零散、簡單的案例作為教學載體，打破按照“軟件知識點”為主線來劃分教學模塊的方式，采用按照“網頁內容”來劃分教學模塊；高職階段注重提升已有網頁設計的基礎能力，通過完整的網站項目提升學生的綜合實踐能力、系統工程設計能力以及的職業素質。

（四）教學方法設計

無論是中職階段還是高職階段，都采用“行動導向教學”的模式來組織課堂教學。行動導向教學模式強調學生在學習過程中的主體地位，通過各種教學方法的配合訓練學生的專業能力、方法能力、社會能力，最終整合形成有效的行動能力。具體來說，中職階段的教學內容更適合采用具有“行動導向特征”的案例教學法、探究教學法、知識競賽教學法等來組織課堂完成基礎部分的學習；高職階段更適合采用項目教學法、角色教學法、探究教學法等的結合來引導學生發展自主學習能力。

（五）考核方法設計

五年一貫制的課程設計理念遵循“能力本位”原則，重點在于培養學生獲得產業界所需的各種能力與素質，所以課程評價不僅要看到學生解決問題的結果，更要看重其得出結論的過程，了解學生在過程中所體現出來的情感、態度及各種職業能力。中職階段重點考核學生對基礎知識的理解以及對基礎技能的掌握，注重學習過程的質量控制，加強形成性考核的比重。強調平時考核的中間過程（課堂表現、課堂練習、課后作業、小組競賽等），引導學生打好基本功，從細節培養學生的職業素養和能力。高職階段的考核要加重考核學生在項目的設計與制作過程中所表現出來的專業能力、方法能力和社會能力。所以，考核的內容注重項目執行過程的階段考核，將平時的項目成果、作業、報告、個人在小組項目中的貢獻、項目的創新性等列入評價范圍，關注學生在評價過程中所表現出來的興趣、特長等個性特點，引導學生發展。

三、結束語

本文以《網頁設計與制作》課程為例，提出以職業能力的銜接作為課程銜接的落腳點，探討了在中職、高職階段對課程進行銜接設計的思路和具體方法，以期為五年一貫制的課程設置提供一些有益的探索經驗。

作者：陸煒妮 單位：東莞職業技術學院計算機工程系

網頁設計論文:網站信息組織設計與網頁設計論文

一、網頁設計課程中關于網站信息組織系統設計教學的現狀

1.信息設計意識教育的作用

信息設計意識是針對人的信息獲取行為提出的。人對外界空間、形態、大小、圖文、顏色、靜動等的感知，都是一種信息傳遞。有效的信息傳遞設計是設計師不能回避的問題，當設計作品不能有效地組織各種元素傳遞信息，作品的功能性受損，純視覺效果設計的價值便隨之消減。

2.教學內容中涉及網站信息組織設計的教學內容現狀

網站中，對信息的組織和設計是站在信息傳遞效能的角度開展的。信息的設計囊括了視覺的范疇，而設計教育中，在面對網頁設計這種信息高密集度的設計專業課程時，如果將視覺傳達設計的知識體系簡單定位于網頁的視覺效果設計，是對網頁設計課程教學的扭曲。因為：一方面，人體通過視、聽、觸、嗅、味五種途徑從外界獲得各種信息，而視覺只是其中一種形式；另一方面，由于慣性思維，如果學生一想到網頁設計就將其限定于對視覺效果的設計，再高一層面也只是強調了創意等信息傳遞方式的設計，而人獲取和認知信息有著自身的一套規律和方法，對這些規律運用的缺失最終會反映在網頁設計作品上。信息如果架構不合理，會使用戶從中獲取目標信息的難度增大，體驗質量降低，造成設計行為的價值流失，有違網站設計定位的初衷。

二、網站信息組織系統在網頁設計中的重要性

1.從信息結構層面保障用戶能在網站信息中快速尋找到目標信息

網頁設計的結構性與易讀性是非常重要的，而結構的合理性是網頁信息符號易讀的必要保障。用戶對網站信息之間的關聯的認知有一定的規律，網站的本質是網絡平臺與用戶互動并傳遞信息的信息集合體。保障網站信息的易讀性，有效地向用戶傳遞信息是網頁設計的目標。用戶在各種層次的目標驅動下訪問網站，需要在不同頁面發生交互行為，完成訪問目的，因此在設計中必須保障用戶能流暢地在不同頁面獲取不同階段具有目標價值的信息。

2.從功能層面明確網頁的設計目標和開展方式

網頁的設計與傳統視覺傳達設計有很大的不同，它很大程度上不僅僅是靜態視覺效果的設計，更多的是在動態操作過程的策劃設計中，對這些交互功能的視覺補充和效果層次控制。換言之，功能決定形式，目標決定過程，傳統的視覺傳達設計關于視覺流程的應用原理在網頁設計中只在部分情況下適用。

三、網站信息組織設計的教學探索

1.選擇合適的項目案例導入與目標任務明確化

（1）挑選具體網站設計案例為課程練習任務藍本

在授課準備階段，教師挑選難度合適的網站設計項目，尤其是自己負責過的且有代表性的網站設計項目，將各個環節的任務按照不同難度分解為不同的分支任務，在不同的教學環節中使用，以任務驅動學生參與目標的實現。當課程中有一個具體任務被布置并且得到學生履行時，課堂實際上就產生了教學效果。任務驅動教學法最顯著的特點是以任務為主線、教師為主導、學生為主體，改變了固有教學法中教師講、學生聽的被動教學模式，創造了學生主動參與、協同合作、探索創新的新型教學模式。

（2）項目案例導入實踐教學環節需要注意的問題

網頁設計項目導入課題教學，在課程中的難題主要在于教學的進度難以控制。項目案例引導應用于教學，實際上就是一種課堂知識和方法的任務實踐具體化過程，關鍵在于對案例內容難度的挑選。內容太多，涉及網站信息組織設計的任務就會占用太多實踐，增加教學實踐環節授課時間的控制難度；內容理解難度大，會導致學生在進行信息分類時額外的認知和實踐工作量增大，模擬卡片分類法的過程會出現一些意外狀況；項目涉及的信息組織設計的預期理想結果過于單一，可能會造成學生因在任務組中獲得的結果趨于一致而相互抄襲，不能獲得預期的教學效果。

（3）明確案例項目中的任務目標群完成的衡量標準

教師在教學實踐中，應明確每個教學知識點的合格標準，這樣學生也會有明確的課堂目標，盡管這種目標的完成不一定建立在學生自己的興趣基礎之上，但是對于教學效果而言具有實際價值。其一，網頁設計課程中案例項目的信息組織設計的教學完成，過程中有很多環節需要控制，所以教師必須圍繞總目標確定次一級的任務目標群，使學生對完成總任務目標需要完成的幾個模塊子任務的內容有清晰的認知；其二，任務目標群的體系構成還包括各個任務目標之間的流程關聯，教師要使學生理解每個次一級任務目標安排組織的緣由；其三，明確衡量要求，使學生明確認知需要達到的合格標準。

2.情境模式模擬用戶訪問網站的過程

（1）網站的目標用戶群分析

對開放性的網站而言，被訪問時用戶需求能滿足的，且與網站的建站目標相符的，即為網站的目標用戶。網頁設計目標用戶與產品設計目標用戶的不同在于：網站先天具有自我宣傳和推廣的功能，即向所有訪問用戶傳播自身存在狀態的信息，若網站以宣傳為主要目標，那么其目標用戶群的范圍可能非常寬廣；其次才是以向特定群體提供特定產品和服務為目標的網站，其目標用戶的定義范圍較為狹窄和具體。所以，對網站目標用戶群體的分析必須聯系網站的建站目的展開。

（2）確定目標用戶群訪問網站的目標信息

網站信息成分越復雜，功能越多，網站中具有目標用戶群的目標信息價值的信息就越多、越分散，此時網站的建設對信息架構設計的需求就越急迫。換言之，即確認目標用戶訪問該網站時對哪些信息存在需求，必須在具體設計展開前進行分析。

3.卡片分類法引導學生對案例項目中網站信息組織分類

（1）關于卡片分類法

卡片分類法是一種定性和定量相結合的方法，調查者預先給予測試者一系列標有名稱或內容的卡片，讓測試者根據自身認知將這些卡片進行歸類，并對卡片名稱及類別名稱進行確認。卡片分類法是網站信息架構的一種常用方法，用來比對網站設計者和網站訪問者對網站信息分類的普遍性認知差異，以此作為設計師調整信息架構的設計依據。結合項目案例網站，將整站的眾多多寡不一、主次各異的信息和功能模塊，提煉出概括性的條目、文字、詞匯和小分類等，并書寫在準備好的卡片上進行信息特征的歸類。使用卡片分類法對網站信息進行分類和組織的目的在于讓設計者從用戶的角度理解網站的信息，以求更好地為用戶提供容易理解的網站信息組織方式。

（2）教學中卡片分類方法的具體實施過程探索總結

首先，在教學過程中，教師要求學生準備便簽之類的卡片，對作為案例項目的網站中涉及的信息內容進行梳理，將對應一級和二級網站導航架構的信息內容一級分類模塊和二級分類模塊，以及無法確定分類的獨立信息模塊，用一句話或者一個詞組提煉出來，寫在不同的卡片上，并注意用詞的性。如果暫時無法尋找到合適詞匯提煉概括一個模塊的信息內容，可用小一點的文字注釋在該卡片上，以幫助參與實驗的用戶理解。其次，參與卡片分類測試的樣本用戶的選擇。如果選擇的項目案例是一般性的網站，如一般的公司網站、主題網站，則樣本用戶可以限定在同年級或者同校的學生范圍之內進行選擇。作為課程的一種練習，這樣有一定的便利性，但是作為實際的實踐環節，則有一定的局限性，如年齡和文化教育層次的局限性，所以案例項目的選擇很重要。在卡片分類教學實施過程中，由于教學進度和課時的限制，建議選擇的被測試對象直接在班級中產生，另外，為防止參與測試的不同用戶分類時相互干擾，可以讓單個用戶先后獨立完成卡片分類，小組成員記錄分類結果以及用戶對卡片進行分類的理由。再次，展示時建議水平鋪開便簽，讓用戶重新梳理和陳述自己的分類，及時發現分類存在疑問的地方。在以往的教學中，粘貼式便簽便于在展示板上展示，但是一旦貼上，在修改和調整時容易被撕壞。，用戶測試過程的研究。按照觀察法對用戶分類過程進行觀察和記錄，是為了更地把握用戶的分類動機。觀察法是有目的、有計劃地通過對被測試言語和行為的觀察、記錄而判斷其心理特點的心理學基本研究方法之一。這里所說的觀察對象一般是訪問網站的用戶。同時，對測試結果進行用戶訪談，主要目的是確認用戶在分類過程中的判斷依據，當設計者對用戶分類結果的認知與用戶的認知有不同之處時，必須通過用戶訪談進行了解。

4.研究結果分析

E-R關系圖能比較明確地描述出卡片上的網站信息模塊之間的關系結構與關系特征，應用于網頁設計課程中的網站信息組織設計，具有較強的實用性。將用戶的測試結果用E-R關系圖描述出來，一方面可以鍛煉學生對邏輯關系的理解能力，另一方面可以培養學生在設計中注重資料信息的條理性的良好習慣。在課程安排中，教師可以安排一定的課時由每組學生上臺講解自己的研究結果，強化學生在課程中的參與感。課堂上的卡片分類測試可以讓學生從用戶的角度，看到用戶對網站信息的理解模型，這對網站信息的架構設計有很好的引導和參考作用。

四、結語

網頁設計涉及視覺設計、交互設計、信息架構、用戶體驗等各種領域的研究。在網站中，信息架構設計首先必須進行網站的信息分類和組織，這樣才能保障后期的導航系統和檢索系統設計的順利進行，進而影響交互的設計，才是網頁以何種視覺效果呈現在用戶眼前。網站的視覺設計必須以網站的信息架構為基礎開展。卡片分類法是關于信息分類的常用方法，也比較適合用于網站信息組織設計的課堂教學，輔以信息模塊之間的E-R關系圖表現，能讓學生更直觀地認識網站的信息架構，更易于幫助學生理解網站相應的區域應有對應的交互與視覺設計，從而順利展開網頁設計的后續教學。

作者：熊科軍 黃琴 單位：湖南文理學院美術學院

網頁設計論文:高職ASP動態網頁設計論文

一、高職院校ASP動態網頁設計課程存在的問題

1．教材和教學方法落后

據調查，目前高職院校ASP動態網頁設計課程普遍還是采用傳統教材，這種教材的章節是按照課程的知識內容進行劃分，每章按照知識點、命令語法格式、例題和練習的順序來編排。這種傳統教材將網頁設計開發的過程按知識點進行分解，缺少開發的過程環節。而授課教師往往按照教材講課，或用多媒體教學環境按照教材內容講授相關理論知識，然后布置相關上機內容讓學生進行實踐。這種以教師講授為主，學生學習為輔，重點介紹學習知識重難點的方法，不能做到學與做的有機結合，將導致學生難以理解和掌握所學知識和技能。隨著該課學習的不斷深入，學生的學習興趣和積極性將逐漸降低，導致后續很難綜合應用所學知識和技能完成完整的動態網站開發。

2．實踐環節對學生鍛煉不到位

經過幾年的一線教學經歷和調研發現，動態網頁設計課程在實踐課時大多采取教師布置任務、學生上機敲代碼測試運行等方式。所有同學的實踐內容和操作步驟全部相同，容易造成互相抄襲偷懶的現象，導致學生的動手操作和專業能力鍛煉不夠的結果。

3．課程考核形式過于單一

專業核心課程最終成績往往由期末考試成績決定，或采用平時成績加期末考試相結合的考核方案。這種傳統單一的考核形式對動態網頁設計這門實踐性特別強的課程肯定是不適用的，容易使學生產生平時不學，期末突擊的僥幸心理。有的教師結合上機考試，讓學生在考試中完成相應的設計試題，這種考試方式的主要問題在于考試時間有限，很難在指定的時間內考察出學生真實的水平技能，尤其對完整的網站項目來說，更是難以達到考核的目的。

4．傳統教學方式不注重培養學生的職業素質

作為一名合格的網站網頁設計工程師，所需的職業綜合素質包括堅韌性、團隊合作的意識、人際溝通能力、團隊關系培養能力，以及服務精神、獻身精神等。而教師在上課過程中只注重知識的講授和技能訓練，卻往往忽略了這些職業素質的培養，使學生在實施項目的過程中目標不夠明確，不熟悉項目整體的過程，或者不能清晰地表述自己的想法和意見等，在實際工作中還需進行二次培訓。

二、教學改革的工作內容和實施的具體措施

1．課程標準（文件）的改革

對課程標準（文件）進行重新的修改編制，前提需要對計算機專業中本課程在實際工作崗位的分析和論證。通過對市場和企業一線進行深入調研，確定ASP動態網頁設計課程在工作中的實際崗位以及典型工作任務的職業行動領域，進而確定該課程所對應的專業能力和專業知識，然后才能得出所對應的課程領域。至此，教學文件制定者需要通過上述研究論證結果進行教學文件的修訂工作。與以往課程標準不同的是，由于本課程采用項目教學和過程考核的模式，所以制定新的課程標準須要做好三個前提：一是通過人才培養方案和企業調研結果確定本門課程的學習領域，主要包括課程的能力目標、知識目標和素質目標。二是在做好學習領域后對學習領域進行分解，目標是將課程劃分為具體的若干個情境，并確定每個情境的學習內容、能力目標、總體的工作過程以及學時分配。三是根據學習情境進行詳細設計教學過程。在這一過程中，主要目的是給出詳盡的項目實施過程，如何進行教學組織以及本情境項目的考核方法等。以情境設計實現用戶注冊登錄系統為例。

2．教學過程和方法的改革

基于ASP動態網頁設計的課程標準，設定情境采用工作過程六步項目教學法為主要教學方法。項目教學法是基于項目開發過程（或基于工作過程）的思路組織教學內容進而安排系列教學活動，是以實際的工程項目為對象，師生通過共同實施一個項目工作而進行的教學活動，并以共同完成項目的情況來評價學生是否達到教學目的的教學方法。由于動態網頁設計的每個情境項目都是完整的開發案例，將學生分組來進行是普遍采取的措施。學生對信息、計劃、決策、實施、控制、評價每一步都具體分工協作，讓學生通過討論確定每個人的工作任務和職責，通過團隊的分工合作來共同完成整個情境項目。重要的是讓每個學生在項目中負責相應的任務，杜絕怠慢偷懶的壞習慣，讓學生都動起來，真正在每個情境項目中得到鍛煉。此外，由于ASP動態網頁設計課程所需前導課程較多，并且重難點之處需要學生有著較強的編程和數據庫應用能力，所以教師要充分考慮到高職學生的綜合素質和學習水平，在授課計劃中對所需前導課程要留有復習的課時。ASP語言風格類似C語言，建議在本門課之前一到二個學期開設C語言程序設計基礎課程。而在復習過程中由于課時有限，教師要把握好難易度和內容的選取，一般要堅持夠用即可的原則和中等難度的編程訓練。過于簡單的復習達不到網頁設計的要求；過難復習會打擊學生學習的信心，容易使學生產生放棄的想法。對于數據庫應用方面著重強調SQL語言的應用，與程序設計復習方式應保持一致。

3．考核方式方法的改革

如前文所述，傳統的考核考試方法對于ASP動態網頁設計課程已經不再適用，因為它并不能真正地考察出學生學到的知識和鍛煉的技能。針對項目教學法這一特點，考核方式采用過程考核效果較理想。過程性考核的具體方式因人因課而異，采用的形式也比較多變。在本門課中選取的情境案例較適合用六步法與師生評價相結合的考核方式。具體是在六步法的每一個環節中采用學生自我評價、小組互評和教師評價的方式，三種評價的分值權重根據具體情況可以自行設定。在每個項目完成后，學生提交項目設計完成情況，對各項目的知識技能進行總結。對創新的部分可以加分，對不足和錯誤扣分，靈活的打分原則既保障公平公正又激發學生不斷完善的動力。在評價的過程中教師評價要掌握的信息，包括學習態度、團隊協作等多方面綜合素質測評的情況，在評分中更多的是考察學生在實施過程中綜合素質的表現。

三、結語

總之，以上是筆者近幾年在ASP動態網頁設計這門課高職教學中總結的一些個人心得和改革的內容方法。本著讓學生更加有效的學習知識和熟練掌握專業技能的宗旨，通過一些措施和方法激發學生學習的興趣動力，加強學生的動手操作能力，有利于培養學生會學習的能力、解決實際問題的能力和今后職業發展的能力。沒有一成不變的教學方法，我們要努力發現更加適合社會發展需要的，更適合學生理解接受的教學方法模式，以提高教學效率，讓職業教育展現一個新的未來。

作者：馮增卓 單位：遼寧工程職業學院

網頁設計論文:圖片網頁設計論文

1圖形圖像在網頁設計中的作用

1.1增強趣味

增強趣味主要是指在形式上增強其閱讀的趣味性。特別是在有大量文字信息的情況下通過加入圖形圖像，可以充分地刺激人的大腦，提升其閱讀的興趣，從而吸引瀏覽者的目光，使其愿意進一步閱讀下去，從而達到傳播信息的目的。

1.2傳達信息

圖形圖像的應用，除了可以使網頁界面更加美觀、有趣外，其本身也是傳達信息的重要手段之一。隨著現代社會生活節奏的加快，迫使人們選擇更快、更直接、更形象的傳達方式。調查表明，現代人對信息的接受80%源于圖像。也就是說，圖形圖像較之文字更容易引起人們的關注。圖形圖像也比文字更直觀、通俗地將相關理念、意境等信息直接、形象、高效地傳達給受眾，從而達到設計的目的。

2圖形圖像的獲取方法

2.1從屏幕采集

最原始的方法是按下鍵盤上的<PrintScreen>鍵，將當前屏幕復制到剪貼板上，再通過其他圖片處理軟件進行加工；也可通過相應的屏幕截取軟件工具進行屏幕采集如HyperSnapDX、SnagIt等。

2.2從網上下載

網絡資源異常豐富，在Internet上可供選擇的素材很多，可以直接訪問網頁，從網上搜集我們需要的圖片，并通過保存圖片或者通過電子郵件、網際快車等形式下載相關的資料素材。

2.3用掃描儀采集圖像

可通過彩色掃描儀將報紙圖書等紙質的圖片素材進行掃描，把各種印刷品及彩色照片數字化后在計算機中存儲起來供使用。

2.4使用數碼相機及數碼攝像機采集圖像

可使用數碼相機和數碼攝像機進行圖片的拍攝和錄取，然后將相關圖像信息存儲到計算機中進行處理，這應用的非常普遍。

2.5通過計算機軟件進行繪制

可通過各種繪圖軟件進行繪制。如使用AdobePhotoshop、AdobeIllustrator、Paintor、Coreldraw、Freehand、Flash等。這些工具軟件在圖形圖像的處理方面功能很強大，不但可以很方便的處理圖形圖像，還可以優化圖片的質量，提高網頁的下載速度和制作效率。

3圖片在網頁應用中的處理方法

3.1退底處理

可以形成生動的邊緣效果，使畫面更具活力。有時也為了去除圖片中繁雜的背景，使圖片主體更簡潔醒目。

3.2虛實處理

通過對圖片進行虛實處理，也可使主體更突出，增強網頁的空間與層次感。同時通過虛實的對比，使畫面形成張弛有度的關系，其虛的部分可激發人們的想象力，有助于產生聯想。

3.3影調處理

通過各種圖形圖像處理軟件，對圖片的色度、飽和度、明度、純度等進行調整，可以制作出各種色調的圖片效果，從而大大增強圖片的感染力。如將整張圖片進行去色處理、產生單一色調效果或突出某一主要色調等。

3.4質感處理

通過對圖片的質感處理，可以激發人們的聯想與情感投入。如粗糙的表面效果，可以帶給人們的質樸的感受；對圖片進行殘缺處理和作舊處理，可以帶來一種滄桑感等。利用Photoshop圖層和濾鏡等相關功能，可以制作出不同質感的圖像效果。

3.5局部與特寫

有時為了突出某一特定部位，或獲得某種特別的視角，需要對圖片的局部進行特寫處理，通過對圖片的重新剪裁而獲得一種特別的視覺感受。

3.6綜合處理

在很多時候，為了某種表現效果，需將各種方式綜合利用，以達到設計的目的。例如，對圖片進行重新分割與組合、混合等。

4結束語

圖形圖像的應用對于強化網頁的視覺效果起著非常重要的作用，只有充分了解圖像在網頁設計中的重要作用，結合具體并切實可行的處理方法，才可以使圖形圖像在網頁中發揮更好的作用，達到美觀實用的目的。

作者：李玉榮 單位：濮陽職業技術學院

網頁設計論文:理性網頁設計論文

一、設計必須符合媒介特性

在設計網頁時，我們必須考慮網頁服務器的處理能力、網絡傳輸的帶寬，以及用戶瀏覽網頁的終端處理能力、顯示媒介的尺寸大小、分辨率高低等要素。服務器的處理能力、網絡帶寬、終端處理能力都會影響網頁傳輸的速度，而顯示媒介的尺寸大小和分辨率則會影響網頁呈現的形態。在考慮頁面的內容和顯示質量時，我們必須要理性思考頁面的數據量，綜合分析影響頁面傳輸速度的各個因素，權衡內容、質量與瀏覽者等待時間的平衡。內容多、質量高，傳達的信息量大，視覺效果好，但可能造成頁面數據量大，瀏覽者等待的時間長。Websense調查公司稱：多達70%的上網者表示不愿意在頁面讀取上超過10秒鐘，也就是說在瀏覽者點擊鏈接之后，如果頁面在10秒鐘內還沒有呈現出來，用戶會放棄訪問，即使網頁有再好的內容和質量也達不到傳達信息的目的，這就失去了設計的根本目的。從心理學的角度上看，瀏覽者在等待過程中，會逐漸增加煩躁和不安，失去耐心，況且網絡上有太多的選擇，更加劇了他們放棄的決心。設計網頁的幅面時，我們不能像紙質媒介那樣以長度單位來計量，而是以數字媒介的基本單位像素來計量，而一個像素在視覺上到底有多大又取決于顯示媒介的尺寸大小和分辨率，所以網頁在視覺上的大小在瀏覽者那里可能大不相同，因為他們瀏覽網頁時采用的顯示媒介大小和分辨率可能相差很大，也許是9英寸的筆記本電腦，也可能是25英寸顯示器的臺式計算機，即使物理尺寸相同，分辨率不同，所得到的頁面大小也不一樣。因此，我們必須對瀏覽者使用的網頁瀏覽設備有充分的調查和分析，并進行測試，以保障我們設計的網頁幅面大小在普遍使用的各種網頁瀏覽設備上能夠滿足瀏覽信息的基本要求。

二、網頁應是瀏覽為主

在用戶獲取信息的方式上，網頁有別于紙質媒介，網頁是以瀏覽為主，而紙質媒介是以閱讀為主。所謂瀏覽，按照字面意思就是粗略、大致地看一遍，其主要目的是大致了解，搜尋是否有感興趣的信息線索；閱讀比瀏覽更具有主動性和目的性，是有目的地讀，其目標是理解。克魯格在《別讓我動腦筋——網頁設計效果優化藝術》一書中提出了設計出好網頁必須面對的三個事實：一是“我們不是閱讀網頁，而是瀏覽”；二是“我們不做選擇，而是滿意而止”；三是“我們不深究原理或本質，而是想當然地使用”。我們為什么對網頁是瀏覽呢？克魯格的分析認為有三個原因：一是因為匆忙，使用網絡的目的多半是想節約時間，這樣用戶就會不停地運動；二是用戶知道不必全部閱讀，通常一個網頁里面只有很少一部分是他們感興趣的；三是用戶擅長瀏覽，瀏覽是人們日常生活中搜尋信息的慣用方法。基于這樣一些原因，用戶使用網站就是瀏覽、滿意、再瀏覽、再滿意這樣一個循環往復的過程，直至滿意而歸。如果中間出現了不滿意，這個過程就會終止，用戶就帶著不滿意而離開。所以，在設計網頁時，哲學家威廉提出的奧卡姆剃刀原理“如無必要，勿增實體”和建筑大師密斯?凡?德?羅提出的“少即是多”原則是我們檢驗設計的兩面鏡子。在確定網頁的內容時，突出那些重要的內容，去掉那些不必要的圖案和文字，即使那些能夠讓你的網頁在視覺上產生更好的效果，但如果其干擾重要信息的瀏覽，仍然應該果斷地去掉。在網頁中，只有那些有利于信息傳達目標的美才是有價值的，美應該符合于功能的需要，美和功能的和諧統一才是網頁設計追求的目標。為了便于瀏覽，在網頁內容的編排上必須尊重視覺習慣，我們在瀏覽時總是從左到右，由上而下地掃視，要根據內容的重要性，進行從左到右、由上而下地依次排列，使重要的內容映入瀏覽者的眼簾。在文案的寫作上，為了便于快速瀏覽，一是對標題、關鍵內容加以強調；二是采用短的句子和段落；三是采用清晰的分區和列表；四是先總體后詳細的寫作順序。用戶在進行瀏覽時首先是通過標題和關鍵詞來初步判斷內容是否符合自己的興趣，然后再通過總體的概述來決定是否有繼續瀏覽下去的必要。在瀏覽的過程中，短句和短的段落有利于減小理解的難度和縮短判斷的時間，清晰的分區和列表能夠讓人快速抓住其關注的興趣點，促進人們繼續瀏覽。

三、網頁設計不應打破慣例

前面已經提到，網頁是一個要求即看即用的特殊“產品”，也就是一看我們就要知道如何使用。我們雖然使用了若干手機，但我們購買了一款新的手機時，我們還是得閱讀說明書后才能正常使用，網頁確不需要。那如何才能達到即看即用呢？使用慣例就是好的武器，這也是提高所有產品易用性的重要法寶。慣例就是我們已經習慣了的東西，我們一看就知道它的意思，就知道怎么去操作，因為慣例是我們日常生活中積累起來的，已經存入大腦的固有知識。唐納德?A?諾曼在《設計心理學》中將知識分為了存儲于外部的知識和存儲于頭腦內部的知識，使用存儲于外部的知識不需要學習，但效率低；使用頭腦內部的知識需要專門學習，但效率高。而慣例是已經存儲在頭腦內部的知識，具有外部知識的高易用性和頭腦內部知識的高效率。在網頁設計中有很多慣例是不能輕易去打破的，一是重要導航在頁面的位置，按照慣例一般布置在頁面的上部、左上部或右上部，首頁的鏈接放置在最前面；二是網站的標識放置在頁面的左上部，瀏覽者用其來判別是否到達了目標網站；三是文字鏈接要加下劃線（也可以鼠標放上去才出現），瀏覽者用其來判斷是否有超級鏈接；四是常用標識符號，如在多頁文檔中，代表向上翻頁，代表向下翻頁；在視頻、音頻播放中■代表停止，代表暫停，代表播放。這些標識符號在網頁中已經具有特定的意義，是不能隨意改變的。

四、設計層面之間的邏輯聯系

戰略層確定的網站目標和用戶需求，是整個網站設計的基石，其決定范圍層的內容選擇和功能設計；結構層是對范圍層選擇的內容進行分類和組織，形成信息架構，以及對確定的功能進行交互設計，確定交互的過程和交互行為；框架層是在結構層信息架構的基礎上，根據完成任務的需要，利用超級鏈接設置來完成導航設計，以及規劃信息架構在頁面空間中的位置關系，形成布局框架；表現層是對框架層進行具體的視覺表現，包括圖形設計、色彩設計、信息圖表設計、動畫設計、視頻設計等。從上面的分析可以看出，下一層是上一層的設計依據或設計對象，上一層是下一層的進一步深化和具體，相鄰層之間緊密聯系，既不能交換，也不能跨越，更不能缺少，具有嚴格的秩序，形成了完整的邏輯鏈條，理性思維貫穿在整個設計過程之中。

五、結語

網頁設計是在互聯網絡高度發展和普及應用之后，產生的介于視覺傳達設計和產品設計之間的跨界設計領域，其設計程序的嚴密邏輯、媒介的技術特質、以瀏覽為主的信息獲取習慣、高度的人機交互等特點，都需要我們在設計中進行更多的理性思考。畢竟對于網站而言，有用、好用是及時位的。

作者：謝成開 單位：四川美術學院

網頁設計論文:圖像處理應用下的網頁設計論文

1常見處理技術

網頁中的圖像，按照存儲格式不同可以分為矢量圖和位圖，按照使用用途的不同，大致可以分為地址欄圖像，網站Logo，網頁內容圖像等。地址欄圖像類似一個圖標，顯示在地址欄網址前邊，一般經過精心設計，能夠傳遞公司專業與精細的形象。內容圖像是指嵌在網頁中或者作為網頁背景的圖像。伴隨網絡技術和軟件技術的進步，用于圖像處理設計的軟件有了很大的發展。網頁三劍客中的Dreamweaver在進行網頁設計的同時，可以對一些圖片進行簡單的變化處理，fireworks能滿足對網頁圖片處理的大部分功能要求。對于一些有特殊要求的圖像，可以使用Adobe公司的Photoshop軟件進行處理；在進行Logo等設計時，一般使用CorelDraw或Illustrator等軟件來完成。在進行圖像的設計、選擇和處理中，掌握專業軟件的基本使用技巧是必需的，圖像在網頁設計中的功能主要可以分為視覺吸引、信息引導兩方面。要達到這樣的目的，需要對圖像進行合理的處理。使用動畫圖片，以及適當的色彩對比，形成版式的變化，吸引瀏覽者的注意，引導其對網站內容的閱讀。根據公司對網站的功能定位，其所承載的任務與指向有所不同，對瀏覽者所作設定亦有差異。比如騰訊公司的騰訊網（）和騰訊（），一個作為門戶內容網站，一個作為公司形象網站是兩個獨立的網站，設計風格，內容和要求差異很大。

2新技術

網絡作為第四媒體，其顯示終端可能是計算機，平板，電視或智能手機，為了頁面兼容等原因，前端設計出現了很多新技術，如div+css技術，Javascript技術等，為了方便管理，一般采用對象的結構、表現和行為分開。結構是對象的內容，表現是其外觀，而行為是與瀏覽者的交互，或者說是瀏覽者進行鼠標點擊或輸入內容等操作時，頁面的反應。在進行網頁設計過程中，圖像對象也是如此，利用代碼可以對圖像進行一些效果的處理，起到資源占用少，頁面維護容易等目的，還可以達到一些用基本圖像處理技術不易實現的效果。用div+css結合Javascript技術可以實現在網頁前端一些設計效果和邏輯處理功能，比如圖像輪播和驗證碼校驗功能[2]。在一個存在后臺管理的網站中，網頁的很多內容來自于后臺數據庫，一些圖片也不例外，內容需要和后臺交互，根據數據庫的內容和頁面的特定邏輯，決定圖像的外觀。這是基本圖像處理技術無法實現的，需要設計者了解動態頁面設計技術，常見的技術有，php和jsp技術等。除此之外，還有連接數據庫，縮放、剪切、相框、銳化、旋轉、翻轉、透明度、反色等對網頁圖片的處理。不再一一舉例。

3結論

傳統網頁設計技術一般分為前臺和后臺技術，前臺主要負責頁面的版式和效果設計，在設計過程中，需要對圖像處理有較好的理解，隨著技術的進步和觀念的變化，一般認為，網站的功能是及時位的，在此基礎上，需要有良好的顯示效果。技術是手段，是媒介，不能一味追求技術的先進與絢麗，設計要同公司網站的定位緊密相關，綜合運用多種技術實現。網站的視覺吸引、信息引導兩方面的功能并沒有變，但是如何達到這一目的，是設計者關注并努力的方向。在功能完成的基礎上，使瀏覽者獲得良好的體驗，簡潔明快的設計往往會給用戶留下較深的印象。頁面圖像設計者要對相關技術有較好的理解，頁面前臺效果不是孤立的，任務進行過程中，美工需要和后臺設計人員進行溝通，反復修改，共同完成設計。

作者：智立甫王春寫單位：石家莊職業技術學院電氣與電子工程系石家莊市市容環衛服務中心

網頁設計論文:網頁設計多媒體技術論文

1引言

多媒體技術是將數字技術以及計算機技術的綜合體，它是各種多媒體信息集合的產物，它將文字、視頻、圖像、音頻等各種信息進行了有效的合成。多媒體技術已經廣泛的應用到到了各個行業之中，如教育、旅游、廣告等，并發揮著越來越重要的作用。多媒體技術在當前的應用范疇中所包含的內容也越來越多，其使用的素材也在不斷地增多，并且使得網頁更加的具有藝術性，使之更容易吸引瀏覽者的眼球，進而使得人們的工作學習效率得以提高。

2多媒體技術在網頁中的應用

2.1圖形圖像處理技術

網頁設計的最基礎元素就是對圖形、圖像的設計，其設計程序主要包含著五個方面的內容，首先是對圖像的獲取，其次是對圖像的編輯處理，還有就是圖像的輸出，以及圖像的壓縮和存儲，要將這些圖像轉化成另一種平面或者是立體的圖像，給瀏覽者一種視覺沖擊的效果，進而吸引更多的瀏覽者。

2.2動畫處理技術

一些動畫往往運用了一些數字處理技術，這一技術的運用可以使得文字具有一些特殊的效果，同時還可以使的一些圖形具有一種立體動態的效果。動畫的格式有GIF、SWF、FLIC、Java動畫等。

2.3數字音頻處理技術

這一技術可以使音頻不再是模擬，而是可以將音頻和視頻合成，可以通過數字化技術產生更加良好的效果，使整個網頁不管是從整體的角度看還是從局部的角度看都可以產生良好的視覺與聽覺效果，。

2.4視頻處理技術

當前視屏在網頁中的應用比較廣泛，已經成為網頁設計時必須考慮的多媒體元素，在網頁視頻設計的過程中，信號源是及時要素，它可以是高頻信號、分離電視、復合視頻信號。獲取數字視頻的方式主要包含著通過數碼攝像機獲取，CD獲取以及模擬視頻采集。

3網頁設計過程中對多媒體技術的運用

3.1動畫、視頻設計

在一些網站中，不難發現一些動畫、視視頻之類的東西，通過這些可以生動形象的將主題突顯出來，使得網頁瀏覽者可以在感官上獲得享受，同時產生空間的聯想。這樣也使得動畫在網頁設計中的地位越來越突出，成為網頁設計中非常重要的組成部分。

3.2圖形、圖像的版式設計

在對網頁進行設計時需要注意圖像質量的選擇，注意圖像的質量，盡可能的做到精致，這樣也就要求設計者在設計的過程中要對圖像進行細心的篩選，使圖片在整個網頁中的效果既融洽又精致，同時還需要對圖像的色調進行選擇，對文字進行合適的排版，這樣就可以使得圖形和文字的效果在視覺上呈現出一種意境美，從而使得整個網頁的形式統一，設計新穎。

3.3在對多媒體元素選擇的過程中要注意與網頁風格的協調

在設計網頁的過程中需要注意網頁的主體，通過視覺上的沖擊效果以及瀏覽用戶的心動情況吸引用戶，促使用戶直觀的理解網頁的主題，并通過藝術美吸引瀏覽者關注本網站，最終實現網站設計的目的。

3.4注意在多媒體設計的過程中體現藝術性

隨著信息技術的不斷進步，多媒體技術得到了迅速發展，當前網絡傳輸的技術以及硬件技術也在不斷的提高，這樣也就為藝術和技術的結合創造了良好的條件，這樣也有利于網頁的設計體現出更為品質的效果，從而也為多媒體技術在網頁設計中的應用創造了更為廣闊的前景。

4在多媒體設計中恰當的融入藝術設計的成分

網頁設計不只是由多媒體元素構成，為了使其更加的美觀就必須要考慮藝術性，要注意平面效果的傳達，這也就需要做到不同的元素結合起來，但是在結合過程中需要注意以下幾點：

4.1在設計網頁的過程中要注意內容和形式的統一

在進行設計時就需要做到形式與內容的統一，使得形式服從于內容，從而使得網絡的整體效果表現出來，這也就要求網頁的細節需要做得很到位，從而使得網頁與多媒體元素的相關性凸現出來。

4.2突出主題要素

網頁要盡可能的突出主題，使得風格與之相協調。在風格選擇上要注意多媒體元素的選擇，注意其色調的搭配，同時還要做好排版工作，從而使得整個網頁具有較強的吸引力，達到應有的效果。

4.3注重色彩搭配

在一個網頁中色彩數量好控制在4個左右，同時還要分出主次，確保總體上的統一，在局部上形成對比，要注意體現主題的色彩搭配，注意色系的選擇，還要注意背景色的選擇，盡可能的站在瀏覽者的角度思考問題。

4.4注重網頁布局

網頁布局大致可分標題型、拐角型、框架型等，選擇布局類型的依據主要是信息狀況，網頁狀況以及結構狀況，這樣就會使得網頁的頁面可以一目了然。國字型以及拐角型的適合用于信息量大的網頁中，標題正文型的適合用于綱要性的網頁之中，動畫型的可以靈活的運用到各種各樣網頁之中，但是在布局的選擇過程中需要注意各種布局類型優缺點的選擇，只有這樣才能使得網頁的效果更為明顯。

5結束語

多媒體技術在我國發展的速度非常迅速，并且不斷地成熟起來。在網頁設計的過程中要充分的運用多媒體技術，同時要注意與藝術性的結合，要注意實現藝術與技術的結合與統一，這樣才可以使得網頁設計更為立體，更加的生動形象，更具有空間效果，從而使得網頁可以更好的吸引瀏覽者，給瀏覽者留下深刻的印象，從而達到一種影像的效果，達到網站所傳輸出的目的，使其價值得以化。

作者：文利單位：重慶工商學校

網頁設計論文:網絡教學網頁設計論文

1多元化課堂教學

盡管成人教育的教學特點是以自學為主，但是面授課堂教學是必不可少的。面授課堂是其他教學形式的基礎。他可以大幅度提高教學效率，有利于幫助學生系統、深刻、地掌握知識。結合此門課程特點，在面授課堂，我采用了“案例教學法”、“任務驅動法”和“分層教學法”的多種教學方法的融合。

1.1案例教學法案

例教學法是一種具有啟發性、實踐性,能開發學生思維能力,提高學生判斷能力、決策能力和綜合素質的新型教學方——“分析案例”——“制作案例”的過程，培養學生分析問題，解決問題的能力，達到學習知識技能，靈活應用的目的。例如，在講解ASP中的Request對象時,教師先展示一個表單提交的案例，然后引領學生分析我們在點擊提交按鈕后，如何在另外一個頁面中，得到提交頁面相應的屬性值呢？學生在老師的啟發下動腦思考，引出Request對象的作用，接著教師講授Request對象的各種方法的使用。學生在深入理解后，運用知識制作此案例。

1.2任務驅動法

任務驅動法在課堂教學中，教師為學生布置上機操作任務，通過實際任務展開教學。學生通過親自動手操作，主動建構探究，培養了學生創新精神和實踐能力，提高了學生的綜合運用知識的能力。例如在學習表單制作時，以現實生活中注冊電子郵件為例，提出表單的概念，然后講解其實現理論，接著布置實際任務——投票系統，讓學生用知識去解決任務，進一步加深理解知識。

1.3分層教學法

成人的學習能力差異大，存在個體差異，因此，教學中采用分層教學法。在實際教學中，教師根據學生現有的知識、能力水平和潛力傾向把學生科學地分成水平各自相近的幾組，如A、B、C三組，A組是按大綱基本要求進行教學的學生；B組是按略高于基本要求進行教學的學生；C組是按較高要求（能發揮學生數學特長）進行教學的學生。學生分組不是固定的，而是隨著學習情況及時調整。每組布置知識程度不同的學習任務，并且在教師恰當的指導下，讓全體學生從各自的層面體驗成功的愉悅。

2模擬化網絡教學

開放教育是傳統教育與網絡教學相互融合的產物。網絡教學以其獨特的魅力在開放教育中發揮著越來越重要的作用。學習已經不再局限于課堂，學生只要有上網條件，無論何時何地，都可以方便的學習，打破了時間和空間的限制，因此，網上資源的好壞直接影響學生的學習效果。因此，筆者充分利用網絡資源，以教學大綱為依據，遵循厚基礎、重能力的原則，開發了此門課的模擬化網絡教學系統。此系統有“教學大綱”、“課程教案”、“模擬實驗”、“經典案例”、“自我測試”、“課程討論”等欄目。分層次，多模塊，手段直觀、豐富有趣的一系列實驗教學單元。制作文字、圖像、聲音、動畫于一體的豐富多彩的模擬實驗教學內容。模擬實驗教學的指導效率更高。使理論教學與實驗教學、基礎與前沿、經典與現代、實驗內容與實際應用有機結合，更有利于學生學習，并且可以反復閱讀，是面授課堂一種好的補充與強化手段。

3多樣化互動教學

3.1課堂互動

成人有豐富的社會閱歷和人生體驗,有更為強烈的對話意識和平等意識，因此,師生活動主要體現在，放下身段，深入到學生們之中，和他們們交朋友，交流心得，平等對話，互相學習。鼓勵學生大膽地表達自己的想法，暢所欲言，和學生共去探索知識的世界。所謂生生互動，就是學生和學生之間可以互相討論，交流心得。在實際操作中將學生分組，合作學習，這樣促使小組成員積極參與，培養學生團結合作意識，集體榮譽感。人機互動是學習《動態網頁設計》這門課必不可少的環節。只懂理論，不會應用，猶如紙上談兵，失去了學習的意義。所以，課上學生必須上機實踐，在實踐中掌握知識，消化知識，融會貫通。

3.2網絡互動

只要有上網環境，學生可以通過QQ群、在線論壇、電子郵件各種方式和教師互動學習。教師全天侯，多方位為學生學習提供服務。幾種方式相比之下，受歡迎的QQ群。因為它不僅可以文本交流，還可以音頻、視頻交流，并且可以一對多、多對多地交流。同時，教師還可以實現個別化輔導和答疑，提高教學質量。

作者：龔爽單位：遼寧廣播電視大學錦州分校