亚洲成色777777女色窝,777亚洲妇女,色吧亚洲日本,亚洲少妇视频

網(wǎng)頁設(shè)計畢業(yè)論文

時間:2022-05-04 08:34:57

導(dǎo)語:在網(wǎng)頁設(shè)計畢業(yè)論文的撰寫旅程中,學習并吸收他人佳作的精髓是一條寶貴的路徑,好期刊匯集了一篇優(yōu)秀范文,愿這些內(nèi)容能夠啟發(fā)您的創(chuàng)作靈感,引領(lǐng)您探索更多的創(chuàng)作可能。

網(wǎng)頁設(shè)計畢業(yè)論文:計算機網(wǎng)頁設(shè)計畢業(yè)論文

一、asp技術(shù)簡介

asp技術(shù) asp(active server pages動態(tài)網(wǎng)頁)是微軟公司推出的一種用以取代cgi(common gateway interface通用網(wǎng)關(guān)接口)的技術(shù)。目前,internet上的許多基于windows平臺的web站點已開始應(yīng)用asp來替換cgi。 簡單地講,asp是一個位于服務(wù)器端的腳本運行環(huán)境,通過這種環(huán)境,用戶可以創(chuàng)建和運行動態(tài)的交互式web服務(wù)器應(yīng)用程序,如交互式動態(tài)網(wǎng)頁,包括使用html表單收集和處理信息,上傳與下載等等。通常情況下,用戶通過瀏覽器看到的網(wǎng)頁大多是靜態(tài)的,目前internet 上的許多站點,仍然提供"靜態(tài)"(static)的主頁內(nèi)容。 所謂"靜態(tài)",指的就是站點的主頁內(nèi)容是"固定不變"的。 當瀏覽器通過internet 的http (hypertext transport protocol)協(xié)議,向站點服務(wù)器(web server)要求提供主頁的內(nèi)容時,站點服務(wù)器收到要求后,就傳送原已設(shè)計好的靜態(tài)的html 的文件數(shù)據(jù)給瀏覽器。 一個"靜態(tài)"的站點,若要更新主頁的內(nèi)容,必須手動的來更新其html的文件數(shù)據(jù)。而隨著web應(yīng)用的發(fā)展,用戶希望能夠看到根據(jù)要求而動態(tài)生成的主頁,例如響應(yīng)用戶查詢數(shù)據(jù)庫的要求、生成報表等。當在瀏覽器上填好表單(form)的輸入數(shù)據(jù),以提供http要求時,可以在站點服務(wù)器中執(zhí)行的應(yīng)用程序,而不只是一個html 文件。

站點服務(wù)器收到要求執(zhí)行的應(yīng)用程序,分析表單(form)的輸入數(shù)據(jù),將執(zhí)行的結(jié)果以html的格式傳送給瀏覽器。 根據(jù)用戶請求生成動態(tài)主頁的傳統(tǒng)方法有cgi、isapi等。cgi是根據(jù)瀏覽器端的http請求激活響應(yīng)進程,每一個請求對應(yīng)一個進程。當同時有很多請求時,程序擠占系統(tǒng)資源,造成效率低下;isapi針對這一缺點進行改進,利用dll(動態(tài)鏈接庫)技術(shù),以線程代替進程,提高了性能和速度,但要考慮線程的同步問題,而且開發(fā)步驟煩瑣。這兩種技術(shù)和另一普遍使用的開發(fā)動態(tài)網(wǎng)頁的技術(shù)java都還存在著另外一個問題,那就是開發(fā)困難,程序的開發(fā)和html寫作是兩個完全不同的過程,需要專門的程序員開發(fā)。而較簡單的開發(fā)技術(shù)如javascript和idc(internet database connector)等功能有限,不敷使用。

asp使用的activex技術(shù)基于開放設(shè)計環(huán)境,用戶可以自己定義和制作組件加入其中,使自己的動態(tài)網(wǎng)頁幾乎具有無限的擴充能力,這是傳統(tǒng)的cgi等程序所遠遠不及的地方。asp與常見的在client端實現(xiàn)動態(tài)主頁的技術(shù)如java applet、activex control、vbscript、javascript等不同,asp中的命令和script語句都是由服務(wù)器來解釋執(zhí)行的,執(zhí)行結(jié)果產(chǎn)生動態(tài)生成的web頁面并送到瀏覽器;而client端技術(shù)的script命令則是由瀏覽器來解釋執(zhí)行。由于asp是在服務(wù)器端解釋執(zhí)行,開發(fā)者可以不必考慮瀏覽器是否支持asp;同時由于它在服務(wù)器端執(zhí)行,開發(fā)者也不必擔心別人下載程序從而竊取編程邏輯。asp通過后綴名為.asp的asp文件來實現(xiàn),一個.asp文件相當于一個可執(zhí)行文件,因此必須放在web服務(wù)器上有可執(zhí)行權(quán)限的目錄下。當用戶從瀏覽器輸入了.asp文件的地址后,瀏覽器就將這個url請求發(fā)給web server,如果web server上裝了asp,就調(diào)用asp。asp讀出相應(yīng).asp文件,解釋并執(zhí)行命令,動態(tài)生成一個html頁面回傳web server,然后web server再把結(jié)果發(fā)送給瀏覽器。asp文件的制作和html類似,且和html開發(fā)集成,可以在同一個過程完成,利用asp將可以執(zhí)行的腳本嵌入到html文件中(將html文件的后綴名改為.asp),這使得html文件的編寫與腳本的開發(fā)融合在一起。通過asp內(nèi)置的對象、服務(wù)器組件(server component)可以完成非常復(fù)雜的任務(wù),而且用戶還可以自己開發(fā)或利用別人開發(fā)的服務(wù)器組件完成專門的任務(wù)。asp比較網(wǎng)關(guān)及服務(wù)器擴展模式有著以下優(yōu)點:

(1)完全與html文件融合在一起;

(2)容易創(chuàng)建,不需要其它編譯、鏈接程序;

(3)面向?qū)ο蟮牟⑼ㄟ^activex server對象可擴展。

二、電子商務(wù)數(shù)據(jù)訪問方式

電子商務(wù)是指通過電子方式,并在網(wǎng)絡(luò)基礎(chǔ)上實現(xiàn)物資、人員過程的協(xié)調(diào),以便商業(yè)交換的活動。在電子商務(wù)系統(tǒng)中,web提供了與客戶進行通信聯(lián)絡(luò)的有效手段,利用web技術(shù),實現(xiàn)web服務(wù)器與數(shù)據(jù)庫系統(tǒng)的連接,完成對數(shù)據(jù)的處理與查詢,用戶可以通過操作簡單易學的瀏

覽器來查詢處理所需要的各種數(shù)據(jù)。 實現(xiàn)web服務(wù)器與數(shù)據(jù)庫的連接一般有兩種方法:一種是利用中間件技術(shù)在兩者之間建立連接和通信,如cgi(通用網(wǎng)關(guān)接口)和api(應(yīng)用程序編程接口)。

web服務(wù)器通過調(diào)用cgi程序?qū)崿F(xiàn)與web瀏覽器的交互,即cgi程序接受瀏覽器發(fā)給web服務(wù)器的信息,進行處理后,將相應(yīng)結(jié)果再送回給web服務(wù)器,通過web服務(wù)器將信息傳送給瀏覽器。但cgi程序在響應(yīng)速度和資源利用等方面有較大局限性,客戶端每請求一個cgi程序,服務(wù)器端便打開一個進程,當請求的數(shù)量較大時容易引起瓶頸現(xiàn)象,開發(fā)人員常利用api編程來擴展服務(wù)器功能,api程序占系統(tǒng)資源少,運行效率較高,但它的編程較cgi程序更為復(fù)雜;另一種是由瀏覽器中的java小應(yīng)用程序(java applet)通過瀏覽器訪問web服務(wù)器上的數(shù)據(jù)庫,利用了jdbc(java database connectivity)技術(shù),它通過jdbc提供的api實現(xiàn)對web server的訪問。由于java applet本身的局限性,目前大多數(shù)的應(yīng)用是基于中間件技術(shù)的。asp也是屬于中間件的一種模式,但在windows平臺上它比較網(wǎng)關(guān)及服務(wù)器擴展模式有著較大的優(yōu)點。網(wǎng)關(guān)的最大特點是它的平臺無關(guān)性,但網(wǎng)關(guān)程序通常較難編寫和改變。網(wǎng)關(guān)程序通常是一個獨立的程序,并不和html文件融合在一起,它需要用如c、c++、vb、perl等語言來編寫?yīng)毩⒌膽?yīng)用程序,而asp應(yīng)用改變了這一點。使用asp不僅可以讀取access和 sql server的數(shù)據(jù)庫,而且還可以讀取其他odbc(open database connect 開放式數(shù)據(jù)庫互聯(lián))兼容的數(shù)據(jù)庫。

在asp中訪問數(shù)據(jù)庫是通過ado(activex database object活動數(shù)據(jù)對象)及事務(wù)處理語句來實現(xiàn)的。ado是一種操作microsoft所支持的數(shù)據(jù)庫的方法,是一項容易使用并且可擴展的將數(shù)據(jù)庫訪問添加到 web 頁的技術(shù)。ado對象的使用與dao(數(shù)據(jù)訪問對象)、rdo(遠程數(shù)據(jù)對象)的方式相似。在asp中,ado可以看作是一個服務(wù)器組件,更簡單點說,是一系列的對象,應(yīng)用這些功能強大的對象,即可輕松完成對數(shù)據(jù)庫復(fù)雜的操作。

三、asp在電子商務(wù)中的應(yīng)用

在電子商務(wù)中,對用戶而言,進行網(wǎng)上信息查詢的目的是尋找自己需要的產(chǎn)品或服務(wù),而對于商品或服務(wù)提供者來說,其目的則是向用戶推銷自己的產(chǎn)品或服務(wù)。因此,讓用戶通過瀏覽器查詢服務(wù)器的后端數(shù)據(jù)庫是許多web服務(wù)提供者必需有的服務(wù),asp通過內(nèi)置的adodb組件來實現(xiàn)這一功能。可以使用ado去編寫緊湊簡明的腳本以便連接到odbc 兼容的數(shù)據(jù)庫和 ole db 兼容的數(shù)據(jù)源。具體的操作步驟可以歸納為以下幾步:

① 創(chuàng)建數(shù)據(jù)庫源名(dsn) adodb通過odbc工作,因此要在odbc中設(shè)置dsn(數(shù)據(jù)源名)。打開windows的"控制面板",雙擊"odbc"的圖標,然后選擇"文件 dsn "的屬性頁,單擊添加,選擇數(shù)據(jù)庫驅(qū)動程序,然后單擊"下一步",按照屏幕的指示鍵入數(shù)據(jù)源文件的名稱,然后單擊"下一步",再單擊"完成"創(chuàng)建數(shù)據(jù)源。

②創(chuàng)建數(shù)據(jù)庫鏈接 鏈接用以保持一些關(guān)于正在訪問的數(shù)據(jù)的動態(tài)信息,以及鏈接者信息。利用adodb的成員函數(shù)open和先前設(shè)定的dsn與數(shù)據(jù)庫連接,其語法如下: setconnect=server.createobject("adodb.connection") ’創(chuàng)建了鏈接對象connect。 connect.open("dsn=dsnname;uid=userid;pwd=password") ’打開鏈接。dsnname為數(shù)據(jù)源名;userid為用戶名;password為用戶口令。③創(chuàng)建數(shù)據(jù)對象 ado中的數(shù)據(jù)對象通常保存的是查詢結(jié)果。recordset 是ado中最復(fù)雜的對象,有許多屬性和方法,靈活運用,可以達到許多好的效果。其創(chuàng)建方法如下: set recordset =connect.execute(sqtstr) ’創(chuàng)建并打開了對象recordset ,sqtstr是一個串,代表一條標準的sql語句。例如: sqlstr="select*from b1" set recordset =connect.execute(sqlstr) 這條語句執(zhí)行后,對象recordset中就保存了b1中的所有記錄。

網(wǎng)頁設(shè)計畢業(yè)論文:任務(wù)驅(qū)動網(wǎng)頁設(shè)計論文

1傳統(tǒng)教學存在的問題

1.1知識點孤立,教學效果較差

傳統(tǒng)的網(wǎng)頁設(shè)計課程是按照教材的內(nèi)容,講解HTML語言和DreamWeaver工具的使用。學生往往不能將所學知識聯(lián)系起來。學期結(jié)束后,學生對整個網(wǎng)站的構(gòu)建缺乏清晰的概念,提交的作品質(zhì)量較差。在對學生進行期中課程質(zhì)量問卷調(diào)查中,80%的學生都認為課程所學內(nèi)容可以理解,但是當教師要求學生動手完成網(wǎng)站時,90%的學生都不能很好完成。這正是因為在傳統(tǒng)教學中一般采用講授法和實驗法,一周2學時的理論講解,2學時的實驗課。教師按照教材章節(jié)進行教學并布置實驗內(nèi)容,這樣就造成了學生只對單一章節(jié)知識的理解,難以將所學內(nèi)容聯(lián)系在一起。

1.2教材過時,影響教學效果

網(wǎng)頁設(shè)計課程是一門應(yīng)用極強的課程,技術(shù)和工具的更新?lián)Q代較快。而與之矛盾的卻是教材的出版周期較長,往往跟不上技術(shù)發(fā)展的腳步。例如,當前,DreamweaverCS6已經(jīng)成為主流網(wǎng)頁設(shè)計的軟件,但是一些教材還停留在講解Dreamweav-erCS3上,導(dǎo)致學生的興趣不高,不利于學生創(chuàng)造能力的培養(yǎng),違背了教學目標的要求。同時,按照教材的內(nèi)容講解也限制了教師的教學,目前高校中使用的網(wǎng)頁設(shè)計教材分為兩種,一種是基于理論性質(zhì)的,單純講解HTML,一種是介紹Dreamweaver網(wǎng)頁開發(fā)的。前一種不適合非計算機專業(yè)學生學習,內(nèi)容比較枯燥,學生在沒有計算機程序語言的基礎(chǔ)上很難理解。一般高校對非計算機專業(yè)學生都選擇使用第二種介紹Dreamweaver的教材,而該教材則會造成學生的開發(fā)水平較低,過度依賴工具,無法解決實際問題。

1.3教學方法單一,學生學習興趣不高

對于公共課來說,學習興趣是學生是否能學好課程的重要因素。對于計算機應(yīng)用能力較差的非計算機專業(yè)學生來說,在學習網(wǎng)頁設(shè)計這門課程時,如何提高學生的興趣至關(guān)重要。傳統(tǒng)的網(wǎng)頁設(shè)計課程的教學采用2學時理論和2學時實驗課的形式進行,學生缺少動手的機會,往往使學生對課程缺乏興趣,這阻礙了學生的能動性與創(chuàng)造性的發(fā)揮。對學生進行調(diào)查問卷中,70%的學生都提出課程設(shè)置實驗時間較少,應(yīng)將課程都安排在實驗室等問題,還有一些學生認為網(wǎng)頁設(shè)計課程應(yīng)以提高學生興趣為出發(fā)點。這些都說明了學生對于增加自己實踐機會的渴望。

2基于任務(wù)驅(qū)動的教學改革

任務(wù)驅(qū)動教學法是指在學習課程中,學生在教師指導(dǎo)下,根據(jù)學習內(nèi)容完成任務(wù)的教學方法。任務(wù)驅(qū)動教學之下,學生具有較強解決問題的動機,對學習資源能夠積極主動的應(yīng)用,能夠進行自主的探索與互動協(xié)作的學習,最終圓滿完成課程指定的任務(wù)。它打破以往以傳授知識為主的傳統(tǒng)教學理念,建立以解決問題、完成任務(wù)為主的多維互動式的教學模式;并將再現(xiàn)式的教學變?yōu)樘骄渴降膶W習,學生處于一個積極的學習狀態(tài),都能根據(jù)自己對當前問題的理解,運用所學知識與自己特有的經(jīng)驗提出方案來解決問題。任務(wù)驅(qū)動教學法是一種建立在建構(gòu)主義教學理論基礎(chǔ)上的教學法。它要求“任務(wù)”的目標性和教學情境的創(chuàng)建。使學生帶著真實的任務(wù)在探索中學習。在這個過程中,學生還會不斷地獲得成就感,可以更大地激發(fā)他們的求知欲望,逐步形成一個感知心智活動的良性循環(huán),從而培養(yǎng)出獨立探索、勇于開拓進取的自學能力。

2.1任務(wù)的制定

