時間:2022-08-02 03:11:26
序論:好文章的創(chuàng)作是一個不斷探索和完善的過程,我們?yōu)槟扑]十篇網(wǎng)頁設計論文范例,希望它們能助您一臂之力,提升您的閱讀品質(zhì),帶來更深刻的閱讀感受。
2突出實踐能力,部分內(nèi)容實行協(xié)同教學
2.1設計學習任務,激發(fā)學生的學習興趣
興趣是最好的老師。在進行入門教學的時候,如何激發(fā)學生的學習興趣,使得學生在主觀上由“要我學”轉(zhuǎn)變?yōu)?ldquo;我要學”,是個關鍵問題。以講授網(wǎng)頁美工設計的內(nèi)容為例,在開始幾節(jié)課,要結(jié)合國內(nèi)外的幾個知名網(wǎng)站的整體結(jié)構(gòu)進行分析,介紹知名網(wǎng)站在版面設計方面如何布局,在色彩搭配方面如何合理地統(tǒng)一網(wǎng)站的風格、網(wǎng)站Logo和Banner的設計理念,以及如何對網(wǎng)頁圖片進行處理才能更加吸引網(wǎng)民的眼球等,讓學生意識到網(wǎng)頁世界的豐富多彩,從而激發(fā)他們的學習興趣。與此同時,在每個學習階段結(jié)束的時候,都要求學生獨立完成一個任務,從最基本的圖片處理、Logo設計到整個網(wǎng)站結(jié)構(gòu)的布局和色彩搭配,這樣學生就會在自己心里形成一個風格,這也是學生學習好網(wǎng)頁設計課程的基礎和前提。
2.2舉一反三,培養(yǎng)學生學習能動性
網(wǎng)頁設計是一門專業(yè)技能,非常注重學生實際動手能力的培養(yǎng)。在實際教學中,教師要充分準備大量的具體案例,采用提問法、任務驅(qū)動教學法、講練結(jié)合法等方法對學生進行教學。在開始教授一個新的內(nèi)容時,要提出一個問題,讓學生帶著疑問去學習,這樣才能有的放矢。教師可以先在教師機上演示操作一個具體案例,在演示的過程中,采用邊講邊練的方式,讓學生在“做中學”,然后布置一個與此案例類似的任務,讓學生獨立完成,在任務結(jié)束的時候,根據(jù)學生的完成質(zhì)量情況,讓做得比較好的學生在教師機演示自己的成果,談談自己在做的過程中的心得體會。這樣,在課堂上,大部分的時間就交給了學生,讓學生始終處于動手的狀態(tài)。作為教師,在學生實施任務的過程中,不要過多干涉學生,而是多給學生以引導,讓學生自己思考、設計、完善,讓學生在實踐中自我摸索,不斷提高。通過這種方式,不僅起到了舉一反三的教學效果,而且充分發(fā)揮了學生的學習能動性,使得學生學得扎實,記得牢固,也進一步提高學生的分析問題和解決問題的能力。
2.3部分內(nèi)容協(xié)同教學,明確分工
組內(nèi)成員的分工,首先是角色分工。每個合作小組要選定小組長,以分配任務,監(jiān)督進度情況,協(xié)調(diào)組內(nèi)成員等。對于小組內(nèi)的成員,要明確分工職責。以網(wǎng)頁設計綜合實訓為例,面對一個完整的網(wǎng)站系統(tǒng)任務,需要3個小組成員,其中,一個負責網(wǎng)頁圖片素材、動態(tài)效果的處理,一個負責整體網(wǎng)站的布局、色彩搭配,以及切片導入Dreamweaver的工作,一個負責數(shù)據(jù)庫設計和后臺服務器行為的實現(xiàn)。當然,為了讓每個學生都能夠全面掌握網(wǎng)頁設計的技術,每次合作時的角色也是應該輪換的,而非固定不變,特別是小組長的輪換,體現(xiàn)了人人平等的精神,讓每個學生都體會到自己在小組中的重要性,從而激發(fā)他們內(nèi)在的能力。在任務實現(xiàn)過程中,通過協(xié)同合作,明確分工的方式,可以逐步培養(yǎng)學生的組織能力、交流能力、協(xié)調(diào)能力、相互尊重的態(tài)度等,以期學生在不同的學習任務中發(fā)展不同的能力,從而可以大大提高學習效率。
3教師要及時指導,將德育教育融入教學過程
在學生的學習過程中,無論是獨立學習還是合作學習,教師絕不能是旁觀者,而應該是學生的合作伙伴和指導者。特別是在學生以小組為單位的合作學習過程中,教師不是更清閑了,而是擔負起了更大的職責。在合作學習中,教師要針對班級、小組的具體情況,在宏觀層面給學生以指導,涉及整個任務的管理,調(diào)控和引導,要充分展示各種問題的形成過程和解決過程。實踐證明,在合作學習過程中,如果有教師的及時指導,如指導學生一些合作學習的步驟,明確合作學習的規(guī)則,有利于學生順利開展學習,充分發(fā)揮小組協(xié)同合作的作用。與此同時,要將德育教育融入到教學過程中?,F(xiàn)階段,作為網(wǎng)絡信息承載者的網(wǎng)頁是一把雙刃劍,各種信息充斥其中,對于這些正處于青春期的中職生,如何正確對待這些信息,將對他們的成長發(fā)揮重要作用。因此要將網(wǎng)頁作為德育教育的載體,通過制作以“健康、向上”為主題的網(wǎng)站,在搜集素材的過程中多接觸先進人物、先進事跡,無形中讓學生,逐步樹立正確的人生觀和價值觀,讓學生學會做人做事。
1系統(tǒng)設計目標和使用的主要技術……………………………….4
1.1設計目標………………………………………………………4
1.2主要技術………………………………………………………4
1.2.1模板技術………………………………………………….4
1.2.2標簽庫技術……………………………………………….4
2系統(tǒng)的組成和實現(xiàn)……………………………………………….6
2.1系統(tǒng)組成………………………………………………………6
2.2系統(tǒng)的實現(xiàn)……………………………………………………7
2.2.1模板庫和標簽庫的實現(xiàn)………………………………….7
2.2.2系統(tǒng)開發(fā)環(huán)境…………………………………………….11
3結(jié)束語…………………………………………………………….11
引言
隨著WWW(WorldWideWeb)的普及,動態(tài)網(wǎng)頁技術也急速發(fā)展。從原來的CGI(CommonGatewayIn-terface)到ASP(ActiveServerPage),都從某種程度上滿足了網(wǎng)頁開發(fā)人員對動態(tài)網(wǎng)頁開發(fā)技術的需求論文。但是不管是CGI還是ASP都存在一定的局限性,如CGI對服務器資源的耗費,ASP只能同MicrosoftIIS一起使用等,這些都限制了這些技術的使用范圍,極大地阻礙了它們的推廣。廣大的頁面開發(fā)人員都熱切地盼望一種統(tǒng)一的頁面開發(fā)技術,該技術應該具有的特點:①與操作平臺無關,能夠在任何Web或應用程序服務器上運行;②將應用程序邏輯和頁面顯示分離;③提供代碼重用,簡化開發(fā)基于Web的交互式應用程序的過程。
JSP(JavaServerPage)技術就是被設計用來滿足這樣的要求的。JSP是由SunMicroSystem公司于1999年6月推出的新的網(wǎng)頁開發(fā)技術,它是基于JavaServ-let以及整個Java體系的Web開發(fā)技術,是Servlet2.1API的擴展。利用這一技術,可以建立先進、安全和跨平臺的動態(tài)網(wǎng)站。
Java是未來的主流開發(fā)技術,具有很多優(yōu)勢。JSP則是Java在Internet/IntranetWeb上的重要應用技術,得到了廣泛的支持和承認,它可以和各種Java技術完好地結(jié)合在一起,從而實現(xiàn)非常復雜的應用。
作為一種基于文本的、以顯示為中心的開發(fā)技術,JSP提供了JavaServlet的所有好處。為了做到邏輯功能和顯示功能分開,JSP已經(jīng)可以和JavaBeans、EnterpriseJavaBeans(EJB)和Servlet一起工作。JSP的開發(fā)人員可以通過使用JavaBeans、EJB和Servlet來完成大部分與網(wǎng)站邏輯相關的工作,而僅僅把顯示的工作交給JSP頁面來完成。內(nèi)容和顯示邏輯分開的好處在于,更新頁面外觀的人員不必懂得Java代碼,而更新Java類的人員也不必是設計網(wǎng)頁的行家。這就可以用帶Java類的JSP頁面來定義Web模板,以建立一個具有相似外觀的頁面組成的網(wǎng)站。Java類完成數(shù)據(jù)提供,在模板中就沒有Java代碼,這意味著這些模板可以由一個HTML編寫人員來維護。
JSP作為當前主流的網(wǎng)頁開發(fā)技術,具有如下特點。
1)將內(nèi)容的生成和顯示進行分離:使用JSP技術,Web頁面開發(fā)人員可以使用HTML或者XML標識來設計和格式化最終的頁面。使用JSP標識或者小腳本來生成頁面上的動態(tài)內(nèi)容(內(nèi)容是根據(jù)請求來變化的)。生成內(nèi)容的邏輯被封裝在標識和JavaBeans組件中,并且捆綁在小腳本中,所有的腳本在服務器端運行。如果核心邏輯被封裝在標識和JavaBeans中,那么其他人,如Web管理人員和頁面設計者,能夠編輯和使用JSP頁面,而不影響內(nèi)容的生成。
2)強調(diào)可重用的組件:絕大多數(shù)JSP頁面依賴于可重用的、跨平臺的組件來完成應用程序所要求的更為復雜的處理。得益于Java的操作平臺無關性,開發(fā)人員能夠很方便共享和交流執(zhí)行普通操作的組件,或者使得這些組件為更多的使用者所使用。基于組件的方法加速了總體的開發(fā)過程,極大地提高了項目整體開發(fā)的效率。
雖然JSP功能強大,但是它要求網(wǎng)頁開發(fā)人員對Java要相當熟悉。而現(xiàn)在Java程序員還比較少,對一般的網(wǎng)頁開發(fā)人員來說,JSP的語法還是比較難于掌握的。所以,就需要有一種網(wǎng)頁開發(fā)工具,為一般的網(wǎng)頁開發(fā)人員提供常用的JSP應用,讓只懂得一般頁面開發(fā)技術(HTML)的開發(fā)人員也能夠使用JSP的強大功能。
1系統(tǒng)設計目標和使用的主要技術
1.1設計目標
本系統(tǒng)的設計目標是為只懂得HTML但完全不了解JSP的一般網(wǎng)頁開發(fā)人員提供一個網(wǎng)頁開發(fā)工具,使他們能夠根據(jù)系統(tǒng)文檔,通過標簽使用JSP的常用功能,最后生成一個只包含靜態(tài)HTML和JSP標簽的動態(tài)JSP網(wǎng)頁。
1.2主要技術
本系統(tǒng)在設計時,主要考慮使用模板和JSP標簽的技術來實現(xiàn)。
1.2.1模板技術
模板技術被廣泛地應用于各種開發(fā)和應用系統(tǒng)中。它預先生成一些常用的框架結(jié)構(gòu),使用戶可以根據(jù)自己的需要方便地從模板庫中選擇模板,而不用自己重新去搭建,節(jié)省了用戶的開發(fā)時間,方便了用戶的使用。在本系統(tǒng)中,將頁面按照功能類型進行分類,歸納出常用的頁面類型,生成模板庫。
1.2.2標簽庫技術
在JSP中,動作是可以創(chuàng)造與訪問程序語言對象和影響輸出流的元素。JSP定義了六個標準的動作。除了這六個標準動作以外,用戶可以定義自己的動作來完成特定的功能。這些動作被稱為客戶化動作,它們是可重用的程序模塊。通過這些動作,程序員就可以在JSP頁面中把頁面的顯示功能也部分地封裝起來,使整個頁面更加簡潔和易于維護。在一個JSP頁面中,這些客戶化動作是通過客戶化標簽來調(diào)用的。而標簽庫(TagLibrary)就是客戶化標簽的集合。
JSP標簽庫是一種通過JavaBeans生成基于XML的腳本的方法。它是JSP的最大特點之一。通過標簽庫,能夠無限制地擴展JSP應用,完成任何復雜的應用需求。
JSP標簽庫具有以下特點。
1)易于使用:JSP中的標簽和一般的HTML標記外表上是完全一樣的,使用起來和普通的HTML標記一樣方便。
2)易于代碼重用:標簽庫中的每一個標簽都能完成一定的功能。一旦定義好了一個標簽庫,只需要把這個標簽庫包裝成一個Jar文件,那么以后只要在別的系統(tǒng)中使用這個標簽庫就行了,而不用重新開發(fā)代碼,極大地提高了系統(tǒng)開發(fā)效率,降低了開發(fā)成本。
3)易于代碼維護:所有的應用邏輯都封裝在標簽處理器和JavaBeans中,所有的標簽都集中在一個標簽庫中。如果需要更新代碼或者需要修改一個網(wǎng)頁上的功能,只需要修改相應的標簽即可。通過這種統(tǒng)一維護方式,不用在每個網(wǎng)頁上去作修改,極大地減少了維護的工作量,節(jié)約了維護成本。
4)易于系統(tǒng)擴充:如果需要向系統(tǒng)中添加新的功能,只需要定義一個新的標簽來完成這一功能即可,無需對系統(tǒng)的其它方面作任何改動。標簽庫可以繼承JSP規(guī)范各方面的特性。這樣就可以無限制地擴展和增加JSP的功能,而不需要等待下一版本JSP的出現(xiàn)。
2系統(tǒng)的組成和實現(xiàn)
2.1系統(tǒng)組成
本系統(tǒng)主要由四個部分組成,見圖1。
1)數(shù)據(jù)庫連接部分:本系統(tǒng)支持常用的幾個數(shù)據(jù)庫,包括Oracle、Sybase、MSSQLServer、MySQL和DB2,根據(jù)用戶選擇的數(shù)據(jù)庫類型和用戶提供的數(shù)據(jù)庫名稱、用戶名、密碼使用JDBC同數(shù)據(jù)庫相連。
2)系統(tǒng)基本表生成部分:和數(shù)據(jù)庫連接以后,根據(jù)同數(shù)據(jù)庫相連的用戶名生成兩個系統(tǒng)基本表TC-Tables和TC-Columns,TC-Tables表包含在該數(shù)據(jù)庫中屬于該用戶的所有的表的英文名稱、中文名稱和一些屬性,如是否可修改、是否可查詢等;TC-Columns表包含在該數(shù)據(jù)庫中屬于該用戶的所有的表的所有列的中英文名稱和其它一些屬性。如是否可顯示、是否可查詢等。這兩個系統(tǒng)基本表在整個系統(tǒng)的開發(fā)過程中提供用戶所使用數(shù)據(jù)庫的基本信息。
3)模板選擇和網(wǎng)頁生成部分:該部分是系統(tǒng)的核心部分。它包含了兩個子模塊。
①模板選擇部分:系統(tǒng)為用戶提供模板選擇界面,讓用戶根據(jù)需要從模板庫中選擇所要使用的模板。
②模板處理部分:根據(jù)用戶選擇的模板,系統(tǒng)調(diào)用指定的模板處理模塊對這個模板進行處理。當處理程序遇到模板中的標簽時,就為用戶提供交互界面,讓用戶為指定的標簽輸入?yún)?shù),并由系統(tǒng)驗證用戶輸入的標簽的有效性。最后由系統(tǒng)完成JSP頁面的生成。
4)網(wǎng)頁預覽和修改部分:網(wǎng)頁生成出來以后,系統(tǒng)為用戶提供了一個網(wǎng)頁預覽窗口和代碼查看修改窗口。通過這個預覽窗口,用戶可以預覽一下生成出來的JSP頁面的效果。如果用戶對頁面的靜態(tài)方面的效果不太滿意,用戶可以通過代碼查看修改窗口修改代碼中的HTML代碼。如果用戶對頁面的靜態(tài)效果有進一步的要求,系統(tǒng)還為用戶提供了一個調(diào)用DreamWeaver編輯器的接口,用戶可以使用它來對生成出來的JSP頁面的靜態(tài)效果進行進一步的修改和完善。
2.2系統(tǒng)的實現(xiàn)
2.2.1模板庫和標簽庫的實現(xiàn)
標簽庫的規(guī)劃和設計在整個系統(tǒng)設計中至關重要,它關系到了代碼重用的程度和系統(tǒng)運行的效率。它的規(guī)劃應該遵循以下原則。
1)在標簽中應該盡量少的包含靜態(tài)的HTML。對于一般用戶來說,標簽是透明的。用戶不能夠查看和修改標簽。如果在標簽中包含了過多的靜態(tài)HT-ML語句,將影響用戶對頁面的靜態(tài)效果的修改和完善,限制標簽的使用。
2)盡量提高代碼的重用度。在對JSP應用進行分類是盡量把公用的JSP應用提取出來,形成標簽。而不用在每個標簽中都重復實現(xiàn)該應用。這樣在以后要對該應用進行修改和完善時,只需對這一個標簽進行修改即可,易于代碼的維護。
3)方便用戶的使用。在設計標簽庫時,應該充分考慮到用戶的使用情況,使用戶能夠很容易和方便地理解和使用標簽。
①標簽庫的定義:定義一個標簽庫,必須首先定義一個標簽庫描述文件(TLD)。這是一個基于XML的腳本文件,在這個文件中定義了XML的版本、所使用的編碼、標簽庫的版本、所使用的JSP的版本、標簽庫的名稱和這個庫中所包含的所有的標簽的定義和參數(shù)描述,包括標簽的名稱,標簽所對應的Java類,標簽的描述信息等。
②標簽的實現(xiàn):一個標簽就是一個特殊的Java
類,這個類必須繼承TagSupport類,這個類是在javax.servlet.jsp.tagext包中定義的。在標簽類中,包含了這個標簽的參數(shù)初始化方法(Set/Get)、標簽的主體處理方法(Handler)以及供下一級標簽調(diào)用的方法等。
③模板的實現(xiàn):一個模板就是一個含有標簽引用的JSP文件。為了在模板中引用所定義的標簽,必須首先引入標簽庫。
<%@tagliburi=“tag.tld”prefix=“ctag”%>
其中uri指定標簽庫描述文件的路徑;prefix指定引用標簽時所使用的前綴。
在模板中引用指定的標簽時,使用引入標簽庫時所指定的前綴,指定標簽的名稱;為標簽的參數(shù)賦值。
2.2.2系統(tǒng)開發(fā)環(huán)境
本系統(tǒng)主體程序開發(fā)使用的是Borland公司的JBuilder6.0,模板開發(fā)使用是Microsoft公司的Front-Page2000,標簽庫開發(fā)使用的是UltraEdit編輯器,JDK采用的是JDK1.4。系統(tǒng)測試環(huán)境是JRun3.0。
3結(jié)束語
Java是未來開發(fā)語言的主流,而Java在Web上的主要應用JSP也必將成為未來Web開發(fā)的主流技術。本系統(tǒng)采用了JSP的最大特點之一的標簽庫,使一般的Web開發(fā)人員也能夠方便地使用JSP強大的動態(tài)頁面功能,開發(fā)出技術先進的JSP動態(tài)Web頁面。由于本系統(tǒng)采用Java語言進行開發(fā),所以可以在任何支持圖形化界面的操作系統(tǒng)下運行,實現(xiàn)了完全的與平臺無關。本系統(tǒng)易于擴充和完善。在以后可以考慮為用戶提供接口,使用戶可以自己擴充模板庫和標簽庫,進一步增強系統(tǒng)的功能。
參考文獻
[1]CayS.Horstmann,GaryCornell.Java2核心技術(CoreJava2)[M].北京:機械工業(yè)出版社.
1.1案例教學法案
例教學法是一種具有啟發(fā)性、實踐性,能開發(fā)學生思維能力,提高學生判斷能力、決策能力和綜合素質(zhì)的新型教學方——“分析案例”——“制作案例”的過程,培養(yǎng)學生分析問題,解決問題的能力,達到學習知識技能,靈活應用的目的。例如,在講解ASP中的Request對象時,教師先展示一個表單提交的案例,然后引領學生分析我們在點擊提交按鈕后,如何在另外一個頁面中,得到提交頁面相應的屬性值呢?學生在老師的啟發(fā)下動腦思考,引出Request對象的作用,接著教師講授Request對象的各種方法的使用。學生在深入理解后,運用知識制作此案例。
1.2任務驅(qū)動法
任務驅(qū)動法在課堂教學中,教師為學生布置上機操作任務,通過實際任務展開教學。學生通過親自動手操作,主動建構(gòu)探究,培養(yǎng)了學生創(chuàng)新精神和實踐能力,提高了學生的綜合運用知識的能力。例如在學習表單制作時,以現(xiàn)實生活中注冊電子郵件為例,提出表單的概念,然后講解其實現(xiàn)理論,接著布置實際任務——投票系統(tǒng),讓學生用知識去解決任務,進一步加深理解知識。
1.3分層教學法
成人的學習能力差異大,存在個體差異,因此,教學中采用分層教學法。在實際教學中,教師根據(jù)學生現(xiàn)有的知識、能力水平和潛力傾向把學生科學地分成水平各自相近的幾組,如A、B、C三組,A組是按大綱基本要求進行教學的學生;B組是按略高于基本要求進行教學的學生;C組是按較高要求(能發(fā)揮學生數(shù)學特長)進行教學的學生。學生分組不是固定的,而是隨著學習情況及時調(diào)整。每組布置知識程度不同的學習任務,并且在教師恰當?shù)闹笇?,讓全體學生從各自的層面體驗成功的愉悅。
2模擬化網(wǎng)絡教學
開放教育是傳統(tǒng)教育與網(wǎng)絡教學相互融合的產(chǎn)物。網(wǎng)絡教學以其獨特的魅力在開放教育中發(fā)揮著越來越重要的作用。學習已經(jīng)不再局限于課堂,學生只要有上網(wǎng)條件,無論何時何地,都可以方便的學習,打破了時間和空間的限制,因此,網(wǎng)上資源的好壞直接影響學生的學習效果。因此,筆者充分利用網(wǎng)絡資源,以教學大綱為依據(jù),遵循厚基礎、重能力的原則,開發(fā)了此門課的模擬化網(wǎng)絡教學系統(tǒng)。此系統(tǒng)有“教學大綱”、“課程教案”、“模擬實驗”、“經(jīng)典案例”、“自我測試”、“課程討論”等欄目。分層次,多模塊,手段直觀、豐富有趣的一系列實驗教學單元。制作文字、圖像、聲音、動畫于一體的豐富多彩的模擬實驗教學內(nèi)容。模擬實驗教學的指導效率更高。使理論教學與實驗教學、基礎與前沿、經(jīng)典與現(xiàn)代、實驗內(nèi)容與實際應用有機結(jié)合,更有利于學生學習,并且可以反復閱讀,是面授課堂一種好的補充與強化手段。
3多樣化互動教學
3.1課堂互動
成人有豐富的社會閱歷和人生體驗,有更為強烈的對話意識和平等意識,因此,師生活動主要體現(xiàn)在,放下身段,深入到學生們之中,和他們們交朋友,交流心得,平等對話,互相學習。鼓勵學生大膽地表達自己的想法,暢所欲言,和學生共去探索知識的世界。所謂生生互動,就是學生和學生之間可以互相討論,交流心得。在實際操作中將學生分組,合作學習,這樣促使小組成員積極參與,培養(yǎng)學生團結(jié)合作意識,集體榮譽感。人機互動是學習《動態(tài)網(wǎng)頁設計》這門課必不可少的環(huán)節(jié)。只懂理論,不會應用,猶如紙上談兵,完全失去了學習的意義。所以,課上學生必須上機實踐,在實踐中掌握知識,消化知識,融會貫通。
二、平面規(guī)劃基本思路首要
在拿到規(guī)劃項目以后,首要要對客戶進行系統(tǒng)性的分析,比方能夠公司布景、客戶公司形象、客戶商品形象,充沛把握客戶公司或商品的詳細信息,使平面規(guī)劃作業(yè)能夠有針對性,斷定規(guī)劃定位。當規(guī)劃有關資料聯(lián)系完畢以后,就需求針對這一項目展開適當?shù)乃伎己蛿喽ǎ瑪喽ㄆ矫嬉?guī)劃個性,斷定體現(xiàn)手法。這是一個對比艱難的進程,由于平面規(guī)劃的規(guī)劃空間所限,致使平面規(guī)劃的主題一定要凸顯出來,且內(nèi)容要飽滿但不能負擔,這就需求規(guī)劃者進行仔細的思考和研討,以佳的體現(xiàn)手法進行詳細出現(xiàn),一起,這一進程也需求做好有關資料的搜集作業(yè),以便于有關創(chuàng)造作業(yè)的展開。在斷定規(guī)劃個性和體現(xiàn)手法以后,便能夠展開詳細的平面規(guī)劃作業(yè)。平面規(guī)劃作業(yè)能夠憑借傳統(tǒng)規(guī)劃資料展開,比方繪圖筆和紙張,也能夠憑借領先的繪圖軟件展開,詳細情況能夠依據(jù)規(guī)劃者的習氣來斷定,但規(guī)劃進程中必須要保證規(guī)劃的全面性和方向的精確性,要保證色彩的一致,也要保證滿足的視覺沖擊力,保證規(guī)劃著作能夠?qū)е骂櫩蛺酆?,招引顧客眼球?/p>
三、頁面規(guī)劃與平面規(guī)劃之間的差異以及彼此之間的聯(lián)絡
1、體現(xiàn)規(guī)模的不一樣
體現(xiàn)規(guī)模是兩者之間十分重要的差異。頁面規(guī)劃即是局限于網(wǎng)絡環(huán)境中的,經(jīng)過優(yōu)異的頁面規(guī)劃,使得網(wǎng)站全體的作用得到大幅度地進步,然后把網(wǎng)站的主題反映給客戶,然后客戶就能夠經(jīng)過公司或許是商品在網(wǎng)站上體現(xiàn)出來的東西對其做好了解。進而為公司或許是商品做宣揚,進步競賽力度,推進經(jīng)濟效益的進步。可是平面規(guī)劃體現(xiàn)的規(guī)模還要更廣,而且其影響力度也是對比的大的。平面規(guī)劃的著作比頁面規(guī)劃的著作使用規(guī)模愈加寬廣一點,可是在另一個視點來講,頁面規(guī)劃比平面規(guī)劃在媒體介質(zhì)上具有更大的展開空間。
2、束縛性的不一樣
束縛性也即是進行藝術創(chuàng)造時分的束縛條件,此種束縛性的條件是表如今許多的方面的,就像創(chuàng)造東西,傳達的方式以及創(chuàng)造的平面,字體字號以及色彩標準等等。頁面規(guī)劃,通常情況下是只是能在電腦設備上進行創(chuàng)造的,而且也只能是在憑借電腦設備的前提下才干夠展現(xiàn)出實在的創(chuàng)造作用。頁面中規(guī)劃的著作作用會遭到網(wǎng)速的影響,遭到客觀的要素影響對比大??墒瞧矫嬉?guī)劃相對來講就不會受那么多的束縛,不行是在創(chuàng)造空間上沒有太多的束縛,而且創(chuàng)造的商品也能夠在任何時分任何的場合中進行展現(xiàn),沒有嚴厲的規(guī)定。在進行平面規(guī)劃的時分不管是觸及的字體、字號仍是色彩都是十分的具有隨意性的,能夠依據(jù)規(guī)劃者的實踐需求以及規(guī)劃師心思的狀況進行創(chuàng)造。
3、技能上實踐的不一樣
頁面規(guī)劃是對比依靠于互聯(lián)網(wǎng)的,頁面規(guī)劃關于領先的軟件具有十分強的依懶性,可是平面規(guī)劃則不是這樣的,它關于軟件的依靠對比小,相對來講愈加依靠于打印的技能。在進行頁面規(guī)劃的時分通常情況下都是憑借于繪圖東西的,只有強壯的軟件才干保證頁面規(guī)劃順暢的進行??墒瞧矫嬉?guī)劃優(yōu)化經(jīng)濟以及科學技能的展開,不僅能靠畫圖東西來進行創(chuàng)造,而且也能憑借有關的繪圖軟件來實現(xiàn)終究的作用,再即是平面規(guī)劃關于打印技能的要求是對比高的,此也是兩者之間十分顯著的差異。
四、頁面規(guī)劃與平面規(guī)劃之間的聯(lián)系
頁面規(guī)劃與平面規(guī)劃之間是有著十分親近的聯(lián)絡的,可是兩者之間也是存在著差異的。頁面的規(guī)劃與平面的規(guī)劃都歸于具有現(xiàn)代化特征的藝術方式,在如今社會中這兩種藝術方式都是能夠經(jīng)過電腦技能來輔佐或許直接完結(jié)的,而且能夠發(fā)生十分好的作用。頁面規(guī)劃與平面規(guī)劃之間存在的差異也是對比的大的,其主要差異是它們的體現(xiàn)規(guī)模的不一樣。體現(xiàn)規(guī)模是兩者之間十分重要的差異。頁面規(guī)劃即是局限于網(wǎng)絡環(huán)境中的,經(jīng)過優(yōu)異的頁面規(guī)劃,使得網(wǎng)站全體的作用得到大幅度地進步,然后把網(wǎng)站的主題反映給客戶,然后客戶就能夠經(jīng)過公司或許是商品在網(wǎng)站上體現(xiàn)出來的東西對其做好了解。進而為公司或許是商品做宣揚,進步競賽力度,推進經(jīng)濟效益的進步。可是平面規(guī)劃體現(xiàn)的規(guī)模還要更廣,而且其影響力度也是對比的大的。其是依據(jù)二維空間的一種藝術性創(chuàng)造,而且也不需求十分嚴厲的體現(xiàn)手法,不遭到東西或許是宣揚路徑的束縛,著作成形以后,能夠憑借雜志還有周刊或許是廣告等任何的方式進行宣揚,然后到達進步影響力的方針。平面規(guī)劃的著作比頁面規(guī)劃的著作使用規(guī)模愈加寬廣一點,可是在另一個視點來講,頁面規(guī)劃比平面規(guī)劃在媒體介質(zhì)上具有更大的展開空間。
網(wǎng)頁設計是指利用標識語言,經(jīng)過一系列的建模、設計、執(zhí)行等過程,將數(shù)字化格式的信息通過網(wǎng)絡傳播,最終以圖形或者視頻形式被用戶瀏覽。因為網(wǎng)頁設計是一種能夠充分利用各種信息化手段的設計過程,所以它既能夠像平面設計一樣對主題進行完美詮釋,還能夠細致地描述目標。在某種程度上來說,創(chuàng)作網(wǎng)頁設計的過程中,主要使用的手法,技巧都是延伸平面設計,有些甚至是一樣的。因此將網(wǎng)頁設計和網(wǎng)絡技術緊密結(jié)合起來,是將來網(wǎng)頁設計的一個必然方向。
2.網(wǎng)頁設計是平面設計在網(wǎng)絡時代的延伸
伴隨著網(wǎng)絡時代的迅速發(fā)展,人們和網(wǎng)絡的聯(lián)系也越來越密切,人們利用網(wǎng)絡技術改革以往工作方式。在平面設計領域也不例外,設計師們利用鮮明的色彩,精心的網(wǎng)頁布局想方設法地吸引人們?yōu)g覽自己的網(wǎng)站。完美的網(wǎng)頁設計一定是有著完美的網(wǎng)頁風格?;诰W(wǎng)頁設計和平面設計有著很大程度上的相似性,加上網(wǎng)頁設計的發(fā)展背景,我們不能將兩者孤立起來看待,而要清楚地認識到,網(wǎng)頁設計是平面設計在互聯(lián)網(wǎng)時代的一種獨特表現(xiàn)形式,是平面設計在新時期新環(huán)境下的一種延續(xù),一種創(chuàng)新發(fā)展。
3.網(wǎng)頁設計和平面設計在技術上的區(qū)別
網(wǎng)頁設計顧名思義就是依賴于互聯(lián)網(wǎng)進行創(chuàng)作,對于先進的軟件那無法擺脫的依賴性是網(wǎng)頁設計的短板,但是平面設計卻不是這樣,它對于這類軟件依賴性小,因為可以利用手繪來代替。網(wǎng)頁設計一般工作都是借助繪圖工具,只有在這么強大先進的軟件配合下才能完成設計。但是平面設計伴隨著經(jīng)濟和科學技術的發(fā)展,能夠不只依靠繪圖工具還可以利用畫筆,顏料等傳統(tǒng)工具來工作。
1.1從編寫代碼到創(chuàng)建實際任務。傳統(tǒng)的網(wǎng)頁教學總是以編寫HTML超文本標記語言、CSS層疊樣式表文件、JavaScript為基礎,通過Dreamweaver工具的拆分模式實現(xiàn)可視化的實際效果與基礎理論的結(jié)合來展開。這樣的教學方式與網(wǎng)頁的實際應用聯(lián)系較少。使得學生在學完網(wǎng)頁之后難以解決具體的實際問題。采用任務驅(qū)動的教學方法,通過實際項目,引入真實情境,如玩具銷售店、我的大學生活、學科資源網(wǎng)站等。讓學們從單純的學生角色轉(zhuǎn)化為網(wǎng)站構(gòu)建者,成為一個生產(chǎn)者。這樣大大激發(fā)了學生的學習動力,并肩負責任感和成就感去學習。學生在構(gòu)建實際網(wǎng)站過程中直接、頻繁地接觸計算思維的概念,如網(wǎng)頁結(jié)構(gòu)的搭建,樣式美化的屬性設置等,并不斷提升系統(tǒng)性的思考能力和創(chuàng)意思維能力。構(gòu)建網(wǎng)站時系統(tǒng)性的思考力是指學生需要在設計諸如導航條或鏈接中從設計網(wǎng)站、解決問題和理解用戶需求的角度去“仔細思考用戶與網(wǎng)站的互動方式以及根據(jù)意圖實現(xiàn)功能的方式解決問題”[1]。構(gòu)建網(wǎng)站中的創(chuàng)意思維是指學生可以把網(wǎng)頁設計學習融入到創(chuàng)作具有實際意義和真實內(nèi)容及富有個性的網(wǎng)站構(gòu)建過程中,將學科學習與實際生活相統(tǒng)一。
1.2從獨立開發(fā)到小組合作、組間協(xié)作。網(wǎng)頁設計與網(wǎng)站開發(fā)的工作不是一個人獨立完成的,而是需要團隊的合作共同完成,當前的信息產(chǎn)業(yè)的工作都不是一個人獨立能夠完成的,而需要與他人合作完成。因此,獨立思考和學習確實能促進學生知識掌握能力、而通過合作構(gòu)建網(wǎng)站可以分解復雜任務。利用這種協(xié)作模式可以培養(yǎng)計算思維能力中除知識技能方面的其他方面——過程與方法、情感態(tài)度與價值觀。
2考核評價
根據(jù)《網(wǎng)頁設計與網(wǎng)站開發(fā)課程》的三維教學目標(知識技能、過程與方法、情感態(tài)度三方面)制定考核方法及評價標準??己嗽u價改變傳統(tǒng)的單一的總結(jié)性評價的方法,采用平時的過程評價、階段評價和綜合評價相結(jié)合的評價方法。過程評價是指學生平時的學習過程,根據(jù)精心設計的學習情境對學生的學習過程進行記錄和評分。這其中包括學生出勤情況、學習態(tài)度、單元情境的完成情況;階段評價即是期中評價,通過期初時提出主題網(wǎng)站任務,學生在學習過程中著手規(guī)劃、設計、實施并完成任務,在學期中期進行集中評價[2],起到貫穿始終、承前啟后的作用;期末考試采用上機考試,題型包括根據(jù)給定素材及代碼截圖拼出網(wǎng)頁頁面,根據(jù)給定模板和主題要求,在現(xiàn)有素材的基礎上實現(xiàn)網(wǎng)站規(guī)劃及網(wǎng)頁設計。
首先,移動搜索具有可用性特點。移動設備可用性包括:界面可視性、導航、內(nèi)容等。網(wǎng)頁界面可用性表現(xiàn)為同一窗口中內(nèi)容要精簡,按內(nèi)容的重要性排列顯示;網(wǎng)頁版面布局要方便用戶更容易地接收信息等。其次,移動搜索具有可訪問性特點。移動搜索用戶與桌面搜索用戶相比,對搜索結(jié)果的關注度更高。移動用戶更多的是搜索能解決身邊的問題,諸如餐飲、旅游、公交等,主要關注生活服務類、健康保健類、教育培訓類這三類信息,因此移動SEO的需求主要是針對這些網(wǎng)站的搜索引擎優(yōu)化。
2根據(jù)移動搜索特點的網(wǎng)頁移動化策略網(wǎng)頁移動化策略有兩個
(1)響應式網(wǎng)頁設計。
(2)搜索引擎開放適配服務,抓取移動資源。響應式網(wǎng)頁設計(Responsivewebdesign)是一種網(wǎng)頁設計的方法,該設計可使網(wǎng)站從桌面電腦顯示器到移動設備上適合閱讀和導航。響應式網(wǎng)頁設計就是能夠用一套樣式,使網(wǎng)站的頁面能夠在不同分辨率的屏幕下都有很好的表現(xiàn)形式。百度的移動資源有兩種抓取方式,一是通過傳統(tǒng)的蜘蛛(spider)抓取,另一種是通過百度提供的“開放適配”服務。目前百度開放適配服務共提供三種方案:自主適配、標注Meta聲明、提交對應關系Sitemap。按照百度官方的定義用“開放適配”的抓取速度會優(yōu)于傳統(tǒng)的網(wǎng)頁抓取。
二移動端網(wǎng)站優(yōu)化的規(guī)則和策略
1百度移動搜索結(jié)果的排名標準百度鼓勵mobile資源,根據(jù)百度移動搜索結(jié)果的排名標準
(1)檢索友好性,其友好性判斷標準是網(wǎng)站有沒有可以匹配移動設備的HTML5結(jié)構(gòu)。
(2)有完整的功能/服務滿足用戶需求,保證內(nèi)容/服務的穩(wěn)定可用,保證訪問速度及到達率。
(3)移動化交互體驗,符合移動終端特性。
(4)使用規(guī)范的html5/xhtml協(xié)議語言。
2移動端搜索結(jié)果的排名策略
移動端網(wǎng)站優(yōu)化打破傳統(tǒng)網(wǎng)站的優(yōu)化方式,移動端搜索結(jié)果的排名策略主要由基礎相關性、資源質(zhì)量、檢索友好性三個部分組成。手機頁面進行適配,移動網(wǎng)站的DOCTYPE聲明有助于搜索引擎識別該頁面是否適合手機瀏覽,mobile頁面協(xié)議編寫如果不規(guī)范,會造成百度無法正常識別。<!DOCTYPE>聲明應該位于文檔中的最前面的位置,處于<html>標簽之前,其聲明格式。
三基于移動搜索的網(wǎng)頁優(yōu)化
面對移動搜索市場,移動用戶需求與標準的桌面搜索需求是不同的,移動用戶更傾向于即時需求,移動搜索與桌面搜索相比,具有:
(1)在移動設備上的小屏幕,可能只能出現(xiàn)5個搜索結(jié)果。
(2)移動搜索查詢往往極短,查詢的關鍵詞也比傳統(tǒng)桌面搜索更少。
(3)移動搜索查詢結(jié)果受到字數(shù)限制。例如,PC端和移動端搜索結(jié)果,PC端30多個中文漢字才截斷,移動端不到20個字就截斷。
1移動端網(wǎng)站樣式表的優(yōu)化
制作的一個移動樣式表單,稱之為“handheld.css”,這個CSS可以把傳統(tǒng)網(wǎng)頁格式化為移動設備可以瀏覽的網(wǎng)頁。<linkrel="stylesheet"href="css/handheld.css"type="text/css"media="handheld"/>如果客戶端是手機等移動設備時,就會載入這個css樣式表。
2移動端網(wǎng)頁標簽的優(yōu)化
(1)meta標簽優(yōu)化,使用標注meta聲明開放適配協(xié)議。站長在站點PC頁的源代碼頭部嵌入一行或多行Meta信息,由Meta信息來指明該PC頁對應的手機頁的URL。Meta聲明的格式:<metahttp-equiv="mobile-agent"content="format=[wml|xhtml|html5];url=url">
(2)描述標簽(description)的優(yōu)化,使用description目的是用來說明頁面的主體內(nèi)容。描述標簽也會被顯示在搜索結(jié)果當中被用戶所見。
(3)jquery標簽的優(yōu)化,提升移動用戶的使用體驗。例如,滑動切換圖片相比于自動切換和點擊切換,滑動切換增強了用戶操作的主動性、隱藏標簽和顯示標簽實現(xiàn)動畫效果,同時提升了切換的便捷性。
3移動端頁面結(jié)構(gòu)的優(yōu)化
使用三層的頁面結(jié)構(gòu)。由于移動端是直接用手指操作,需要響應元素點擊區(qū)域要相對明顯,布局上可以多上下排列。移動網(wǎng)站的頁面加載速度要比普通網(wǎng)頁加載速度慢,所以減少頁面數(shù)量非常重要。用戶是不會有耐心不斷打開網(wǎng)頁上的,所以盡可能簡化網(wǎng)站的布局也是很重要。一個標準的移動站應該包含首頁、列表頁和詳情頁三種類型,頁面類型及層級不超過三個,保證簡單、高效的用戶體驗。使用盡量淺的頁間結(jié)構(gòu),減少用戶點擊次數(shù),提升瀏覽體驗,
4移動端網(wǎng)頁導航的優(yōu)化
網(wǎng)頁導航可用性表現(xiàn)為用戶能快速地找到所需的信息,是用戶體驗的重要實現(xiàn)方式。移動網(wǎng)站可以采用的導航種類較PC端要少,按照范圍的不同,可以分為三大類:結(jié)構(gòu)性導航、關聯(lián)性導航和公用程序?qū)Ш?,一般首頁導航可以分為導航式和?nèi)容式兩種,導航式因其風格簡潔可起到快速傳達品牌形象的作用;內(nèi)容式因其豐富的內(nèi)容,可快速傳遞信息,F(xiàn)ig.3Thehomepagenavigationandcontenttypestructure通過導航,用戶可以知道所在頁面在整個網(wǎng)站中的位置,在移動端導航中盡量使用文字鏈接,不要使用復雜的js或者flash。使用圖片做導航時,可以使用Alt告訴搜索引擎所指向的網(wǎng)頁內(nèi)容。
5移動端網(wǎng)頁屏幕分辨率的自適應
移動端網(wǎng)站的頁面需做到以下三點:一是頁面隨屏幕寬度變化,無橫向滾動條;二是屏幕不放大時,能清晰瀏覽內(nèi)容,文字大小不低于12像素;三是屏幕不放大時,按鈕、鏈接等點擊方便,按鈕尺寸不能過大或過小。
這里圖形元素的輕重不是色調(diào)的輕重,是形式的輕和重,形式的輕重和內(nèi)容相呼應,網(wǎng)頁設計的一大趨勢就是越來越“輕”。除了對圓角效果和高光效果等效果的審美疲勞之外,網(wǎng)頁設計師開始意識到好的網(wǎng)頁設計更注重的是將網(wǎng)頁內(nèi)容與網(wǎng)頁形式結(jié)合起來,而非形式的堆砌。所以設計師在應用那些較“重”的圖形設計時,一定要慎重思考,考慮到該圖形的應用是否有必要以及該設計是否與受眾的氣質(zhì)相契合。
2.內(nèi)容和形式的分離
對于一些比較強調(diào)視覺效果的特殊產(chǎn)品,也可以利用圖片格式和一些前端知識對網(wǎng)頁設計進行優(yōu)化,比如內(nèi)容和形式的分離。一些國外比較流行的設計風格都是通過大幅的背景圖進行氣氛的渲染和意境的傳達。這樣做的一個好處就是能把需要用到圖片的視覺元素進行集中的壓縮優(yōu)化,同時因為前端實現(xiàn)時一般會用相近的背景色先進行填充,然后在逐步顯示背景圖,就不會因為加載太慢而拖慢用戶的訪問速度。
3.通過較小的視覺犧牲換取較大的性能提升
有時候為了提升頁面的加載速度達到更好的用戶體驗,不得不對設計進行優(yōu)化,這個時候就需要犧牲一部分視覺效果利用網(wǎng)頁設計師掌握的圖片格式知識更有目的性的優(yōu)化設計網(wǎng)頁。例如著名的淘寶“雙十一”大促銷活動的宣傳網(wǎng)頁網(wǎng)頁,由于雙十一期間,該網(wǎng)頁的訪問量非常大并且為了配合商家的宣傳活動需要在網(wǎng)頁上加載非常多的商品圖片,這時候就需要網(wǎng)頁設計師對雙十一的促銷活動網(wǎng)頁的圖形進行優(yōu)化以達到提升網(wǎng)頁性能的目的。網(wǎng)頁設計師可以去掉一些不太重要的高光、漸變和陰影效果,從而降低圖片文件的大小,提高圖片文件的加載速度。
4.圖形藝術的界面處理
新穎的網(wǎng)頁圖形藝術設計可以牢牢地吸引住瀏覽者的注意力,設計具有創(chuàng)意、布局合理、設計規(guī)范的網(wǎng)頁也是提高網(wǎng)頁瀏覽量的的重中之重。一個圖形運用恰當、設計人性化的網(wǎng)頁可以讓瀏覽者對網(wǎng)站心生好感,極大地提高瀏覽者瀏覽該網(wǎng)頁的欲望。所以,網(wǎng)頁設計者要注重運用一切科學技術手段來設計圖形藝術,保證頁面效果給人以眼前一亮或是舒適的感覺,讓圖形首先在視覺上給予客戶一種沖擊,給客戶一個良好的第一印象。
二、什么樣的設計更適合web頁面
1.慎用較“重”的圖形元素這里圖形元素的輕重不是色調(diào)的輕重,是形式的輕和重,形式的輕重和內(nèi)容相呼應,網(wǎng)頁設計的一大趨勢就是越來越“輕”。除了對圓角效果和高光效果等效果的審美疲勞之外,網(wǎng)頁設計師開始意識到好的網(wǎng)頁設計更注重的是將網(wǎng)頁內(nèi)容與網(wǎng)頁形式結(jié)合起來,而非形式的堆砌。所以設計師在應用那些較“重”的圖形設計時,一定要慎重思考,考慮到該圖形的應用是否有必要以及該設計是否與受眾的氣質(zhì)相契合。
2.內(nèi)容和形式的分離對于一些比較強調(diào)視覺效果的特殊產(chǎn)品,也可以利用圖片格式和一些前端知識對網(wǎng)頁設計進行優(yōu)化,比如內(nèi)容和形式的分離。一些國外比較流行的設計風格都是通過大幅的背景圖進行氣氛的渲染和意境的傳達。這樣做的一個好處就是能把需要用到圖片的視覺元素進行集中的壓縮優(yōu)化,同時因為前端實現(xiàn)時一般會用相近的背景色先進行填充,然后在逐步顯示背景圖,就不會因為加載太慢而拖慢用戶的訪問速度。
3.通過較小的視覺犧牲換取較大的性能提升有時候為了提升頁面的加載速度達到更好的用戶體驗,不得不對設計進行優(yōu)化,這個時候就需要犧牲一部分視覺效果利用網(wǎng)頁設計師掌握的圖片格式知識更有目的性的優(yōu)化設計網(wǎng)頁。例如著名的淘寶“雙十一”大促銷活動的宣傳網(wǎng)頁網(wǎng)頁,由于雙十一期間,該網(wǎng)頁的訪問量非常大并且為了配合商家的宣傳活動需要在網(wǎng)頁上加載非常多的商品圖片,這時候就需要網(wǎng)頁設計師對雙十一的促銷活動網(wǎng)頁的圖形進行優(yōu)化以達到提升網(wǎng)頁性能的目的。網(wǎng)頁設計師可以去掉一些不太重要的高光、漸變和陰影效果,從而降低圖片文件的大小,提高圖片文件的加載速度。
4.圖形藝術的界面處理新穎的網(wǎng)頁圖形藝術設計可以牢牢地吸引住瀏覽者的注意力,設計具有創(chuàng)意、布局合理、設計規(guī)范的網(wǎng)頁也是提高網(wǎng)頁瀏覽量的的重中之重。一個圖形運用恰當、設計人性化的網(wǎng)頁可以讓瀏覽者對網(wǎng)站心生好感,極大地提高瀏覽者瀏覽該網(wǎng)頁的欲望。所以,網(wǎng)頁設計者要注重運用一切科學技術手段來設計圖形藝術,保證頁面效果給人以眼前一亮或是舒適的感覺,讓圖形首先在視覺上給予客戶一種沖擊,給客戶一個良好的第一印象。
點、線、面是視覺構(gòu)成的基本要素,網(wǎng)頁的所有信息都是通過點、線、面的合理搭配出來的效果,因此,要提高網(wǎng)頁的視覺效果,首先就要從這三者的結(jié)合上來分析。例如:在點的運用中,工作者可以通過將點聚合或者離散使用,從而達到動靜態(tài)結(jié)合的效果,滿足用戶的需求。另外,通過點的有效結(jié)合形成線,線之間交叉使用,虛實線的結(jié)合、線的明暗漸變等,讓整個網(wǎng)頁的版面形成大概的輪廓,達到版面的基本效果。
(二)圖文、色彩的合理搭配
在網(wǎng)頁設計中,圖文、色彩也是必不可少的視覺構(gòu)成因素,不同的圖文、色彩搭配達到的網(wǎng)頁效果就會千差萬別。所以,設計者要想提高網(wǎng)頁的視覺效果,還需要將更多的精力放在圖文與色彩的合理搭配上。在選擇網(wǎng)頁的圖片、文字、色彩等信息時需要與網(wǎng)頁的主題結(jié)合起來。所選的文字、圖片要具有代表性,能夠體現(xiàn)出網(wǎng)頁的主題,選擇的色彩更應該科學合理,對于比較柔情的網(wǎng)站可以選擇淡粉色,而對于某些具有科技研究性能的網(wǎng)站要選用藍色、綠色等有生機的色調(diào)來渲染。另外,所選的色彩還需要合理搭配才能體現(xiàn)出網(wǎng)站的主題,同色調(diào)的搭配、相似色調(diào)的搭配、反差大的色調(diào)搭配以及主色調(diào)的選擇、輔色調(diào)的選擇等都要設計者仔細掂量,并將網(wǎng)站的主題結(jié)合進來,才能讓網(wǎng)頁的視覺效果吸引用戶的眼球。
(三)將用戶的認知習慣合理的結(jié)合起來
不同的用戶具有不同的思維習慣,他們的審美觀也各不相同,要想讓用戶對網(wǎng)頁的設計效果滿意,還需要將他們的認知習慣科學合理地結(jié)合到網(wǎng)頁設計的過程中。設計者不僅要具有良好的專業(yè)素質(zhì),還要具有明確用戶需求、了解用戶認知習慣的能力,才能將各種網(wǎng)頁設計中的視覺構(gòu)成要素科學系統(tǒng)地結(jié)合起來,達到設計網(wǎng)頁的效果,達到用戶的需求。