根據(jù)網(wǎng)頁設(shè)計課程的內(nèi)容與特點,首先在學期開始時給出課程的總?cè)蝿?wù)以及總的教學目標。課程的總?cè)蝿?wù)是以小組為單位,選擇教師給定的任務(wù)書中的網(wǎng)站題目,設(shè)計實現(xiàn)一個靜態(tài)網(wǎng)站??偟慕虒W目標是掌握設(shè)計網(wǎng)站的方法。(1)第一章是初識網(wǎng)頁設(shè)計,教師會首先講解幾個靜態(tài)網(wǎng)站的實例,讓學生對所學課程有一定了解,之后講解相關(guān)的概念和設(shè)計開發(fā)工具DreamweaverCS6;學生的任務(wù)是根據(jù)小組所選擇的題目,在互聯(lián)網(wǎng)中查找資料,書寫開題報告。同時每組出一名學生向大家介紹本組的想法。(2)第二章是學習建立本地站點,教師會講解建立站點的重要性,講解相對路徑和絕對路徑,之后講解如何建立站點;學生的任務(wù)是為自己的網(wǎng)站建立站點,預(yù)估網(wǎng)站的規(guī)模,添加相應(yīng)網(wǎng)頁并改名。(3)第三章是網(wǎng)頁頭部信息,教師講解如何添加網(wǎng)頁標題、關(guān)鍵字和說明;學生的任務(wù)是為站點中所有網(wǎng)頁添加頭部信息。(4)第四章是網(wǎng)頁布局,教師講解網(wǎng)頁布局技術(shù):表格、DIV、框架以及模板和庫;學生的任務(wù)是對網(wǎng)站進行前期布局。(5)第五章是超級鏈接,教師講解超級鏈接;學生的任務(wù)是制作導(dǎo)航欄。(6)第六章是添加多媒體,教師講解添加圖片、背景音樂、Flash、滾動欄等內(nèi)容;學生的任務(wù)是準備網(wǎng)站中需要的圖片、flash等資源,將資源添加至網(wǎng)頁。(7)第七章是表單,教師講解如何添加和設(shè)置表單;學生的任務(wù)是給網(wǎng)站添加注冊頁和用戶登錄。(8)第八章是CSS,教師講解CSS的應(yīng)用;學生對網(wǎng)站添加內(nèi)部樣式和外部樣式表。(9)第九章是網(wǎng)站,教師講解使用IIS在局域網(wǎng)中如何站點;學生的任務(wù)是相互網(wǎng)站,對其他組內(nèi)容進行訪問。課程內(nèi)容講完后,預(yù)留兩周課程時間,學生對所做的作品進行整理、美化。課程結(jié)束后,小組為單位對作品進行展示和提交。

2.2考核方法與評分標準

網(wǎng)頁設(shè)計課程總成績由平時成績和期末成績兩部分組成。其中平時成績占總成績的50%,期末成績占總成績的50%。平時成績除了到課情況外,主要依據(jù)學生在組內(nèi)的貢獻、每期任務(wù)的完成情況以及整個團隊的表現(xiàn)。與傳統(tǒng)的成績評定不同,該課程更注重學生的平時表現(xiàn)是否積極、是否有團隊合作精神。期末成績的考核包括提交的作品和學生的答辯情況,評分指標與所占分數(shù)如表3所示。提交的作品主要考察界面是否合理、美觀,是否與開題所寫的需求分析內(nèi)容一致,網(wǎng)站是否能正常的顯示以及配套的網(wǎng)站文檔是否完善等。答辯模擬項目經(jīng)理與客戶的角色進行,教師提出問題,學生進行回答,查看學生的現(xiàn)場反應(yīng)力與問題解決能力。

3總結(jié)

針對非計算機專業(yè)學生學習網(wǎng)頁設(shè)計課程,本文提出一種基于任務(wù)驅(qū)動的課程教學方法。目前,該教學方法已在我校幾個班級進行了試驗性應(yīng)用。從過程來看,學生通過這種教學方法,主觀能動性明顯提高,課堂氣氛活躍,學生興趣較高。從課程的結(jié)果來看,學生所提交的作品質(zhì)量明顯提高,學生的動手能力也有顯著的提高。在今后的教學中,我們將根據(jù)教學中出現(xiàn)的問題,進一步完善教學方法,以達到更好的教學效果。

作者:呂瑩瑩 鄭穎 單位:河南科技學院信息工程學院

網(wǎng)頁設(shè)計畢業(yè)論文:圖像處理技術(shù)中網(wǎng)頁設(shè)計論文

1常見處理技術(shù)

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

2新技術(shù)

網(wǎng)絡(luò)作為第四媒體,其顯示終端可能是計算機,平板,電視或智能手機,為了頁面兼容等原因,前端設(shè)計出現(xiàn)了很多新技術(shù),如div+css技術(shù),Javascript技術(shù)等,為了方便管理,一般采用對象的結(jié)構(gòu)、表現(xiàn)和行為分開。結(jié)構(gòu)是對象的內(nèi)容,表現(xiàn)是其外觀,而行為是與瀏覽者的交互,或者說是瀏覽者進行鼠標點擊或輸入內(nèi)容等操作時,頁面的反應(yīng)。在進行網(wǎng)頁設(shè)計過程中,圖像對象也是如此,利用代碼可以對圖像進行一些效果的處理,起到資源占用少,頁面維護容易等目的,還可以達到一些用基本圖像處理技術(shù)不易實現(xiàn)的效果。用div+css結(jié)合Javascript技術(shù)可以實現(xiàn)在網(wǎng)頁前端一些設(shè)計效果和邏輯處理功能,比如圖像輪播和驗證碼校驗功能。在一個存在后臺管理的網(wǎng)站中,網(wǎng)頁的很多內(nèi)容來自于后臺數(shù)據(jù)庫,一些圖片也不例外,內(nèi)容需要和后臺交互,根據(jù)數(shù)據(jù)庫的內(nèi)容和頁面的特定邏輯,決定圖像的外觀。這是基本圖像處理技術(shù)無法實現(xiàn)的,需要設(shè)計者了解動態(tài)頁面設(shè)計技術(shù),常見的技術(shù)有,php和jsp技術(shù)等。

3結(jié)論

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

作者:智立甫 王春寫 單位:石家莊職業(yè)技術(shù)學院電氣與電子工程系 石家莊市市容環(huán)衛(wèi)服務(wù)中心

網(wǎng)頁設(shè)計畢業(yè)論文:課程教學目標下網(wǎng)頁設(shè)計論文

一、《網(wǎng)頁設(shè)計》課程教學現(xiàn)狀及問題分析

1.教學內(nèi)容與社會需求不同步。

隨著WEB技術(shù)的發(fā)展,網(wǎng)頁制作技術(shù)不斷更新,各種制作軟件層出不窮,這就需要教師及時調(diào)整《網(wǎng)頁設(shè)計》課程教學內(nèi)容,增減相應(yīng)知識點,使學生學習最新、最前沿的知識。但目前很多學校的網(wǎng)頁設(shè)計課程僅包括網(wǎng)頁元素操作、HTML、軟件講解等方面的內(nèi)容,對ASP、DIV+CSS、VBSCRIPT腳本語言、數(shù)據(jù)庫等最新技術(shù)涉及較少。

2.教學模式不合理。

《網(wǎng)頁設(shè)計》課程具有知識點多、知識點分散、實踐性強等特點。傳統(tǒng)教學模式通常圍繞各個知識點組織教學內(nèi)容,以教師為中心,以課堂為主體,以課堂講授為主要教學方式,突出理論學習的重要性而忽視動手操作能力和實踐能力的培養(yǎng)?!毒W(wǎng)頁設(shè)計》課程學完之后,學生很難將所學知識系統(tǒng)化,更難以根據(jù)實際需要進行網(wǎng)站設(shè)計與制作。目前,很多學校已經(jīng)意識到培養(yǎng)學生綜合職業(yè)能力的重要性,但是培養(yǎng)目標及執(zhí)行過程并沒有實質(zhì)性轉(zhuǎn)變,致使學生綜合實踐能力與社會需求脫節(jié)。

3.實訓(xùn)環(huán)節(jié)薄弱。

《網(wǎng)頁設(shè)計》課程是一門實用性、操作性非常強的課程,教師需要在課程教學過程中增加實訓(xùn)環(huán)節(jié),以提高學生的動手操作能力。目前《網(wǎng)頁設(shè)計》課程主要是在各章節(jié)中穿插相應(yīng)實驗內(nèi)容,但實驗內(nèi)容僅作為課堂所學知識點的驗證,沒有對培養(yǎng)學生綜合職業(yè)能力起到引導(dǎo)和啟發(fā)的作用。教師對《網(wǎng)頁設(shè)計》課程實踐教學重視不足,課程教學過于重視具體知識點的講授,忽視網(wǎng)頁設(shè)計整體應(yīng)用能力的培養(yǎng),導(dǎo)致學生實踐能力不足。

二、三維目標在《網(wǎng)頁設(shè)計》課程教學中的實現(xiàn)

三維目標以“知識與技能”為核心目標,以“過程與方法”“情感態(tài)度與價值觀”為從屬目標,三者并不具有同等的生態(tài)位?!斑^程與方法”是目標與手段,促進核心目標的實現(xiàn),“情感態(tài)度與價值觀”與之相似,對學生的學習具有導(dǎo)向功能,“知識與技能”是實現(xiàn)“過程與方法”“情感態(tài)度與價值觀”兩個目標的載體?!毒W(wǎng)頁設(shè)計》課程具有很強的實踐性,是一門包含色彩搭配、布局設(shè)計等多種技術(shù)的課程,其“知識與技能”目標要求學生熟練運用Dreamweaver、Photoshop、Fireworks等軟件,并能掌握網(wǎng)頁制作技術(shù)的基本內(nèi)容、基本處理方法和一些特殊技巧。為實現(xiàn)課程教學目標,筆者以“過程與方法”作為主軸,以“情感態(tài)度與價值觀”作為補充,設(shè)計了一套符合實際的教學模式———階段教學模式。階段教學模式將整個教學過程分為三個階段:第一階段為“任務(wù)驅(qū)動,案例支撐,項目導(dǎo)向階段”。教師先把實際項目引入到課程教學中,分解教學任務(wù),完成課程知識體系的重構(gòu),然后采用案例教學的方式,邊教邊練,將實踐和理論有機結(jié)合,全面提升學生的開發(fā)能力。第二階段為“項目合作設(shè)計階段”。這一階段按照實際項目開發(fā)的流程,由學生自由組隊、自主選題、共同完成作品設(shè)計,以提升學生網(wǎng)頁設(shè)計綜合能力。第三階段為“校企合作實踐階段”。學校與企業(yè)合作,建立職場環(huán)境下的學生工作室,為學生頂崗實習提供場所,將企業(yè)開發(fā)流程和規(guī)范、先進企業(yè)文化引入到教學中,實現(xiàn)校企“無縫”對接。實踐證明,運用這種模式進行教學,學生的網(wǎng)頁制作水平能從初學達到熟練程度,教學效果明顯。階段教學模式劃分為上述三個階段,具體的教學設(shè)計過程如下。

(一)第一階段:任務(wù)驅(qū)動,案例支撐,項目導(dǎo)向階段

首先,網(wǎng)頁設(shè)計項目的選取與分解。網(wǎng)頁設(shè)計課程教學的最終目標是使學生具備一定的組織能力、開發(fā)能力、審美能力,能夠自主開發(fā)和進行網(wǎng)頁設(shè)計。在教學中,教師不僅要教授學生基本專業(yè)技能和一些常用技巧,而且要培養(yǎng)學生的思維能力和分析能力。教師應(yīng)根據(jù)《網(wǎng)頁設(shè)計》課程的特點以及學生需要掌握的內(nèi)容,進行項目的選取與分解。此過程需要注意以下幾個方面:第一,項目的選取在于精,而不在于多。整個教學過程一般只需三個有代表性的項目即可,每個項目均具備一定的綜合性,能夠解決若干個問題,同時能夠?qū)⑷舾蓚€知識點串聯(lián)起來。第二,項目應(yīng)具有使用價值,話題要有吸引力。網(wǎng)絡(luò)技術(shù)日新月異,教師應(yīng)選取最新的項目技術(shù)作為教學內(nèi)容,否則沒有實用價值。同時,為了激發(fā)學生的學習興趣,教師應(yīng)以當前流行話題或?qū)W生關(guān)心的問題為主題進行網(wǎng)頁設(shè)計,由易到難,喚醒學生的求知欲望,提高教學效果。第三,分解項目到每一個知識點,并逐一講解。教學初期,學生幾乎沒什么基礎(chǔ),從整體的項目分析到具體的基本技能,教師需要逐一講解。這樣多個項目的教學,能提高學生的思維能力。筆者從教學實踐中發(fā)現(xiàn),隨著學生知識的積累,他們掌握每個項目所需要的時間會越來越短。其次,案例的講解與分析。案例教學強調(diào)學生的主體地位,重視師生互動教學模式。案例教學具體又分為案例分析和案例講解兩步。案例分析:教師引入相關(guān)案例,通過最終效果圖與網(wǎng)頁素材的對比,激發(fā)學生好奇心,給學生想象空間,培養(yǎng)學生的思維能力。接著,教師對主要知識點進行分析、歸納,組織學生對案例實施過程以及所需技術(shù)進行討論,使學生對網(wǎng)頁制作全過程(即項目分析、網(wǎng)頁設(shè)計、網(wǎng)頁制作、項目測試和網(wǎng)頁)有個整體上的認識。案例講解:對應(yīng)用性很強的知識點,如網(wǎng)頁中嵌入圖片、動畫、視頻等多媒體元素,以及表格、表單、層、鏈表等基本概念,教師需要仔細講解,讓學生掌握基本技能。對綜合性很強的網(wǎng)頁,教師除教授學生基本技能外,還要引導(dǎo)學生動手實踐。在教學過程中,教師應(yīng)采用開放的教學模式,根據(jù)學生的能力水平,在課堂上創(chuàng)設(shè)富有挑戰(zhàn)性的問題情境,激發(fā)學生的學習興趣,通過展示高水平、高質(zhì)量的網(wǎng)頁范例,開闊學生視野,擴展學生思路。最后,以任務(wù)作為驅(qū)動進行教、學、練。在任務(wù)驅(qū)動教學過程中,教師先布置任務(wù),接著師生一起分析任務(wù),然后由學生執(zhí)行任務(wù),最后由教師評價任務(wù)。任務(wù)驅(qū)動作為案例教學的有益補充,很好地融合了教、學、練,可以讓學生更好地掌握理論知識和實踐技能,充分調(diào)動學生學習的積極性,培養(yǎng)學生分析問題、解決問題的能力和動手實踐能力。在第一階段的教學過程中,教師將實際項目與課程知識相結(jié)合,遵循由淺入深、由易到難的原則,對任務(wù)進行分解,并檢視學生在教學過程中所持有的態(tài)度和情感體驗。

(二)第二階段:項目合作設(shè)計階段

在項目合作設(shè)計階段,教師將學生分為若干個項目小組,每組四五人,并推選出一名項目負責人。根據(jù)網(wǎng)頁設(shè)計相關(guān)知識以及個人興趣,小組成員自擬題目,共同制訂項目計劃和實施方案,由項目負責人負責任務(wù)分工以及項目材料的整理。小組成員的具體分工如下:美工負責前臺、后臺網(wǎng)頁美工設(shè)計,如網(wǎng)頁布局、網(wǎng)頁所需素材(如圖片、音樂)、網(wǎng)頁字體及網(wǎng)頁色彩搭配等;前臺代碼設(shè)計人員負責前臺程序代碼設(shè)計,如數(shù)據(jù)庫數(shù)據(jù)的提取、網(wǎng)頁展示、留言板數(shù)據(jù)錄入等;后臺代碼設(shè)計人員負責后臺數(shù)據(jù)庫設(shè)計以及數(shù)據(jù)維護,確保網(wǎng)頁正常運行。在整個項目設(shè)計過程中,學生完全處于主動學習狀態(tài),每個小組擁有充分的自主權(quán),遇到問題,各小組成員共同討論,合作完成任務(wù)。這樣能充分調(diào)動學生的積極性,激發(fā)他們的探索沖動和創(chuàng)造激情,加強團隊協(xié)作能力。在整個項目設(shè)計階段,教師應(yīng)引導(dǎo)學生分析、解讀網(wǎng)頁設(shè)計過程中發(fā)現(xiàn)的共性問題,并對項目設(shè)計過程中涉及的理論知識與操作技巧進行補充。另外,教師需要參與各小組任務(wù)制訂以及最終案例總結(jié),表揚學生的優(yōu)點,指出其不足之處,這樣不但可以鞏固教學成果,彌補學生的學習漏洞,而且能加強教師與學生之間的交流。通過第二階段的學習,學生不僅能掌握知識與技能,而且能形成積極的學習態(tài)度與情感。

(三)第三階段:校企合作實踐階段

基于校企合作的課程改革是學校發(fā)展的需要。第一,學校應(yīng)依托行業(yè)構(gòu)建校企合作機制,聘請相關(guān)企業(yè)技術(shù)骨干為指導(dǎo)教師,根據(jù)不同崗位分工,有重點、有針對性地進行課程制訂和教學。同時,教師應(yīng)根據(jù)企業(yè)的相關(guān)要求和標準來規(guī)范學生的行為。第二,建立職場環(huán)境下的學生工作室?!毒W(wǎng)頁設(shè)計》課程的教學課時有限,部分對網(wǎng)頁設(shè)計感興趣又極具操作能力的學生,希望在課后能繼續(xù)深入學習網(wǎng)頁設(shè)計的實用技術(shù)。為了滿足這部分學生的實際需求,各學??筛鶕?jù)本校的具體情況,與企業(yè)合作建立學生工作室。學生工作室完全按照企業(yè)模式進行管理,并可承接校外的網(wǎng)頁設(shè)計項目。在工作室中,教師將學生分組,并和學生共同完成項目開發(fā),以培養(yǎng)學生在實際項目開發(fā)中的分工協(xié)作能力,讓學生進一步感受企業(yè)的工作氛圍,提高學生的協(xié)作能力、解決問題能力、抗壓能力等。第三,校企合作模式下,課程教學將作為社會需求和個體需求的結(jié)合體。專業(yè)課程校企合作階段,學校應(yīng)以企業(yè)需求為前提,將課程內(nèi)容與企業(yè)生產(chǎn)項目對接,實現(xiàn)課程理論教學與實踐一體化。這種理論與實踐相結(jié)合的教學方式針對性強,不僅能與企業(yè)用人要求接軌,而且能激發(fā)學生的學習興趣。

三、結(jié)論

三維目標能夠很好地融入《網(wǎng)頁設(shè)計》課程教學改革中,三者之間并非簡單并列,而是相互滲透、有機結(jié)合,統(tǒng)一融入課程教學體系中。其中,知識與技能是載體,是三維目標的基礎(chǔ)和核心;情感態(tài)度與價值觀是過程與方法、知識與技能的升華;過程與方法是“三維”中的一條紐帶,是情感態(tài)度與價值觀、知識與技能的表現(xiàn)形式。教學實踐表明,階段教學模式不僅能提高學生的職業(yè)能力和職業(yè)素養(yǎng),而且能將理論與實踐緊密結(jié)合,達到學習與工作、學校與企業(yè)的“接軌”,實現(xiàn)三維教學目標。

作者:周建輝 單位:福建省漳州第一職業(yè)中專學校

網(wǎng)頁設(shè)計畢業(yè)論文:課程考核網(wǎng)頁設(shè)計論文

一、考核改革目的

通過《網(wǎng)頁設(shè)計與制作》多年的教學發(fā)現(xiàn),應(yīng)用傳統(tǒng)的教學方式及考核方法學生只建立了的基礎(chǔ)的專業(yè)課程知識概念及單一的基本操作,并不能綜合應(yīng)用操作技能完成某主題網(wǎng)站的設(shè)計與制作。為了建立以網(wǎng)頁設(shè)計與制作技能考核為主線的開放式、全過程的考核體系,提高學生綜合項目實踐能力,更好的與社會需求接軌。有必要對傳統(tǒng)的考核方式進行改革,同時經(jīng)過多年教學探索,結(jié)合人才培養(yǎng)方案制定了以下的考核方案。

二、考核方案

1.考核方案的制定

本考核采取學生小組合作(每組2-3名學生)完成一個規(guī)定主題網(wǎng)站項目的方式展開??偝煽冇刹僮骺己顺煽?、項目報告成績兩部分組成,權(quán)重分別為70%、30%,每一項按百分制評分后依權(quán)重比例計入總成績,總成績不及格者必須重修本課程并重新參加考試。因本校的現(xiàn)有學期總評成績是由平時成績30%、期中成績30%、期末成績40%組成,為了與學校的評分要求接軌,將本次考試所得的總成績作為學校學期總評成績的期末成績部分。并在此說明平時成績30%部分是由學生本學期的課程作業(yè)完成情況、出勤及上課表現(xiàn)綜合評定。本考核方案中的操作考核、項目報告都有具體的考核方案,其中操作考核實施的具體要求以試卷形式展現(xiàn),內(nèi)容要求以表“操作考核內(nèi)容”為中心,以考核學生綜合網(wǎng)站制作能力為基本思路,通過小組合作完成主題網(wǎng)站的設(shè)計與制作,具體要求在此省略。此外要求學生撰寫項目報告不僅讓學生明確各自的份內(nèi)工作,同時要求學生善于思考、總結(jié),每做一個項目都有所收獲。項目報告實施的具體要求涉及以下幾個方面的內(nèi)容:

(1)項目實施過程。

項目實施過程包括前期策劃、資料搜集、網(wǎng)頁制作。在前期策劃階段,要求小組共同確定網(wǎng)站名稱、網(wǎng)站風格(列舉網(wǎng)頁采用主要色彩及網(wǎng)頁色調(diào)定位)、網(wǎng)站欄目、站點目錄結(jié)構(gòu)的內(nèi)容以形成完整的網(wǎng)站規(guī)劃,在此規(guī)劃的指導(dǎo)下進行資料搜集、協(xié)作完成網(wǎng)頁制作。其中網(wǎng)頁制作中要求頁面美工設(shè)計階段介紹所用軟件及提供至少首頁效果圖截圖;靜態(tài)頁面制作階段要求繪制網(wǎng)頁布局的結(jié)構(gòu)圖及標注尺寸;程序開發(fā)階段列舉所用的開發(fā)工具、對數(shù)據(jù)庫、表進行截圖,以及繪制程序開發(fā)頁面流程圖。

(2)項目總結(jié)。

對本項目完成情況進行分析、總結(jié),并介紹項目實施過程中的收獲及體會。在作品展示時要求各小組派出代表對作品進行介紹,總結(jié),便于相互交流經(jīng)驗。

(3)項目組介紹。

對該項目組成員進行介紹及項目實施過程中的人員分工情況進行報告。體現(xiàn)小組合作開發(fā)項目的工作模式,讓學生明白實際工作中不僅需要具備較高的技術(shù)能力,還要有合作意識,與合作者之間有效、和諧的溝通。

2.考核方式

學生以小組合作形式完成項目。每小組都由組長擔任項目負責人進行總體規(guī)劃并對項目任務(wù)進行合理分工,協(xié)調(diào)組員之間的關(guān)系。最后作品的評價以小組各自展示作品的方式展開,按照教師評分、小組間評分、小組自評6:2:2的比例評定。至于項目報告成績由教師評定。該考核改革方案體現(xiàn)對學生知識技能、協(xié)作能力方面的科學、正確的評價,注重學生自主分析問題、解決問題能力的培養(yǎng),讓學生投入到一個類似實際工作的項目開發(fā)情景中,發(fā)揮各自的能力,發(fā)現(xiàn)自身的弱點,不斷自我調(diào)整以適應(yīng)職業(yè)崗位的需求。

作者:張健 單位:連云港工貿(mào)高等職業(yè)技術(shù)學校

網(wǎng)頁設(shè)計畢業(yè)論文:平面設(shè)計與網(wǎng)頁設(shè)計論文

一、網(wǎng)頁設(shè)計基本思路

在整個方向確定下來后,再對網(wǎng)頁中所需元素進行尋找,收集,選擇,例如網(wǎng)頁的基本色調(diào),文字風格,整體風格確定下來后,再開展設(shè)計工作,就能夠保證設(shè)計過程中其他相關(guān)工作也能順利進行。這種經(jīng)過極思縝密的籌備工作后設(shè)計出來的作品,才能滿足客戶的要求,才能傳達出真正想要表現(xiàn)的東西。通過相關(guān)審核后,由專業(yè)網(wǎng)頁設(shè)計人員應(yīng)用軟件開展設(shè)計工作,無拘無束的釋放設(shè)計師的靈感,最后由助手對細微的瑕疵進行調(diào)整,形成一幅完美作品。

二、平面設(shè)計基本思路

在平面設(shè)計工作中,設(shè)計師接到任務(wù)后,首先要做的是進行多角度思考,多方面了解客戶的要求。比如說,客戶的企業(yè)文化,形象定位等等,在充分把握這些信息后,再進行設(shè)計工作就會做到有的放矢,重點突出,具有較強的針對性,目標性。然后對客戶的信息做更詳細的分析。比如,了解客戶的訴求點,側(cè)重點,表達的主題等,這些都是一名合格平面設(shè)計師要做的工作。當把需要的資料準備好后,結(jié)合對這些資料的分析思考,然后確定要設(shè)計的風格,表現(xiàn)手法和主題。其實這些工作都是很有挑戰(zhàn)性的,這個過程不僅僅要把主題突出出來,還要盡可能地表現(xiàn)豐富的內(nèi)涵,寓意。這就要去設(shè)計者潛心地設(shè)計了,當然這個過程中要利用專業(yè)的繪圖軟件,來輔助工作。需要強調(diào)的是在設(shè)計的過程中一定要保證整體性和方向性的正確,保證色調(diào)和諧搭配,只有在視覺上能對客戶產(chǎn)生巨大沖擊力的作品才是有市場的作品,才是有價值的作品。

三、網(wǎng)頁設(shè)計與平面設(shè)計的聯(lián)系和區(qū)別

網(wǎng)頁設(shè)計和平面設(shè)計有著十分密切的聯(lián)系,同時兩者之間也有著一些區(qū)別。平面設(shè)計和網(wǎng)頁設(shè)計都同屬于現(xiàn)代化特色的藝術(shù)表達范疇,都是通過電腦技術(shù)來輔助或者直接完成。兩者都是集藝術(shù)創(chuàng)作、電腦載體以及數(shù)字技術(shù)于一體的,用視覺進行溝通和表達的一種藝術(shù)創(chuàng)作過程。

1.網(wǎng)頁設(shè)計是平面設(shè)計的網(wǎng)絡(luò)化。

網(wǎng)頁設(shè)計是指利用標識語言,經(jīng)過一系列的建模、設(shè)計、執(zhí)行等過程,將數(shù)字化格式的信息通過網(wǎng)絡(luò)傳播,最終以圖形或者視頻形式被用戶瀏覽。因為網(wǎng)頁設(shè)計是一種能夠充分利用各種信息化手段的設(shè)計過程,所以它既能夠像平面設(shè)計一樣對主題進行完美詮釋,還能夠細致地描述目標。在某種程度上來說,創(chuàng)作網(wǎng)頁設(shè)計的過程中,主要使用的手法,技巧都是延伸平面設(shè)計,有些甚至是一樣的。因此將網(wǎng)頁設(shè)計和網(wǎng)絡(luò)技術(shù)緊密結(jié)合起來,是將來網(wǎng)頁設(shè)計的一個必然方向。

2.網(wǎng)頁設(shè)計是平面設(shè)計在網(wǎng)絡(luò)時代的延伸。

伴隨著網(wǎng)絡(luò)時代的迅速發(fā)展,人們和網(wǎng)絡(luò)的聯(lián)系也越來越密切,人們利用網(wǎng)絡(luò)技術(shù)改革以往工作方式。在平面設(shè)計領(lǐng)域也不例外,設(shè)計師們利用鮮明的色彩,精心的網(wǎng)頁布局想方設(shè)法地吸引人們?yōu)g覽自己的網(wǎng)站。完美的網(wǎng)頁設(shè)計一定是有著完美的網(wǎng)頁風格?;诰W(wǎng)頁設(shè)計和平面設(shè)計有著很大程度上的相似性,加上網(wǎng)頁設(shè)計的發(fā)展背景,我們不能將兩者孤立起來看待,而要清楚地認識到,網(wǎng)頁設(shè)計是平面設(shè)計在互聯(lián)網(wǎng)時代的一種獨特表現(xiàn)形式,是平面設(shè)計在新時期新環(huán)境下的一種延續(xù),一種創(chuàng)新發(fā)展。

3.網(wǎng)頁設(shè)計和平面設(shè)計在技術(shù)上的區(qū)別。

網(wǎng)頁設(shè)計顧名思義就是依賴于互聯(lián)網(wǎng)進行創(chuàng)作,對于先進的軟件那無法擺脫的依賴性是網(wǎng)頁設(shè)計的短板,但是平面設(shè)計卻不是這樣,它對于這類軟件依賴性小,因為可以利用手繪來代替。網(wǎng)頁設(shè)計一般工作都是借助繪圖工具,只有在這么強大先進的軟件配合下才能完成設(shè)計。但是平面設(shè)計伴隨著經(jīng)濟和科學技術(shù)的發(fā)展,能夠不只依靠繪圖工具還可以利用畫筆,顏料等傳統(tǒng)工具來工作。

四、總結(jié)

隨著時代步伐的加快,人們的生活節(jié)奏也是越來越快,所以能夠吸引人的東西一定是直觀的,是一目了然的。人類社會已經(jīng)進入了一個“看”為主的視覺化時代,網(wǎng)頁是這個時展而產(chǎn)生的一種人人交流溝通的交互系統(tǒng)。如今的互聯(lián)網(wǎng)已經(jīng)滲入到人們生活的各個方面,每時每刻都有人在網(wǎng)絡(luò)上完成購物,交水電費,存錢,定電影片等各項消費和看電影,聽音樂,玩游戲等各種娛樂活動,所以,網(wǎng)頁設(shè)計的實用性和藝術(shù)性就顯得相當重要了,它是網(wǎng)站抓住客戶的重要前提。網(wǎng)頁設(shè)計是平面設(shè)計的延伸和發(fā)展,平面設(shè)計為網(wǎng)頁設(shè)計的前進提供源源動力。這兩者既是相互聯(lián)系又有著很大區(qū)別,設(shè)計師們要清楚認識到這些問題,利用各自優(yōu)勢,充分把握視覺原理對設(shè)計的作用,設(shè)計出更具美感的作品來。

作者:周霜菊 單位:成都大學美術(shù)學院

網(wǎng)頁設(shè)計畢業(yè)論文:案例驅(qū)動教學中網(wǎng)頁設(shè)計論文

1案例驅(qū)動的應(yīng)用現(xiàn)狀

目前,案例驅(qū)動教學在高等教育各學科中廣泛使用.但由于很多教師對案例驅(qū)動教學法的內(nèi)涵、特點及組織過程的認識不透徹,導(dǎo)致案例教學法的使用存在許多誤區(qū).

(1)案例設(shè)計不當.

案例驅(qū)動教學本質(zhì)上應(yīng)是通過“案例”來誘發(fā)、加強和維持學生的成就動機,成就動機是學生學習和完成任務(wù)的真正動力.因此,案例驅(qū)動教學法的案例設(shè)計是教學成敗的關(guān)鍵因素.案例過于簡單、欠缺針對性、設(shè)計不清晰等都會影響案例教學的教學目標.一個具體的案例設(shè)計,必須考慮周全,保證案例的可行性和有效性.進行案例設(shè)計時,要以學生為中心,教師為主導(dǎo),興趣為主線,使學生在完成任務(wù)的過程中掌握知識、技能、方法并學以致用.

(2)組織實施過程并非案例教學.

案例教學是師生的雙向活動,通過具體案例引導(dǎo)學生參與分析、討論,讓學生在具體的案例情景中積極思考,主動探索.在實際教學過程中,有些教師只是把案例呈現(xiàn)給學生,像講故事一樣敘述一遍,沒有引導(dǎo),沒有總結(jié),缺乏交流與互動;有些教師在課堂上引用了案例,但教學方式還是沿用傳統(tǒng)的灌輸式的教學,仍然以教師為主體.以上種種教學方式看上去是引用了案例,但并非采用了案例教學法,更談不上通過案例驅(qū)動去激發(fā)學生的學習興趣,培養(yǎng)學生分析問題解決問題的能力,提高學生自主學習及與他人協(xié)作的能力.上述種種對案例驅(qū)動教學法的不恰當使用,將直接影響學生學習的深入和教學目標的達成.本文結(jié)合“案例驅(qū)動在網(wǎng)頁設(shè)計類課程中的應(yīng)用”的教改課題,對案例驅(qū)動在實際教學工作中的應(yīng)用進行了探討和反思.

2案例驅(qū)動的教學實踐

《網(wǎng)頁設(shè)計》是一門知識點豐富、應(yīng)用性和操作性強的課程.此類課程目標是培養(yǎng)學生分析問題和動手解決問題的能力.通過教師對網(wǎng)頁設(shè)計知識點的講解,結(jié)合案例驅(qū)動的教學模式,讓學生系統(tǒng)地學會如何設(shè)計網(wǎng)頁和開發(fā)網(wǎng)站.

2.1案例選取的原則

根據(jù)網(wǎng)頁設(shè)計課程的內(nèi)容和特點,在課程開始就引出成品案例,明確需要解決的問題,調(diào)動學生的學習積極性;同時,在教學過程中,以該案例為線索,將其貫穿于課程的始終,將零散的知識點結(jié)合在一個完整地案例實現(xiàn)中,并通過分組操作完成案例的方式,進行相互評比學習,進一步擴展知識面.對于教學過程中的小知識點選擇對應(yīng)的小案例.案例的選取在案例驅(qū)動的教學過程中至關(guān)重要,大的成品案例應(yīng)具備較強的實際應(yīng)用價值,能夠較好的模擬真實的應(yīng)用環(huán)境,小知識點案例則需注意選取的針對性,做到有的放矢.在實際教學過程中,我們一般遵循以下的案例選取原則:

(1)代表性.

在課程開始之初,為激發(fā)學生的學習興趣,明確學習目標.讓學生觀摩的成品案例應(yīng)選擇不同風格類網(wǎng)站的代表或往屆學生優(yōu)秀作品的代表,且此類網(wǎng)站需和學生的實際學習生活息息相關(guān),如班級網(wǎng)站、購物網(wǎng)站、技術(shù)網(wǎng)站等,以此調(diào)動學生繼續(xù)探究學習的積極性.

(2)針對性.

在教學過程中零散知識點對應(yīng)引入小案例,此類案例應(yīng)具有較強的針對性,將課堂教學目標融入到案例教學中.如通過網(wǎng)站公告欄引出對marquee標簽的講解,通過網(wǎng)頁的刷新功能引出對meta標簽的講解等.

(3)趣味性.

盡可能選取趣味性強的案例,更好地吸引學生的注意,抓住學生好奇的心理,喚起學生更多的學習熱情和欲望.如通過漂浮的廣告、滾動的圖片等案例引出對腳本內(nèi)容的講解.

(4)綜合性.

成品案例的選取應(yīng)注重綜合性.一個成品案例網(wǎng)站應(yīng)涵蓋HTML,CSS,JAVASCRIPT等多個知識點.通過成品案例的設(shè)計與實現(xiàn),考察學生綜合應(yīng)用多知識點解決實際應(yīng)用的能力.

(5)理論聯(lián)系實際.

更多地結(jié)合學生在實際生活學習中的應(yīng)用選擇案例,最好從學生熟悉的操作和感興趣的事件出發(fā),使他們有更多的機會從周圍熟悉的事物中學習和理解,感受到設(shè)計的趣味和作用,體驗到設(shè)計的魅力.如在講解時間對象時,可以選擇人性化問候或重大事件的倒計時牌設(shè)置作為案例引出.

2.2案例驅(qū)動教學的實施過程

在案例驅(qū)動教學應(yīng)用到《網(wǎng)頁設(shè)計》類課程的具體實踐中,我們創(chuàng)設(shè)了“模仿—擴展—發(fā)揮”的教學過程.具體的教學過程主要分五個階段展開.

(1)成品案例演示,學生觀摩.

此階段為教學展開的第一階段,通過各類代表性綜合網(wǎng)站的觀摩,激發(fā)學生的學習熱情,調(diào)動學生的學習積極性,為課程深入學習打下基礎(chǔ).可粗略提及網(wǎng)站內(nèi)容組織,設(shè)計理念和主要相關(guān)技術(shù),建立對課程學習的大體認識.

(2)知識點講解,模仿練習.

此階段是教學深入開展階段,教師開始各類知識點的講解,通過引出小案例配合教學,教師需要示范案例的制作過程,講明案例的制作步驟和方法,講解制作中運用的知識要點和技能,學生模仿練習,達到掌握各類知識點的目的.

(3)成品案例擴展,實現(xiàn).

成品案例的實現(xiàn)是一個循序漸進的過程,在知識點的講解過程中,學生在每次模仿練習完成后,可運用已學知識與技能逐步展開對成品案例的制作,不斷擴充,直至課程結(jié)束,案例制作完成.

(4)評價教學.

教學實踐完成后,教師抽取學生個案展示,并對學習成果進行多元評價,歸納總結(jié)學生學習過程和結(jié)果中出現(xiàn)的問題,引導(dǎo)學生進行反思.同時對優(yōu)秀的案例進行總結(jié)分析,和學生分享學習其設(shè)計的風格、思路和技巧,查漏補缺.

(5)自選主題設(shè)計作品.

此階段為自由發(fā)揮階段,不限題材,不限風格,引導(dǎo)學生應(yīng)用所學構(gòu)建風格各異的網(wǎng)站,通過自主完成搜集素材到分析設(shè)計,再到制作的過程,讓學生充分了解并親歷實際開發(fā)中網(wǎng)頁設(shè)計的開發(fā)流程,提高學生獨立分析和解決實際問題的能力,有利于學生的自我完善和提高.針對目前《網(wǎng)頁設(shè)計》課程的教學體系所存在的不足,只有通過教學內(nèi)容的整合與優(yōu)化,并以課堂教學環(huán)節(jié)、實驗實訓(xùn)教學環(huán)節(jié)、考核方式的改革相配合,建立一個合理的實踐教學體系,才能培養(yǎng)學生的學習興趣,提高學生在網(wǎng)頁設(shè)計的應(yīng)用中分析問題和解決問題的能力,促進教學質(zhì)量的提高.在實際教學過程中,我們采用以下的策略來優(yōu)化教學過程,進行案例驅(qū)動教學工作的實施.首先,以案例驅(qū)動為導(dǎo)向,優(yōu)化教學過程,改進學習方式.同時,加強實訓(xùn)環(huán)節(jié)的教學.直接引進企業(yè)實際應(yīng)用需求的案例,學生在教師指導(dǎo)下通過分組直接參與綜合大型實踐案例開發(fā).通過這種大型實訓(xùn)教學,完成對基本知識和基本操作技能的綜合訓(xùn)練,讓學生了解了實際工作中需要的多方面素質(zhì),實現(xiàn)了課堂教學與職場崗位間的“短距離對接”.其次,開展技能比賽式教學.組織網(wǎng)頁設(shè)計與制作方面的競賽,如網(wǎng)頁設(shè)計、圖像處理等,通過形式多樣、豐富多彩的學生競賽活動,促進學生主動進行計算機應(yīng)用與技能訓(xùn)練活動,提高學生對技能應(yīng)用的能力,加深對知識的理解.在對《網(wǎng)頁設(shè)計》課程采用案例驅(qū)動教學法后,學生學習積極性大大增強,動手實踐能力顯著提高,通過案例展開的教學讓學生更輕松,系統(tǒng)地掌握知識和技能,上機實踐已由驗證實驗逐步轉(zhuǎn)變?yōu)樽灾髟O(shè)計實驗,學生能在課程結(jié)束時學以致用,或個人獨立或分組協(xié)作達到完成一個綜合性網(wǎng)站制作的目標.在學生獲得相應(yīng)技能的同時,學習的積極性、主動性、創(chuàng)新能力、協(xié)同工作的能力,獨立分析問題和解決問題的能力都得到了發(fā)展.

3結(jié)語

綜上所述,案例驅(qū)動教學中,教師不僅僅“授人以魚”,更強調(diào)實現(xiàn)“授人以漁”,強調(diào)對學生自學能力和獨立分析問題能力的培養(yǎng),改變了傳統(tǒng)教學中教師講,學生聽,學生被動接受的局面,提高了學生主動參與學習的意識.圍繞案例展開的教學,學習目標明確,教學思路清晰,更利于知識和技能的掌握.當然,這對教師素質(zhì)也提出了更高的要求.要求教師具有扎實豐富的專業(yè)基礎(chǔ)和理論知識,吃透教材,精選典型案例;同時,在教學過程中,科學引導(dǎo)學生,充分發(fā)揮其主觀能動性,培養(yǎng)學生項目實戰(zhàn)技能,彌補實踐經(jīng)驗不足,為學生盡早適應(yīng)社會對IT人才的實際需求打下基礎(chǔ).

作者:譚濤 李明東 賴曉風 單位:西華師范大學計算機學院

網(wǎng)頁設(shè)計畢業(yè)論文:視覺元素中網(wǎng)頁設(shè)計論文

1視覺元素簡介

對于視覺元素這一名詞的闡述,我們可以說是能夠用我們眼睛看到的一切事物或標志。舉個例子就像拍攝、電視、影視、造型藝術(shù)、建筑物、棄取計劃、都會修建和棄取科學、筆墨,也包羅舞臺計劃、音樂。上述所提及的都可以被我們的眼睛所捕捉,所以它們的本質(zhì)上都可以說是視覺元素。在上文我們可以得出,視覺元素的存在是非常非常普遍的。而在網(wǎng)頁計劃中,視覺元素通常以筆墨、圖片、圖象、標識,色彩等情勢要素和題目、信息菜單、信息正文、口號、單位名稱等內(nèi)容要素表現(xiàn)出來。視覺元素融入網(wǎng)頁設(shè)計,索要遵守的規(guī)則就是必須要經(jīng)過網(wǎng)絡(luò)才可以進行傳播,也就是說沒有了網(wǎng)頁的支持,它無法發(fā)揮自己的作用,向人們傳播。傳布信息,便是說信息的發(fā)起者應(yīng)用標記向接收者傳布諜報的進程。它可所以個別自己的轉(zhuǎn)達,也多是個別與個別之間的轉(zhuǎn)達。它包含“人物”、“信息”、“傳達人群”、“成果以及反響如何”這四個階段。這也是發(fā)起者把思想與設(shè)計觀念轉(zhuǎn)換成視覺元素的階段,就是概念視覺化的過程,貫穿和聯(lián)結(jié)這兩個過程的就是視覺元素。

2網(wǎng)頁中的視覺元素探討

2.1網(wǎng)頁中的視覺元素分析

網(wǎng)頁計劃中的視覺元素主如果筆墨、圖片與色彩這三大范例。上述三種元素之所以被劃分為網(wǎng)頁設(shè)計中的視覺元素,是因為它們所存在的一個共性,不論是文字、圖片還是色彩,它們都是眼睛可以直接接收的最簡潔的元素。可以直接的刺激到人們的眼球,起到更瞬間的宣揚反應(yīng)。近幾年中,視覺元素的運用更好的融入到了網(wǎng)頁的設(shè)計中,讓網(wǎng)頁設(shè)計變得更加紛繁復(fù)雜,多姿多彩。

2.2網(wǎng)頁設(shè)計中視覺元素特點

第一,在網(wǎng)頁計劃中的視覺元素,最基本的特色便是具備注視性,這一特色是網(wǎng)頁計劃中視覺元素最主要的特色,也是表現(xiàn)網(wǎng)頁計劃最基本寄義的特色。因為,網(wǎng)頁的設(shè)計便是滿足人們獲取信息的便捷性,增強了解性,只有保證網(wǎng)頁具有一定的注目性,才能勾起讀者的興趣,讓人們有想要去瀏覽的欲望。最終達成制作網(wǎng)頁的最根本的目的。其次,適應(yīng)性是網(wǎng)頁計劃視覺元素具備的另外一特色。網(wǎng)頁中提及的適應(yīng)性,指的是在網(wǎng)頁之中的視覺元素應(yīng)該是隨著外在的環(huán)境不斷的提升并發(fā)生改變的,已達到適應(yīng)外部環(huán)境的目的。由于我們處在的是這樣一個信息發(fā)展提升的時代,所以唯有確保網(wǎng)頁設(shè)計中的視覺元素一直是向新時代前進的,增加全新的資料以及元素,才會讓網(wǎng)頁的瀏覽量進一步提升,適應(yīng)好我們所處在的這樣一個時代。第三,網(wǎng)頁計劃中視覺元素還具有被記憶性的特色。這一特色的發(fā)生,主要基于視覺元素的引人注目性和適應(yīng)性特色。第一,視覺元素無疑是可以起到刺激眼球的作用的,所以可以從根本上刺激人們?nèi)ラ喿x網(wǎng)頁上的內(nèi)容,在這樣的同時,就會使人們記住這些元素,有了元素記憶。然后,這些視覺元素能夠不斷進行新的變化,反之又促進其注目性的提高,并且在這兩方面的共同作用下,使人們對網(wǎng)頁的記憶更加深刻。

3視覺元素在網(wǎng)頁設(shè)計中的運用

3.1文字視覺元素在網(wǎng)頁設(shè)計中的應(yīng)用

從文字開始被創(chuàng)造出來,一直到如今社會,它都是我們文化中重要的符號形式。而在網(wǎng)頁設(shè)計中,文字自然也是必不可少的組成部分,地位非常重要。網(wǎng)頁設(shè)計里面,文字符號其實不僅僅被作為一種符號語言,更重如果被作為一種記實和傳布信息的東西。進行網(wǎng)頁設(shè)計的時候,對文字的大小排序進行合理安排,用多種形式的文字表達去編輯資料、網(wǎng)頁和信息,讓文字不單單起到傳播信息的作用,更作為一種藝術(shù)和文化,去帶給人們享受。要想是文字變得具有視覺效果,完成上述所說的對文字的變革,可以在編輯網(wǎng)頁時采用藝術(shù)字的方式,讓文字告別呆板,讓其表現(xiàn)形式更加的動人多樣,大小顏色吸引眼球。

3.2圖像視覺元素在網(wǎng)頁設(shè)計中的應(yīng)用

圖片在網(wǎng)頁中的應(yīng)用中也是極其重要的,扮演著極其重要的角色,圖片在網(wǎng)頁編輯中也占據(jù)了很大的一個篇幅,和上文的文字元素比較起來,圖片所占的優(yōu)勢更加大,視覺效果也更佳。如果在網(wǎng)頁里運用了視覺效果較強的圖片,還會在一開始就給人留下很深的印象,產(chǎn)生的效果是立竿見影的。對于所說的圖片的視覺效果更加強一些,并不是就否認了文字在網(wǎng)頁中所發(fā)揮的效果,文字也是同樣重要的。一般情況下,圖片的解釋說明少不了文字的參與,文字可以輔助圖片吧效果發(fā)揮的更加淋漓盡致,有助于信息的快速傳達。同時,這樣一來不但可以使信息很好的傳播了出去,也增強了其印象,讓網(wǎng)頁更加生動。

3.3色彩視覺元素在網(wǎng)頁設(shè)計中的應(yīng)用

顏色視覺元素是網(wǎng)頁計劃中必不可少的一種視覺元素。色彩本身就具有其自身的獨特特性,同時還具備極佳的視覺效果。額昂也設(shè)計中色彩的運用,主要目的就是提升文字的解釋能力以及增強視覺上的刺激,對特定的文字以及圖片增添色彩,可以讓文字與圖像達到更好的表現(xiàn)效果,讓網(wǎng)頁的整體質(zhì)量不斷的升高。視覺效果更加的顯著。此外,色彩自身還具備很多獨特的性質(zhì)和效應(yīng),并且每種色彩都具有不同的作用,例如綠色能夠給人舒爽的感覺,代表著大自然的清新,是青春和希望的象征;紅色象征著熱情、奔放和活力等等。

4結(jié)束語

總之,在網(wǎng)頁設(shè)計中的文字顏色以及圖片的應(yīng)用,使得網(wǎng)頁設(shè)計的質(zhì)量變得更加的高,這樣的制作網(wǎng)頁的方式順應(yīng)了信息時代的發(fā)展。是以,網(wǎng)頁計劃者應(yīng)當不斷加強視覺元素在網(wǎng)頁計劃中的應(yīng)用。視覺元素作為網(wǎng)頁設(shè)計中的一個非常繁復(fù)的工作,對其審美和所達到的效果都有很高的要求。因此,在實際工作中,必須吸取多種知識,從設(shè)計者角度出發(fā),對視覺元素進行創(chuàng)新發(fā)展,在多種元素綜合運用的過程中,提高網(wǎng)頁設(shè)計應(yīng)用效益。

作者:成思豪 單位:甘肅工業(yè)職業(yè)技術(shù)學院

網(wǎng)頁設(shè)計畢業(yè)論文:自主學習理念下網(wǎng)頁設(shè)計論文

一、靈活自主的教學內(nèi)容

自主學習是指學生管理自己的學習。具體地說就是學生能夠自己決定學習目標,確定學習內(nèi)容和進度,選擇學習方法和技巧,監(jiān)控學習過程及自我評價學習效果。網(wǎng)頁設(shè)計課堂上應(yīng)賦予學生更多的權(quán)利,使他們有機會對自己的學習內(nèi)容、學習進度等加以控制。與此同時,學生被動的、依賴的學習心理的轉(zhuǎn)變不是一蹴而就的事情,面對嶄新的知識領(lǐng)域完全自主學習也顯得困難重重。因此,教師在這個過程中必須進行有效的干預(yù),對學生的學習過程進行指導(dǎo)和監(jiān)督。要滿足學生、教師雙方的“話語權(quán)”,可以設(shè)置一套靈活自主的網(wǎng)頁設(shè)計教學內(nèi)容,分為基礎(chǔ)模塊和自選模塊?;A(chǔ)模塊是每個學生都必須學習的,是以教師講授為主,總共占20%的課時比例。在自選模塊里,學生可以根據(jù)自己的知識背景和興趣愛好選擇不同的學習內(nèi)容,總共占80%的課時比例。網(wǎng)頁設(shè)計教學內(nèi)容模塊按教學進程分為基礎(chǔ)模塊之認知與準備、基礎(chǔ)模塊之界面藝術(shù)設(shè)計、自選模塊之網(wǎng)頁動畫、基礎(chǔ)模塊之網(wǎng)頁代碼基礎(chǔ)、自選模塊之網(wǎng)頁后期制作。在認知與準備模塊中,對網(wǎng)站建設(shè)中的一些基本概念、網(wǎng)頁中使用到的媒體元素、一個完整網(wǎng)頁的構(gòu)成要素、網(wǎng)站的制作流程等知識點進行講解。這些常識性的基本概念是網(wǎng)頁設(shè)計的入門知識,是每個學生必須了解的,因此這個環(huán)節(jié)的教學活動是以教師理論講授為主。界面藝術(shù)設(shè)計模塊是以提高學生的藝術(shù)創(chuàng)意及設(shè)計能力為教學目標,從網(wǎng)頁的色彩設(shè)計、版式設(shè)計、藝術(shù)風格等方面進行,使學生能夠設(shè)計出具有高度藝術(shù)性和良好功能性的網(wǎng)頁效果圖。網(wǎng)頁藝術(shù)設(shè)計能力是一個優(yōu)秀網(wǎng)頁設(shè)計師必不可少的,因此這個模塊所有內(nèi)容同樣是每個學生必須學習的。網(wǎng)頁動畫模塊的教學目標是培養(yǎng)學生網(wǎng)頁動畫設(shè)計與制作能力。目前網(wǎng)頁上的動畫從制作技術(shù)上來分,最常見的有GIF動畫、Flash動畫、JS特效動畫三種。在這個自選模塊,教師先對這三類動畫進行分析介紹,學生再根據(jù)自己已掌握的相關(guān)知識和興趣愛好來選擇某種動畫進行深入學習。網(wǎng)頁代碼基礎(chǔ)知識是在后期制作網(wǎng)頁時所必須掌握的,因此這個模塊也是必學的且以教師理論講授為主。網(wǎng)頁后期制作方式有使用Table+CSS、使用DIV+CSS、Flash整站搭建三種,在這個自選模塊中,學生在對三種網(wǎng)頁制作方式的特點進行了解后,可根據(jù)自身知識儲備和興趣愛好進行選擇性的深入學習。網(wǎng)頁設(shè)計課程知識點眾多、課時有限,一直是困擾教師們的一大難題。自選教學模塊能在有限課時里滿足眾多學生的不同學習需求,對網(wǎng)頁設(shè)計課時量少的困境不失為一種解決方法。同時,學生能在有限課時里,各自選擇適合自己的方向深入學習“,術(shù)有專攻”,集中精力把所選知識點學精、學透,能真正達到用人單位對畢業(yè)生學科知識“?!鼻摇熬钡娜瞬乓蟆8鼮橹匾氖?,這套靈活自主的教學模塊給予了學生一定的學習內(nèi)容、學習進程的控制權(quán),在學生自主選擇的過程中引導(dǎo)他們明確了自身的知識儲備、興趣愛好和課程的知識結(jié)構(gòu),以及如何依據(jù)這些因素確定個人的學習目標。達到了把握時機、因勢利導(dǎo)地引導(dǎo)訓(xùn)練學生掌握自主學習方法的目的。

二、多維項目驅(qū)動的教學方法

建構(gòu)主義者認為,學生學習知識的過程,實際上是在教師所傳授的背景知識基礎(chǔ)上,結(jié)合過去掌握的知識,運用自己的頭腦主動建構(gòu),完成新的知識體系構(gòu)建的過程。在具體教學過程中,教師的職責不是“填鴨式”的灌輸新知識,而是創(chuàng)設(shè)最佳知識情境,引導(dǎo)學生自主完成學習任務(wù)。項目驅(qū)動教學是建立在建構(gòu)主義教學理論基礎(chǔ)之上的教學方法,將學生的學習活動與實際項目相結(jié)合,引導(dǎo)學生積極自主的探索、整合、建構(gòu)知識,項目完成的過程也是學習活動進行的過程。網(wǎng)頁設(shè)計的教學過程可以采用多維項目驅(qū)動教學法,即從教學進程、教師講授和學生實驗三方面進行多維度的項目驅(qū)動教學,從而促使學生積極自主學習。首先,以業(yè)內(nèi)實際項目開發(fā)進程為參照設(shè)置教學進程。我們可以看到,教學內(nèi)容模塊的推進形成了“網(wǎng)站策劃———頁面設(shè)計———動畫制作———頁面制作”這樣一條清晰的線路,而這種教學進程實際上和設(shè)計公司里的工作流程完全一致。其次,教師在課堂教學時,事先準備好一個有代表性的范例網(wǎng)站項目,根據(jù)教學大綱的知識點要求把范例項目相應(yīng)劃分成一個個子項目,眾多的課程知識點由子項目來承載,以案例演示的方式來講解,隨著教學進程的推進,范例網(wǎng)站從無到有被逐漸搭建起來。最后,在課程的開始就給學生一個貫穿整個課程教學的項目任務(wù),與教師的范例項目相應(yīng),這個主題網(wǎng)站同樣由多個子項目組成。教師演示完范例網(wǎng)站子項目后,學生便上機自主開發(fā)相應(yīng)的主題網(wǎng)站子項目。課程的教學過程實際上就是學生在教師的一個個子項目案例引導(dǎo)下,運用所學知識一步步自主完成主題網(wǎng)站的過程。網(wǎng)頁設(shè)計是應(yīng)用型課程,培養(yǎng)的是學生在以后的工作環(huán)境中解決實際問題的能力。多維項目驅(qū)動教學法多角度模擬實際工作情境,促使學生不僅掌握了眾多知識點,而且對項目的整體解決方案有了清晰的認知,具有了實際項目操作的能力,同時還提高了自主學習、自我指導(dǎo)等綜合能力和素質(zhì)。

三、多元評量的評價方法

傳統(tǒng)的教學方式是以知識傳授為教學目的,對于學生成績的評定往往被認為是教師課后的事情。而在強調(diào)自主學習的教育理念中,教學目的則不僅僅是特定知識的習得,更重要的是提高學生自我學習、指導(dǎo)和管理的能力,因此學習評價被提升到一個重要的層面。美國學者韋默認為:“對自我進行精確的評價和對同齡人的工作進行建設(shè)性評價的能力是在大學期間教師有責任對學生進行培養(yǎng)的一項必要的學習技能?!痹u價方式需要結(jié)合具體課程來設(shè)計,在網(wǎng)頁設(shè)計課程中,適合采用多元評量的評價方法。在“認知與準備”和“界面藝術(shù)設(shè)計”模塊中,采用自評和公開評議,每個同學首先給自己的作品自評,然后輪流公開展示自己的作品,回答師生的問題,教師和其余同學根據(jù)作品情況給予評價。自選模塊同樣采用自評和互評的方式,不過是在選擇了同一內(nèi)容模塊的小組間進行?!熬W(wǎng)頁代碼基礎(chǔ)”模塊則借用理工科試卷評測方式,教師出題并閱卷,學生不參與評分。這種學生共同參與的多元評量模式的優(yōu)點突出體現(xiàn)在:首先,能有效促進學習。評價既是給學生打成績,更重要的目標是促進學習。在自評和互評活動中,學生需要盡可能深入地分析自己和同學的作品,這就促使學生把自己的實踐體驗升華到理論思想高度。同時,對于沒有標準答案的設(shè)計作品來說,公開評議能夠擴展設(shè)計者的思維,有利于進一步完善作品。通過實踐到理論再到實踐的循環(huán),能非常有效的提高學習效果。其次,能培養(yǎng)學生的評價能力。要實現(xiàn)自我學習、指導(dǎo)和管理,首先要能對自己和別人有著準確的認知和定位。自評和互評結(jié)果的對比,能夠使學生更準確的認知自己。多次參與對同學作品的評價,能夠充分鍛煉學生評價同行工作的能力。同時,通過“綜合分值”的設(shè)置把評價能力囊括到學習成績的考核范圍有著明顯激勵作用。值得注意的是,讓學生參與評價并不意味著完全放權(quán)。評價能力的培養(yǎng)是一個漸進的過程,大多數(shù)學生沒有多少經(jīng)驗,不太可能自發(fā)形成完善的評價體系。這就需要教師及時引導(dǎo)監(jiān)督,并在設(shè)計評價方法時盡量對一些可能發(fā)生的不合理行為進行規(guī)避,以使得整個學習評價體系更科學、更公平。

四、結(jié)語

總之,對于自主學習來說,課堂教學有一定的制約性,如有限的時空限制、集體教學的方式、具體的教學大綱等,這些因素某種程度上限制了學生的自由發(fā)揮,但同時又是培養(yǎng)學生自主學習能力的基礎(chǔ)和保障。從教學內(nèi)容、教學方法、評價體系多方面對網(wǎng)頁設(shè)計課堂教學現(xiàn)有模式進行改革,可以變制約性為推動力,使學生在課堂上不僅能更高效地獲取網(wǎng)頁知識,而且能有效提升自主學習能力,為他們以后工作和生活的可持續(xù)發(fā)展奠定堅實的基礎(chǔ)。

作者:宋翠君 單位:南通大學藝術(shù)學院

網(wǎng)頁設(shè)計畢業(yè)論文:色彩搭配視角下網(wǎng)頁設(shè)計論文

一、色彩搭配原則

1適用性

創(chuàng)建網(wǎng)站時,首先要考慮的是用戶的需求。網(wǎng)站是以宣傳用戶企業(yè)文化為主,還是以宣傳企業(yè)產(chǎn)品為主,即確定網(wǎng)站的主題。主題確定以后,就要了解哪些顏色適合傳達該主題信息。例如,IT類網(wǎng)站常常采用藍色為主色調(diào),因為藍色為冷色調(diào),通常讓人聯(lián)想到海洋、天空、水、宇宙。純凈的藍色表現(xiàn)出一種美麗、冷靜、理智、安詳與廣闊。由于藍色沉穩(wěn)的特性,具有理智、準確的意象,在商業(yè)設(shè)計中,強調(diào)科技、效率的商品或企業(yè)公司,大多選用藍色當做標準色,企業(yè)色,如電腦,汽車,影印機,攝影器材等等。橙色是暖色調(diào)中最溫暖的顏色,具有興奮、溫暖、歡樂、輝煌、以及容易動人的色感,所以,家居類網(wǎng)站常常以橙色調(diào)為主,能夠烘托家庭溫馨的主題,即不同的主題應(yīng)選用不同的顏色。

2獨特性

網(wǎng)頁的數(shù)量不斷增長,越來越富有個性,對設(shè)計者的要求也更高。相同類型的網(wǎng)站,若網(wǎng)站的整體風格大同小異,沒有突破,則很難在競爭中取勝。要吸引瀏覽者挑剔的眼球,就要打破常規(guī)、標新立異。即網(wǎng)站的色彩搭配要在考慮網(wǎng)站本身特點的同時,讓色彩的獨特性充分發(fā)揮魅力。

3整體性

網(wǎng)頁上各部分色彩都有自己的分工角色,主色具有傳達主題信息的作用,輔助色是烘托氣氛的,背景色保持畫面的整體統(tǒng)一,點睛色起強調(diào)作用。網(wǎng)頁的色彩也可以區(qū)分信息模塊、暗示控件功能等。不同的色彩在網(wǎng)頁中同時存在,就會出現(xiàn)色彩的不同組合關(guān)系,可能有強烈的顏色對比關(guān)系,也可能在亮度上有明暗對比關(guān)系,還可能有相似色彩間的調(diào)和關(guān)系。這些色彩的組合使網(wǎng)頁在視覺效果上豐富多彩,構(gòu)成了網(wǎng)頁的整體效果。優(yōu)秀的色彩組合是網(wǎng)頁設(shè)計者發(fā)揮藝術(shù)才能的重要領(lǐng)地,和諧的配色能夠讓整個界面看上去舒適。對比強烈的配色加以適當?shù)拿娣e比例調(diào)整進行調(diào)和能夠讓整個界面看上去清晰并且重點突出。因此,不同的需求可以采用不同的組合關(guān)系,但是一定要給瀏覽者良好的整體印象,這就需要這些色彩組合關(guān)系具備整體性,它主要包括色彩對比與色彩調(diào)和2個方面:

(1)色彩對比:

指各種色彩在構(gòu)成中的面積、形狀以及色相、明度、純度之間的差別,這些差別為網(wǎng)頁配色增添了許多變化,頁面顯得更加豐富多彩。色彩的對比規(guī)律大致有以下幾點:

(2)色相對比:

指不同色相之間的差別產(chǎn)生的對比。當網(wǎng)頁主色確定后,必須充分考慮其他色彩與主色的關(guān)系、要表現(xiàn)的內(nèi)容及效果等,這樣才能增強其表現(xiàn)力。如果要突出差別關(guān)系,應(yīng)選擇主色的補色。若要對比效果柔和,就要選擇相似色。

(3)明度對比:

指色彩之間明暗程度的不同所形成的對比。通過明暗程度的調(diào)整,可以給瀏覽者在視覺上產(chǎn)生不同層次,不同距離的感覺。

(4)純度對比:

指不同色彩之間純度的不同所形成的對比。色彩的純度決定著色彩的鮮艷程度,將不同純度的色彩放置在一起進行對比,會使得純度高的色彩更鮮艷,純度低的色彩更渾濁。

(5)補色對比:

補色是色環(huán)中相對位置上的兩種顏色。網(wǎng)頁中的點睛色就經(jīng)常采用補色,當互為補色的兩種色彩接近時,能顯示出強烈的對比關(guān)系。

(6)冷暖對比:

色彩給人的感覺是有冷暖的,分為冷、暖兩大色系,這兩種色系相互排斥的,放置在同一個頁面中,就會產(chǎn)生冷暖對比。冷暖對比效果是極為強烈的,會導(dǎo)致畫面的不協(xié)調(diào),一般采用以下兩種方法解決。首先是純度調(diào)整:降低冷暖兩色的純度。用黑、白、灰明度變化來調(diào)整畫面的層次、直接使用黑、白、灰色系進入畫面搭配,或者加入補色,也都能很好地起到協(xié)調(diào)的效果。其次是面積調(diào)整:主次的面積區(qū)分,根絕主題的需要在畫面的面積上以一方為主色,其他顏色在使用上拉開距離,使畫面的主次關(guān)系更突出,在統(tǒng)一的同時又富有變化。

(7)面積對比:

指頁面中各種色彩在面積上的大小差別,它會影響到頁面的主次關(guān)系。在同一視覺范圍內(nèi),色彩面積的不同會產(chǎn)生不同的對比效果。若兩種色彩的面積同樣,那么這兩種顏色之間的對比十分強烈,若色彩的面積不相等時,小的一種色彩就會成為陪襯,在小面積的色彩陪襯下,大面積的色彩就顯得特別突出。根據(jù)主題的需要在頁面的面積上以一方為主色,其他顏色為輔助色,使頁面的主次關(guān)系更突出。

4色彩的調(diào)和

兩種或兩種以上的色彩分布在同一個頁面中,形成色彩組合關(guān)系,色彩調(diào)和就是使這種組合關(guān)系合理搭配,產(chǎn)生統(tǒng)一、協(xié)調(diào)的效果。色彩調(diào)和是人們求得色彩協(xié)調(diào)、達到心理平衡的重要手段。

(1)同種色的調(diào)和:

選定一種顏色,通過改變這種顏色的明度或純度得到所需要的新的色彩,進而使色彩產(chǎn)生循序的漸進,彌補同種色相的單調(diào)感。

(2)類似色的調(diào)和:

如果希望兩種或兩種以上的顏色對比不那么明顯,那么就要在這些顏色之間再添加類似色進行調(diào)和。在色相環(huán)中,色相越靠近越調(diào)和。

(3)對比色的調(diào)和:

對比度調(diào)和是指兩種或兩種以上的色彩配置在一起,通過一定的方法使其產(chǎn)生自然而融洽的感覺。其調(diào)和的方法有:提高或降低對比色的純度、采用面積大小不同的處理方法。

(4)漸變色的調(diào)和:

漸變色本身實際上是一種調(diào)和方法的運用,是顏色按層次逐漸變化的現(xiàn)象。色彩漸變在網(wǎng)頁的背景色中是經(jīng)常使用的。色彩的對比與調(diào)和是形式美的變化與統(tǒng)一。

二、配色的基本方法

1色調(diào)配色法

選定一種顏色,加入黑色或白色會使其明暗程度發(fā)生變化,形成這種顏色的不同色調(diào),一般分為亮調(diào)、中間調(diào)、暗調(diào)。不同的色調(diào)會對人產(chǎn)生的一定的心理暗示。這種色調(diào)配色法在網(wǎng)頁色彩構(gòu)成中是經(jīng)常使用的。筆者推薦的配色技巧為:打開Photoshop的拾色器,選擇HSB選項區(qū)(不是RGB選項區(qū))中的B(亮度),指定選擇的顏色,通過拖動右側(cè)的滑塊就可以得到這種顏色的各種色調(diào)。

2色相配色法

當基于色相策劃了一個配色方案時,獲得的效果通常會比較華麗明艷。很多民族服飾和兒童服裝采用的都是典型的基于色相的配色方案。色相配色法就是基于某種色相,進行類似色、互補色的搭配。適當?shù)仡愃粕钆?,可以獲得整齊寧靜的效果;適當?shù)匮a色搭配可以突出顯示顏色并給人輕快的感覺。筆者推薦的配色技巧為:打開Photoshop的拾色器,選擇HSB調(diào)板區(qū)域中的H(色相),指定選擇的顏色,通過拖動右側(cè)的滑塊即產(chǎn)生色相變化。若已在Photoshop的工作區(qū)選定了某一顏色,按下[Ctrl]+[I]鍵即可得到顏色的互補色。

三、小結(jié)

《網(wǎng)頁設(shè)計》這門課是中職學校網(wǎng)絡(luò)專業(yè)學生的必修課,是一門核心的專業(yè)課,很多學生雖然在技術(shù)上能夠使用工具軟件實現(xiàn)頁面的構(gòu)造,但最終形成的作品往往顯得粗糙,檔次較低,主要的原因在于色彩搭配失當,當然對于教師而言,這也是授課的難點,本文通過經(jīng)驗總結(jié),提出了色彩搭配的原則與技巧。

作者:雷勇 單位:東莞市經(jīng)濟易學校

網(wǎng)頁設(shè)計畢業(yè)論文:中職網(wǎng)頁設(shè)計論文

一、教學內(nèi)容的分析與改進

1、大多數(shù)教師的教學內(nèi)容主要為以下幾種類型:

(1)上課主要講解Dreamweaver軟件的使用,主要介紹如何使用這個工具進行網(wǎng)站的開發(fā)。

(2)介紹fireworks如何繪圖,并將繪圖的內(nèi)容切片,將網(wǎng)頁展現(xiàn)出來。

(3)將Dreamweaver、Flash和Fireworks分別教給學生。由于課時的原因,學生每種都會點,但沒有一樣能精通。

2、存在的不足:

經(jīng)過與現(xiàn)從事網(wǎng)站建設(shè)相關(guān)工作的學生調(diào)研,我發(fā)現(xiàn)上面的任何一種教學內(nèi)容,都無法在實踐中得到充分的應(yīng)用,原因如下:首先,從事網(wǎng)站設(shè)計的企業(yè),一般都有專門的美工,負責網(wǎng)頁界面的設(shè)計,他們的美術(shù)功底及設(shè)計能力遠非計算機專業(yè)的學生能達到。其次,現(xiàn)在的網(wǎng)站基本采用DIV+CSS進行設(shè)計,原先采用表格設(shè)計網(wǎng)頁的技術(shù)已處于淘汰階段。而在目前的教學中,DIV+CSS在中職學校中根本沒有開展教學。于是就出現(xiàn)了這樣的現(xiàn)象:計算機專業(yè)的學生在網(wǎng)頁設(shè)計的崗位上美工做不好,頁面也不會設(shè)計,教學內(nèi)容和實際需求的能力脫節(jié)。

3、當前計算機專業(yè)的網(wǎng)頁設(shè)計課程教學內(nèi)容的組織

首先,在學習Dreamweaver的基礎(chǔ)上,講解HTML語言。其次,好的網(wǎng)頁需要有新的技術(shù)支持?,F(xiàn)在主流的網(wǎng)站都采用了DIV+CSS結(jié)構(gòu),DIV+CSS是網(wǎng)頁美工必須了解和掌握的一門技術(shù),DIV+CSS采用樣式和結(jié)構(gòu)分離的方式,利于搜索引擎讀取網(wǎng)站頁面,方便管理和網(wǎng)站維護。

二、教學方法和教學思路探索改善

針對上述提出的實際問題,我對中職網(wǎng)頁設(shè)計教學的教學思路和教學方法提出以下的見解:

1、提高教師實踐能力水平,改進教學方法。

作為網(wǎng)頁設(shè)計課程教學的教師來說必須關(guān)注互聯(lián)網(wǎng)應(yīng)用的實時趨勢,走出課堂、走出校園、深入到企業(yè)了解就業(yè)市場需求。學??梢约訌娦F蠛献?,從政策上引導(dǎo)和鼓勵教師利用寒暑假深入到企業(yè)進行實踐。深入了解一個完整的網(wǎng)站的創(chuàng)建過程,從規(guī)劃到素材的搜集與處理,到網(wǎng)站制作,再到網(wǎng)站維護。教師把企業(yè)中的項目拿到課堂教學中,學生從完成項目的過程中,明確地知道自己學習了網(wǎng)頁設(shè)計這門課程,以后能做什么工作,在工作中怎么去應(yīng)用課堂上的知識。

2、多種教學方法并用,優(yōu)化課堂教學。

(1)分層次教學法

傳統(tǒng)的課程設(shè)計對所有學生都制定統(tǒng)一的標準和要求,這樣影響了基礎(chǔ)好、動手能力較高的學生,抑制了他們的發(fā)展?!胺謱咏虒W”就是進行有層次的教學,針對于每堂課程給每個層次學生制定不同的標準,根據(jù)學生掌握的水平和對這門課學習的興趣、智力水平及內(nèi)在潛力等一些軟指標來區(qū)分學生層次,讓同學們在正確認識自己、評價自己的基礎(chǔ)上進行自我選擇。教學對象的分層有利于教學目標的分層,可以更好地調(diào)動每一個學生的學習積極性、主動性。

(2)個性化教學法

網(wǎng)頁設(shè)計教學有別于其他軟件的教學,它具有較強的實踐性。所以在教學中應(yīng)充分體現(xiàn)學生的主體作用,雖然很多教師都注意到了這一點,教師利用較短時間操作演示,讓學生用大量時間去實踐,但是學生出現(xiàn)了模仿、記憶的操作過程,往往按部就班的學習,知識沒有經(jīng)過自己思維的深加工而一知半解。為了避免該問題發(fā)生,教師在綜合訓(xùn)練時可以提供給學生一些優(yōu)秀的網(wǎng)頁作品供學生參考,讓他們在某一特定主題下自己動手制作。這樣才有利于學生探究知識、自我學習能力的培養(yǎng),也能充份體驗出學生的個性,從而保護了每個學生的創(chuàng)造力。

(3)案例教學法

案例教學法對于這門課程是非常重要的,要求學生做出高水平、高質(zhì)量的網(wǎng)頁,首先要開闊學生的視野,開拓學生的思路,見多才能識廣,教師在上課的過程中,一定要精心設(shè)計案例,案例應(yīng)該由易到難,不能讓學生產(chǎn)生畏難情緒,而降低積極性。案例教學的著眼點在于學生創(chuàng)造能力以及實際解決問題的能力的培養(yǎng),不僅僅是獲得那些固定的原理、規(guī)則,而是如何用更有效的方式獲得知識。案例教學是一種“做中學”的形式,它是從經(jīng)驗與活動中獲取知識,增進才干。通過案例教學,學生不僅可以從中獲得認知的知識,而且有助于提高表達、討論的技能,增強面對困難的自信心。

(4)任務(wù)驅(qū)動法

任務(wù)驅(qū)動法是以完成具體任務(wù)為目的而展開教學活動,使學生緊緊圍繞任務(wù)進行探索學習,由淺入深,由簡及繁,循序漸進地完成特定的教學任務(wù)。在整個過程中,學生是學習的主體,教師只起到引導(dǎo)的作用,從而使學生逐漸養(yǎng)成發(fā)現(xiàn)問題、思考問題、分析問題、解決問題的習慣。同時“任務(wù)”的完成使學生有成就感,激發(fā)學生學習興趣,從而使學生由傳統(tǒng)的“被動學習”狀態(tài)轉(zhuǎn)化為“主動學習”狀態(tài)。本課程期末考核可以通過設(shè)計一個覆蓋網(wǎng)頁設(shè)計與制作所需要掌握的知識和技術(shù)的總?cè)蝿?wù),然后再將總?cè)蝿?wù)進行細分為一個個小的任務(wù),做到具體小任務(wù)的完成推動總?cè)蝿?wù)的完成。通過任務(wù)的完成,學生能夠在一個學期內(nèi)有效的掌握相關(guān)知識和技能,提高了學生學習效率和實際操作能力。因此,任務(wù)驅(qū)動法在網(wǎng)頁設(shè)計教學中是非常有效的。

3、教學手段,以啟發(fā)和體會為主

在網(wǎng)頁設(shè)計教學中,理論知識講得再多,如果學生不會靈活運用,一點用處也沒有。在教學中,不必太拘束于理論,應(yīng)讓學生結(jié)合實踐,去理解和體會知識。如在學習網(wǎng)頁的布局和頁面色彩時,教師應(yīng)找各種各樣的典型網(wǎng)頁或網(wǎng)站,讓學生在上網(wǎng)或觀察中體會。學生在觀察和研究這些不同的網(wǎng)站設(shè)計的時候,教師可以讓學生評選出自己喜歡的或者是覺得最好的和最差的,讓學生說說它們的差異。通過這樣的觀察和體會,讓學生明白網(wǎng)頁設(shè)計過程中,需要注意什么,怎么做才會更好。學生結(jié)合自己的實際體會,歸納總結(jié)出自己能理解和掌握的知識。

4、實踐環(huán)節(jié)重引導(dǎo)

中職計算機教學更重視實踐,重視動手操作,否則理論知識再豐富,如果不會動手實踐,也不能保證學生能夠更好地就業(yè)。實踐環(huán)節(jié)不但要重視,還要高效,有些學校在課程的實踐方面,分配了足夠的課時,但實踐的效果并不好。在網(wǎng)頁設(shè)計這種相對比較開放和自由的實踐課上,可讓學生充分發(fā)揮自己的想象力和創(chuàng)造力。值得注意的是,在學生的實踐過程中,教師要對學生進行適當?shù)膸椭鸵龑?dǎo),如果任由學生自己去摸索,那么很可能在上機實踐這段有限的時間內(nèi),學生很難做出點東西來。這個階段并不是學生探索的階段,重要的是鼓勵學生把設(shè)想變?yōu)楝F(xiàn)實。

三、考核、評價方法的改變

網(wǎng)頁設(shè)計課程的實踐性非常強,我們要檢驗的是學生的設(shè)計能力、綜合應(yīng)用能力和創(chuàng)新能力,那么單純靠最后的期末考試,是不能確切的評價一個學生的真實水平,而要將平時的作業(yè)、練習都納入學生評價中。對于網(wǎng)頁這門課程,我認為比較合理的評價方法應(yīng)該是平時的作業(yè)占50%,期末考試占50%。平時的作業(yè)就是一次次的案例,檢查學生平時學習的態(tài)度和知識的掌握情況。對于期末考試,我認為應(yīng)該以要求學生設(shè)計一個完整的網(wǎng)站來結(jié)束本課程,而不是要求在給定時間內(nèi)完成任務(wù),本身一個網(wǎng)站的建設(shè)在短短的兩三個小時內(nèi)是無法完成的,包括素材的收集、版面的布局、內(nèi)容的充實等,何況學生可以利用互聯(lián)網(wǎng)來收集相關(guān)的資料,參考引用他人模板來完成任務(wù),所以應(yīng)該以上交作品的形式完成本課程的期末考試,在作品完成的過程中,老師進行巡視、評價,也就是我們考核的不僅僅是最后的作品,而是將完成作品的過程也作為我們評價的一個依據(jù)。最后,上交的作品可以讓全班同學互相點評、互相評價,在評價別人作品的同時以提高自己的水平。

四、總結(jié)

總之,在中職計算機網(wǎng)頁設(shè)計教學中,教師要緊隨市場步伐,在教學中應(yīng)以全新的教學理念運用最實用教學方法,從培養(yǎng)學生利用網(wǎng)頁獲取信息和信息這一出發(fā)點入手,既讓學生學會它的制作方法,又能在制作過程中充分體現(xiàn)創(chuàng)新性,同時也能培養(yǎng)學生的協(xié)作精神,使知識學以致用。及時更新教學內(nèi)容,新技術(shù)積極改進教學內(nèi)容跟根據(jù)實際的情況,敢于打破一些傳統(tǒng)的教學模式和方法,用更高效、更人性化的方法進行教學。因此,要想提高該課程的教學成效,教師要認真對待教學的每一個環(huán)節(jié),與時俱進,開展以學生為本,以學生的發(fā)展為綱的課堂教學,讓每一個學生的能力都得到發(fā)展,都能學到實實在在的有用的知識。

作者:翟志慧 單位:南京玄武中等專業(yè)學校

網(wǎng)頁設(shè)計畢業(yè)論文:網(wǎng)頁設(shè)計中色彩設(shè)計論文

一、網(wǎng)頁色彩設(shè)計要符合受眾心理習慣

人對色彩的心理想像往往支配自己的購買行為??Х取⑶煽肆Φ陌b紙必須使用咖啡色或紅色。來自美國的調(diào)查報告證實,以紫色,藍色、咖啡色包裝紙包裝咖啡、巧克力、牛奶,大部分消費者深感不快,致使銷售量銳減。在日本,為使蜜桔、蘋果、西瓜等水果顯示本身的固有色、而迎合消費者心理,不少水果店不得不借助染色劑。消費者重視固有色,設(shè)計色彩時不能忽視這一因素。近年來,為了保護人身健康,雖已停止使用在安全上有問題的色素,但是,以木紋三合板作為桌面的鐵桌子比比皆是,可見,人們對固有色的推崇是根深蒂固的。尊重消費者的心理習慣,要科學、合理地安排網(wǎng)頁色彩設(shè)計。

二、網(wǎng)頁色彩設(shè)計要遵循受眾視知覺特征

色彩的位置與方向在頁面構(gòu)圖中是很重要。藍色在視域的頂部、底部、左側(cè)或右側(cè),其作用各不相同。底部的藍色是重的,高部的藍色是輕的。頂部的深紅色表現(xiàn)為沉重緊急的重量,在底部卻表現(xiàn)為穩(wěn)定的事實。黃色在頂部時產(chǎn)生一種毫無重量的效果,在底部時其效果就像受控制的浮力。色彩分布的平衡是頁面構(gòu)圖的最重要的目的之一。正如天秤的秤桿為支撐平衡而需要支點一樣,在一個頁面里平衡的垂直軸線也是必需的。色域的重量在軸線的兩邊起作用。在尋求決定一幅畫中的“左側(cè)”和“右側(cè)”的價值時,我們首先會想到人類的身體。左側(cè)通常比較被動,右側(cè)意味著活力。右側(cè)傾向于向前和向上,而左側(cè)則后退和下墜。許多繪畫作品都是從畫左下側(cè)的重點開始的,然后向右上方運動。在進行網(wǎng)頁色彩設(shè)計時設(shè)計師要充分考慮色彩給受眾的視知覺感受,除了色彩的相對位置外,色彩量的比例、它們的純度和明度也是重要的。

三、網(wǎng)頁色彩設(shè)計的原則和方法

⑴網(wǎng)頁色彩設(shè)計的原則:

在進行網(wǎng)頁設(shè)計色彩選擇時,要遵循網(wǎng)站自身的特點并掌握一定的配色規(guī)律,進而設(shè)計出優(yōu)秀精美的頁面。

①色彩選擇要具鮮明性:

色彩鮮明的網(wǎng)站往往很容易引人注意,吸引受眾眼球,給受眾眼前一亮的感覺。②色彩選擇要具獨特性:網(wǎng)頁用色要有自己獨特的風格,與眾不同色彩選擇才能給人受眾留下深刻的印象。

③色彩選擇要具藝術(shù)性:

依內(nèi)容決定形式的原則,在體現(xiàn)網(wǎng)站自身特點的同時,進行必要的藝術(shù)創(chuàng)新,從而設(shè)計出既體現(xiàn)網(wǎng)站主題要求,又具有一定藝術(shù)風格的網(wǎng)站。

④色彩搭配要合理:

網(wǎng)頁設(shè)計色彩的選擇是根據(jù)主題來確定,不同站點的主題選用不同的色彩。網(wǎng)頁設(shè)計中色彩的搭配很重要,良好的色彩搭配方案給訪問者很強的視覺沖擊力,加深訪問者對網(wǎng)站的印象;失敗的配色則會讓訪問者情緒浮躁不安。

⑤同色系搭配:

同色系搭配是指選定一種色彩,通過調(diào)整其明度和純度,將其加深或減淡,產(chǎn)生出新的色彩來進行網(wǎng)頁色彩設(shè)計,同色系配色的頁面視覺效果統(tǒng)一,層次細膩而豐富。

⑥鄰色系搭配:

鄰色系配色是指選用色相環(huán)上相鄰的色彩設(shè)計網(wǎng)頁,采用鄰近色搭配的頁面視覺效果自然又和諧。

⑦對比色搭配:

對比色搭配可以突出網(wǎng)頁設(shè)計的重點,給受訪者強烈的視覺效果和主次分明的視覺印象。在進行對比色搭配時通常以某種色為主色調(diào),其對比色作為色彩點綴,起到視覺調(diào)劑和畫龍點睛的作用。⑧暖色搭配:使用紅色黃色橙色等暖色系色彩進行網(wǎng)頁色彩搭配,暖色調(diào)的運用可為網(wǎng)站營造出和諧安定溫暖而又熱情的氛圍。

⑨冷色搭配:

使用綠色藍色紫色等冷色系色彩進行網(wǎng)頁色彩搭配,冷色調(diào)的運用可為網(wǎng)頁營造出高雅寧靜清新而又理智的氛圍。

⑵網(wǎng)頁色彩設(shè)計的方法:

①單色配色

網(wǎng)頁色彩設(shè)計要避免色彩選用給受眾單一的感覺。頁面色彩設(shè)計中調(diào)整色彩的純度和明度可以產(chǎn)生變化,使網(wǎng)站層次豐富避免單調(diào)。

②黑色

在網(wǎng)頁色彩設(shè)計中,黑色通常用作背景色或調(diào)劑色,常與不同純度明度色彩搭配使用,視覺效果合理穩(wěn)定,在網(wǎng)頁設(shè)計中是一種使用率極高的色彩。

③背景色

在網(wǎng)頁色彩設(shè)計中背景色起著突出網(wǎng)站主題,奠定網(wǎng)頁主體風格的作用。網(wǎng)頁背景色的選用應(yīng)避免色彩復(fù)雜的圖片和純度很高的色彩。

④鄰近色配色

采用色環(huán)上相鄰近的顏色,網(wǎng)頁設(shè)計中鄰近色的選用可以避免網(wǎng)頁色彩混雜,產(chǎn)生和諧統(tǒng)一的視覺效果。

⑤對比色配色

網(wǎng)頁色彩設(shè)計時以一種顏色為主,對比色為輔,起強調(diào)點綴的作用,引起訪問者注意。對比色的使用突出重點,使網(wǎng)頁產(chǎn)生強烈的視覺效果。

⑥色量

一個主題網(wǎng)站的色彩選擇應(yīng)控制在三種色彩以內(nèi),而不是越多越好,過多的色彩會造成視覺的無秩序感。在有限的色量選擇中,調(diào)整色彩的三大屬性來豐富頁面效果。

四、結(jié)語

威廉﹒奧斯特瓦爾德曾在《色彩入門》一書中寫道“:經(jīng)驗使我們知道,不同色彩的某些結(jié)合使人愉快,另一些則使人不愉快或使人全然無感覺?!痹诰W(wǎng)頁色彩設(shè)計中,和諧有秩序感韻律感的色彩設(shè)計充滿力量。網(wǎng)頁通過色彩向我們展示了世界的精神和活生生的靈魂。

作者:張大慶 單位:長江大學藝術(shù)學院

網(wǎng)頁設(shè)計畢業(yè)論文:移動學習模式下網(wǎng)頁設(shè)計論文

一、移動教學與移動學習

移動通信技術(shù)日新月異的發(fā)展速度,網(wǎng)絡(luò)信息量的暴增,人們使用移動設(shè)備的普遍化,都使一種新的學習模式應(yīng)運而生———移動學習。移動學習的概念在國外60年代就已提出,但國內(nèi)發(fā)展較晚,且隨著通信技術(shù)的發(fā)展,其形式與方法也已發(fā)生本質(zhì)的變化。移動學習的成果不僅應(yīng)用在教育方面,商業(yè)、軍事、旅游等多領(lǐng)域也有所涉及。在將移動學習模式引入教育系統(tǒng)中時,首先要明確兩個概念的區(qū)別:移動教學與移動學習。這是兩個具有本質(zhì)區(qū)別的概念,移動教學的主體是教師,教師通過使用電腦、投影儀等設(shè)備進行教學,在此過程中移動設(shè)備只作為輔助教學的一種手段,主動者為教師;而移動學習的主體是學生,學生使用除傳統(tǒng)的書本、筆之外的移動通訊設(shè)備進行學習的一種方式,學生的身份已由被動學習者轉(zhuǎn)為主動學習者。這也體現(xiàn)了移動學習模式的優(yōu)點。若要充分發(fā)揮移動學習設(shè)備的學習輔助功能,學校應(yīng)該從教師和學生兩個方面來引導(dǎo)。首先在教師方面,要引導(dǎo)教師轉(zhuǎn)變傳統(tǒng)的課堂教學觀念,讓教師意識到移動學習設(shè)備這種新的學習輔助工具可以幫助教師,在課下完善教學過程,讓教師從更深層次上接受這種新的學習工具。從移動學習的角度來講,它與傳統(tǒng)學習方式的區(qū)別在于,移動學習中更加注重以學習者作為學習活動的主體,學習植入到生活當中,是學習者主動結(jié)合語境來獲取學習內(nèi)容,因而移動學習設(shè)備,就是一個移動的課本,不僅在形式上豐富了教學內(nèi)容,同時滿足了一個移動的“大型圖書館”功能。其次要引導(dǎo)教師轉(zhuǎn)變傳統(tǒng)的教育方法,大學生在使用移動學習設(shè)備過程中,一般不會有詳細的學習計劃,因而教師應(yīng)該引導(dǎo)學生根據(jù)自身的學習特點來選擇資源,制定符合自身學習特點的計劃。教師更多地對大學生引導(dǎo)和幫助,鼓勵他們從正向的積極的方面發(fā)現(xiàn)移動學習設(shè)備的功能,善于從中發(fā)現(xiàn)問題,找到適合自身的學習方式。最后是要鼓勵教師積極應(yīng)對這種變化,使用移動學習設(shè)備學習時,學習地點的自由性將使得大學生需要幫助時,能夠及時地與教師取得聯(lián)系,獲取幫助和支持,如果雙方的交流和互動受到阻礙,將會影響到學生的積極性。對教師而言,移動學習設(shè)備不僅提供了快捷的方式與學生之間進行交流和溝通,同時對自身的學習成長亦是非常好的輔助工具。對大學生的鼓勵和引導(dǎo),主要體現(xiàn)在幫助大學生確定正確的認知和學習方法上,移動學習設(shè)備作為一種新型的學習方式的工具,這就要求大學生對其要有正確的認識,只有對移動學習設(shè)備有了全面和深入的理解,才能有效地合理地利用移動學習設(shè)備資源,避免出現(xiàn)將移動學習設(shè)備作為考試的作弊工具,作為課堂學習上網(wǎng)聊天和玩游戲的消遣工具,陷入到誤區(qū)中,造成移動學習設(shè)備資源的浪費。因此學校要加大對移動學習設(shè)備使用的宣傳力度,積極引導(dǎo)大學生對移動學習設(shè)備有正確的認知,讓大學生具有移動學習的意識,能夠主觀能動地運用移動學習設(shè)備進行學習。另外在使用移動學習設(shè)備的過程中,如果大學生缺乏有效的指導(dǎo),沒有掌握正確的學習方法,將會導(dǎo)致學習目的偏差學習效果低下、學習過程失控等現(xiàn)象。

二、“靜態(tài)網(wǎng)頁設(shè)計”課程的移動教學模式

移動通信網(wǎng)絡(luò)的普及,咨詢使用費率的低廉,信號通信速率的提升都為移動學習提供了有力的保障,也使移動學習這種方式快速發(fā)展并被人們所接收和熟知。本文就以靜態(tài)網(wǎng)頁課程如何設(shè)計行之有效的移動學習內(nèi)容,如何開展學習及交互模式的設(shè)計展開探討,建立相應(yīng)的教學模式。

(一)課程內(nèi)容設(shè)計

移動學習的特點就是利用移動設(shè)備能夠無空間、無地域限制的進行學習,這種特點要求課程在內(nèi)容設(shè)計時具有短小、多格式、易理解等特點,且資源豐富,能夠使學習者第一時間、快捷地獲取所需知識。移動學習的課程也可以稱為微型課程,內(nèi)容在選擇與設(shè)計上要把知識點盡可能細化到最小,或提供一個案列式主題,以便學習者在能接受時間內(nèi)完成學習。學習者在移動學習過程中,環(huán)境、地點的游離性決定受外界因素的影響易產(chǎn)生干擾性,課程內(nèi)容設(shè)計得簡短、直接、易理解,與學習者所處環(huán)境適時融合,產(chǎn)生較好的學習效果?!办o態(tài)網(wǎng)頁設(shè)計”是一門實踐性較強的計算機技能課程,知識點架構(gòu)與分解時不能采取傳統(tǒng)的逐一講解的模式,應(yīng)以小案例形式,參考網(wǎng)站設(shè)計流程來細化、組織每個知識點。劃分之后即為工作流程對應(yīng)技術(shù)能力,技術(shù)能力對應(yīng)實際案例,案例對應(yīng)情景,最后的內(nèi)容形式就為情景或小案例,劃分內(nèi)容如表1所示:

(二)媒體形式選擇

常用的移動設(shè)備品種繁多,諸如有手機、平板電腦、MP3(MP4)、psp等,其多樣性決定了移動學習課程體現(xiàn)形式的多樣化,移動終端設(shè)備是移動學習的最終載體,選擇一種適用多平臺具有通用性的媒體形式是非常困難的,因此要結(jié)合學習內(nèi)容選用與之相符的媒體形式。多媒體的格式眾多,與移動設(shè)備結(jié)合時要考慮到移動設(shè)備的限制,例如屏幕較一般固定顯示設(shè)備小,數(shù)據(jù)處理能力有限,存儲空間不是很大,電腦上原有學習資源不能直接移植使用,同時一種學習內(nèi)容要有多種表現(xiàn)形式。要合理選擇媒體形式就要了解每種媒體的特性,針對不同的學習內(nèi)容,使用不同的設(shè)計方案,讓移動學習的呈現(xiàn)方式和途徑與學習內(nèi)容吻合。在移動學習中常見的多媒體形式。靜態(tài)網(wǎng)頁設(shè)計課程的媒體選擇可以多種形式體現(xiàn)不同內(nèi)容,設(shè)計為理論知識以文本和音頻形式體現(xiàn),實際操作以視頻和圖片格式來教學,最終效果與系統(tǒng)總結(jié)可以采取網(wǎng)頁格式來系統(tǒng)呈現(xiàn)。

(三)交互設(shè)計

交互設(shè)計在移動學習中也非常的重要,學生的學習感受與疑惑能夠及時得到老師的解答,將會極大激勵學生學習的積極性。人們在產(chǎn)生疑問時往往希望第一時間得到答案,在教學中教師提出問題,學生可以使用移動設(shè)備收集第一手資料分析總結(jié)出問題答案,在此過程中學生如有疑問教師實時解答,不僅提高學習效果更能增加師生的互動交流心得,為教師后期的教學給予一定的指導(dǎo)作用。目前較為常用的用于交互設(shè)計的形式有三種:基于短信的交互形式、基于應(yīng)用程序的交互形式、基于網(wǎng)頁的交互形式?;诙绦诺慕换バ问绞亲顬槌S玫囊环N,內(nèi)容一般為發(fā)送問題接受反饋內(nèi)容,實時性與成本兼顧?;趹?yīng)用程序的交互形式是學習者下載軟件客戶端可離線學習,如有疑問通過短信形式返回,這種形式的交互常應(yīng)用于內(nèi)容多而完整,無法分割為微單元的學習內(nèi)容,交互效果較弱需與其它交互形式結(jié)合使用。網(wǎng)頁交互形式有兩類:電腦顯示的WEB形式,手機顯示的WAP形式,這種交互設(shè)計主要針對信息量較大,運算速度有所限制的教學內(nèi)容。靜態(tài)網(wǎng)頁設(shè)計課程的交互設(shè)計為每節(jié)課主要內(nèi)容首先通過短信、微信的形式,讓學生提前預(yù)習;內(nèi)容的體現(xiàn)采用視頻、應(yīng)用軟件形式在手機客戶端加載;學習疑問與感受,與教師的交流互動采用微信、短信或網(wǎng)頁形式呈現(xiàn)。

(四)設(shè)計示例

總體設(shè)計后,把能在細化的案例再細化,不能的就可建立微課形式,例如上述內(nèi)容中網(wǎng)頁布局與編輯內(nèi)容根據(jù)內(nèi)容設(shè)計原則,媒體設(shè)計與交互形式設(shè)計原則可建立移動學習單元。只有綜合多種交互形式,才能完美呈現(xiàn)課堂內(nèi)容與實現(xiàn)移動教學與移動學習的優(yōu)勢,即實時性獲取所需信息達到學習目的。

三、結(jié)論

移動學習課程模式設(shè)計要綜合考慮多個因素,環(huán)境、移動設(shè)備、受用人群等,體現(xiàn)模式也多種多樣,要能充分的滿足學習者隨時隨地獲取自身感興趣、具有實用性的內(nèi)容外,還能為工作,生活提供便利,提高學習效率。同時內(nèi)容要短小、精悍,最大限度降低學習者的疲勞度,調(diào)動積極性。靜態(tài)網(wǎng)頁設(shè)計課程的微課程模式設(shè)計為學生學習本課程提供了另一種平臺,但目前還是需要與傳統(tǒng)教學模式相結(jié)合使學生逐步接受,最終使移動學習方式成為一種習慣,改變?nèi)藗兊膶W習環(huán)境。

作者:南楠 單位:三門峽職業(yè)技術(shù)學院信息傳媒學院

網(wǎng)頁設(shè)計畢業(yè)論文:高職院校網(wǎng)頁設(shè)計論文

1正確認識網(wǎng)頁設(shè)計與制作課程的性質(zhì)和地位

1.1網(wǎng)頁設(shè)計與制作課程的性質(zhì)

首先,設(shè)計者要有一定的美術(shù)功底,其次要有搜集和整理素材的能力,再者要有準確的表達能力,甚至還應(yīng)該具備一定的行為學知識的能力,另外還要有分析和創(chuàng)新能力。綜上所述,得出以下結(jié)論,網(wǎng)頁設(shè)計課程是一門綜合性很強的基礎(chǔ)課程。

1.2網(wǎng)頁設(shè)計與制作課程的地位

與網(wǎng)頁設(shè)計與制作課程關(guān)系密切的課程很多,而關(guān)系最為密切的課程有計算機應(yīng)用基礎(chǔ)課程,電腦繪畫課程(Photoshop)和動漫設(shè)計課程(flash),這三門課程都是網(wǎng)頁設(shè)計與制作課程的前導(dǎo)課程,相對于這三門課程來講,網(wǎng)頁設(shè)計與制作課程就是后續(xù)課程。在對后續(xù)課程的教學過程中,必定會讓學生運用到前導(dǎo)課程的知識和技能,這樣不僅可以讓學生對前導(dǎo)課程進行一定的強化學習,而且更有利于后續(xù)課程的教授和學習,在很大程度上,能夠提高學生設(shè)計網(wǎng)站的水平。如果把前導(dǎo)課程比喻成紅花和綠葉的話,那么后續(xù)課程就是飽滿的果實。由此看來,網(wǎng)頁設(shè)計與制作課程在整個教學體系中占據(jù)著非常重要的地位。

2選擇適合高職院校學生特點的教材

我院具有所有高職院校所共有的職業(yè)特點,但又有著我們自身更為突出的特點,要以“面向高職學生以應(yīng)用”為目的的思想為指導(dǎo),以能力為本位,適應(yīng)社會的需要,這就要求我們在選擇教材時一定要準確實用,我院幼兒教育系選用的是由清華大學出版社出版的第二版《Dreamweaver網(wǎng)頁制作實用教程》,本教材以“實例+知識點”的結(jié)構(gòu)構(gòu)建內(nèi)容,采用“任務(wù)驅(qū)動教學法”讓學生邊做邊學,并配以相應(yīng)的光盤,生動直觀,能夠讓學生在短時間內(nèi)迅速掌握所學知識,是一本符合培養(yǎng)高職院校學生技能的好教材。

3遵循高職教學規(guī)律,加強和改進教學工作

高職院校不同于其他高校的地方就是它是以實踐操作能力的培養(yǎng)為主導(dǎo),理論知識的學習為輔的教學指導(dǎo)方針進行教學,對于網(wǎng)頁設(shè)計與制作這門實踐性很強的課程來說更是如此。想要教好這門課程,教師就必須在教學過程中進行一系列的教學設(shè)計才能達到較好的效果,如何組織好這門課對于教學工作和效果尤為重要。

3.1網(wǎng)頁設(shè)計與制作課程的教學思路

首先,要上好第一堂課。教師要在課前做好充分的準備工作,要利用第一堂課想辦法牢牢抓住學生的心,讓學生真正認識到學習網(wǎng)頁設(shè)計課程的重要性和必要性,不能讓學生有沉悶和枯燥的感覺。所謂萬事開頭難,好的開始必定能為之后的教學打下一個堅實而良好的基礎(chǔ),但好的開始并不意味著之后的教學就會一帆風順的進行,之后的教學務(wù)必要在多媒體課件上下工夫。多媒體課件是教學的靈魂,它不是文字、圖象、音頻、視頻和動畫信息等各種元素的堆砌,而是它們的完美融合,利用它們使課堂變得更加生動和精彩,從而盡可能的提高學生的學習興趣。

3.2網(wǎng)頁設(shè)計與制作課程的教學方法

用實例作為課堂切入點,讓學生先看到實際效果,首先啟發(fā)學生思考用之前學到的知識和技巧能否做出此種效果,然后再由教師演示實例,在演示實例的過程中引出新的知識點,將知識點融入到具體實例中。比如,在表格布局和內(nèi)嵌框架的教學模塊中,我們采用任務(wù)驅(qū)動教學內(nèi)容。教學目標是用布局表格設(shè)計網(wǎng)站主頁,在演示此實例之前,讓學生先利用之前學習的表格知識設(shè)計此網(wǎng)站主頁,目的一是鞏固前面章節(jié)所學知識和操作技巧,目的二是為接下來的布局表格設(shè)計做好充分的鋪墊,讓學生從內(nèi)心有所比較,哪種方法更適合用來設(shè)計網(wǎng)站主頁,在教師演示實例過程中可以更好地抓住學生的注意力和調(diào)動學習的積極性。演示案例制作一個介紹“學習教程”的站點,主要包含六個模塊,包括“我的主頁”LOGO、“導(dǎo)航”、“網(wǎng)站信息”、“教程熱點”、“熱門下載”、“最新教程”、“最新軟件”等等。基本要求是在此實例中,添加“左上角三疊圖”和“最下面友情鏈接”,資料在網(wǎng)絡(luò)中獲取,合理設(shè)置網(wǎng)頁的背景以及圖片和文本的屬性,頁面美觀大方。較高要求是用此站點結(jié)構(gòu)制作一個介紹自己的個人站點,要求除基本要求外,要有六處超級鏈接,且六處鏈接頁面要有一致的框架結(jié)構(gòu),站點中導(dǎo)航清晰,布局合理,配色美觀大方。

3.3教學過程中因時因人改進教學手段和方法

高職具有較強的職業(yè)特色,而學生水平存在著個體差異,故不能進行一成不變的教學方法。在課程進行到中期的時候,學生對課程知識的索求和動手實踐的欲望會漸漸減弱,他們的厭學情緒越來越重,或者總是出現(xiàn)眼高手低的現(xiàn)象。在這個階段學生已經(jīng)掌握了一定的網(wǎng)頁設(shè)計與制作的知識和技能,教師可以放手給學生,在授課過程中可以由主動變?yōu)楸粍?,讓學生由被動變?yōu)橹鲃樱┤缯夷澄粚W生來演示課堂實例,教師在旁指導(dǎo),把學生的注意力拉回課堂,以此來推動教學進度順利高效的向前進行。

4明確教學目標,把握教學內(nèi)容

4.1選擇合適的網(wǎng)頁制作工具

目前最好的網(wǎng)頁制作與設(shè)計軟件工具是Dre-amweaver。它一直以來作為可視網(wǎng)頁編輯工作的標準,在代碼編輯和應(yīng)用程序開發(fā)方面的功能比較強大,更重要的是它是所見即所得類型的網(wǎng)頁設(shè)計軟件,對高職院校非計算機專業(yè)的學生來將非常適合。同時,可以選擇Flash制作網(wǎng)頁中的動畫素材,選擇photoshop處理和制作網(wǎng)頁中的圖片素材。

4.2要求學生能夠利用

Dreamweaver設(shè)計各種網(wǎng)頁,開發(fā)初具規(guī)模的網(wǎng)站我系課程方案中要求采用以Dreamweaver為主導(dǎo),逐步講解網(wǎng)頁設(shè)計的基礎(chǔ)知識,初步了解HTML語言、簡單認識CSS網(wǎng)頁設(shè)計的基礎(chǔ)知識。這里需要特別說明的一點是,首先,對HTML的教學,有些人認為對于高職非計算機專業(yè)的學生來說,不用學習太多語言,其實不然,HTML可以說是網(wǎng)頁的靈魂,它不像C語言那樣生澀難懂,高職非計算機專業(yè)的學生完全有能力學會和掌握。其次,要掌握CSS的基本使用方法,CSS是英文單詞CascadingStyleSheets縮寫,翻譯為“層疊樣式表”。通俗講CSS是控制網(wǎng)頁中內(nèi)容的顏色、字體、文字大小和寬度、邊框、背景及浮動等樣式來實現(xiàn)各式各樣、花樣百出的網(wǎng)頁樣式的統(tǒng)稱。由于允許同時控制多重頁面的樣式和布局,CSS可以稱得上網(wǎng)頁設(shè)計領(lǐng)域的一個突破,作為網(wǎng)站開發(fā)者、設(shè)計者能夠為每個HTML元素定義樣式,并將之應(yīng)用到希望的任意多的頁面中。如需進行全局的更新,只需簡單地改變樣式,然后網(wǎng)站中的所有元素均會自動地更新。

5考核方式

根據(jù)高職院校學生的實際能力水平和課程教學質(zhì)量基本要求,傳統(tǒng)理論考試已不適宜于網(wǎng)頁設(shè)計和制作課程,網(wǎng)頁設(shè)計和制作課程采用的是考查的考核形式。這種考核方式更適合網(wǎng)頁設(shè)計課程的特點,更加強調(diào)學生學習的靈活多樣性。期末總評學習成績可由三部分組成:課程考核(平時到課考勤、課堂上的表現(xiàn)、課堂實訓(xùn)作業(yè)和)占30%、小結(jié)考核(階段測驗作品)占30%和期末考核(期末綜合作品)占40%。這種考核方式注重實際操作能力和靈活應(yīng)用能力的培養(yǎng),可盡可能地調(diào)動學生的學習興趣,發(fā)揮學生的學習積極性和主動性。期末考試要求學生在教師規(guī)定的時間內(nèi)完成一整個網(wǎng)站項目的設(shè)計與制作,項目中包含一個學期中所學過的全部知識點和技能點?!毒W(wǎng)頁設(shè)計與制作》課程是當下一種全新的教學內(nèi)容,教師在教學中應(yīng)將自己獨特的教學理念運用于教學方法中,即讓學生輕松愉快地學會制作網(wǎng)頁的方法和技巧,又能在建立網(wǎng)站的過程中充分發(fā)揮自己的想象力和創(chuàng)造力,從而能培養(yǎng)更多適應(yīng)信息化社會的綜合型網(wǎng)頁設(shè)計人才。

6社會實踐

如果說課堂考核方式是檢測和鞏固學生設(shè)計網(wǎng)頁能力最有效的方法,那么課外的實踐則是拓展和提高學生設(shè)計網(wǎng)站能力最有效的渠道。可以組織學生進行學院網(wǎng)頁設(shè)計的比賽,也可以走出校園去參加社會團體組織的設(shè)計大賽,或者進行一段時間的頂崗實習,這樣可以最大程度的提高他們對此課程的學習積極性,也可以讓學生找到差距,激勵他們更加努力,不斷完善和提高自己設(shè)計網(wǎng)頁的水平。

7總結(jié)

真正落實實訓(xùn)在網(wǎng)頁設(shè)計課程教學過程中的基礎(chǔ)地位和作用,調(diào)動學生做實訓(xùn)作業(yè)的主動性,切實培養(yǎng)學生的實際操作能力和思維創(chuàng)新能力才是我們教師共同努力的目標。通過以往的教學結(jié)果觀察得出,學生在課堂上的態(tài)度也有了很大的進步,在最后的實訓(xùn)測試中又相當于重新復(fù)習鞏固了一次,對網(wǎng)頁設(shè)計的記憶深刻了許多,教學效果顯著。隨著我們對現(xiàn)行的綜合評價考核機制的不斷改進和完善,相信對學生的進步會起到不可估量的促進作用。在教學過程中,教師要對課堂理論教學、實例教學和課程實訓(xùn)等方面進行不斷地整理、反思和改進,因為未來的社會中,網(wǎng)頁在生活中所起的作用也在不斷地變化著,對這門課程的教學的要求也越來越高,教師的教學要適應(yīng)科技的變化,要有改革進取的精神,培養(yǎng)能真正適應(yīng)社會的人才。

作者:夏寧 單位:開封文化藝術(shù)職業(yè)學院幼教系

網(wǎng)頁設(shè)計畢業(yè)論文:色彩運用網(wǎng)頁設(shè)計論文

一、色彩在網(wǎng)頁界面設(shè)計中的作用

(一)布局作用。

在網(wǎng)頁界面的設(shè)計中,色彩不是單純地選擇就可以,還可以利用不同色彩的搭配,根據(jù)界面信息內(nèi)容,以及網(wǎng)頁本身的性質(zhì)進行分配,使得各個元素可以實現(xiàn)統(tǒng)一的合理布局。色彩不是在獨立范圍內(nèi)的應(yīng)用,還需要和界面其他元素結(jié)合起來一起設(shè)計,利用色彩對網(wǎng)頁進行方向引導(dǎo)和界面劃分,達到標示,區(qū)分,限定和引導(dǎo)的效用,把復(fù)雜的元素和信息清楚地區(qū)分開來,給瀏覽者一種有序,清晰的視覺感。利用色彩進行網(wǎng)頁界面布局的時候,同時要注意色彩本身與整個網(wǎng)頁界面的一致性,保持界面上色彩的平衡。色彩本身要與內(nèi)容相適應(yīng),同時還有與文字、位置、面積相互聯(lián)系,最終使網(wǎng)頁給人一種布局合理,內(nèi)容豐富,閱讀方便的視覺展示效果。

(二)宣傳作用。

在競爭激烈的信息時代,能夠及時傳遞出高效、高品質(zhì)信息的企業(yè),才能在社會中屹立不倒。在眾多傳媒中,網(wǎng)頁的宣傳正是在集合現(xiàn)代企業(yè)理念和設(shè)計理念的載體,以突出品牌形象,刻畫企業(yè)個性,使瀏覽者有較深的認同感,達到宣傳和促銷的目的。企業(yè)統(tǒng)一的形象通過包裝、標準色、標志、服飾、建筑等媒介來實現(xiàn)。其中標準色在網(wǎng)頁宣傳中起到了良好的作用,進一步加深了瀏覽者對企業(yè)理念和文化的記憶和認知。標準色是由企業(yè)標志色彩引申來的,通過色彩的象征性和本質(zhì)表現(xiàn)傳達企業(yè)獨特的產(chǎn)品和文化理念,具有直觀明顯的視覺效果,可以引起大眾的共鳴。所以網(wǎng)頁色彩在企業(yè)整體設(shè)計系統(tǒng)中的應(yīng)用是宣傳企業(yè)商品和品牌形象的重要工具。

(三)審美作用。

網(wǎng)頁界面設(shè)計的形式美主要由組合元素進行巧妙排版和合理搭配,并配以一定的動畫效果等因素穿插構(gòu)成的,形成視聽的結(jié)合。在視覺系統(tǒng)中,色彩是主要的表達元素,合理地運用色彩能讓網(wǎng)頁界面設(shè)計和審美達到良好的效果。網(wǎng)頁界面設(shè)計的色彩美學價值在于滿足頁面內(nèi)容和形式的需求,高度體現(xiàn)時代美、版式美和裝飾美,并投射瀏覽者的審美態(tài)度和生活情趣。所以網(wǎng)頁界面的美觀設(shè)計既是現(xiàn)代技術(shù)和藝術(shù)的結(jié)合,也是瀏覽者的心理訴求。

二、色彩在網(wǎng)頁界面設(shè)計中的不同應(yīng)用

在網(wǎng)頁設(shè)計中,常用的色彩模式為RGB模式。RGB模式,主要有紅、藍、綠三種顏色,也被人們稱為三原色。RGB中的R指紅色,G指綠色,B指藍色。通過對三原色的不同的調(diào)整,會配合出不同的色彩。在電腦顯示器或者手機屏上,通常色彩的亮度是用RGB的值來衡量的,通過0-255的數(shù)字進行標示。R、G、B分為從0到255的不同的亮度,三種顏色可以組合出1678萬種顏色。在網(wǎng)頁界面設(shè)計中,同類色指的是差別在45度之內(nèi)的顏色,同類色效果非常接近,從網(wǎng)頁畫面效果看,給人一種簡單、協(xié)調(diào)、舒適的感覺。鄰近色指的是相差在90度之內(nèi)的顏色,鄰近色的畫面感中色調(diào)區(qū)別比較明顯,搭配出來的效果不突兀,對比性不強烈,能很好的把情感的統(tǒng)一性表達出來。人們把距離135度的顏色稱為對比色,對比色的對比感很強,色彩和色彩之間有明顯的差別,給人一種充滿差異化的感覺??梢詫Ρ壬脕韺W(wǎng)頁內(nèi)不同區(qū)域進行區(qū)分,帶給人們一種互動,活力的感覺。人們所說的互補色指的是把剛好在180度的兩種顏色,互補色搭配出來的顏色對比效果非常強,比如黑白二色的太極,給人一種對比明顯,神秘莫測的感覺,這種互補色的搭配有很強的視覺沖擊力。在網(wǎng)頁界面設(shè)計中要注意盡量少使用,就算使用也不可大面積使用,以免出現(xiàn)畫面不和諧,不一致的現(xiàn)象。通常在我們設(shè)計網(wǎng)頁界面的時候,要綜合考慮網(wǎng)頁的審美效果和實用效果,在搭配色彩的時候盡可能使用同類色或鄰近色,這樣在視覺上給人帶來舒適的感覺,若使用純度高的色彩容易給瀏覽者帶來視覺疲勞的感覺。要學會調(diào)配色彩的飽和度和透明度,使整個網(wǎng)頁界面看起來非常和諧。網(wǎng)頁界面中應(yīng)該使用具有清晰度和鮮明度的主顏色,方便引起瀏覽者的注意。配色主要用于襯托主色,支配色是網(wǎng)頁界面風格的決定性色彩。在一般情況下,背景色會選取較為簡單的顏色,如藍色,淡綠色等,這樣設(shè)計出來的界面會比較清晰。

三、網(wǎng)站制作實例分析

(一)學校類網(wǎng)頁實例分析。

下面主要對中國科學技術(shù)大學學校網(wǎng)站進行學校類網(wǎng)頁界面色彩分析,如下圖所示。網(wǎng)頁的整個色調(diào)顯示藍色,藍色屬于冷色調(diào),在網(wǎng)頁設(shè)計中的應(yīng)用很廣泛。藍色象征著永恒、理智、博大和平靜等。該網(wǎng)頁使用藍色調(diào)主要從三點考慮,第一,中國科學技術(shù)大學是一家以理工科為主的學校。藍色象征著科技,所以在考慮搭配顏色時,色彩主要以藍色為主,為了和CI識別系統(tǒng)保持一致,網(wǎng)站色調(diào)建議使用藍色。第二,中國科學技術(shù)大學官網(wǎng)屬于學校類網(wǎng)站,學校網(wǎng)站在架構(gòu)上一般會突出氣勢,給人大手筆的感覺。很多學校網(wǎng)站在設(shè)計上有濃厚的特色情調(diào),要和學校文化,形象相結(jié)合。該網(wǎng)站所運用的藍色調(diào)較好體現(xiàn)了網(wǎng)站的特殊需求,背景運用了藍天,綠樹。片頭色調(diào)較為簡單,展現(xiàn)出學??煽浚林€(wěn)重的一面。學校網(wǎng)站同樣需要帶給人們可信任感,黑色代表著嚴謹和莊重。網(wǎng)站首頁的字體基本上采用了黑色的漸變,從黑色到灰色再到白色的漸變使正畫面不那么陰沉。黑白漸變反而使得頁面在沉穩(wěn)中又加強了感染力,此外在黑色背景上加上中國傳統(tǒng)書法,體現(xiàn)了中國傳統(tǒng)文化氣息,渲染了該學校文化內(nèi)涵。該網(wǎng)站作為學校官方網(wǎng)站,有明顯的中國傳統(tǒng)元素,包括圖標和校名。網(wǎng)頁設(shè)計配色結(jié)合了色彩的各種原理和用戶色彩心理,設(shè)計師根據(jù)大致的風格再逐步進行探索。中國科學技術(shù)大學官網(wǎng)的設(shè)計整體朝氣蓬勃,體現(xiàn)了一個現(xiàn)代學校的科研精神。

(二)企業(yè)類網(wǎng)頁實例分析。

下面主要對小米網(wǎng)站進行企業(yè)品牌類網(wǎng)頁界面色彩分析,如下圖所示。小米的官網(wǎng)其實是以白色作為背景色。網(wǎng)頁的配色為橙色,橙色本身屬于暖色調(diào),在一般網(wǎng)頁設(shè)計中應(yīng)用不多,在小米的網(wǎng)站中,橙色作為一種主顏色并不讓人覺得突兀。小米網(wǎng)站使用白色作為背景色,字體是比較經(jīng)典的紅黑搭配,給人一種前衛(wèi)、時尚的感覺,這與小米崇尚的簡單時尚的品牌風格是一致的。該網(wǎng)站作為小米手機及相關(guān)產(chǎn)品的官方網(wǎng)站,主要目的是供用戶選擇合適的產(chǎn)品。可以看出,通過使用醒目的紅色字體,用戶可以第一時間看到相關(guān)的產(chǎn)品,起到了很好的導(dǎo)購作用。小米的用戶主要是年輕用戶,用偏紅色的橙色,能給人一種個性張揚,極富動感的感覺,這也比較符合小米的用戶結(jié)構(gòu)。同時,橙色也能給人一種明朗穩(wěn)重的效果??梢钥吹剑∶椎木W(wǎng)站兼具了電商類網(wǎng)站以及品牌類網(wǎng)站的作用,無論是從整體布局還是細節(jié)處理上,簡單的橙色、黑色搭配都給人一種賞心悅目的感覺。在網(wǎng)頁界面設(shè)計中,除了遵循一定的色彩原則,還應(yīng)深入思考網(wǎng)站的本身的性質(zhì),比如是政府網(wǎng)站、企業(yè)網(wǎng)站、個人網(wǎng)站。只要適合網(wǎng)站性質(zhì),才能設(shè)計出個性獨特,色彩鮮明的網(wǎng)站;并且始終堅持內(nèi)容決定形式,結(jié)合色彩給人帶來的心理感知以及藝術(shù)效果,這樣才能讓瀏覽的用戶一目了然,獲得好的視覺展示效果。

作者:高海燕 單位:安徽工商職業(yè)學院

網(wǎng)頁設(shè)計畢業(yè)論文:文字元素視角下網(wǎng)頁設(shè)計論文

一、文字的字體設(shè)置

網(wǎng)頁設(shè)計中的文字設(shè)計,首先要了解網(wǎng)頁上文字字體的顯示原理。在瀏覽者電腦上看到字體的過程實際上是這樣的,當網(wǎng)頁瀏覽器加載網(wǎng)頁的CSS代碼后,解析到有關(guān)字體的樣式,便會在瀏覽者電腦字庫中查找該字體,只有找到了相應(yīng)的字體文件,才會對網(wǎng)頁中的文字進行渲染,顯示出你想要的效果。如果你的操作系統(tǒng)中,并沒有安裝網(wǎng)頁CSS代碼中定義的那種字體,就無法渲染出那種字體的效果,而通常使用當前系統(tǒng)的默認字體來代替。網(wǎng)頁設(shè)計是面對所有瀏覽者的,所以這個問題,才是選擇字體的最大難點。解決這個問題只有從兩個方面進行出發(fā):(一)使用宋體等常用的字體。所有瀏覽器默認的標準字體是中文宋體和英文timesnewRoma字體。如果沒有進行任何字體設(shè)置,在任何操作系統(tǒng)和瀏覽器里網(wǎng)頁將以這兩種標準字體顯示保持正確。現(xiàn)在大多數(shù)電腦操作系統(tǒng)為微軟的windows系統(tǒng),其安裝時就自帶的4種中文字體和40多種英文字體,四種中文字體分別為宋體、黑體、楷體(GB2312)、仿宋(GB2312)。凡是在windows操作系統(tǒng)的瀏覽器使用系統(tǒng)自帶的字體都可以正確顯示這些字體。(二)圖片的方式置入網(wǎng)頁。根據(jù)網(wǎng)頁中的設(shè)計思想而選擇相應(yīng)的字體,設(shè)計師往往需要用一種特殊的字體來體現(xiàn)自己的風格,那么特殊字體或藝術(shù)字體因為字體的原因只能在本機電腦上顯示成功。為避免這種情況的出現(xiàn),設(shè)計師可以把文字進行柵格化,把文字變?yōu)閳D片的形式,最好以圖片的方式置入網(wǎng)頁,以保證所有人看到的網(wǎng)頁效果相同。

二、文字的大小設(shè)置

由于網(wǎng)頁設(shè)計是基于電腦虛擬平臺,其展示方式區(qū)別于之前的傳統(tǒng)媒介的實物展示,它需要在顯示終端中展現(xiàn)。而現(xiàn)在顯示終端百花齊放,網(wǎng)頁設(shè)計師需要考慮不同客戶端的瀏覽體驗,而文字大小直接決定了網(wǎng)頁的視覺效果,是用戶體驗中的一個重要部分。不同的顯示器尺寸,不同的分辨率設(shè)置,不同的DPI參數(shù),乃至不同的瀏覽器預(yù)設(shè),都會對最終展現(xiàn)的文字大小帶來影響。雖然現(xiàn)在很多瀏覽器已經(jīng)可以方便地縮放頁面,但用戶每次都要重新縮放,而且許多用戶不習慣縮放頁面達到最佳視覺效果。這就要求網(wǎng)頁設(shè)計師最好還是根據(jù)絕大多數(shù)用戶的使用習慣,設(shè)置一個比較體貼的默認字號。

三、文字的顏色選擇

字體的顏色選擇同樣是一個重要的細節(jié),通常來說,顏色要與背景有一定的對比度,因為低對比度容易導(dǎo)致字體看不清楚。所以要用高對比度的顏色,所以文章都是白底黑字。網(wǎng)頁中的文字,通常使用黑色,這樣更加可以保證文字的辨識度又符合大眾的口味。當然現(xiàn)在隨著網(wǎng)頁設(shè)計的發(fā)展,顏色應(yīng)用越來越多,但這里要避免的一些特殊顏色,因為網(wǎng)頁中的一些默認顏色。比如說是藍色,因為藍色代表著網(wǎng)頁中可以進行點擊跳轉(zhuǎn)的超鏈接,如果網(wǎng)頁中有一段藍色的文字,會讓人誤以為是可以點擊的超鏈接,所以這種顏色要特別慎重。但是有些時候在設(shè)計中,必須要用到這種顏色時,也有一些其他的方法來避免類似問題。例如將超鏈接的樣式帶有默認的下劃線。文字作為信息傳播的符號,實現(xiàn)了良好信息傳達的效果。文字的自身結(jié)構(gòu)又具有視覺圖形意義,字體的造型變化構(gòu)成了各種形狀,在網(wǎng)頁設(shè)計中文字的表現(xiàn)形式既有規(guī)律性又有極大可塑性。利用文字視覺傳遞、視覺規(guī)律、視知覺感受的生理效應(yīng)等作用,可以在網(wǎng)頁設(shè)計制作中尋求和創(chuàng)造更加豐富多彩的個性化、風格化的視覺語言形式。

作者:高翔 單位:淮陰工學院設(shè)計藝術(shù)學院