- 相關(guān)推薦
網(wǎng)頁(yè)設(shè)計(jì)論文
在平平淡淡的日常中,說到論文,大家肯定都不陌生吧,借助論文可以有效訓(xùn)練我們運(yùn)用理論和技能解決實(shí)際問題的的能力。那么一般論文是怎么寫的呢?下面是小編幫大家整理的網(wǎng)頁(yè)設(shè)計(jì)論文,歡迎大家分享。
網(wǎng)頁(yè)設(shè)計(jì)論文1
1、網(wǎng)頁(yè)中使用的多媒體技術(shù)
1.1圖形圖像處理技術(shù)
圖形、圖像是一種非常直觀的表現(xiàn)形式,也是在多媒體信息當(dāng)中占有很大一部分的比重,在網(wǎng)頁(yè)當(dāng)中是設(shè)計(jì)者非常愿意運(yùn)用的一種形式。通過如下幾個(gè)步驟:獲取元素、處理元素、輸出元素、元素的數(shù)據(jù)壓縮以及圖像的儲(chǔ)存介質(zhì)能夠出現(xiàn)二維或三維的圖像。一般情況下獲取元素使用工具的采集以及掃描技術(shù)進(jìn)行,能夠出現(xiàn)很多種不同類別的輸出形式。處理的方法也各式各樣,如使用photoshop等軟件,按照有關(guān)的要求經(jīng)行對(duì)于圖像的處理,像剪切、柔化、對(duì)比度等方面,最后使用合適的圖片輸出。一般常用的圖片格式為:BMP、GIF、JPEG、TIFF等,現(xiàn)在有很多的網(wǎng)站能夠?yàn)g覽并且儲(chǔ)存GIF、JPEG格式的圖片。網(wǎng)頁(yè)在進(jìn)行設(shè)計(jì)時(shí)運(yùn)用不同的元素的圖像能夠讓網(wǎng)頁(yè)更加的生動(dòng),起到吸引眼球的效果。
1.2動(dòng)畫處理技術(shù)
一般的動(dòng)畫格式有GIF、FLIC、SWF以及JAJA等,在目前網(wǎng)絡(luò)上以及生活中使用最多的為GIF以及SWF格式的圖片,因?yàn)镕LASH動(dòng)畫為矢量的,使用這兩種格式的圖片能夠保證其動(dòng)畫顯示的效果達(dá)到理想的狀態(tài)又能保證其體積小的特點(diǎn),所以在網(wǎng)絡(luò)上得以廣泛的運(yùn)用。JAVA是一種編程語(yǔ)言。可以用起來編寫的applet的小程序有著跨平臺(tái)執(zhí)行的優(yōu)點(diǎn),適合網(wǎng)上互動(dòng)的游戲以及手機(jī)上的動(dòng)畫,其前景十分寬,適合進(jìn)行更深的發(fā)展。
1.3音頻處理技術(shù)
現(xiàn)在,網(wǎng)上一般支持格式有MIDI、MP3、WAV等,其科技在多媒體技術(shù)當(dāng)中已成為比較成熟的科技,在網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中應(yīng)用的時(shí)間也比較長(zhǎng)。網(wǎng)頁(yè)當(dāng)中的音頻的獲得方式各式各樣,比如說能夠購(gòu)買素材庫(kù)以及在網(wǎng)絡(luò)上直接下載獲取等方式來獲得所需要的音頻。這項(xiàng)技術(shù)已經(jīng)擁有了一般的音頻模擬的方法所擁有的優(yōu)點(diǎn),還在互聯(lián)網(wǎng)上傳播、在線播放等方面有著很好的聲音效果。聲音已經(jīng)成為了信息資源重要傳播途徑,將音頻以及視頻相互結(jié)合,能夠得到更好的效果。
1.4視頻處理技術(shù)
能夠在VCD光盤、模擬視頻收集以及攝像機(jī)的儲(chǔ)存器當(dāng)中來獲取其有關(guān)的視頻。視頻的特點(diǎn)為數(shù)據(jù)量比較大。比如說,數(shù)字電視的圖像當(dāng)中的SIF的格式,一般的沒有經(jīng)過壓縮的圖像數(shù)據(jù)流量為20xxkb左右,但是在CCIR格式的視頻,一般沒有經(jīng)過壓縮的視頻的數(shù)據(jù)流量能夠達(dá)到140Mbps.因此,能夠看出視頻的數(shù)據(jù)流量是比較大的,假設(shè)將沒有進(jìn)行壓縮的視頻上傳,能夠出現(xiàn)資源的吞沒,甚至能夠出現(xiàn)網(wǎng)絡(luò)崩潰的嚴(yán)重情況。所以,網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中對(duì)于視頻處理的中心環(huán)節(jié)就為視頻壓縮。
2、多媒體技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中的使用
2.1動(dòng)畫、視頻設(shè)計(jì)
在很多網(wǎng)站當(dāng)中,能夠發(fā)現(xiàn)有很多動(dòng)畫以及視頻的內(nèi)容,設(shè)計(jì)富有新意,假設(shè)設(shè)計(jì)合理的情況下,其內(nèi)容就能更好的突出想要傳播的主題,這么做的方式的'優(yōu)點(diǎn)為能夠更加直觀的表現(xiàn)其內(nèi)容,還有了視覺的沖擊感,讓內(nèi)容更加的具體飽滿。FLASH動(dòng)畫已經(jīng)成為了在動(dòng)畫當(dāng)中不可或缺的一個(gè)組成成分,擁有體積小、傳速快的特點(diǎn)在動(dòng)畫當(dāng)中占據(jù)了很大的比重,F(xiàn)LASH動(dòng)畫不僅僅能夠表現(xiàn)簡(jiǎn)單的動(dòng)畫,還能夠在網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中建立電子畫冊(cè),在另一個(gè)角度來看,引領(lǐng)了時(shí)代的潮流。
2.2圖形、圖像的版面設(shè)計(jì)
在制作網(wǎng)頁(yè)的時(shí)候盡量使用少量的圖片。因此在運(yùn)用圖像以及圖形的時(shí)候需要經(jīng)過精心的篩選,選取一個(gè)最能夠突出網(wǎng)頁(yè)內(nèi)容的圖像,并且使用某些軟件對(duì)圖像進(jìn)行處理,達(dá)到預(yù)期的效果,在網(wǎng)頁(yè)當(dāng)中選擇一個(gè)最好的擺放位置。把圖形文字化或者將文字圖形化都是特殊的方式將其內(nèi)容合理的表達(dá),所以說對(duì)于一些將進(jìn)行圖形處理文字,在網(wǎng)頁(yè)的版面設(shè)計(jì)當(dāng)中,這些文字也作為了一種圖形來處理。將文字和圖片進(jìn)行結(jié)合,不僅僅形式上富有新意,并且能夠顯得更加的美觀。
2.3多媒體元素的使用應(yīng)符合網(wǎng)絡(luò)風(fēng)格的整體性
在設(shè)計(jì)網(wǎng)頁(yè)時(shí),一定要應(yīng)按照原有的主題,依照其主體使用聽覺視覺的方式來呈現(xiàn)個(gè)觀賞者,其多媒體元素使用是用來服務(wù)主題的,既要美觀又要突出網(wǎng)站的功能。
2.4多媒體技術(shù)與藝術(shù)相結(jié)合
由于多媒體技術(shù)的飛速進(jìn)步,讓其在創(chuàng)作的過程就忽略了美觀性。所以,將藝術(shù)以及科技完美的融合,能夠達(dá)到更好的效果。多媒體技術(shù)的不斷進(jìn)步推動(dòng)者網(wǎng)站的建設(shè)不斷的完善,多媒體技術(shù)在網(wǎng)站上的應(yīng)用已經(jīng)成為了以后發(fā)展的趨勢(shì),有著寬廣的發(fā)展前景。
2.5減少多媒體元素格式的使用失誤
在網(wǎng)頁(yè)當(dāng)中動(dòng)畫內(nèi)容不應(yīng)有太多,應(yīng)于實(shí)際情況相結(jié)合。多媒體元素的格式完全影響著打開網(wǎng)頁(yè)的速度,假設(shè)網(wǎng)頁(yè)打開過慢,則瀏覽者則失去耐心,不愿等待,所以合理設(shè)計(jì)網(wǎng)頁(yè)是不可忽視的重要環(huán)節(jié)。
3、結(jié)語(yǔ)
使用者能夠使用網(wǎng)站無論在任何時(shí)間或者地點(diǎn)接收和發(fā)送信息,因此不再受環(huán)境和時(shí)間的限制。網(wǎng)絡(luò)媒體已經(jīng)變成了重要的傳播途徑,如果注意多媒體元素的合理應(yīng)用,就能夠讓客戶觀看更加有效率。多媒體技術(shù)的應(yīng)用以及體現(xiàn)在社會(huì)的各個(gè)地方,為人們的生活和工作提供了便利,今后多媒體的應(yīng)用也會(huì)給人類帶來巨大的改變。
網(wǎng)頁(yè)設(shè)計(jì)論文2
一、、如何在視覺構(gòu)成上提高網(wǎng)頁(yè)設(shè)計(jì)的視覺效果
。ㄒ唬c(diǎn)、線、面有效結(jié)合
點(diǎn)、線、面是視覺構(gòu)成的基本要素,網(wǎng)頁(yè)的所有信息都是通過點(diǎn)、線、面的合理搭配出來的效果,因此,要提高網(wǎng)頁(yè)的視覺效果,首先就要從這三者的結(jié)合上來分析。例如:在點(diǎn)的運(yùn)用中,工作者可以通過將點(diǎn)聚合或者離散使用,從而達(dá)到動(dòng)靜態(tài)結(jié)合的效果,滿足用戶的需求。另外,通過點(diǎn)的有效結(jié)合形成線,線之間交叉使用,虛實(shí)線的結(jié)合、線的明暗漸變等,讓整個(gè)網(wǎng)頁(yè)的版面形成大概的輪廓,達(dá)到版面的基本效果。
(二)圖文、色彩的合理搭配
在網(wǎng)頁(yè)設(shè)計(jì)中,圖文、色彩也是必不可少的視覺構(gòu)成因素,不同的圖文、色彩搭配達(dá)到的網(wǎng)頁(yè)效果就會(huì)千差萬別。所以,設(shè)計(jì)者要想提高網(wǎng)頁(yè)的視覺效果,還需要將更多的精力放在圖文與色彩的合理搭配上。在選擇網(wǎng)頁(yè)的圖片、文字、色彩等信息時(shí)需要與網(wǎng)頁(yè)的主題結(jié)合起來。所選的文字、圖片要具有代表性,能夠體現(xiàn)出網(wǎng)頁(yè)的主題,選擇的色彩更應(yīng)該科學(xué)合理,對(duì)于比較柔情的網(wǎng)站可以選擇淡粉色,而對(duì)于某些具有科技研究性能的網(wǎng)站要選用藍(lán)色、綠色等有生機(jī)的色調(diào)來渲染。另外,所選的色彩還需要合理搭配才能體現(xiàn)出網(wǎng)站的主題,同色調(diào)的搭配、相似色調(diào)的搭配、反差大的色調(diào)搭配以及主色調(diào)的選擇、輔色調(diào)的選擇等都要設(shè)計(jì)者仔細(xì)掂量,并將網(wǎng)站的主題結(jié)合進(jìn)來,才能讓網(wǎng)頁(yè)的視覺效果吸引用戶的眼球。
。ㄈ⿲⒂脩舻恼J(rèn)知習(xí)慣合理的結(jié)合起來
不同的用戶具有不同的'思維習(xí)慣,他們的審美觀也各不相同,要想讓用戶對(duì)網(wǎng)頁(yè)的設(shè)計(jì)效果滿意,還需要將他們的認(rèn)知習(xí)慣科學(xué)合理地結(jié)合到網(wǎng)頁(yè)設(shè)計(jì)的過程中。設(shè)計(jì)者不僅要具有良好的專業(yè)素質(zhì),還要具有明確用戶需求、了解用戶認(rèn)知習(xí)慣的能力,才能將各種網(wǎng)頁(yè)設(shè)計(jì)中的視覺構(gòu)成要素科學(xué)系統(tǒng)地結(jié)合起來,達(dá)到設(shè)計(jì)網(wǎng)頁(yè)的效果,達(dá)到用戶的需求。
二、結(jié)語(yǔ)
總之,要想做好網(wǎng)頁(yè)設(shè)計(jì),視覺構(gòu)成是必不可少的設(shè)計(jì)環(huán)節(jié),我們要考慮到各種各樣的視覺因素,將不同的色調(diào)、動(dòng)態(tài)效果等科學(xué)有效地結(jié)合起來,才能讓人們從視覺上接受所設(shè)計(jì)的網(wǎng)頁(yè),并將其投入到日后的工作應(yīng)用中。所以,網(wǎng)頁(yè)設(shè)計(jì)人員在設(shè)計(jì)網(wǎng)頁(yè)的同時(shí),要綜合考慮到視覺構(gòu)成部分,在滿足用戶需求的前提下,讓他們達(dá)到視覺上的享受。同時(shí),我們還需要更深入地探討研究其視覺構(gòu)成,并及時(shí)地將有效的視覺構(gòu)成研究落到實(shí)處,有效地提高網(wǎng)頁(yè)設(shè)計(jì)的工作效率,為我國(guó)信息技術(shù)的發(fā)展做貢獻(xiàn),還能進(jìn)一步促進(jìn)經(jīng)濟(jì)水平的提高。
網(wǎng)頁(yè)設(shè)計(jì)論文3
時(shí)光飛逝,轉(zhuǎn)眼間,三年的研究生學(xué)習(xí)生涯即將落下帷幕;厥淄酎c(diǎn)滴,在我學(xué)習(xí)成長(zhǎng)的道路上,有太多的良師益友,他們陪伴我、鼓勵(lì)我、幫助我,與我一同走過了最難忘青春年華。
首先,我要感謝我的導(dǎo)師。在我論文撰寫的過程中,導(dǎo)師總是不厭其煩的為我指點(diǎn)迷津、答疑解惑,從最初的.選題方向到論文的框架結(jié)構(gòu)、理論支撐、案例分析以及作品的安排都給了我合理的建議與指導(dǎo),這些都為我順利的完成論文的撰寫打下了堅(jiān)實(shí)的基礎(chǔ)。在與導(dǎo)師相處的三年中,他淵博的知識(shí),對(duì)專業(yè)執(zhí)著、嚴(yán)謹(jǐn)、認(rèn)真的態(tài)度,凡事親歷親為,力求盡善盡美的精神,都深深的影響了我,也教會(huì)了我很多。同時(shí),我也要感謝學(xué)院諸多老師曾經(jīng)的悉心教誨,讓我能夠更好的學(xué)習(xí)和成長(zhǎng)。
其次,我要感謝我的學(xué)長(zhǎng)、學(xué)姐以及共處三年的同窗好友。他們非常優(yōu)秀,又十分勤奮,保有著一顆對(duì)專業(yè)的熱忱之心,是我學(xué)習(xí)的好榜樣,總會(huì)在我需要時(shí)伸出援助之手,并時(shí)刻激勵(lì)著我向上前行。因?yàn)橛辛怂麄,我的學(xué)習(xí)、生活才更加多姿多彩。
另外,感謝一直以來陪伴我的父母,謝謝他們多年來的呵護(hù)與支持。
網(wǎng)頁(yè)設(shè)計(jì)論文4
摘要:通過對(duì)傳統(tǒng)教學(xué)模式的調(diào)查研究,了解到傳統(tǒng)模式逐漸無法滿足學(xué)生的需求。項(xiàng)目教學(xué)法作為一種新的教學(xué)模式,在《JSP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》課程中是一種新的嘗試,通過學(xué)生自己完成項(xiàng)目的方式,自主學(xué)習(xí)JSP網(wǎng)頁(yè)設(shè)計(jì),整個(gè)過程由學(xué)生自己負(fù)責(zé)設(shè)計(jì),實(shí)施,對(duì)提高JSP教學(xué)的效果有著顯著的指導(dǎo)意義。
關(guān)鍵詞:項(xiàng)目教學(xué)法;教學(xué)改革;JSP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì);步驟
通過對(duì)項(xiàng)目教學(xué)法的研究,選取與JSP網(wǎng)頁(yè)設(shè)計(jì)課程相關(guān)的項(xiàng)目來創(chuàng)設(shè)“情境”[1],讓學(xué)生主動(dòng)從零到一,完成自我思考,自我學(xué)習(xí),自我強(qiáng)化的過程,認(rèn)證搜集資料并進(jìn)行整理,充分整合資源,發(fā)揮學(xué)生的自主創(chuàng)新精神,最終完成整個(gè)JSP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)的學(xué)習(xí)。
一、概述
高職院校為了實(shí)現(xiàn)畢業(yè)生和企業(yè)直接對(duì)接的目標(biāo),在學(xué)生的培養(yǎng)方面主要是注重學(xué)生動(dòng)手能力的培養(yǎng),為了實(shí)現(xiàn)這一目標(biāo),項(xiàng)目教學(xué)法是最為合適的一種教學(xué)方法。該方法已經(jīng)成為高職各科課程教學(xué)中必選方式之一了。明達(dá)職業(yè)技術(shù)學(xué)院的《JSP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》這門課程也采用了該方式組織課堂教學(xué),該門課程的實(shí)踐能力要求較高,社會(huì)只用性很強(qiáng),是專業(yè)核心課程。主要選用項(xiàng)目是”基于JSP的學(xué)生管理系統(tǒng)”,從部分功能開始,講練結(jié)合,讓學(xué)生做到能在理論的基礎(chǔ)上,舉一反三實(shí)現(xiàn)理論到實(shí)踐的轉(zhuǎn)化。課程結(jié)束時(shí),學(xué)生應(yīng)具備了了解軟件開發(fā)的過程,熟悉開發(fā)工具,掌握理論實(shí)踐的操作。
二、項(xiàng)目教學(xué)法的含義
項(xiàng)目教學(xué)法是在教師的指導(dǎo)下,將一個(gè)相對(duì)獨(dú)立的項(xiàng)目由學(xué)生小組自己進(jìn)行資料收集,方案設(shè)計(jì),由學(xué)生自己評(píng)價(jià)項(xiàng)目實(shí)施的成果,學(xué)生通過該項(xiàng)目,了解和掌握在整個(gè)過程中每一環(huán)節(jié)的基本要求!绊(xiàng)目教學(xué)法”的特點(diǎn)是最顯著的項(xiàng)目為主線,以指導(dǎo)教師為主導(dǎo)、學(xué)生為主體”,體現(xiàn)在:多目標(biāo);培訓(xùn)周期短,速度快;可控性好;注重理論與實(shí)踐相結(jié)合。項(xiàng)目教學(xué)法是教師和學(xué)生共同完成項(xiàng)目的一種教學(xué)方法[2]。在項(xiàng)目教學(xué)法的實(shí)施過程中,教師將需要解決的問題通過對(duì)學(xué)生設(shè)立項(xiàng)目的形式來呈現(xiàn),一本每個(gè)項(xiàng)目都會(huì)有具體的任務(wù)要求和說明,學(xué)生通過老師發(fā)放的項(xiàng)目要求任務(wù)書來設(shè)計(jì)項(xiàng)目,負(fù)責(zé)整個(gè)項(xiàng)目的設(shè)計(jì)和實(shí)施。通過小組協(xié)同工作的方式,自學(xué)完成,期間有任何不懂得問題可以咨詢導(dǎo)師,導(dǎo)師相當(dāng)于是學(xué)生的左右手,有什么不懂的隨時(shí)可以尋求幫助,給予學(xué)生一定的指導(dǎo)。最后學(xué)生共同根據(jù)項(xiàng)目制定計(jì)劃,完成分工,搜集項(xiàng)目的資料并將進(jìn)行整理,在實(shí)踐中發(fā)現(xiàn)問題,分析問題并解決問題。
三、《JSP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》運(yùn)用項(xiàng)目教學(xué)的意義
(一)《JSP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》教程簡(jiǎn)介
《JSP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》是計(jì)算機(jī)專業(yè)學(xué)生學(xué)習(xí)的一門核心課程,其實(shí)踐性較強(qiáng),不但要通過日常的書本上的'學(xué)習(xí),還要在計(jì)算機(jī)上反復(fù)實(shí)踐操作才能掌握。JSP全名為JavaServerPages,中文名叫Java服務(wù)器頁(yè)面,是一種網(wǎng)絡(luò)程序設(shè)計(jì)語(yǔ)言,用來開發(fā)動(dòng)態(tài)網(wǎng)站[3]。它和JAVA的特點(diǎn)很相似,都簡(jiǎn)單易操作,全面向?qū)ο,平臺(tái)安全可靠且無相關(guān)性。使用java編程語(yǔ)言的類標(biāo)簽的XML腳本的JSP技術(shù),對(duì)動(dòng)態(tài)網(wǎng)頁(yè)的處理邏輯[6]。網(wǎng)頁(yè)也可以通過標(biāo)簽和服務(wù)器應(yīng)用邏輯腳本資源訪問。顯示器的分離設(shè)計(jì),JSP頁(yè)面邏輯和網(wǎng)絡(luò),為支持可重用的基于組件的設(shè)計(jì),使基于Web的應(yīng)用程序的開發(fā)變得迅速和容易。很多高;谶@些特點(diǎn),都將其作為計(jì)算機(jī)專業(yè)學(xué)生繼學(xué)習(xí)JAVA后的有一門必修課程。但是由于其難度和枯燥性,很多學(xué)生表示很難駕馭得了,在步入社會(huì)以后,所學(xué)的知識(shí)沒能發(fā)揮在工作上,從而降低了整個(gè)行業(yè)的就業(yè)質(zhì)量。
(二)在JSP課程中應(yīng)用項(xiàng)目教學(xué)法的重要性
在傳統(tǒng)的JSP課程教學(xué)中,學(xué)生通常按照課程的標(biāo)準(zhǔn)先學(xué)習(xí)一部分的基礎(chǔ)內(nèi)容,后期通過簡(jiǎn)單的上機(jī)操作進(jìn)行理論的鞏固,在這種教學(xué)模式下,學(xué)生很大一部分在前期就已經(jīng)喪失了學(xué)習(xí)JSP的興趣,后期的上機(jī)練習(xí)也只不過是現(xiàn)在教學(xué)的一種硬性要求,對(duì)于真正想要學(xué)習(xí)的學(xué)生無疑是一種沉重的枷鎖,學(xué)生學(xué)習(xí)的效果很差。但是通過運(yùn)用項(xiàng)目教學(xué)法,將課程的標(biāo)準(zhǔn)以項(xiàng)目完成的方式分成若干塊,學(xué)生通過完成項(xiàng)目任務(wù)來獲取學(xué)分,在項(xiàng)目中自學(xué),不用拘泥于傳統(tǒng)教學(xué)模式下的上課,學(xué)習(xí)更自由了,學(xué)習(xí)的動(dòng)力也更強(qiáng)了,這在很大程度上提高了學(xué)生的學(xué)習(xí)積極性和學(xué)習(xí)的熱情。
四、項(xiàng)目教學(xué)的應(yīng)用步驟
(一)培養(yǎng)目標(biāo)的確定
高職院!癑SP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)”課程必須確定其具體的知識(shí)培訓(xùn)的目標(biāo)、能力和情感與相應(yīng)崗位職業(yè)能力目標(biāo)[1]。1.知識(shí)目標(biāo):通過本課程的學(xué)習(xí),熟練掌握配置JSP開發(fā)環(huán)境;熟練掌握J(rèn)SP腳本元素、指令元素的用法;熟練掌握J(rèn)SP中內(nèi)置對(duì)象的特點(diǎn)及用法;熟練掌握J(rèn)DBC訪問數(shù)據(jù)庫(kù)技術(shù);熟練掌握J(rèn)avaBean組件的基本知識(shí);熟練掌握J(rèn)SP中的標(biāo)準(zhǔn)動(dòng)作標(biāo)簽;熟悉Servlet的通信方法,掌握Servlet的上下文接口;掌握J(rèn)SP中標(biāo)簽的用法;掌握J(rèn)SP中Filter過濾器的用法;掌握應(yīng)用JSP進(jìn)行WEB程序開發(fā)的能力,初步具備開發(fā)實(shí)際應(yīng)用程序的能力;2.能力目標(biāo):能熟練使用eclipse軟件,實(shí)現(xiàn)學(xué)生管理系統(tǒng)的注冊(cè)登錄功能;信息添加刪除功能;查找等功能;能解決開發(fā)過程中出現(xiàn)的各種錯(cuò)誤提示;測(cè)試完成。3.情感目標(biāo):具備較強(qiáng)的規(guī)范意識(shí)、較強(qiáng)的市場(chǎng)競(jìng)爭(zhēng)力和承受壓力的能力、良好的學(xué)習(xí)習(xí)慣,具備自主學(xué)習(xí)和團(tuán)結(jié)合作、創(chuàng)新能力。
(二)教學(xué)項(xiàng)目的劃分
該項(xiàng)目是確定項(xiàng)目教學(xué)成功實(shí)施的關(guān)鍵因素,必須根據(jù)企業(yè)對(duì)學(xué)生工作任務(wù)的能力要求進(jìn)行分析,結(jié)合學(xué)生的認(rèn)知特點(diǎn)和接受能力,合理選擇項(xiàng)目。并根據(jù)企業(yè)的工作流程,明確項(xiàng)目的任務(wù),我院JSP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)”課程的項(xiàng)目被確定為:
(三)教學(xué)方式的選擇
高職《JSP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》課程可設(shè)定多媒體講練結(jié)合、崗位調(diào)查、學(xué)校實(shí)驗(yàn)室項(xiàng)目培訓(xùn)、聯(lián)系個(gè)別實(shí)習(xí)企業(yè),讓學(xué)生置身于企業(yè)中去參與項(xiàng)目的進(jìn)展,充分利用各種教學(xué)資源,豐富教學(xué)形式,提高學(xué)生的學(xué)習(xí)興趣,突出課程的實(shí)踐性強(qiáng)的特點(diǎn),從解決實(shí)際問題出發(fā),提高學(xué)生的創(chuàng)新能力和自學(xué)能力。
(四)教學(xué)方法及過程的組織
1.從學(xué)生角度教師進(jìn)行項(xiàng)目教學(xué)時(shí),應(yīng)重點(diǎn)側(cè)重于學(xué)生自我實(shí)踐能力的加強(qiáng)。以程的核心內(nèi)容為項(xiàng)目依據(jù)為學(xué)生制定任務(wù),并確保每個(gè)項(xiàng)目都是由簡(jiǎn)到易,層層遞進(jìn),充分調(diào)動(dòng)學(xué)生的學(xué)習(xí)興趣。盡量選擇和生活貼近的案例和素材,如布置的學(xué)生管理系統(tǒng)項(xiàng)目,利用情境教學(xué)法,讓學(xué)生更好更有效地學(xué)習(xí)。在項(xiàng)目完成后,教師可以分別讓組員互相做出評(píng)價(jià)和改進(jìn)方案的建議,上交個(gè)人作品作為課程結(jié)束的作業(yè)。學(xué)生在交流中與老師互動(dòng),老師在學(xué)生做項(xiàng)目的時(shí)候可適當(dāng)提出意見完善項(xiàng)目并修改,將理論與實(shí)踐有機(jī)結(jié)合起來。2.從教師角度教師在授課之前應(yīng)該做好項(xiàng)目的備案,充分考慮到學(xué)生對(duì)所選項(xiàng)目的適應(yīng)性和項(xiàng)目本身的難易程度。在上述幫助學(xué)生加強(qiáng)實(shí)踐能力的同時(shí),提升自我的修養(yǎng)和學(xué)識(shí)。在實(shí)施之前,授課老師應(yīng)對(duì)項(xiàng)目教學(xué)有一定的認(rèn)知和了解,在具體應(yīng)用中將理論知識(shí)與項(xiàng)目的實(shí)踐應(yīng)用融會(huì)貫通并傳授給學(xué)生。自己在項(xiàng)目經(jīng)驗(yàn)方面也要多下功夫,提升自己,提高教學(xué)服務(wù)的質(zhì)量,培養(yǎng)出更一流的學(xué)生。實(shí)踐能力的提升并非一蹴而就,在日常生活中教師還要多多接觸社會(huì)中有關(guān)專業(yè)方向的工作要求,并及時(shí)反饋給學(xué)生,讓學(xué)生及時(shí)了解到社會(huì)所需要的人才結(jié)構(gòu)。項(xiàng)目教學(xué)應(yīng)用是學(xué)生和老師互相學(xué)習(xí)的過程,是共同進(jìn)步的紐帶。不僅僅是學(xué)生自身能力的提高,也是老師對(duì)完善多年教學(xué)模式的一種新的認(rèn)知。
(五)考核方案的設(shè)置
適應(yīng)項(xiàng)目教學(xué)需要,為培養(yǎng)學(xué)生的綜合能力,對(duì)學(xué)生的考核也要注重過程化的考核,鑒于課程實(shí)踐性強(qiáng)的特點(diǎn),重點(diǎn)考核學(xué)生的軟件操作和軟件開發(fā)、處理能力,本課程主要采用以下幾個(gè)部分進(jìn)行考核:1.平時(shí)表現(xiàn)考核占總成績(jī)的60%,由平時(shí)出勤、課堂表現(xiàn)和作業(yè)等內(nèi)容構(gòu)成。2.分階段、分項(xiàng)目考核占總成績(jī)的40%,即最終整體項(xiàng)目的考核情況3.根據(jù)上述各項(xiàng)成績(jī)按比例總評(píng)得出考核結(jié)果。不再進(jìn)行傳統(tǒng)的期中考試4.6項(xiàng)目教學(xué)法在《JSP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》實(shí)施教學(xué)中的注意事項(xiàng)1.排課安排要以半天或一天為單位進(jìn)行排課,和以往的以一節(jié)或2節(jié)有所區(qū)別;2.班級(jí)人數(shù)不宜過多,應(yīng)該在20至30人之間。
結(jié)束語(yǔ)
項(xiàng)目教學(xué)法的實(shí)施,有利于豐富和發(fā)展全國(guó)計(jì)算機(jī)專業(yè)學(xué)生的教學(xué)模式,提高計(jì)算機(jī)人才進(jìn)入就業(yè)市場(chǎng)后的適應(yīng)能力,最大程度地滿足經(jīng)濟(jì)建設(shè)和社會(huì)發(fā)展的需要。21世紀(jì)的信息時(shí)代,學(xué)生更需要接受像項(xiàng)目教學(xué)法這樣的教學(xué)模式而非傳統(tǒng)教學(xué),這是一種新的嘗試,更進(jìn)一步地發(fā)揮了學(xué)生自主學(xué)習(xí)的能力,打破了以往刻板的教學(xué),體現(xiàn)了高等教育的特色,這樣學(xué)校才能夠更好地培養(yǎng)出有效的高素質(zhì)的技能型人才。
參考文獻(xiàn)
[1]歐志先."動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)(JSP)"項(xiàng)目教學(xué)法初探[J].科學(xué)咨詢,20xx,(7):79.
[2]楊文.《JSP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》項(xiàng)目教學(xué)法的研究與實(shí)踐[J].福建電腦,20xx,25(8):206,204.
[3]李阿芳.項(xiàng)目教學(xué)法在《JSP網(wǎng)頁(yè)設(shè)計(jì)》課程中的應(yīng)用研究[J].電腦知識(shí)與技術(shù),20xx(18)
[4]趙海冰,李瑛,邢翠芳.淺談項(xiàng)目教學(xué)與任務(wù)驅(qū)動(dòng)在“C程序設(shè)計(jì)”教學(xué)中的應(yīng)用[J].計(jì)算機(jī)工程與科學(xué),20xx(z2).
[5]王向陽(yáng),李東,張惠玲.項(xiàng)目教學(xué)法在程序設(shè)計(jì)課程教學(xué)中的應(yīng)用[J].價(jià)值工程,20xx(6)
[6]陳民.基于J2EE學(xué)生網(wǎng)上評(píng)教系統(tǒng)的系統(tǒng)設(shè)計(jì)[J].電腦知識(shí)與技術(shù),20xx(12)
網(wǎng)頁(yè)設(shè)計(jì)論文5
1目前企業(yè)對(duì)網(wǎng)頁(yè)設(shè)計(jì)師的要求
隨著4G網(wǎng)絡(luò)的成熟和智能手機(jī)的普及,網(wǎng)頁(yè)設(shè)計(jì)師不僅能制作普通網(wǎng)頁(yè)界面,更多是能設(shè)計(jì)藝術(shù)界面和交互界面的網(wǎng)頁(yè),能適應(yīng)多平臺(tái)等特點(diǎn)。根據(jù)我學(xué)院每年對(duì)企業(yè)調(diào)研,目前企業(yè)對(duì)網(wǎng)頁(yè)設(shè)計(jì)師的要求:(1)根據(jù)企業(yè)需求和定位能夠設(shè)計(jì)符合當(dāng)下交互技術(shù)的流行網(wǎng)頁(yè)界面;(2)能夠制作靜態(tài)網(wǎng)頁(yè)和網(wǎng)頁(yè)前端javascript特效,較好配合后臺(tái)程序員進(jìn)行網(wǎng)站開發(fā);(3)有較強(qiáng)的自學(xué)能力,是藝術(shù)與技術(shù)相結(jié)合的高素質(zhì)技術(shù)技能型人才。
2高職網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)現(xiàn)狀
我院對(duì)福建省同類高職院校的網(wǎng)頁(yè)設(shè)計(jì)人才培養(yǎng)進(jìn)行廣泛調(diào)研,很少院校能夠培養(yǎng)符合企業(yè)需求的網(wǎng)頁(yè)設(shè)計(jì)師,致使我省難于滿足社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)人才需求。高職網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)現(xiàn)狀是:
2.1開設(shè)課程不滿足社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)師的要求網(wǎng)頁(yè)設(shè)計(jì)課程是一門綜合性的課程,是它包括構(gòu)圖、排版、特效制作等多種知識(shí),決定了這門課程具有很強(qiáng)的綜合性、實(shí)踐性、融藝術(shù)性與技術(shù)性為一體的特點(diǎn)。而高職院校教學(xué)雖然在開設(shè)網(wǎng)頁(yè)設(shè)計(jì)課程體系上采取一定改革措施,但針對(duì)性不強(qiáng),如針對(duì)企業(yè)需要藝術(shù)與技術(shù)相結(jié)合的網(wǎng)頁(yè)設(shè)計(jì)人才,專門開設(shè)了《網(wǎng)站色彩與構(gòu)成》、《網(wǎng)頁(yè)設(shè)計(jì)》、《網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)》、《程序設(shè)計(jì)基礎(chǔ)(java方向)》相關(guān)專業(yè)技術(shù)課程,也專門開設(shè)了《設(shè)計(jì)素描》、《設(shè)計(jì)色彩》、《構(gòu)成設(shè)計(jì)》等美術(shù)課程,但沒有真正以企業(yè)工作過程為導(dǎo)向,開設(shè)藝術(shù)與技術(shù)相結(jié)合的網(wǎng)頁(yè)綜合項(xiàng)目課程,學(xué)生很難融會(huì)貫通運(yùn)用綜合知識(shí)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì),另一方面由于網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的飛速發(fā)展,從最早的表格布局到現(xiàn)在DIV+CSS布局,網(wǎng)頁(yè)語(yǔ)言從最早的HTML1.0到現(xiàn)在的HTML5,網(wǎng)頁(yè)的設(shè)計(jì)風(fēng)格也隨著時(shí)代的變化而不斷改變,社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)師的要求不斷提高,而高職院校相關(guān)專業(yè)課程沒有適時(shí)更新,學(xué)生也缺乏提升自我的學(xué)習(xí)能力,因此高職畢業(yè)生很難適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)這一行業(yè)的人才需求。
2.2教師專業(yè)水平有限,團(tuán)隊(duì)意識(shí)不強(qiáng)有的高職院校雖然按照企業(yè)工作過程開設(shè)網(wǎng)頁(yè)設(shè)計(jì)相關(guān)課程,但由于各個(gè)任課教師專業(yè)水平不同,團(tuán)隊(duì)意識(shí)不強(qiáng),較難形成一個(gè)企業(yè)整體項(xiàng)目意識(shí),通常每個(gè)教師根據(jù)自己方向選擇各自企業(yè)項(xiàng)目進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)相關(guān)課程的教學(xué),有的教師自身受限專業(yè)水平與實(shí)踐技能,無法與專業(yè)組教師達(dá)成共識(shí),造成學(xué)生在學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)專業(yè)課程體系無法形成專業(yè)整個(gè)知識(shí)技能體系,網(wǎng)頁(yè)設(shè)計(jì)綜合技能很難得到提高,只能滿足于淘寶美工卻無法勝任電商網(wǎng)頁(yè)設(shè)計(jì)師。
2.3教學(xué)方法單一,仍以傳統(tǒng)教學(xué)為主長(zhǎng)期以來在教學(xué)中仍以教師為主體,而忽略學(xué)生的主體地位。h教師在授課中,往往先講解網(wǎng)頁(yè)各獨(dú)立元素的設(shè)計(jì)制作,與整體案例的設(shè)計(jì)制作相分離,導(dǎo)致學(xué)生在實(shí)踐過程中,學(xué)生只掌握每個(gè)工具單獨(dú)使用,不能將網(wǎng)頁(yè)各獨(dú)立元素的制作與整體項(xiàng)目相結(jié)合,當(dāng)需要綜合運(yùn)用各種軟件工具知識(shí)去制作完整項(xiàng)目時(shí),卻顯得力不從心,即整體性不強(qiáng)。這種傳統(tǒng)教學(xué)方法優(yōu)勢(shì)是整個(gè)教學(xué)過程比較系統(tǒng)完整,授課內(nèi)容還是以理論知識(shí)為先導(dǎo),教學(xué)手段單一,老師雖是孜孜不倦的教,而學(xué)生興趣缺乏,參與性不強(qiáng),不能培養(yǎng)學(xué)生的自主學(xué)習(xí)能力和團(tuán)隊(duì)協(xié)作能力,往往老師累得滿頭大汗,學(xué)生卻收獲甚微。
2.4生源質(zhì)量參差不齊隨著高職招生人數(shù)不斷上升,生源質(zhì)量參差不齊,生源質(zhì)量也在下降。教師引入企業(yè)項(xiàng)目進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)教學(xué),學(xué)生完成的程度和質(zhì)量不一,有些同學(xué)無法跟上進(jìn)度,就出現(xiàn)厭學(xué)、遲到及曠課等現(xiàn)象。
3網(wǎng)絡(luò)環(huán)境下“網(wǎng)頁(yè)設(shè)計(jì)”混合式教學(xué)構(gòu)建模式及優(yōu)勢(shì)
3.1網(wǎng)絡(luò)環(huán)境下“網(wǎng)頁(yè)設(shè)計(jì)”混合式教學(xué)構(gòu)建模式網(wǎng)頁(yè)設(shè)計(jì)集藝術(shù)與技術(shù)為一體綜合性課程,既需要個(gè)人創(chuàng)意設(shè)計(jì)能力,又需要全面應(yīng)用高新技術(shù)能力,具有很強(qiáng)的實(shí)踐性和綜合性。在網(wǎng)頁(yè)設(shè)計(jì)授課過程中,教師要從易到難引入企業(yè)項(xiàng)目,引導(dǎo)啟發(fā)學(xué)生,并在課堂上統(tǒng)一進(jìn)行項(xiàng)目分析,在講解過程中,將網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)美學(xué)及專業(yè)技術(shù)知識(shí)融入到所要完成項(xiàng)目中,調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性、自主的對(duì)網(wǎng)頁(yè)綜合知識(shí)進(jìn)行建構(gòu),同時(shí)通過現(xiàn)代網(wǎng)絡(luò)視頻教學(xué),演示網(wǎng)頁(yè)設(shè)計(jì)從選定項(xiàng)目、制定計(jì)劃、活動(dòng)探究、制作作品、成果展示、綜合評(píng)價(jià)等環(huán)節(jié),激發(fā)學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目整體認(rèn)識(shí),對(duì)網(wǎng)頁(yè)設(shè)計(jì)的興趣,讓學(xué)生自己產(chǎn)生要制作屬于自己的項(xiàng)目作品,學(xué)生從傳統(tǒng)教學(xué)“要我學(xué)”變?yōu)榛旌辖虒W(xué)“我要學(xué)”的教學(xué)模式。通過混合式教學(xué)模式,把傳統(tǒng)學(xué)習(xí)方式的優(yōu)勢(shì)和網(wǎng)絡(luò)學(xué)習(xí)方式的優(yōu)勢(shì)結(jié)合起來,教學(xué)以學(xué)生為主體,充分挖掘?qū)W生學(xué)習(xí)過程過程積極性、主動(dòng)性和創(chuàng)造性,培養(yǎng)藝術(shù)與技術(shù)相結(jié)合的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)技能型人才。搭建好的網(wǎng)頁(yè)設(shè)計(jì)的網(wǎng)絡(luò)教學(xué)平臺(tái)、教育教學(xué)資源庫(kù),運(yùn)用在線教學(xué)與課堂教學(xué)優(yōu)勢(shì)互補(bǔ)的混合式教學(xué)模式,教師通過基于網(wǎng)絡(luò)的課堂進(jìn)行教,學(xué)生除了課堂學(xué)習(xí)外,課后自主在線學(xué)習(xí)、在線做作業(yè)、討論協(xié)作、在線答疑等學(xué)習(xí)活動(dòng)。將教師的網(wǎng)頁(yè)設(shè)計(jì)教學(xué)由課堂上擴(kuò)展到了課堂外,才能真正培養(yǎng)出綜合能力強(qiáng)、創(chuàng)造性思維突出的網(wǎng)頁(yè)設(shè)計(jì)人才。
3.2網(wǎng)絡(luò)環(huán)境下“網(wǎng)頁(yè)設(shè)計(jì)”混合式教學(xué)的優(yōu)勢(shì)(1)提高教師“雙師”素質(zhì):網(wǎng)頁(yè)設(shè)計(jì)課程是基于企業(yè)項(xiàng)目教學(xué),項(xiàng)目設(shè)計(jì)是項(xiàng)目教學(xué)的成敗的關(guān)鍵,要求教師不僅要具備深厚的理論知識(shí),還應(yīng)具有一定職業(yè)技能與實(shí)踐經(jīng)驗(yàn),即教師具備“雙師”素質(zhì),通過網(wǎng)絡(luò)教學(xué)平臺(tái)建設(shè),優(yōu)秀專業(yè)教師與企業(yè)技術(shù)人員帶領(lǐng)專業(yè)較弱教師,共同完成項(xiàng)目網(wǎng)頁(yè)設(shè)計(jì)整體設(shè)計(jì)。通過開展混合式教學(xué),進(jìn)一步提高教師的教學(xué)設(shè)計(jì)水平和實(shí)踐技能,更新教師的教育觀念,提高教師自身的業(yè)務(wù)水平,促進(jìn)教師向雙師型轉(zhuǎn)變。(2)教學(xué)資源豐富:教師與企業(yè)技術(shù)人員在網(wǎng)絡(luò)教學(xué)平臺(tái)提供各種媒體素材,包括視頻、動(dòng)畫、課件、網(wǎng)頁(yè)設(shè)計(jì)優(yōu)秀作品等教學(xué)內(nèi)容,遠(yuǎn)遠(yuǎn)超過教師課堂講授與教材內(nèi)容。網(wǎng)絡(luò)教學(xué)平臺(tái)進(jìn)一步為學(xué)生提供課后學(xué)習(xí)實(shí)踐企業(yè)項(xiàng)目,引入企業(yè)項(xiàng)目任務(wù),能從高職學(xué)生特點(diǎn)出發(fā),項(xiàng)目從易到難,循序漸進(jìn),讓學(xué)生學(xué)習(xí)實(shí)踐覺得能“跳著夠得著”,既有挑戰(zhàn)性,又能完成企業(yè)項(xiàng)目并使學(xué)生獲得成就感,提高學(xué)生綜合實(shí)踐技能。通過網(wǎng)絡(luò)在線教學(xué)優(yōu)勢(shì),為學(xué)生提供了自由選擇的學(xué)習(xí)空間,有更豐富網(wǎng)絡(luò)學(xué)習(xí)資源,激發(fā)學(xué)生學(xué)習(xí)興趣,調(diào)動(dòng)學(xué)生的主動(dòng)性與積極性,有效提高了學(xué)生的創(chuàng)新思維能力,對(duì)于培養(yǎng)學(xué)生的創(chuàng)造精神和樹立終身學(xué)習(xí)的'觀念有重要的意義。(3)學(xué)習(xí)自主性:傳統(tǒng)的課堂教學(xué)受限上課時(shí)間,教學(xué)內(nèi)容也受限,存在形式與內(nèi)容單一。特別對(duì)于學(xué)生難于理解的重點(diǎn)與難點(diǎn),老師可能認(rèn)為在課堂已講解很清楚,但學(xué)生還是沒有理解等諸多弊端,而通過混合式教學(xué),利用網(wǎng)絡(luò)在線教學(xué)等輔助手段在很大程度上彌補(bǔ)了這種不足,讓學(xué)生能在課后按需學(xué)習(xí),讓差生或請(qǐng)假學(xué)生補(bǔ)缺補(bǔ)漏,趕上全班統(tǒng)一進(jìn)度。通過網(wǎng)絡(luò)教學(xué)平臺(tái)和教育教學(xué)資源庫(kù),可以24小時(shí)開放教學(xué),大大打破上課的時(shí)間限制,學(xué)生可以把課堂當(dāng)中沒有消化的內(nèi)容利用網(wǎng)絡(luò)的在線自主學(xué)習(xí),進(jìn)一步的加深理解,使課堂教學(xué)加以延伸。利用在線學(xué)習(xí),基礎(chǔ)好的同學(xué)也可以通過網(wǎng)絡(luò)教學(xué)平臺(tái)和教育教學(xué)資源庫(kù)進(jìn)行自學(xué),提升自己的學(xué)習(xí)能力。(4)網(wǎng)絡(luò)在線答疑:利用在線系統(tǒng)為教師和學(xué)生提供一個(gè)良好的交流平臺(tái),師生通過平臺(tái)將獲得更多的溝通機(jī)會(huì),師生之間在平臺(tái)上在線討論交流答疑,學(xué)生之間也可以在平臺(tái)上在線討論交流答疑,及時(shí)解決學(xué)習(xí)過程中遇到問題,調(diào)動(dòng)了學(xué)生的積極性,進(jìn)一步提高教學(xué)水平。
4混合式教學(xué)模式實(shí)例分析
在網(wǎng)絡(luò)環(huán)境下,構(gòu)建與傳統(tǒng)教學(xué)相互融合網(wǎng)絡(luò)教學(xué)平臺(tái),實(shí)現(xiàn)交互式教學(xué)平臺(tái),學(xué)生自主學(xué)習(xí)的空間。下面以學(xué)院《Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)》為例說明,實(shí)現(xiàn)傳統(tǒng)教學(xué)與網(wǎng)絡(luò)教學(xué)的混合教學(xué)模式。
1.設(shè)計(jì)制作企業(yè)項(xiàng)目。課前教師與企業(yè)人員共同設(shè)計(jì)制作《**企業(yè)網(wǎng)頁(yè)設(shè)計(jì)》項(xiàng)目,共構(gòu)建八個(gè)學(xué)習(xí)情景:《學(xué)習(xí)情境1企業(yè)網(wǎng)頁(yè)圖文混排》;《學(xué)習(xí)情境2企業(yè)網(wǎng)頁(yè)表格數(shù)據(jù)制作》;《學(xué)習(xí)情境3企業(yè)網(wǎng)頁(yè)表格布局》:《學(xué)習(xí)情境4企業(yè)網(wǎng)頁(yè)超鏈接設(shè)置》:《學(xué)習(xí)情境5企業(yè)網(wǎng)表單網(wǎng)頁(yè)制作》;《學(xué)習(xí)情境6企業(yè)網(wǎng)頁(yè)制作-css樣式表應(yīng)用》:《學(xué)習(xí)情境7企業(yè)網(wǎng)頁(yè)布局-div+css布局》;《學(xué)習(xí)情境8企業(yè)網(wǎng)頁(yè)JavaScript特效應(yīng)用》。
2.課堂教學(xué)內(nèi)容以網(wǎng)頁(yè)設(shè)計(jì)的工作過程為依據(jù),劃分上述八個(gè)學(xué)習(xí)情境,采用混合式教學(xué)模式,按任務(wù)展開教學(xué)。每個(gè)學(xué)習(xí)情境都包含:①任務(wù)導(dǎo)入:首先提供學(xué)生與所講知識(shí)相關(guān)的網(wǎng)頁(yè)案例,吸引學(xué)生注意,然后導(dǎo)入學(xué)習(xí)情境任務(wù);②分析總結(jié):教師引導(dǎo)學(xué)生發(fā)現(xiàn)問題,并提出問題,激發(fā)學(xué)生學(xué)習(xí)興趣,經(jīng)過共同分析與討論,總結(jié)出具體的制作方法;③實(shí)訓(xùn)(仿真實(shí)踐,在線測(cè)試):學(xué)生根據(jù)學(xué)習(xí)情境,在教師的示范講解下,獨(dú)立完成操作,在線測(cè)試。④講評(píng)總結(jié):學(xué)生在制作過程中會(huì)出現(xiàn)各種各樣的問題。教師所做的是將問題匯總?偨Y(jié)出相關(guān)的注意事項(xiàng),點(diǎn)評(píng)作業(yè)時(shí),側(cè)重學(xué)生的思維引導(dǎo),及時(shí)給予學(xué)生鼓勵(lì)。⑤能力擴(kuò)展:提供給學(xué)生實(shí)踐性較強(qiáng)的案例,要實(shí)現(xiàn)效果,需要結(jié)合以前的知識(shí)和運(yùn)用一定的技巧。這樣既擴(kuò)大了知識(shí)面。又體現(xiàn)了知識(shí)的綜合性。在課堂講解環(huán)節(jié),可以適時(shí)插入教學(xué)視頻、技術(shù)操作視頻、實(shí)例展示等內(nèi)容,解決傳統(tǒng)教學(xué)方法無法講清楚的知識(shí)點(diǎn)和實(shí)際操作演示,使教學(xué)效果更生動(dòng)具體。通過學(xué)習(xí)情境,學(xué)生目的明確,整體性學(xué)習(xí)Dreamweaver軟件各個(gè)工具,運(yùn)用到每個(gè)學(xué)習(xí)情境任務(wù)中,學(xué)習(xí)網(wǎng)頁(yè)各獨(dú)立元素與整體學(xué)習(xí)情境相結(jié)合。
5小結(jié)
混合式教學(xué)模式突破了傳統(tǒng)的單一課堂教學(xué)模式,在網(wǎng)絡(luò)教學(xué)平臺(tái)上信息量大,開放性、靈活性、交互性強(qiáng),與傳統(tǒng)教學(xué)相互融合,不斷補(bǔ)充和完善網(wǎng)頁(yè)設(shè)計(jì)教學(xué)內(nèi)容,拓展了學(xué)生的視野,為學(xué)生提供了廣闊的學(xué)習(xí)時(shí)間與空間,全面提高高職學(xué)生網(wǎng)頁(yè)設(shè)計(jì)操作技能和綜合能力培養(yǎng);調(diào)動(dòng)了學(xué)生的積極性,變“要我學(xué)為我要學(xué)”,使得以學(xué)生為中心自主學(xué)習(xí)得以實(shí)現(xiàn),提高學(xué)生自主性學(xué)習(xí)能力;從教學(xué)形式上,進(jìn)一步完善了教學(xué)方法與教學(xué)手段,在信息技術(shù)環(huán)境下,混合式教學(xué)模式是網(wǎng)頁(yè)設(shè)計(jì)教學(xué)的一個(gè)新的發(fā)展方向。
網(wǎng)頁(yè)設(shè)計(jì)論文6
【摘要】
本文以就業(yè)信息管理平臺(tái)為例,研究網(wǎng)頁(yè)設(shè)計(jì)中表格與層的應(yīng)用,提出表格與層可以讓網(wǎng)頁(yè)的布局整齊美觀,將網(wǎng)頁(yè)中的文字、圖片、動(dòng)畫等眾多元素有條理地統(tǒng)一組織起來。雖然表格的使用整體上是好的,但在一些細(xì)節(jié)的美化上表格的設(shè)計(jì)就難以做到,這就要采用層來搭配表格的設(shè)計(jì)解決相應(yīng)的排版美化問題。
【關(guān)鍵詞】網(wǎng)頁(yè)設(shè)計(jì);表格;層;就業(yè)信息管理平臺(tái)
隨著信息技術(shù)的日新月異,網(wǎng)頁(yè)設(shè)計(jì)的重要性也逐漸凸顯,如何快速、方便地設(shè)計(jì)出相關(guān)的網(wǎng)頁(yè)、網(wǎng)站就顯得非常重要。在網(wǎng)頁(yè)設(shè)計(jì)與制作的教學(xué)過程中,如何讓學(xué)生快速地掌握網(wǎng)頁(yè)設(shè)計(jì)的一些排版技巧是非常有必要的。因此,筆者結(jié)合網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)中的一些體會(huì),并通過就業(yè)信息管理平臺(tái)的設(shè)計(jì)案例,探索網(wǎng)頁(yè)設(shè)計(jì)中表格與ApDiv(層)的排版設(shè)計(jì)技巧。
一、Dreamweavercs簡(jiǎn)介
Dreamweavercs是由Adobe公司推出的一套擁有可視化編輯界面,用于制作并編輯網(wǎng)站和移動(dòng)應(yīng)用程序的網(wǎng)頁(yè)設(shè)計(jì)軟件。目前,最新的版本為DreamweaverCC,網(wǎng)頁(yè)設(shè)計(jì)軟件的功能強(qiáng)大。對(duì)網(wǎng)頁(yè)的瀏覽已經(jīng)是我們生活中的不可分割的一部分,網(wǎng)頁(yè)作為網(wǎng)絡(luò)信息傳播的主要載體,其設(shè)計(jì)也為大家所關(guān)注。網(wǎng)頁(yè)設(shè)計(jì)軟件的種類有很多,但最出名、最專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)工具,非Dreamweaver莫屬。它是著名的“所見即所得”的可視化網(wǎng)站開發(fā)工具,目前的網(wǎng)頁(yè)設(shè)計(jì)幾乎都采用Dreamweaver來設(shè)計(jì)。Dreamweaver不僅提供了強(qiáng)大的網(wǎng)頁(yè)編輯功能,而且還提供了網(wǎng)頁(yè)的上傳工具。利用FTP進(jìn)行大文件的傳輸,節(jié)省了文件的傳輸時(shí)間,它是一個(gè)集網(wǎng)頁(yè)創(chuàng)作和文件傳輸管理等多功能的設(shè)計(jì)工具。
二、表格與層在網(wǎng)頁(yè)設(shè)計(jì)中的使用
在就業(yè)信息管理平臺(tái)的設(shè)計(jì)中,采用程序設(shè)計(jì),可以很好地提高網(wǎng)頁(yè)的下載與瀏覽速度,但對(duì)于初學(xué)者來說,程序設(shè)計(jì)是一件頭痛的事。因此,如何利用表格與層來進(jìn)行設(shè)計(jì),就非常重要。網(wǎng)頁(yè)設(shè)計(jì)中的排版有很多種方法,其中表格結(jié)合層的使用排版是最基本也是最有效的方法。表格與層,對(duì)職業(yè)院校的學(xué)生來說,非常容易學(xué),而且使用也非常方便,做出來的網(wǎng)頁(yè)也非常的漂亮,因此,在網(wǎng)頁(yè)設(shè)計(jì)中表格與層是非常重要的。
。ㄒ唬┚W(wǎng)頁(yè)設(shè)計(jì)中表格的使用。在網(wǎng)頁(yè)設(shè)計(jì)中,利用表格的'排版,它的整體效果好是毋庸置疑的,表格在網(wǎng)頁(yè)中的位置可以通過表格屬性來進(jìn)行設(shè)置。在Dreamweaver中,頁(yè)面內(nèi)容的設(shè)計(jì)、排版主要是通過表格來完成。通過表格的相互嵌套、合并與拆分,可以將自己構(gòu)思好的頁(yè)面完整地表現(xiàn)出來。表格在網(wǎng)頁(yè)中的重要作用,主要是它在不同的顯示上,可以根據(jù)網(wǎng)頁(yè)的大小、顯示器的大小進(jìn)行相應(yīng)的變化。并始終都處于瀏覽的相對(duì)位置,完整地把內(nèi)容顯示出來,具有很好的兼容性。因此,使用表格排版比較規(guī)范,整體性強(qiáng),可以讓網(wǎng)頁(yè)的設(shè)計(jì)顯得非常的整齊,達(dá)到想要的效果。但由于表格的整體性,在一些細(xì)微的地方以及操作上還不夠細(xì)化,在內(nèi)容的設(shè)計(jì)表現(xiàn)上還不夠豐富。
。ǘ┚W(wǎng)頁(yè)設(shè)計(jì)中層的使用。層的使用在網(wǎng)頁(yè)設(shè)計(jì)中也是非常的普遍,由于它的定位比較精確,又是一種可視化操作元素,它的使用讓網(wǎng)頁(yè)增加了豐富的表現(xiàn)。層與表格的使用基本差不多,但在位置的定位上要比表格方便很多,這也是層的主要優(yōu)點(diǎn)。在網(wǎng)頁(yè)設(shè)計(jì)中,文本、圖像、表格等元素只能固定其位置,不能相互疊加。如果要想使多個(gè)元素進(jìn)行疊加或者定位要精確,在這種情況下,就需要使用層來進(jìn)行設(shè)置。層具有很多表格所不具備的特點(diǎn),如層的重疊、移動(dòng)、隱藏等一些功能,層還可以添加一些動(dòng)作行為,讓層的內(nèi)容表現(xiàn)更加豐富,也正是基于這一點(diǎn),層成了網(wǎng)頁(yè)設(shè)計(jì)中一個(gè)重要的元素。層的這些特點(diǎn)有助于設(shè)計(jì)思維不受局限,從而在設(shè)計(jì)上有很大的空間。由于它是一種流元素,層在具有上述優(yōu)點(diǎn)的同時(shí),也存在著一些不可避免的缺陷,例如層在網(wǎng)頁(yè)中的定位不會(huì)隨著瀏覽器大小的變化而變化,層的位置是固定不動(dòng)的,在這樣的情況下就失去了層在網(wǎng)頁(yè)設(shè)計(jì)布局中的意義。
。ㄈ┚蜆I(yè)信息管理平臺(tái)中表格與層的結(jié)合使用。表格與層的結(jié)合使用才能更好地體現(xiàn)出它們的優(yōu)勢(shì),層也才能更好地體現(xiàn)出它在網(wǎng)頁(yè)設(shè)計(jì)中的強(qiáng)大功能。在網(wǎng)頁(yè)設(shè)計(jì)中,如何做到表格跟層的統(tǒng)一、層與表格融為一個(gè)整體,這就要用到層在表格中的插入操作,以及層的嵌套使用,下面以就業(yè)信息管理平臺(tái)中制作下拉菜單為例來設(shè)計(jì)。首先,在網(wǎng)頁(yè)中插入一個(gè)三行一列的表格,在表格的第一行插入一張圖片,作為網(wǎng)頁(yè)設(shè)計(jì)的Logo,而在第二行中插入一個(gè)嵌套的一行五列的表格作為網(wǎng)頁(yè)的導(dǎo)航條,表格的第三行作為主要內(nèi)容的設(shè)計(jì)與排版。
三、表格與層的正確應(yīng)用表格與層
在網(wǎng)頁(yè)設(shè)計(jì)中雖然有強(qiáng)大的功能,但在使用的過程中也不能太隨意,如果隨意地使用就會(huì)增加瀏覽器的負(fù)擔(dān),瀏覽下載的速度就會(huì)變慢,影響網(wǎng)頁(yè)的瀏覽。
。ㄒ唬┍砀癫季殖霈F(xiàn)的問題。在網(wǎng)頁(yè)設(shè)計(jì)中,利用表格排版的時(shí)候,不能使用一個(gè)大大的表格鋪滿整個(gè)頁(yè)面,這樣不利于瀏覽器的打開。瀏覽器打開一個(gè)表格,是要等一個(gè)表格全部下載完成,這樣就需要很長(zhǎng)的時(shí)間來打開這個(gè)網(wǎng)頁(yè)。在表格的嵌套中,也不能無限制地嵌套下去,一般表格的嵌套,應(yīng)該控制在最多三層表格,如果嵌套的表格太多,打開時(shí)也會(huì)消耗大量的資源,不利于網(wǎng)頁(yè)的打開。有數(shù)據(jù)統(tǒng)計(jì),一般瀏覽者打開網(wǎng)頁(yè)的等待時(shí)間為7秒以內(nèi)。如何解決這個(gè)問題,主要采用拆分表格的方法,將一個(gè)大的表格拆分成幾個(gè)小的表格,并要盡可能地避免表格的層層嵌套。
。ǘ⿲硬季殖霈F(xiàn)的偏差。在網(wǎng)頁(yè)的設(shè)計(jì)中,層的單獨(dú)使用沒有多大的意義,因?yàn)閷邮橇髟,不?huì)隨著網(wǎng)頁(yè)瀏覽器的變化而變化,它的位置是固定的,不會(huì)產(chǎn)生移動(dòng)。雖然有時(shí)候,我們?cè)诶帽砀衽c層排版的時(shí)候,看起來很整齊,但一預(yù)覽就完全錯(cuò)位了,根本不是想要的效果。如何才能使層與頁(yè)面中的表格一樣,能夠隨瀏覽器的變化而產(chǎn)生相對(duì)位置上的變化,這就需要先使用表格對(duì)整個(gè)網(wǎng)頁(yè)的整體進(jìn)行規(guī)劃,然后添加一個(gè)層到表格中的一個(gè)單元格中,作為一個(gè)父層。操作的方法為:菜單欄中的插入—布局對(duì)象—ApDiv,插入后,這個(gè)層的位置左、上必須為空,沒有任何內(nèi)容。然后,其他的子層就通過這個(gè)父層進(jìn)行嵌套,在這里必須強(qiáng)調(diào)的是,父層必須通過菜單欄的插入,不能通過用鼠標(biāo)畫出來的方式操作。采用這種方法設(shè)置層后,無論瀏覽器的窗口大小如何變化,它都會(huì)跟著變化,體現(xiàn)了與表格成為一個(gè)整體,在瀏覽時(shí)就不會(huì)產(chǎn)生位置上的移動(dòng),因此,層只有結(jié)合表格的使用才能更好地豐富網(wǎng)頁(yè)內(nèi)容。
總之,在網(wǎng)頁(yè)設(shè)計(jì)中,表格與層是非常重要的元素,但在布局設(shè)計(jì)中,只有把表格與層結(jié)合使用,才能讓網(wǎng)頁(yè)的布局精美與豐富。網(wǎng)頁(yè)中的內(nèi)容雖然很重要,但網(wǎng)頁(yè)中的設(shè)計(jì)與布局才是最重要的。因此,通過合理的布局設(shè)置,特別是主頁(yè)設(shè)計(jì)要整齊美觀,才可能更好地吸引讀者。因此,在平時(shí)的網(wǎng)頁(yè)設(shè)計(jì)中,要多看一些優(yōu)秀網(wǎng)站的排版設(shè)計(jì),只有這樣,才能更好地提高自己的網(wǎng)頁(yè)設(shè)計(jì)能力。
【參考文獻(xiàn)】
。1]俞燕丹.項(xiàng)目教學(xué)法在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程中的實(shí)踐研究[J].新課程研究(中旬刊),20xx(10)
。2]韓媛媛.淺談Dreamweaver在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用[J].信息與電腦,20xx(7)
。3]周金容.網(wǎng)頁(yè)制作過程與技巧[J].軟件導(dǎo)刊,20xx(15)
網(wǎng)頁(yè)設(shè)計(jì)論文7
一、網(wǎng)頁(yè)設(shè)計(jì)中的構(gòu)成要素
1、文字的編排
在網(wǎng)頁(yè)設(shè)計(jì)中,其中文字的編排作為必不可少的基本構(gòu)成元素,對(duì)這些文字的要求是易讀性和可讀性。其中易讀性顧名思義就是文字的清晰表達(dá),可讀性則是指的是網(wǎng)頁(yè)整體上的可視性,在文字的設(shè)計(jì)、詞語(yǔ)的間距、行距等方面的處理。易讀性和可讀性在網(wǎng)頁(yè)設(shè)計(jì)中對(duì)于文字的編排的作用是非常重要的。另外,和利用紙張閱讀的方式相比,網(wǎng)頁(yè)設(shè)計(jì)中的文字的易讀性相對(duì)較差,再加上一般的用戶在普通的頁(yè)面上花的時(shí)間比較短,所以對(duì)于網(wǎng)頁(yè)設(shè)計(jì)中的文字編排應(yīng)該滿足以下幾個(gè)要求:一是,因?yàn)樵诓煌碾娔X、操作系統(tǒng)中安裝的文字的字體都是相同的,所以應(yīng)該在文字編排的過程中選擇一些經(jīng)常使用,用戶經(jīng)常見到的字體,不然的話他們的系統(tǒng)就可能默認(rèn)一種字體,就會(huì)導(dǎo)致網(wǎng)頁(yè)看起來不能達(dá)到設(shè)計(jì)者的期望。二是,鑒于屏幕的顯示會(huì)對(duì)字體造成一定的.影響,在生活中人們大多都是采用的黑體和宋體,站在視角的角度上說,宋體的閱讀方式最便捷,更富有現(xiàn)代氣息,但是對(duì)于字體的形狀應(yīng)該注意。三是,因?yàn)椴煌淖煮w以及不同的字體屬性可以幫助人們識(shí)別標(biāo)題和信息。但是應(yīng)該注意的是一個(gè)頁(yè)面中字體風(fēng)格是有限制的,如果使用太多面,就失去了強(qiáng)調(diào)的作用。
2、圖片的編排
在網(wǎng)頁(yè)設(shè)計(jì)中,圖片可以算得上是最早被使用的元素。這是因?yàn)榫W(wǎng)絡(luò)可以利用圖片傳達(dá)自己的信息,讓用戶更直接的了解,加大了網(wǎng)絡(luò)提供的信息量,再加上圖片的使用在很大的程度上也使頁(yè)面更美化。因此,在網(wǎng)頁(yè)設(shè)計(jì)中,要想單純文字表達(dá)的信息變得有趣,最簡(jiǎn)單的方法就是使用圖片。經(jīng)調(diào)查顯示:對(duì)于一條信息來講,圖片對(duì)觀眾造成的吸引往往要高于文字產(chǎn)生的影響。在網(wǎng)頁(yè)中使用圖片時(shí),應(yīng)該注意以下規(guī)則:一是網(wǎng)頁(yè)的統(tǒng)一性;二是圖片要吸引用戶;三是要注意突出圖片的重點(diǎn),特別是在處理和相關(guān)文字編排的時(shí)候。
二、網(wǎng)頁(yè)設(shè)計(jì)與現(xiàn)在網(wǎng)絡(luò)新技術(shù)的結(jié)合
1、網(wǎng)頁(yè)設(shè)計(jì)和多媒體技術(shù)的結(jié)合
多媒體的使用能讓人機(jī)交互技術(shù)趨向接近人的自然方向發(fā)展,能夠讓網(wǎng)頁(yè)用自然的方式跟人交往。多媒體的產(chǎn)生實(shí)現(xiàn)了信息的多樣化,讓人與網(wǎng)頁(yè)在交互的過程中,具有更寬闊和自由的發(fā)展空間。對(duì)于多媒體技術(shù)的信息多維化不僅指信息的輸入,還包括信息的輸出。從目前的形式來看,多維化包括人的視覺和聽覺這兩個(gè)方面,因?yàn)槎嗝襟w的使用,讓頁(yè)面設(shè)計(jì)表達(dá)的信息更具有人性化。為了增強(qiáng)網(wǎng)頁(yè)的視覺效果,在網(wǎng)頁(yè)設(shè)計(jì)中通過豐富的表現(xiàn)形式,能夠讓觀眾產(chǎn)生視覺效果,從而產(chǎn)生了繼續(xù)觀看的念頭。在網(wǎng)頁(yè)設(shè)計(jì)中,網(wǎng)頁(yè)包含的內(nèi)容是各個(gè)方面的。幾乎容納了所有的媒體的優(yōu)點(diǎn),現(xiàn)在已經(jīng)成為了一種炙手可熱的傳播手段。
2、網(wǎng)頁(yè)設(shè)計(jì)和多媒體相結(jié)合主要是增強(qiáng)了網(wǎng)頁(yè)的交互性
一個(gè)優(yōu)秀或者是成功的網(wǎng)站都應(yīng)該和用戶之間形成良好的互動(dòng)關(guān)系,互動(dòng)關(guān)系主要包括在整個(gè)頁(yè)面的設(shè)計(jì)過程中以及使用界面上的指導(dǎo)體現(xiàn)出來,并且都應(yīng)該堅(jiān)持互動(dòng)的原則,讓用戶在使用的過程中的每一個(gè)不走都能夠得到相應(yīng)的會(huì)用。在現(xiàn)在,交互性不僅是一種利用網(wǎng)絡(luò)傳播發(fā)揮信息的最大優(yōu)勢(shì),而且是傳達(dá)信息的人和用戶進(jìn)行交流的一種方式,在網(wǎng)頁(yè)設(shè)計(jì)中,有效的互動(dòng)性能夠提高用戶使用接受信息的主動(dòng)性以及參與信息反饋的積極性,與此同時(shí),還有助于傳達(dá)信息的人了解信息傳達(dá)取得的實(shí)際效果以及和預(yù)期之間存在的偏差,以便在下一步的網(wǎng)頁(yè)設(shè)計(jì)中進(jìn)行適當(dāng)?shù)母恼,?shí)現(xiàn)消息的升格傳達(dá)。隨著我國(guó)的動(dòng)態(tài)設(shè)計(jì)技術(shù),例如ASP以及PHP等的不斷發(fā)展和普及,交互式設(shè)計(jì)的重要性也逐漸顯現(xiàn)出來,采用交互式設(shè)計(jì)的目的不是為了控制用戶采用怎樣的行動(dòng),而是給他們的各種行動(dòng)創(chuàng)造實(shí)現(xiàn)的基礎(chǔ)。在多媒體以及網(wǎng)頁(yè)技術(shù)中,設(shè)計(jì)人員采用的絕大部分的交互方式都是人們熟悉的模擬系統(tǒng),例如,人們熟悉的撥號(hào)盤、按鈕、開關(guān)以及滾動(dòng)條等。所以設(shè)計(jì)師在創(chuàng)建人機(jī)交互方式時(shí),瀏覽者所接觸到的交互式界面,通常都采用這些方式,例如聊天室的界面,完全可以設(shè)計(jì)成房屋的場(chǎng)景,以給用戶營(yíng)造一種親切的感覺。適當(dāng)?shù)膶?duì)網(wǎng)頁(yè)中的各種設(shè)計(jì)元素,例如flash、js等動(dòng)態(tài)效果,就會(huì)增強(qiáng)網(wǎng)頁(yè)的視覺審美,更具藝術(shù)欣賞性和互動(dòng)性,對(duì)瀏覽者具有充分調(diào)動(dòng)的作用,產(chǎn)生的效果也比傳統(tǒng)的媒體要好。
三、總結(jié)
在我國(guó)不斷發(fā)展的進(jìn)程中,網(wǎng)頁(yè)可以說是一種全新的視覺表現(xiàn)形式,不僅包含了平面設(shè)計(jì)的各種理念,還具有跟其他文化不同的優(yōu)點(diǎn)。如果要做好網(wǎng)頁(yè)設(shè)計(jì),絕對(duì)不是一件容易的事情,這是因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)涉及了視覺設(shè)計(jì)美學(xué)、人類心理學(xué)、人機(jī)工程等多個(gè)領(lǐng)域。一個(gè)好的網(wǎng)頁(yè)設(shè)計(jì)不僅需要設(shè)計(jì)者精心組織內(nèi)容,更需要其對(duì)整體視覺的傳達(dá)進(jìn)行科學(xué)的規(guī)劃。在信息技術(shù)飛速發(fā)展的今天,網(wǎng)頁(yè)設(shè)計(jì)的價(jià)值不應(yīng)該只局限于提高信息的傳達(dá)效率,還應(yīng)該重視給用戶帶來視覺的審美享受。
網(wǎng)頁(yè)設(shè)計(jì)論文8
。ㄒ唬┮、教學(xué)內(nèi)容的確定
教學(xué)內(nèi)容通常包括HTML語(yǔ)言、CSS樣式、網(wǎng)頁(yè)設(shè)計(jì)原理及原則。由于針對(duì)的是中職生,在教學(xué)內(nèi)容的安排上就會(huì)有所取舍,主要以實(shí)際案例為基礎(chǔ),重點(diǎn)掌握可視化網(wǎng)頁(yè)編輯器的使用。除了介紹軟件的使用外,還加入對(duì)于網(wǎng)頁(yè)設(shè)計(jì)非常重要的圖像處理的內(nèi)容,傳授網(wǎng)站結(jié)構(gòu)、風(fēng)格、配色及頁(yè)面布局等知識(shí)。教學(xué)內(nèi)容的選擇上主要有以下幾方面:
1、網(wǎng)頁(yè)制作軟件的掌握。學(xué)校開設(shè)的網(wǎng)頁(yè)設(shè)計(jì)課程一般會(huì)選擇FrontPage和Dreamweaver,而Dreamweaver使用方便,是一款比較專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)工具,因而通常選擇它作為主要的網(wǎng)頁(yè)設(shè)計(jì)平臺(tái)。除了讓學(xué)生掌握怎樣使用這款軟件制作網(wǎng)頁(yè),還要讓學(xué)生了解網(wǎng)頁(yè)基礎(chǔ)知識(shí),如讓學(xué)生知道什么是網(wǎng)頁(yè)文件;學(xué)會(huì)規(guī)劃好自己的文件夾,將所有的網(wǎng)頁(yè)文件和圖片都放在自己的工作文件夾中,不要鏈接工作文件夾之外的圖片,有的學(xué)生將做好的網(wǎng)頁(yè)放到別的計(jì)算機(jī)上結(jié)果需要的圖片無法顯示,就是這個(gè)地方?jīng)]有做好。
2、增加圖像處理和Flash方面的內(nèi)容。隨著網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的不斷變化,Photoshop、Fireworks與Dreamweaver網(wǎng)頁(yè)制作軟件的結(jié)合越來越緊密,由于網(wǎng)絡(luò)速度的提升,圖像元素在頁(yè)面中早已變得不可或缺,利用圖像處理軟件的功能直接生成網(wǎng)頁(yè)已經(jīng)變得非常簡(jiǎn)單。而Flash以文件體積小、風(fēng)格多樣及良好的交互功能等優(yōu)點(diǎn)在網(wǎng)頁(yè)中所占的份額越來越大,甚至出現(xiàn)了完全使用Flash完成的網(wǎng)頁(yè)作品,在教學(xué)中為了讓學(xué)生簡(jiǎn)單了解,一般讓學(xué)生通過設(shè)計(jì)常見的Flash廣告條來實(shí)現(xiàn)。所以,在開設(shè)這門課程的同時(shí),也開了Photoshop和Flash這兩門課。
二、教學(xué)方法的探索
網(wǎng)頁(yè)設(shè)計(jì)課程通常在機(jī)房授課,便于學(xué)生上機(jī)操作、鞏固課堂教學(xué)效果。傳統(tǒng)教學(xué)方法是教師在課堂上講授理論知識(shí),然后學(xué)生上機(jī)練習(xí),教師在一旁進(jìn)行輔導(dǎo)。這種枯燥的灌輸方式難以調(diào)動(dòng)學(xué)生的興趣,即使學(xué)生將課堂上所學(xué)的知識(shí)都聽明白了,上機(jī)操作時(shí)仍然無從下手,因而必須采用有效的教學(xué)方法。
1、采用案例教學(xué)法。案例教學(xué)是在學(xué)生掌握基本理論知識(shí)的基礎(chǔ)上,根據(jù)教學(xué)目的和教學(xué)內(nèi)容的要求,由教師精心策劃和指導(dǎo),運(yùn)用典型案例,將學(xué)生帶入特定事件現(xiàn)場(chǎng)進(jìn)行案例的分析,使學(xué)生獨(dú)立思考或集體協(xié)作,進(jìn)一步提高學(xué)生分析問題、解決具體問題的能力的教學(xué)方式。筆者對(duì)教學(xué)目的和教學(xué)內(nèi)容選用實(shí)際網(wǎng)頁(yè)中的典型案例,在教學(xué)中先展示網(wǎng)頁(yè)效果,再講解相關(guān)的理論知識(shí),在學(xué)生理解基本理論的基礎(chǔ)上再演示完成案例,并對(duì)案例進(jìn)行適當(dāng)總結(jié),將枯燥的理論知識(shí)融入生動(dòng)的案例之中,理論與實(shí)際相結(jié)合,有利于學(xué)生更好地掌握知識(shí)。另外,根據(jù)學(xué)生的實(shí)際情況,還可在本案例的基礎(chǔ)上延伸到其他類似的例子,達(dá)到舉一反三的效果。采用案例教學(xué)法,學(xué)生不但可以掌握課堂上學(xué)過的案例,而且能靈活地運(yùn)用課堂知識(shí),提高綜合運(yùn)用能力。
2、采用任務(wù)驅(qū)動(dòng)教學(xué)法。所謂“任務(wù)驅(qū)動(dòng)”,就是在學(xué)習(xí)過程中,學(xué)生在教師的幫助下,緊緊圍繞一個(gè)共同的任務(wù)活動(dòng)中心,在強(qiáng)烈的問題動(dòng)機(jī)的驅(qū)動(dòng)下,通過學(xué)習(xí)資源的積極主動(dòng)應(yīng)用,進(jìn)行自主探索和互動(dòng)協(xié)作的學(xué)習(xí)。這種教學(xué)模式強(qiáng)調(diào)學(xué)生的學(xué)習(xí)活動(dòng)必須與任務(wù)相結(jié)合,以問題來引導(dǎo)和維持學(xué)生的學(xué)習(xí)興趣和動(dòng)機(jī)。所以,安排第一次教學(xué)內(nèi)容時(shí),給學(xué)生欣賞一些優(yōu)秀的、獲獎(jiǎng)的網(wǎng)頁(yè)設(shè)計(jì)作品或?yàn)g覽比較熟悉的網(wǎng)頁(yè),可激發(fā)學(xué)生的學(xué)習(xí)熱情。在欣賞過程中,讓學(xué)生說出該網(wǎng)頁(yè)吸引他們的優(yōu)點(diǎn),教師適時(shí)講解網(wǎng)頁(yè)設(shè)計(jì)中關(guān)于色彩搭配和布局的知識(shí),這樣可提高學(xué)生學(xué)習(xí)的主動(dòng)性,讓學(xué)生主動(dòng)地學(xué)習(xí)知識(shí)。同時(shí),確定本門課的`總體任務(wù)———設(shè)計(jì)并制作一個(gè)完整的網(wǎng)站,學(xué)生在后續(xù)的學(xué)習(xí)中就有了任務(wù)感,有了目標(biāo)學(xué)習(xí)才會(huì)更認(rèn)真。再針對(duì)課程中的每一部分內(nèi)容,將總體任務(wù)細(xì)分為若干個(gè)小任務(wù),如文本、圖像、表格、鏈接、CSS樣式等,由淺入深,讓學(xué)生通過完成這一個(gè)個(gè)任務(wù)來掌握網(wǎng)頁(yè)設(shè)計(jì)與制作的基本操作。例如,介紹Fireworks軟件時(shí),筆者采用了模仿式教學(xué)法,著重于網(wǎng)站Logo、整體效果設(shè)計(jì)與制作能力的培養(yǎng),通過學(xué)習(xí)、模仿優(yōu)秀網(wǎng)站的設(shè)計(jì)圖稿,提高學(xué)生的審美能力,對(duì)各類網(wǎng)站的設(shè)計(jì)風(fēng)格、色彩搭配、網(wǎng)頁(yè)布局等有一定的認(rèn)知。四、考核方法的探索根據(jù)中等職業(yè)教育的教學(xué)需要和課程教學(xué)特點(diǎn),課程考核形式要能全面地評(píng)價(jià)學(xué)生的綜合素質(zhì)和技能應(yīng)用能力。在網(wǎng)頁(yè)課程的考核過程中,期末總評(píng)學(xué)習(xí)成績(jī)可由兩部分組成:平時(shí)成績(jī)(平時(shí)到課考勤、課堂表現(xiàn)、作業(yè)和能力考核)和期末考核(期末上機(jī)考試),各占總成績(jī)的50%。這種考核方式注重實(shí)踐操作和應(yīng)用開發(fā)能力的培養(yǎng),可發(fā)揮學(xué)生的學(xué)習(xí)積極性和主動(dòng)性。此外,還可在校園內(nèi)舉辦網(wǎng)頁(yè)設(shè)計(jì)比賽,設(shè)置獎(jiǎng)勵(lì)分。如學(xué)校舉辦的藝術(shù)節(jié)、網(wǎng)頁(yè)作品展示等,不但能提高學(xué)生學(xué)習(xí)本課程的積極性,還可讓學(xué)生找到彼此的差距,激發(fā)學(xué)生的學(xué)習(xí)動(dòng)力,不斷提高網(wǎng)頁(yè)設(shè)計(jì)水平。
網(wǎng)頁(yè)設(shè)計(jì)論文9
《網(wǎng)頁(yè)設(shè)計(jì)》是一門綜合性的“大課程”,鑒于其專業(yè)的特殊性,至目前藝術(shù)設(shè)計(jì)專業(yè)開設(shè)的此課程尚沒有相對(duì)完善的教材,教學(xué)內(nèi)容和教學(xué)方法也處于探索階段。筆者結(jié)合多年從事web開發(fā)和網(wǎng)頁(yè)設(shè)計(jì)教學(xué)經(jīng)驗(yàn),對(duì)藝術(shù)設(shè)計(jì)專業(yè)《網(wǎng)頁(yè)設(shè)計(jì)》課程目標(biāo)、教學(xué)內(nèi)容設(shè)計(jì)、教學(xué)方法三方面進(jìn)行探討,期待構(gòu)建《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)的大致框架。隨著信息時(shí)代的到來,互聯(lián)網(wǎng)技術(shù)改變了人們傳統(tǒng)的生產(chǎn)和生活方式。網(wǎng)絡(luò)資源的共享和發(fā)展已經(jīng)融入社會(huì)生活,站、網(wǎng)頁(yè)瀏覽已經(jīng)成為一種生活習(xí)慣。作為服務(wù)于社會(huì)經(jīng)濟(jì)發(fā)展的高校專業(yè)設(shè)置,為適應(yīng)時(shí)代需求,如計(jì)算機(jī)、電子商務(wù)及藝術(shù)設(shè)計(jì)等專業(yè)都開設(shè)了《網(wǎng)頁(yè)設(shè)計(jì)》課程。就專業(yè)技術(shù)而言,《網(wǎng)頁(yè)設(shè)計(jì)》課程綜合性較強(qiáng),涵蓋的知識(shí)面較為廣泛,一個(gè)網(wǎng)頁(yè)的建立到發(fā)布過程,涉及到了網(wǎng)絡(luò)基礎(chǔ)知識(shí),W3C標(biāo)準(zhǔn)和與之對(duì)應(yīng)的結(jié)構(gòu):(X)HTML語(yǔ)言,表現(xiàn):CSS樣式,動(dòng)作:JavaScipt,圖像處理、動(dòng)畫制作等諸多領(lǐng)域。鑒于其專業(yè)基礎(chǔ)的特殊性,這也導(dǎo)致了該課程針對(duì)不同專業(yè)在教學(xué)內(nèi)容、教學(xué)模式、教學(xué)方法等方面存在很大差異。理工科專業(yè)多側(cè)重于程序語(yǔ)言的編寫學(xué)習(xí),較為重視純技術(shù)方面,而藝術(shù)設(shè)計(jì)專業(yè)則更多偏向于網(wǎng)頁(yè)界面的版面設(shè)計(jì),包括形式美感、色調(diào)處理等。但在實(shí)際人才應(yīng)用中,用人單位更想兼顧以上兩方面的技術(shù)應(yīng)用型人才。目前藝術(shù)設(shè)計(jì)專業(yè)《網(wǎng)頁(yè)設(shè)計(jì)》課程并沒有相對(duì)完善的專門教材,教學(xué)方法與內(nèi)容也處于探索階段。由于大環(huán)境和師資的局限,開設(shè)該課程的很多高校在教學(xué)上并沒有結(jié)合藝術(shù)設(shè)計(jì)專業(yè)的自身特點(diǎn),往往“復(fù)制”和計(jì)算機(jī)等理工科專業(yè)一樣的課程教學(xué)模式,“教”和“學(xué)”都陷入一定的尷尬境地,達(dá)不到本專業(yè)所需一定程度的教學(xué)目標(biāo)。另一方面,藝術(shù)設(shè)計(jì)專業(yè)的學(xué)生,具有一定的美術(shù)基礎(chǔ)和審美意趣,制作網(wǎng)頁(yè)有一定的美感優(yōu)勢(shì),但有時(shí)也過于追求美觀而忽略用戶體驗(yàn),脫離實(shí)際,華而不實(shí)。筆者結(jié)合多年從事web開發(fā)和網(wǎng)頁(yè)設(shè)計(jì)教學(xué)的相關(guān)經(jīng)驗(yàn),對(duì)藝術(shù)設(shè)計(jì)專業(yè)《網(wǎng)頁(yè)設(shè)計(jì)》課程目標(biāo)、教學(xué)內(nèi)容設(shè)計(jì)、教學(xué)方法三方面進(jìn)行探討,期待構(gòu)建《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)的大致框架。其中的藝術(shù)設(shè)計(jì)專業(yè),尤其是視覺傳達(dá)方向的平面設(shè)計(jì)專業(yè)都開設(shè)了《網(wǎng)頁(yè)設(shè)計(jì)》課程。
一、課程目標(biāo)
眾所周知,課程目標(biāo)決定一門課程構(gòu)建和發(fā)展的最終導(dǎo)向,一方面可以為學(xué)生指明正確的課程學(xué)習(xí)方向,另一方面也為教師傳授正確的知識(shí)理念提供依據(jù),真正做到“教”和“學(xué)”的“有的放矢”。結(jié)合藝術(shù)設(shè)計(jì)專業(yè)學(xué)生的個(gè)性特點(diǎn),注重網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言的學(xué)習(xí),將藝術(shù)和技術(shù)有機(jī)的緊密結(jié)合。在課程目標(biāo)制定的過程中,弱化一些在前期專業(yè)基礎(chǔ)課程中已經(jīng)學(xué)習(xí)過的相關(guān)知識(shí)(如PS圖像處理等),做好簡(jiǎn)單的銜接,將重點(diǎn)放到藝術(shù)設(shè)計(jì)專業(yè)學(xué)生相對(duì)薄弱的知識(shí)點(diǎn)(如網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言等)。Dreamweaver是目前最好的網(wǎng)頁(yè)制作與設(shè)計(jì)軟件工具,作為可視網(wǎng)頁(yè)編輯工作的標(biāo)準(zhǔn),它一直在代碼編輯和應(yīng)用程序開發(fā)方面的功能比較強(qiáng)大。更重要的是它是所見即所得類型的網(wǎng)頁(yè)設(shè)計(jì)軟件,對(duì)藝術(shù)設(shè)計(jì)專業(yè)的學(xué)生來說,學(xué)習(xí)和應(yīng)用的難易程度非常合適。同時(shí),對(duì)于網(wǎng)頁(yè)設(shè)計(jì)素材的制作和處理,動(dòng)畫素材可以選擇Flash,圖片素材可以選擇photoshop,這里強(qiáng)調(diào)并要求和Dreamweaver相匹配和適應(yīng)。作為網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)理念,在制定《網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)目標(biāo)時(shí),必須考慮將W3C標(biāo)準(zhǔn)相關(guān)的新理念、新做法等元素考慮進(jìn)來,強(qiáng)調(diào)使用規(guī)范化語(yǔ)義標(biāo)簽語(yǔ)言(X)HTML書寫頁(yè)面結(jié)構(gòu),并強(qiáng)調(diào)CSS樣式表的使用,同時(shí)遵循W3C標(biāo)準(zhǔn),了解div+css和標(biāo)準(zhǔn)頁(yè)面的優(yōu)勢(shì)所在,使用“div+css”實(shí)現(xiàn)網(wǎng)頁(yè)結(jié)構(gòu)代碼與表現(xiàn)樣式相分離,以及對(duì)后面制作標(biāo)準(zhǔn)頁(yè)面所起到的促進(jìn)作用等。
二、教學(xué)內(nèi)容
。ㄒ唬┰谒囆g(shù)設(shè)計(jì)專業(yè)的.人才培養(yǎng)計(jì)劃中,網(wǎng)頁(yè)設(shè)計(jì)課程
一般安排在課程學(xué)習(xí)的中后時(shí)間段。就本課程而言,我建議教學(xué)內(nèi)容并時(shí)間安排如下:
1.Dreamweaver軟件的學(xué)習(xí)和應(yīng)用為重點(diǎn)講解,講授和實(shí)踐為5+5個(gè)學(xué)時(shí)。Dreamweaver軟件的主要任務(wù)就是完成網(wǎng)頁(yè)設(shè)計(jì)的版面架構(gòu),教學(xué)中,主要講解本地站點(diǎn)的創(chuàng)建和頁(yè)面結(jié)構(gòu)搭建。在早期的網(wǎng)頁(yè)排版中一般使用網(wǎng)頁(yè)表格(table)及其嵌套的模式布局頁(yè)面,隨著技術(shù)更新和用戶需求,表格結(jié)構(gòu)已不適合現(xiàn)在時(shí)代發(fā)展的需要,即不適合手機(jī)及平板電腦的用戶瀏覽,呈現(xiàn)逐漸被淘汰的趨勢(shì),F(xiàn)今網(wǎng)頁(yè)版面架構(gòu)大都采用div+css的方式設(shè)計(jì),具有瀏覽速度快,適合在手機(jī)或平板電腦上瀏覽的優(yōu)勢(shì)。結(jié)構(gòu)和樣式的相分離,也便于日后的網(wǎng)頁(yè)改版的便利;
2.網(wǎng)頁(yè)編程基礎(chǔ)方面:HTML語(yǔ)言、CSS樣式、JavaScipt,講授和實(shí)踐7+7學(xué)時(shí)。非計(jì)算機(jī)專業(yè)的學(xué)生一般錯(cuò)誤的認(rèn)為使用Dreamweaver這樣所見即所得的工具頁(yè)設(shè)計(jì),不再需要學(xué)習(xí)太多的“語(yǔ)言”。其實(shí)不然,HTML是網(wǎng)頁(yè)的靈魂,它不像C語(yǔ)言那樣“生澀難懂”,相對(duì)藝術(shù)設(shè)計(jì)學(xué)生而言,完全有能力學(xué)會(huì)和掌握。CSS通俗講是控制網(wǎng)頁(yè)中內(nèi)容的顏色、字體大小、寬度背景等樣式,并由此來實(shí)現(xiàn)各種各樣網(wǎng)頁(yè)樣式的統(tǒng)稱,也是需要熟悉和掌握的。JavaScipt與C語(yǔ)言不同,它提供一定的面向?qū)ο竽芰,因此模塊、名字空間、類、對(duì)象、封裝、函數(shù)等功能在JavaScipt中的實(shí)現(xiàn)方式是其教學(xué)的重頭戲,它們才是現(xiàn)代JavaScipt語(yǔ)言的精髓;
3.Flash動(dòng)畫,講授和實(shí)踐6+4學(xué)時(shí)。Flash主要制作二維動(dòng)畫,體積小,便于使用,學(xué)習(xí)難度小,能夠滿足網(wǎng)頁(yè)設(shè)計(jì)的需要,如:網(wǎng)頁(yè)Banner條的設(shè)計(jì)、片頭動(dòng)畫、課件等;
4.網(wǎng)站客戶端的表現(xiàn)原則、開發(fā)流程、面向客戶的網(wǎng)站設(shè)計(jì),講授和實(shí)踐2+0學(xué)時(shí);
5.photoshop為輔助2學(xué)時(shí),藝術(shù)設(shè)計(jì)專業(yè)的學(xué)生已經(jīng)學(xué)習(xí)并掌握photoshop的使用方法。因此,減少這方面的講解,給其他新知識(shí)點(diǎn)留下更充裕的時(shí)間。
。ǘ┙Y(jié)合網(wǎng)絡(luò)技術(shù)發(fā)展和用戶體驗(yàn)要求,本課程教學(xué)還需注意下面要點(diǎn):
1.面向用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì):學(xué)生在學(xué)習(xí)和制作網(wǎng)頁(yè)時(shí),總是以“自我”的感覺為主導(dǎo),很少考慮并分析用戶需求,以為自己的設(shè)計(jì)有相當(dāng)?shù)摹拔Α钡菍?duì)于訪問者來說,大多數(shù)的設(shè)計(jì)過于空洞、內(nèi)容繁冗,徒有漂亮的外觀。所以學(xué)生應(yīng)該明確,網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該以“用戶”為中心,而不是展示、甚至炫耀網(wǎng)頁(yè)技術(shù)或技巧。因此,有必要引進(jìn)面向用戶的網(wǎng)頁(yè)設(shè)計(jì)教學(xué)。
2.當(dāng)前互聯(lián)網(wǎng)技術(shù)飛速發(fā)展,網(wǎng)絡(luò)資源共享已成趨勢(shì),學(xué)生獲取知識(shí)的渠道已不僅僅滿足于課堂上教師的講解,包括每一步所要學(xué)習(xí)的知識(shí)點(diǎn)。充分利用網(wǎng)絡(luò),包括豐富的教學(xué)資源和便利的搜索功能,面對(duì)現(xiàn)實(shí)中存在的問題,引導(dǎo)學(xué)生如何利用互聯(lián)網(wǎng)頁(yè)設(shè)計(jì)方面的前沿知識(shí),發(fā)現(xiàn)并解決。鼓勵(lì)學(xué)生使用博客、論壇,通過發(fā)現(xiàn)其中有趣的文章,得到解決問題的新方法和代碼片段。向?qū)W生介紹開源社區(qū),并鼓勵(lì)他們?cè)诰發(fā)表自己的代碼,使用社交媒體進(jìn)行資源查找,并形成專業(yè)的社交媒體互動(dòng),更加專注于他們的代碼與工作,真正激發(fā)學(xué)生的學(xué)習(xí)興趣。
三、教學(xué)方法
《網(wǎng)頁(yè)設(shè)計(jì)》課程具有交叉學(xué)科性質(zhì),結(jié)合藝術(shù)設(shè)計(jì)專業(yè)學(xué)生的自身特點(diǎn),在教學(xué)過程中,我運(yùn)用任務(wù)驅(qū)動(dòng)法、模塊教學(xué)法和項(xiàng)目教學(xué)法等多重手段,給學(xué)生明確的思路,引導(dǎo)學(xué)生多動(dòng)腦,勤動(dòng)手,發(fā)現(xiàn)問題,分析問題,解決問題。
。ㄒ唬┤蝿(wù)驅(qū)動(dòng)法
任務(wù)驅(qū)動(dòng)法,即通過創(chuàng)設(shè)問題情境來調(diào)動(dòng)學(xué)生的學(xué)習(xí)興趣,進(jìn)而啟發(fā)學(xué)生的求知欲!芭d趣是最好的老師”,只有發(fā)現(xiàn)問題,才有任務(wù)和動(dòng)力,教師利用專業(yè)知識(shí),結(jié)合課堂所講章節(jié)內(nèi)容,分析并解決問題。只有這樣才能有利于培養(yǎng)學(xué)生獨(dú)立分析問題、解決問題的能力和創(chuàng)新能力。具體到《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)中,通過導(dǎo)入新課環(huán)節(jié),將所要講授的新知識(shí)隱含在一個(gè)或幾個(gè)任務(wù)之中,引導(dǎo)學(xué)生對(duì)所提出的任務(wù)進(jìn)行分析討論,明確大體涉及所需知識(shí),承前啟后,找出哪些是需要復(fù)習(xí)鞏固的知識(shí),哪些是需要探索學(xué)習(xí)的新知識(shí),在教師的指導(dǎo)下找出解決問題的方法,通過任務(wù)的完成實(shí)現(xiàn)對(duì)所學(xué)知識(shí)的構(gòu)建。
。ǘ┠K教學(xué)法
團(tuán)隊(duì)合作、模塊運(yùn)營(yíng)是現(xiàn)代企業(yè)生存和發(fā)展之道,網(wǎng)頁(yè)設(shè)計(jì)公司亦是如此,很多網(wǎng)站界面都實(shí)行模塊化,每個(gè)部門負(fù)責(zé)完成自己的任務(wù)。為和現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)公司相適應(yīng),《網(wǎng)頁(yè)設(shè)計(jì)》課程嘗試實(shí)施有目標(biāo)、有任務(wù)、有內(nèi)容的模塊教學(xué)法,將本課程教學(xué)內(nèi)容有意識(shí)地分化為幾個(gè)模塊,針對(duì)每一個(gè)模塊設(shè)定具體的教學(xué)目標(biāo)、任務(wù)和要求,將課堂所講內(nèi)容和現(xiàn)實(shí)所需實(shí)踐有機(jī)結(jié)合。同時(shí)讓學(xué)生自由組合成一個(gè)個(gè)小團(tuán)隊(duì),團(tuán)隊(duì)之間、團(tuán)隊(duì)之內(nèi)分工協(xié)作,團(tuán)隊(duì)合作,真正做到鍛煉學(xué)生綜合能力的教學(xué)和實(shí)踐。
。ㄈ╉(xiàng)目教學(xué)法
通過實(shí)施一個(gè)完整的“項(xiàng)目”而進(jìn)行教學(xué)活動(dòng),其目的是在課堂教學(xué)中把理論與實(shí)踐有機(jī)的結(jié)合起來,充分發(fā)揮學(xué)生的創(chuàng)造潛能,提高學(xué)生解決實(shí)際問題的能力!毒W(wǎng)頁(yè)設(shè)計(jì)》課程相對(duì)來說,有非常多的“項(xiàng)目”可供實(shí)施。一般是在知識(shí)體系講解完全后,給出一個(gè)具體的項(xiàng)目命題,如學(xué)生(或?qū)W校)個(gè)人(或創(chuàng)業(yè)小店)的網(wǎng)站、網(wǎng)絡(luò)上征稿的企業(yè)網(wǎng)站等,在實(shí)施這些“項(xiàng)目”過程中發(fā)現(xiàn)問題并且解決問題,一方面可以鍛煉學(xué)生的實(shí)踐能力,更重要的是及早讓學(xué)生有實(shí)戰(zhàn)意識(shí),真正實(shí)現(xiàn)課堂教學(xué)和單位實(shí)習(xí)的“零距離”。
。ㄋ模╇p師教學(xué)法
聘請(qǐng)工作在網(wǎng)頁(yè)設(shè)計(jì)一線,且具有豐富實(shí)踐經(jīng)驗(yàn)的設(shè)計(jì)師作為兼職教員,加入到課程教學(xué)中來。兼職教員能制作最專業(yè)的網(wǎng)站,對(duì)本行業(yè)的最新趨勢(shì)有著完整的把控力,對(duì)網(wǎng)頁(yè)設(shè)計(jì)實(shí)際工作中有可能遇到的問題有著獨(dú)到的見解。他們可為學(xué)生開設(shè)講座、解惑答疑,結(jié)合全職教師對(duì)教學(xué)內(nèi)容和方法的深入研究,兩種教師互補(bǔ),增強(qiáng)學(xué)生的學(xué)習(xí)體驗(yàn)和興趣,提高教學(xué)質(zhì)量。
四、結(jié)語(yǔ)
藝術(shù)設(shè)計(jì)專業(yè)的《網(wǎng)頁(yè)設(shè)計(jì)》課程是隨著互聯(lián)網(wǎng)而產(chǎn)生的新興課程,同時(shí)也是為適應(yīng)地方社會(huì)經(jīng)濟(jì)發(fā)展和普通用戶的生活體驗(yàn)的;ヂ(lián)網(wǎng)技術(shù)的日新月異、社會(huì)經(jīng)濟(jì)的迅猛發(fā)展和普通用戶的生活便捷也決定了課程的必須不斷更新變革。教學(xué)是動(dòng)態(tài)的過程,只有確立好課程目標(biāo)、梳理好教學(xué)內(nèi)容、掌控好教學(xué)方法,根據(jù)實(shí)施過程中的具體情況靈活調(diào)整,并不斷充實(shí)完善,才能取得更好的教學(xué)效果,真正做到培養(yǎng)網(wǎng)頁(yè)設(shè)計(jì)的應(yīng)用型專業(yè)人才,服務(wù)于社會(huì),以人為本。
網(wǎng)頁(yè)設(shè)計(jì)論文10
摘要:網(wǎng)絡(luò)技術(shù)的變革和高速發(fā)展,對(duì)人類的視覺語(yǔ)言起著強(qiáng)有力的推動(dòng)作用。視覺符號(hào)始終以其獨(dú)特的可視性語(yǔ)言追求自身審美價(jià)值的實(shí)現(xiàn),并爭(zhēng)取與社會(huì)、大眾心靈的溝通、融合,力圖超越國(guó)家和民族的界限。該文針對(duì)當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)的風(fēng)格,探究創(chuàng)造性思維的主導(dǎo)作用。
關(guān)鍵詞:網(wǎng)頁(yè)設(shè)計(jì);視覺;創(chuàng)造性思維
隨著互聯(lián)網(wǎng)技術(shù)的迅速普及和網(wǎng)站的大量建立,人們把互聯(lián)網(wǎng)納入六大媒介,并稱其為繼傳統(tǒng)媒體(廣播、電視、報(bào)紙)之后的“第四大眾傳媒”;ヂ(lián)網(wǎng)這種交互式傳播媒體的出現(xiàn),使人類進(jìn)入信息時(shí)代,媒體與受眾之間不再是傳統(tǒng)的相互關(guān)系,兩者之間的關(guān)系正面臨巨大的改變。而在此過程中,網(wǎng)站建設(shè)也愈發(fā)趨向于一門藝術(shù),而不僅僅是一項(xiàng)技術(shù)。因此,創(chuàng)造性思維對(duì)網(wǎng)頁(yè)設(shè)計(jì)起著主導(dǎo)作用。
一、創(chuàng)造性思維的基本方法
廣義的創(chuàng)造性思維是指人們運(yùn)用新穎的方式思考和解決問題,并能產(chǎn)生新的、有社會(huì)價(jià)值的思維活動(dòng),每個(gè)正常人都有這種創(chuàng)造性思維。狹義的創(chuàng)造性思維是指人們的發(fā)明創(chuàng)造、形成新的概念、創(chuàng)造新的成果、提出新的假說等探索未知領(lǐng)域的'思維活動(dòng),這種創(chuàng)造性思維一般人是沒有的。創(chuàng)造性思維的基本方法是發(fā)散思維和聚合思維、順向思維和逆向思維、橫向思維和縱向思維的有機(jī)結(jié)合。
二、創(chuàng)造性思維在網(wǎng)頁(yè)設(shè)計(jì)實(shí)踐中的運(yùn)用
網(wǎng)頁(yè)設(shè)計(jì)作品主要由圖形、文字、版式等設(shè)計(jì)元素組成,這些元素經(jīng)過設(shè)計(jì)師的藝術(shù)加工,最終構(gòu)建出完整的網(wǎng)頁(yè)。在創(chuàng)意理念的指導(dǎo)下,設(shè)計(jì)師對(duì)多個(gè)設(shè)計(jì)元素進(jìn)行組合,使其不僅僅具有審美和裝飾功能,同時(shí)具有商業(yè)化的目的。圖形是網(wǎng)頁(yè)設(shè)計(jì)作品中受眾關(guān)注的視覺中心,也是傳達(dá)感情信息和創(chuàng)意表現(xiàn)主要形式的重要載體。優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)作品不僅具有獨(dú)特的創(chuàng)意思維,運(yùn)用簡(jiǎn)潔的設(shè)計(jì)語(yǔ)言清晰地表達(dá)設(shè)計(jì)主題,而且可以有效地展現(xiàn)設(shè)計(jì)師的情感和商業(yè)目的。因此,創(chuàng)意思維對(duì)于網(wǎng)頁(yè)圖形的表現(xiàn)起著重要的作用。以下是創(chuàng)意表現(xiàn)常用的幾種手法:
1.互補(bǔ)形借用
互補(bǔ)形借用,即正形與負(fù)形相互借用。這種圖形巧妙組合,結(jié)構(gòu)嚴(yán)謹(jǐn),形與形之間相互包含、補(bǔ)充,又相互獨(dú)立,具有一形多義的視覺幻象的效果。在視覺設(shè)計(jì)中,圖形在人們心中是情感和思維形態(tài)凝固的視覺符號(hào),它可以超越國(guó)界,是人們溝通情感、傳播信息的直接途徑。網(wǎng)頁(yè)設(shè)計(jì)的圖形、文字等是正形,而留白是負(fù)形,留白能使網(wǎng)頁(yè)作品產(chǎn)生空間感。優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)師善于運(yùn)用互補(bǔ)形借用的手法,使正負(fù)形之間既對(duì)比又統(tǒng)一,作品往往能夠產(chǎn)生獨(dú)特的藝術(shù)魅力,給人以獨(dú)特的視覺感受。網(wǎng)頁(yè)設(shè)計(jì)的另一個(gè)主要元素是文字,一些院校專門把字體設(shè)計(jì)作為一門課程。設(shè)計(jì)離不開有創(chuàng)意的文字造型表現(xiàn),有設(shè)計(jì)師把字體作為主要的設(shè)計(jì)元素。不同的字體設(shè)計(jì)在表達(dá)同一設(shè)計(jì)主題時(shí)所呈現(xiàn)的視覺效果和情感是不同的。如,宋體給人的感覺是規(guī)范、正統(tǒng)、嚴(yán)肅,黑體則顯得厚重、實(shí)在,圓體看起來比較親切,等等。因此,設(shè)計(jì)師在設(shè)計(jì)過程中創(chuàng)造出獨(dú)特的文字形象顯得非常重要。設(shè)計(jì)師在進(jìn)行文字創(chuàng)意時(shí),必須深入理解文字的內(nèi)涵,還要有自己獨(dú)到的見解,要對(duì)字體的結(jié)構(gòu)進(jìn)行巧妙組合,對(duì)筆畫的大小、粗細(xì)、顏色等進(jìn)行藝術(shù)加工。設(shè)計(jì)師要將文字作為設(shè)計(jì)中的一個(gè)重要元素,抓住創(chuàng)意要點(diǎn),增強(qiáng)文字的藝術(shù)感染力。
2.變異
一個(gè)物形有次序、循序漸進(jìn)地按照一定規(guī)律和美學(xué)法則轉(zhuǎn)變成另一個(gè)物形,如此美妙的變換使兩個(gè)不相關(guān)的物形發(fā)生聯(lián)系,從而形成獨(dú)特的視覺效果。如,經(jīng)典作品《烏龜與汽車》就充分利用了異變圖形的構(gòu)形方式,將一只卡通的烏龜與甲殼蟲汽車有機(jī)地結(jié)合起來,兩者交織漸變、相互襯托,既生動(dòng)有趣又自然。設(shè)計(jì)師要巧妙處理各項(xiàng)設(shè)計(jì)元素,有秩序、有節(jié)奏地進(jìn)行排列、組合,從而營(yíng)造出一種全新的視覺效果。
3.求同存異
求同存異,就是將兩種或者兩種以上不完全相同但有聯(lián)系的視覺符號(hào)運(yùn)用藝術(shù)手法進(jìn)行巧妙結(jié)合,從而組成新的更有意義的視覺符號(hào)。這種視覺符號(hào)具有獨(dú)特的個(gè)性,同時(shí)體現(xiàn)了對(duì)立統(tǒng)一的理念。設(shè)計(jì)師可結(jié)合客戶需求設(shè)計(jì)作品的版式編排,同一版式可讓不同網(wǎng)頁(yè)元素和諧統(tǒng)一。如果網(wǎng)頁(yè)設(shè)計(jì)作品具有新穎的版式,就更能吸引受眾,從而充分展現(xiàn)個(gè)性。不同版式編排方式具有不同的意境、個(gè)性和感情。網(wǎng)頁(yè)版式是創(chuàng)意性理念的體現(xiàn),也是一種形式語(yǔ)言,它必須與內(nèi)容緊密匹配,所有這些語(yǔ)言和技巧的目的都在于清晰、鮮明地傳達(dá)主題內(nèi)容。網(wǎng)頁(yè)設(shè)計(jì)不僅僅是一項(xiàng)技術(shù),更是一門藝術(shù),需要設(shè)計(jì)師具有獨(dú)特的創(chuàng)造性思維。設(shè)計(jì)師運(yùn)用美學(xué)法則對(duì)網(wǎng)頁(yè)的構(gòu)成元素進(jìn)行巧妙處理,旨在獲得最佳的主題訴求效果,使受眾更快捷地獲得需要的信息。
參考文獻(xiàn):
[1]彭蘭.網(wǎng)絡(luò)傳播概論.中國(guó)人民大學(xué)出版社,20xx.
[2]匡文波.網(wǎng)絡(luò)媒體概論.清華大學(xué)出版社,20xx.[3]明安香.信息高速公路與大眾傳播.華夏出版社,1999.
作者:謝潔萍 單位:廣東生態(tài)工程職業(yè)學(xué)院
網(wǎng)頁(yè)設(shè)計(jì)論文11
摘要:網(wǎng)頁(yè)設(shè)計(jì)是運(yùn)用網(wǎng)絡(luò)技術(shù)對(duì)網(wǎng)頁(yè)進(jìn)行設(shè)計(jì)的學(xué)科,其中也會(huì)運(yùn)用到設(shè)計(jì)藝術(shù)的知識(shí),是一門交叉學(xué)科。伴隨著互聯(lián)網(wǎng)電商的發(fā)展,茶葉的銷售很多也會(huì)從線下轉(zhuǎn)變到線上,目前,很多茶產(chǎn)品的展示和銷售逐漸向互聯(lián)網(wǎng)上轉(zhuǎn)移,茶產(chǎn)品網(wǎng)頁(yè)層出不窮。但是由于茶葉產(chǎn)品的網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)是新出現(xiàn)的東西,所以在藝術(shù)呈現(xiàn)上還不是很成熟,還存在一些問題。筆者在本文從茶產(chǎn)品網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)定義入手,分析了茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的內(nèi)容和技術(shù),從色彩搭配、元素構(gòu)成、文字排版等方面提出了茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)視覺呈現(xiàn)的方法。
關(guān)鍵詞:網(wǎng)頁(yè)設(shè)計(jì);茶產(chǎn)品;藝術(shù)設(shè)計(jì);視覺呈現(xiàn)
近年來,互聯(lián)網(wǎng)電商發(fā)展迅猛,很多產(chǎn)品都有了網(wǎng)絡(luò)銷售渠道,茶產(chǎn)品也不例外。茶產(chǎn)品的網(wǎng)絡(luò)銷售離不開網(wǎng)頁(yè)的展示,好的網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)才能讓茶產(chǎn)品從眾多品牌中脫穎而出,具有更強(qiáng)的競(jìng)爭(zhēng)力,所以茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)的視覺呈現(xiàn)越來越受到人們的重視。茶產(chǎn)品網(wǎng)頁(yè)以互聯(lián)網(wǎng)為載體,將茶產(chǎn)品的各種信息以方便、快捷的形式傳達(dá)給消費(fèi)者,所以茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)必須符合人們的審美需求和高標(biāo)準(zhǔn)、高要求。茶產(chǎn)品的網(wǎng)頁(yè)是信息和主要表現(xiàn)形式的載體,要想設(shè)計(jì)出更加便捷、美觀的茶產(chǎn)品網(wǎng)頁(yè),網(wǎng)頁(yè)中的藝術(shù)設(shè)計(jì)元素必須更具有觀賞性,視覺呈現(xiàn)方式應(yīng)該更加獨(dú)特和新穎,整個(gè)呈現(xiàn)效果應(yīng)該風(fēng)格統(tǒng)一,主題明確。
1茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的內(nèi)涵
互聯(lián)網(wǎng)和電商的普及,很多商品都在網(wǎng)上進(jìn)行銷售,所以網(wǎng)頁(yè)設(shè)計(jì)逐漸被人們所重視。茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)是通過設(shè)計(jì)師對(duì)茶產(chǎn)品的理解和內(nèi)涵的認(rèn)知,根據(jù)茶產(chǎn)品的特色,進(jìn)行的創(chuàng)造性的網(wǎng)頁(yè)構(gòu)思。從表面上來看,茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)是對(duì)網(wǎng)頁(yè)的版式、色彩、聲音、動(dòng)畫進(jìn)行了合理的安排和運(yùn)用,雖然看起來簡(jiǎn)單,但是要想實(shí)現(xiàn)這一過程,不僅需要一定的技術(shù)能力,還需要對(duì)茶產(chǎn)品有深入的了解。因此,茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)是藝術(shù)和技術(shù)的結(jié)合,同時(shí)也蘊(yùn)含著茶文化的內(nèi)涵和韻味。茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)內(nèi)涵其實(shí)就是新型的可視化的茶文化內(nèi)涵視覺呈現(xiàn),以前人們習(xí)慣了用實(shí)物呈現(xiàn)茶文化,現(xiàn)在要將實(shí)物換成圖片、音頻、視頻等表現(xiàn)形式,本質(zhì)上是一樣的,但是網(wǎng)頁(yè)設(shè)計(jì)呈現(xiàn)茶文化的方式比原來更多了,不過也有其短板,就比如人們沒有辦法去聞一下茶葉的氣味,品嘗茶水的味道,觸摸一下茶葉,這些都是網(wǎng)頁(yè)設(shè)計(jì)無法進(jìn)行呈現(xiàn)的,但是視頻和音頻、圖片包含的信息要比傳統(tǒng)的實(shí)物大很多,就好比在有限的地方想要呈現(xiàn)全國(guó)所有地方的不同種類的茶葉,通過線下展示幾乎是不可能完成的,但是通過一個(gè)視頻就能清晰準(zhǔn)確地表達(dá)出來。線上和線下各有所長(zhǎng),這是沒有辦法避免的,我們只能借助手中的技能,最大程度地通過網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)將茶文化的內(nèi)涵呈現(xiàn)出來。
2茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)視覺呈現(xiàn)要素
2.1茶產(chǎn)品網(wǎng)頁(yè)的視聽元素
茶產(chǎn)品的網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)包含眾多的視聽元素,而如何以合適的藝術(shù)形式將這些視聽元素組合起來,并且支持大多數(shù)瀏覽器的顯示和播放,具有比較快的加載速度和瀏覽體驗(yàn),減少和避免使用外部程序和模塊,是茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)主要考慮的問題。茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)還可以運(yùn)用多媒體技術(shù),這樣可以更加豐富茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)的視覺效果,讓其具有更好的視覺呈現(xiàn)。這樣做的本質(zhì)就是讓網(wǎng)頁(yè)設(shè)計(jì)呈現(xiàn)給人的感覺能夠盡可能的還原人實(shí)物給人呈現(xiàn)的東西一樣,近年來流行的3D、4D、VR技術(shù)都能很好的運(yùn)用于茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)中,其目的也是讓人看到的東西更加真實(shí),和實(shí)物一樣。將這些網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的新科技運(yùn)用到茶產(chǎn)品網(wǎng)頁(yè)中,可以給人耳目一新的感覺,也能夠帶給用戶更好的體驗(yàn)。
2.2茶產(chǎn)品網(wǎng)頁(yè)的版式設(shè)計(jì)
茶產(chǎn)品網(wǎng)頁(yè)的板式設(shè)計(jì),需要首先對(duì)內(nèi)容進(jìn)行主次的劃分,突出重點(diǎn)內(nèi)容,避免過于繁瑣和混亂。將茶產(chǎn)品網(wǎng)頁(yè)的各種視聽元素進(jìn)行有機(jī)的組合和排列,體現(xiàn)出茶產(chǎn)品的個(gè)性,通過這些排列形式也可以體現(xiàn)出設(shè)計(jì)師的.想法和思維,展現(xiàn)出茶產(chǎn)品的文化內(nèi)容和風(fēng)格。茶產(chǎn)品的網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)在本質(zhì)上和報(bào)刊雜志等平面媒體的本質(zhì)是相同的,只不過茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)中對(duì)版式的設(shè)計(jì)更加重視,需要其準(zhǔn)確的傳遞出茶產(chǎn)品的信息,并且?guī)Ыo人感官和精神上的享受。茶產(chǎn)品網(wǎng)頁(yè)的版式設(shè)計(jì)雖然不受到固定規(guī)格尺寸的限制,但是必須符合讀者屏幕的閱讀限制,所以茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)中的各個(gè)元素和位置必須有更加精確的尺寸和定位。茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)也不同于印刷品的線性形式,這一區(qū)別也給茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的結(jié)構(gòu)安排帶來更多的難度。
3茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的視覺呈現(xiàn)方式
3.1色彩的搭配
設(shè)計(jì)師用以表達(dá)設(shè)計(jì)理念的首選就是色彩,色彩也是茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)中最能抓住用戶眼球的部分,其次才是網(wǎng)頁(yè)中的文字和圖像。對(duì)于茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)的色彩運(yùn)用需要像音樂的音符一樣進(jìn)行巧妙和恰當(dāng)?shù)陌才,這樣才能像音樂優(yōu)美的旋律一樣,具有色彩的藝術(shù)感。色彩可以通過視覺的呈現(xiàn)讓人出現(xiàn)各種不同的心理感受和反應(yīng),所以需要經(jīng)過精心的組合、搭配以及畫面的構(gòu)成。茶產(chǎn)品網(wǎng)站藝術(shù)設(shè)計(jì)的視覺呈現(xiàn)不能過于單一的使用同一種顏色,也不能同時(shí)使用過多的色彩,導(dǎo)致整個(gè)茶產(chǎn)品網(wǎng)站色彩過于復(fù)雜,而是根據(jù)茶產(chǎn)品的主題選擇一兩種顏色作為主要的顏色,其他部分選用相近或者同色系的顏色作為次要顏色。所以,需要在確定主題色彩之后,考慮主題色彩與其他顏色之間的關(guān)系,讓各個(gè)色彩之間能夠達(dá)到協(xié)調(diào)和均衡,同時(shí)還要考慮各種顏色的純度、透明度和色相的問題。其目的就是讓人在瀏覽茶產(chǎn)品的網(wǎng)頁(yè)時(shí)候擁有更好的體驗(yàn)。
3.2點(diǎn)、線、面的構(gòu)成
茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)的基本構(gòu)成是點(diǎn)、線、面,其排列組合方式有成千上萬種,而網(wǎng)頁(yè)設(shè)計(jì)師需要做的就是通過合理的點(diǎn)、線、面組合來表達(dá)茶產(chǎn)品網(wǎng)頁(yè)的自然、生動(dòng)、樸實(shí)等形象,讓人通過茶產(chǎn)品網(wǎng)頁(yè)對(duì)茶產(chǎn)品產(chǎn)生美好的聯(lián)想。通過點(diǎn)、線、面的密集程度和集合形態(tài),來表達(dá)想要表達(dá)的不同特色,反映出茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)師的設(shè)計(jì)理念、心理和情感,所以茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)中點(diǎn)、線、面的關(guān)系一定要處理好,這樣才能將茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的最佳視覺效果呈現(xiàn)出來。
3.3文字的排版和應(yīng)用
茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的另一形象要素就是文字,文字也是茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)視覺呈現(xiàn)中必不可少的,擔(dān)任著傳遞產(chǎn)品信息和情感的作用,所以茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)中的文字應(yīng)用能夠給人以美感和審美感受,同時(shí)也可以準(zhǔn)確的傳遞作者的意圖。恰當(dāng)?shù)陌才挪枞~產(chǎn)品中文字的位置,避免文字與茶葉產(chǎn)品網(wǎng)頁(yè)中其他視覺元素形成沖突,導(dǎo)致主次顛倒,同時(shí)在茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)中也不能輕易使用自動(dòng)文字排版工具,避免文字內(nèi)容錯(cuò)亂和像素的偏差。
3.4留白的方式和技巧
在茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)中恰當(dāng)?shù)牧舭卓梢宰屢曈X的呈現(xiàn)更為多元化,這也是茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)中一種比較討巧的設(shè)計(jì)方式和技巧,可以讓茶產(chǎn)品網(wǎng)頁(yè)中的圖片和文字更加從容。只有通過留白對(duì)茶產(chǎn)品網(wǎng)頁(yè)的空間進(jìn)行緩沖分配,才能讓茶產(chǎn)品網(wǎng)頁(yè)更具有活力,更加生動(dòng),避免出現(xiàn)呆板的情況。在茶產(chǎn)品網(wǎng)頁(yè)排版布局中,恰當(dāng)?shù)剡M(jìn)行留白可以更加彰顯茶文化的藝術(shù)韻味,同時(shí)平衡茶產(chǎn)品網(wǎng)頁(yè)的整體布局,讓整個(gè)茶產(chǎn)品網(wǎng)頁(yè)布局和排版松弛有度,同時(shí)茶產(chǎn)品網(wǎng)頁(yè)中的各個(gè)元素之間的關(guān)系也能夠更加合理,讓整個(gè)網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)能夠得到升華,提高整個(gè)網(wǎng)頁(yè)的藝術(shù)高度,同時(shí)也可以帶給瀏覽者更多放松的感覺,讓用戶瀏覽時(shí)心情更加愉悅。
4結(jié)束語(yǔ)
綜上所述,隨著互聯(lián)網(wǎng)和時(shí)代的發(fā)展,茶產(chǎn)品基本上都有網(wǎng)絡(luò)銷售渠道,茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)的審美和要求也在不斷提高,茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)在傳遞茶產(chǎn)品信息的過程中也需要帶給用戶視覺和感官上的享受,所以茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)必須結(jié)合藝術(shù)和技術(shù)。所謂的藝術(shù)就是網(wǎng)頁(yè)設(shè)計(jì)本身所強(qiáng)調(diào)的,是每個(gè)設(shè)計(jì)師都應(yīng)該擁有的技能,技術(shù)而言就是對(duì)茶產(chǎn)品的理解,需要通過特定的技術(shù)手段展示茶文化的內(nèi)涵,我們希望通過網(wǎng)頁(yè)方式呈現(xiàn)給消費(fèi)者的就是和原來線下的一樣,技術(shù)是實(shí)現(xiàn)目的手段,我們運(yùn)用的技術(shù)不一樣,但是想要實(shí)現(xiàn)的目的一直都是一樣的。網(wǎng)頁(yè)設(shè)計(jì)相比較線下具備很大的優(yōu)勢(shì),而技術(shù)的進(jìn)步也讓視覺呈現(xiàn)越來越好,由視覺感官的藝術(shù)上升到視聽享受的層面,讓茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)不僅僅具有報(bào)刊雜志的功能,更有影視觀賞的效果,將用戶帶入更好的瀏覽環(huán)境中,從而對(duì)茶產(chǎn)品的外在和內(nèi)涵有更深的理解和領(lǐng)會(huì)。只有處理好茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)和技術(shù)的關(guān)系,才能滿足人們對(duì)茶產(chǎn)品網(wǎng)頁(yè)日益增高的要求。
參考文獻(xiàn)
[1]高文婧.藝術(shù)類網(wǎng)頁(yè)設(shè)計(jì)工作坊“雙主體”管理體系的構(gòu)建分析[J].西部素質(zhì)教育,20xx(13):20.
[2]齊瑋琳.視覺傳達(dá)在網(wǎng)頁(yè)設(shè)計(jì)中的動(dòng)態(tài)藝術(shù)效果及其技術(shù)實(shí)現(xiàn)[J].黑龍江科學(xué),20xx(12):72-73.
[3]王倩.網(wǎng)頁(yè)設(shè)計(jì)中技術(shù)與藝術(shù)的結(jié)合路徑———以新聞?wù)緸槔齕J].新聞戰(zhàn)線,20xx(22):70-71.
[4]王雨晴,湯穎斐.信息藝術(shù)設(shè)計(jì)對(duì)環(huán)保的應(yīng)用———以環(huán)保包裝網(wǎng)頁(yè)為例[J].藝術(shù)科技,20xx(7):170-171.
[5]游又.淺談數(shù)字媒體創(chuàng)作與教學(xué)中的用戶中心設(shè)計(jì)和內(nèi)容設(shè)計(jì)[J].西部廣播電視,20xx(2):86-88.
[6]許玲玲.淺談網(wǎng)頁(yè)設(shè)計(jì)中的藝術(shù)表現(xiàn)形式———藝術(shù)與技術(shù)相結(jié)合[J].科技資訊,20xx(26):29-30.
[7]古新良.論網(wǎng)頁(yè)設(shè)計(jì)中藝術(shù)設(shè)計(jì)的視覺呈現(xiàn)[J].計(jì)算機(jī)光盤軟件與應(yīng)用,20xx(7):262+264.
[8]李怡.中國(guó)水墨畫藝術(shù)形式在網(wǎng)頁(yè)設(shè)計(jì)中的借鑒及探索[J].重慶科技學(xué)院學(xué)報(bào)(社會(huì)科學(xué)版),20xx(13):122-124.
[9]孫夢(mèng)燦.從《css禪意花園》談對(duì)于藝術(shù)設(shè)計(jì)學(xué)科中的網(wǎng)頁(yè)設(shè)計(jì)的一些思考[J].包裝世界,20xx(3):100-102.
[10]許展.網(wǎng)站設(shè)計(jì)的數(shù)碼藝術(shù)解析———網(wǎng)站設(shè)計(jì)的數(shù)碼藝術(shù)新思路[J].美與時(shí)代(上),20xx(12):97-98.
網(wǎng)頁(yè)設(shè)計(jì)論文12
摘 要:網(wǎng)頁(yè)設(shè)計(jì)既是一門全新的設(shè)計(jì)領(lǐng)域,又是平面設(shè)計(jì)在信息時(shí)代的多元化發(fā)展的一個(gè)重要方向。文章分析了網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)有著相同的視覺傳達(dá)和審美目的,但在設(shè)計(jì)范疇等方面和平面設(shè)計(jì)有著不同特點(diǎn)。這些不同之處是由網(wǎng)絡(luò)技術(shù)的特性決定的。網(wǎng)頁(yè)設(shè)計(jì)是設(shè)計(jì)藝術(shù)與網(wǎng)絡(luò)技術(shù)的結(jié)合,是對(duì)傳統(tǒng)平面設(shè)計(jì)的延續(xù)和革新。
關(guān)鍵詞:設(shè)計(jì)論文
前言
網(wǎng)頁(yè)設(shè)計(jì)是網(wǎng)站建設(shè)的重要組成部分,特別注重講究編排和布局,它的實(shí)現(xiàn)通過電腦屏幕來表現(xiàn)出來,為了達(dá)到最佳的視覺表達(dá)效果,與瀏覽者有一個(gè)流暢的交互體驗(yàn),做網(wǎng)頁(yè)設(shè)計(jì)時(shí)要反復(fù)推敲整體布局的人性化。平面設(shè)計(jì)作為一種藝術(shù)活動(dòng),具有商業(yè)性和大眾性的特點(diǎn),平面設(shè)計(jì)體現(xiàn)在它的二維性,主要在平面上開展設(shè)計(jì)工作,在表現(xiàn)形式上給人一種美的享受,從而實(shí)現(xiàn)有效傳達(dá)相關(guān)信息的目的。平面設(shè)計(jì)的設(shè)計(jì)原則可以在到網(wǎng)頁(yè)設(shè)計(jì)中充分運(yùn)用,更好地實(shí)現(xiàn)網(wǎng)頁(yè)的藝術(shù)美感。
一、網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)的概念
。ㄒ唬┚W(wǎng)頁(yè)設(shè)計(jì)
網(wǎng)頁(yè)設(shè)計(jì)是對(duì)網(wǎng)頁(yè)進(jìn)行編輯、排版等一系列設(shè)計(jì)活動(dòng)的行為。網(wǎng)頁(yè)設(shè)計(jì)概念的'萌芽和發(fā)展與瀏覽器這一新技術(shù)的出現(xiàn)和發(fā)展息息相關(guān),因?yàn)闉g覽器這一技術(shù)使得信息的傳遞與傳播以及思想的溝通與交流有了實(shí)現(xiàn)的另外一種可能,互聯(lián)網(wǎng)為網(wǎng)頁(yè)設(shè)計(jì)提供了新的舞臺(tái)和天地,豐富的資源、高效益、高速度以及圖文并茂的典型特征對(duì)傳統(tǒng)設(shè)計(jì)工具和媒體來說是一種強(qiáng)大的沖擊,此外對(duì)設(shè)計(jì)行業(yè)來說網(wǎng)絡(luò)經(jīng)濟(jì)也為之帶來了不可估量的影響。伴隨著人性化的科技理念和社會(huì)信息密集程度越來越高,人們生活的方方面面將互相牽連,人們不用出門就可以獲取自己想要的信息和滿足自己在物質(zhì)上的需求。因而,在一定程度上可以說承載網(wǎng)絡(luò)信息傳達(dá)重要職能的網(wǎng)頁(yè)視覺表現(xiàn)將發(fā)展演變?yōu)槿藗冋I钪胁豢苫蛉钡囊粋(gè)重要因素,在新媒體影響下,人們正享受著新視覺表現(xiàn)下對(duì)信息的瀏覽和獲取,因而對(duì)傳達(dá)信息來講獨(dú)具一格的視覺符號(hào)及其網(wǎng)頁(yè)設(shè)計(jì)中新穎的視覺元素顯得也就至關(guān)重要了。
。ǘ┢矫嬖O(shè)計(jì)
從人們嘗試著用文字和圖形來交流與溝通開始,人們就在無意識(shí)中對(duì)文字和圖形進(jìn)行加工和處理,圖形與文字、圖形與圖形以及文字與文字之間在視覺上呈現(xiàn)在受眾眼前的關(guān)系也就有了相對(duì)比較簡(jiǎn)單的圖形設(shè)計(jì)、排版乃至平面設(shè)計(jì)。傳統(tǒng)的平面設(shè)計(jì)的意思是指在平面二維空間上的一系列設(shè)計(jì)行為,主要涉及到在二維空間中視覺元素的相互組合、布局構(gòu)造以及設(shè)計(jì),表現(xiàn)為圖形的設(shè)計(jì)、文字的設(shè)計(jì)、插圖、編排以及攝影的設(shè)計(jì)等,其核心主要是實(shí)現(xiàn)信息的傳達(dá)、向?qū)Ш蛣裾f等方面內(nèi)容。在信息時(shí)代的今天,網(wǎng)頁(yè)設(shè)計(jì)也被囊括在平面設(shè)計(jì)內(nèi)容之中,其是平面設(shè)計(jì)在當(dāng)今社會(huì)生活中的一種發(fā)展和延續(xù),是一個(gè)新的平面設(shè)計(jì)種類和課題。
二、網(wǎng)頁(yè)設(shè)計(jì)中的平面設(shè)計(jì)原則
網(wǎng)頁(yè)設(shè)計(jì)是動(dòng)態(tài)的平面設(shè)計(jì),其設(shè)計(jì)原則在很多方面都有共同之處,主要體現(xiàn)在以下幾點(diǎn):
。ㄒ唬┧囆g(shù)性
人們都喜歡欣賞美好的事物,作為設(shè)計(jì)師我們要制作出好的設(shè)計(jì),讓讀者賞心悅目,把文字、圖形、色彩在版面中進(jìn)行藝術(shù)化設(shè)計(jì),使其在優(yōu)美的基礎(chǔ)上,更加的易讀、易懂、易記。
。ǘ(zhǔn)確性
不論是網(wǎng)頁(yè)設(shè)計(jì)還是平面設(shè)計(jì)都是信息傳達(dá)的設(shè)計(jì),所以信息傳達(dá)的準(zhǔn)確性是十分重要的,它需要設(shè)計(jì)師做到信息準(zhǔn)確、可靠、復(fù)合邏輯、條理清晰這些基本點(diǎn)。精煉的信息在信息泛濫的時(shí)代是極具價(jià)值的,不僅要提煉信息,還要對(duì)各種繁雜、無序的信息進(jìn)行歸納總結(jié),使之達(dá)到傳達(dá)的準(zhǔn)確。
。ㄈ┱w與協(xié)調(diào)性
整體性從本質(zhì)上說是一種規(guī)律性,是事物存在運(yùn)動(dòng)發(fā)展變化的一種有序性。設(shè)計(jì)的各要素在形式上都具有秩序化的特點(diǎn),協(xié)調(diào)性要求頁(yè)面中各個(gè)元素之間要相互協(xié)調(diào),互相襯托,使版面具有秩序美、條理美,從而獲得更好的視覺效果。
三、網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)之間的關(guān)系
網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)之間是有著非常密切的聯(lián)系的,但是兩者之間也是存在著區(qū)別的。網(wǎng)頁(yè)的設(shè)計(jì)與平面的設(shè)計(jì)都屬于具有現(xiàn)代化特色的藝術(shù)形式,在現(xiàn)在社會(huì)中這兩種藝術(shù)形式都是能夠通過電腦技術(shù)來輔助或者直接完成的,并且能夠產(chǎn)生更好的效果。網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)之間存在的區(qū)別也是比較的大的,其主要區(qū)別是它們的表現(xiàn)范圍的不同。
表現(xiàn)范圍是兩者之間非常重要的區(qū)別。網(wǎng)頁(yè)設(shè)計(jì)就是局限于網(wǎng)絡(luò)環(huán)境中的,通過優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì),使得網(wǎng)站整體的效果得到大幅度地提升,然后把網(wǎng)站的主題反映給客戶,然后客戶就能夠通過企業(yè)或者是產(chǎn)品在網(wǎng)站上表現(xiàn)出來的東西對(duì)其做好了解。進(jìn)而為企業(yè)或者是產(chǎn)品做宣傳,提升競(jìng)爭(zhēng)力度,促進(jìn)經(jīng)濟(jì)效益的提高。但是平面設(shè)計(jì)表現(xiàn)的范圍還要更廣,并且其影響力度也是比較的大的。其是基于二維空間的一種藝術(shù)性創(chuàng)作,并且也不需要非常嚴(yán)格的表現(xiàn)手法,不受到工具或者是宣傳途徑的限制,作品成形之后,可以借助雜志還有周刊或者是廣告等任何的形式進(jìn)行宣傳,然后達(dá)到提升影響力的目標(biāo)。平面設(shè)計(jì)的作品比網(wǎng)頁(yè)設(shè)計(jì)的作品使用范圍更加廣闊一點(diǎn),但是在另一個(gè)角度來講,網(wǎng)頁(yè)設(shè)計(jì)比平面設(shè)計(jì)在媒體介質(zhì)上具有更大的發(fā)展空間。
四、結(jié)語(yǔ)
網(wǎng)頁(yè)設(shè)計(jì)對(duì)于平面設(shè)計(jì)的不同之處是由信息社會(huì)中網(wǎng)絡(luò)技術(shù)的特性決定的。網(wǎng)頁(yè)設(shè)計(jì)是設(shè)計(jì)藝術(shù)與網(wǎng)絡(luò)技術(shù)的結(jié)合,是平面設(shè)計(jì)在信息時(shí)代多元化發(fā)展的一個(gè)重要方向,是對(duì)傳統(tǒng)平面設(shè)計(jì)的延續(xù)和革新。
網(wǎng)頁(yè)設(shè)計(jì)論文13
引言
隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的迅速發(fā)展,網(wǎng)站的網(wǎng)頁(yè)設(shè)計(jì)布局也顯得越來越復(fù)雜,在專業(yè)技術(shù)上的要求也越來越綜合。同時(shí),電子商務(wù)在這樣的潮流下飛速發(fā)展,但電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)卻成了阻礙電子商務(wù)發(fā)展的一個(gè)重要因素,在這樣的形勢(shì)下,電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)與制作就需要有專業(yè)的技術(shù)來實(shí)現(xiàn),僅僅依靠傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)已不能滿足時(shí)代的需求。目前,基于Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)設(shè)計(jì)思路已成為網(wǎng)站開發(fā)的主流,以Web標(biāo)準(zhǔn)為基本思想探究出一套有效的、緊跟時(shí)代步伐的設(shè)計(jì)流程,同時(shí)針對(duì)電子商務(wù)領(lǐng)域研究有效的網(wǎng)頁(yè)設(shè)計(jì)策略。
1、關(guān)于Web標(biāo)準(zhǔn)的主要技術(shù)
1.1 什么是Web標(biāo)準(zhǔn)
Web標(biāo)準(zhǔn)不僅僅是一個(gè)標(biāo)準(zhǔn),而是一系列標(biāo)準(zhǔn)的組合。一般的網(wǎng)頁(yè)都由三個(gè)部分組成,即結(jié)構(gòu)、行為和表現(xiàn),而這三個(gè)部分中結(jié)構(gòu)對(duì)應(yīng)的標(biāo)準(zhǔn)為XML和XHTML,行為對(duì)應(yīng)的標(biāo)準(zhǔn)為對(duì)象模型等,表現(xiàn)對(duì)應(yīng)的標(biāo)準(zhǔn)為CSS。
、 結(jié)構(gòu)
其中的主要技術(shù)包括可擴(kuò)展超文本標(biāo)記語(yǔ)言(XHTML)和可擴(kuò)展標(biāo)記語(yǔ)言(XML),主要應(yīng)用在對(duì)網(wǎng)頁(yè)數(shù)據(jù)的分類以及整合方面。在這兩個(gè)標(biāo)準(zhǔn)中,XML是一種源語(yǔ)言,它能夠讓用戶對(duì)自己的語(yǔ)言進(jìn)行標(biāo)記定義,其具有的數(shù)據(jù)轉(zhuǎn)換能夠相對(duì)來說比較強(qiáng)大,而XHTML在性能上結(jié)合了超文本置標(biāo)語(yǔ)言(HTML)的簡(jiǎn)單特性,同時(shí),它還使用了XML的強(qiáng)大的功能系統(tǒng),在語(yǔ)法上相對(duì)來說也比較嚴(yán)格。
、 行為
其中的主要技術(shù)包括ECMAScript和對(duì)象模型(DOM),主要應(yīng)用在交互操作網(wǎng)頁(yè)文檔方面。ECMAScript能夠有效的實(shí)現(xiàn)界面上操作對(duì)象的交互操作,而DOM能夠定義、修改以及表示文檔所需的對(duì)象、所需的對(duì)象的屬性和行為,同時(shí)還能處理這些所需的對(duì)象之間的關(guān)系。
、 表現(xiàn)
其中的主要技術(shù)是CSS,即層疊樣式表,主要應(yīng)用在對(duì)瀏覽器的顯示控制方面。CSS控制的表現(xiàn)與XHTML決定的結(jié)構(gòu)相分離,主要用來設(shè)計(jì)網(wǎng)頁(yè)的風(fēng)格。
1.2 Web標(biāo)準(zhǔn)下的網(wǎng)頁(yè)設(shè)計(jì)流程
Web標(biāo)準(zhǔn)下的網(wǎng)頁(yè)設(shè)計(jì)流程主要包括語(yǔ)義結(jié)構(gòu)定義、網(wǎng)頁(yè)內(nèi)容添加、CSS美化網(wǎng)頁(yè)以及添加動(dòng)態(tài)元素四個(gè)部分。
語(yǔ)義結(jié)構(gòu)定義:進(jìn)行這個(gè)部分時(shí),需要我們能夠根據(jù)網(wǎng)頁(yè)上的設(shè)計(jì)圖,對(duì)我們所需要的DIV層塊進(jìn)行進(jìn)一步分析,同時(shí)也要分析各個(gè)層塊之間的相互關(guān)系,為達(dá)到一個(gè)好的訪問速度,DIV層塊應(yīng)該小于等于三層。
網(wǎng)頁(yè)內(nèi)容添加:在第一步中定義好語(yǔ)義結(jié)構(gòu)后,然后根據(jù)網(wǎng)頁(yè)設(shè)計(jì)圖添加內(nèi)容,并且在每一個(gè)層塊添加合適的網(wǎng)頁(yè)內(nèi)容,其中包括添加文字、圖像、表單、列表等。
CSS美化網(wǎng)頁(yè):在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí),需要使用CSS對(duì)網(wǎng)頁(yè)的整個(gè)頁(yè)面進(jìn)行布局,其中包括在頁(yè)面中加入邊框和背景等;同時(shí),還需要使用CSS的相關(guān)設(shè)置,其中包括字體和大小等。
添加動(dòng)態(tài)元素:在網(wǎng)頁(yè)中添加動(dòng)態(tài)元素時(shí),需要根據(jù)網(wǎng)頁(yè)設(shè)計(jì)圖對(duì)各個(gè)方面的要求,利用JavaScript技術(shù)完成網(wǎng)頁(yè)中動(dòng)態(tài)元素的添加,包括添加導(dǎo)航菜單、焦點(diǎn)圖及其它動(dòng)態(tài)元素等。
2、電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)所需要的技術(shù)
隨著互聯(lián)網(wǎng)科學(xué)技術(shù)的飛速發(fā)展,越來越多的企業(yè)應(yīng)用互聯(lián)網(wǎng)技術(shù)推動(dòng)了企業(yè)的發(fā)展,人們的生活方式也受到互聯(lián)網(wǎng)的影響。在這樣的背景下,電子商務(wù)也逐漸發(fā)展壯大,而電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)就成了相對(duì)重要的一部分,網(wǎng)頁(yè)設(shè)計(jì)是以網(wǎng)絡(luò)為載體,把一些對(duì)人們有用的信息方便快速的傳達(dá)給他們。在進(jìn)行電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)時(shí),整個(gè)過程都要用到大量的電子商務(wù)設(shè)計(jì)軟件,而設(shè)計(jì)的過程又需要計(jì)算機(jī)技術(shù)作為基礎(chǔ)。在研究基于Web標(biāo)準(zhǔn)的電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)時(shí),在設(shè)計(jì)過程中需要有縝密的思想來進(jìn)行設(shè)計(jì)的每一個(gè)流程,然后開發(fā)網(wǎng)上商店系統(tǒng),以達(dá)到對(duì)網(wǎng)店實(shí)行有效的管理以及擴(kuò)展網(wǎng)店的業(yè)務(wù)。在Web的標(biāo)準(zhǔn)下,網(wǎng)頁(yè)設(shè)計(jì)者能夠有效的將網(wǎng)頁(yè)結(jié)構(gòu)劃分清楚,這樣就能夠提升電子商務(wù)網(wǎng)站網(wǎng)頁(yè)開發(fā)的效率,同時(shí)還能夠盡可能的降低網(wǎng)頁(yè)設(shè)計(jì)成本。
3、電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)過程
在設(shè)計(jì)電子商務(wù)網(wǎng)站網(wǎng)頁(yè)時(shí),可以按照下面的流程進(jìn)行:內(nèi)容分析、結(jié)構(gòu)設(shè)計(jì)、方案設(shè)計(jì)以及表現(xiàn)設(shè)計(jì)。
第一,內(nèi)容分析:即通過了解需要展示在網(wǎng)頁(yè)上的具體內(nèi)容,清楚各內(nèi)容所具有的邏輯關(guān)系,最后分清楚各個(gè)內(nèi)容的重要程度從而合理安排位置。第二,結(jié)構(gòu)設(shè)計(jì):即根據(jù)內(nèi)容分析得出的相關(guān)結(jié)論,找到合理有效的網(wǎng)頁(yè)布局,從而設(shè)計(jì)出好的XHTML結(jié)構(gòu)。第三,方案設(shè)計(jì):使用好的美工設(shè)計(jì)軟件,設(shè)計(jì)出一個(gè)能給人視覺帶來享受的網(wǎng)站頁(yè)面設(shè)計(jì)圖。第四,表現(xiàn)設(shè)計(jì):表現(xiàn)設(shè)計(jì)又可分視覺設(shè)計(jì)和布局設(shè)計(jì),視覺設(shè)計(jì)即是使用CSS美化網(wǎng)頁(yè)的方式,同時(shí)配合美工設(shè)計(jì)元素,將設(shè)計(jì)方法轉(zhuǎn)化為網(wǎng)頁(yè)的方式。布局設(shè)計(jì)即是通過使用CSS和XHTML對(duì)網(wǎng)站頁(yè)面進(jìn)行布局設(shè)計(jì)。
3.1 內(nèi)容分析
一個(gè)電子商務(wù)網(wǎng)站能否起到吸引客戶的效果,取決于這個(gè)電子商務(wù)網(wǎng)站網(wǎng)頁(yè)的布局是否清晰明了,能否給人一種視覺上的享受。網(wǎng)頁(yè)設(shè)計(jì)就是一種視覺語(yǔ)言,對(duì)布局和色彩的搭配要求很高,要求網(wǎng)站的主頁(yè)也能給人一種美的享受,其它網(wǎng)站頁(yè)面的布局也應(yīng)該與主頁(yè)相協(xié)調(diào)。電子商務(wù)網(wǎng)站中網(wǎng)頁(yè)布局形式多種多樣,有“廠”字型、“國(guó)”字型、“封面”型以及經(jīng)濟(jì)“框架”型等。
對(duì)電子商務(wù)網(wǎng)站網(wǎng)頁(yè)的版面進(jìn)行好的布局是網(wǎng)頁(yè)設(shè)計(jì)中的一項(xiàng)重要內(nèi)容,網(wǎng)頁(yè)的版面即是在瀏覽器中我們能看到的一個(gè)完整的頁(yè)面。網(wǎng)頁(yè)布局即是采用最好的搭配方式將所需要展示的'文字內(nèi)容與圖片顯示在整個(gè)網(wǎng)頁(yè)中,網(wǎng)頁(yè)版面布局即將指定內(nèi)容在瀏覽器中顯示出來,例如導(dǎo)航欄的顯示、徽標(biāo)的位置、主要內(nèi)容的排版等。我們經(jīng)常使用到的版面布局結(jié)構(gòu)主要有!字型和! 字型兩種,在設(shè)計(jì)過程中,還可以采用CSS實(shí)現(xiàn)將!字型設(shè)計(jì)成式,中間幾列的盒子必須用一個(gè)大盒子包含起來,否則這幾列無法實(shí)現(xiàn)居中,這樣就能展現(xiàn)設(shè)計(jì)的美,給人一種視覺享受。
3.2 結(jié)構(gòu)設(shè)計(jì)
為電子商務(wù)網(wǎng)站開發(fā)網(wǎng)頁(yè)時(shí),網(wǎng)頁(yè)中展示的有突出核心的業(yè)務(wù)區(qū),也有展現(xiàn)其它功能的區(qū)域,整個(gè)網(wǎng)頁(yè)開發(fā)完成后,用戶可以在后臺(tái)進(jìn)行可視化的操作,同時(shí),用戶還可以創(chuàng)建屬于自己的個(gè)性化的網(wǎng)頁(yè)。在設(shè)計(jì)電子商務(wù)網(wǎng)站網(wǎng)頁(yè)時(shí),框架是整個(gè)網(wǎng)頁(yè)的核心部分,它決定了整個(gè)網(wǎng)頁(yè)的整體布局效果,框架一般都是HTML格式的文件,它能夠?qū)㈨?yè)面劃分區(qū)域。
在制作電子商務(wù)網(wǎng)站時(shí),首先要在硬盤上新建一個(gè)文件夾,并把這個(gè)文件夾作為網(wǎng)站的根目錄,最后將這個(gè)目錄上傳到服務(wù)器上就行了。一個(gè)網(wǎng)站就對(duì)應(yīng)一個(gè)磁盤上的文件夾,設(shè)計(jì)網(wǎng)站所需要的全部資源以及所有網(wǎng)頁(yè)都放在這個(gè)文件夾里面。
3.3 表現(xiàn)設(shè)計(jì)
在設(shè)計(jì)好網(wǎng)頁(yè)和它的結(jié)構(gòu)后,可以使用CSS為網(wǎng)頁(yè)文檔添加樣式。首先要將已經(jīng)設(shè)計(jì)好的方案中的網(wǎng)頁(yè)圖片分離出來,然后使用CSS為其添加合適的樣式,在進(jìn)行這個(gè)操作的整個(gè)過程中,涉及到CSS的布局以及背景圖片應(yīng)用,在使用CSS時(shí),可在網(wǎng)站的前臺(tái)觀察到網(wǎng)頁(yè)的板塊區(qū)域,板塊區(qū)域的個(gè)數(shù)會(huì)根據(jù)有設(shè)計(jì)的電子商務(wù)網(wǎng)站的類型不同而有所變化,這個(gè)過程是由CSS規(guī)則確定的,并且整個(gè)框架結(jié)構(gòu)是由HTML文件確定的。這樣設(shè)計(jì)的網(wǎng)站,可以在其后臺(tái)進(jìn)行可視化設(shè)計(jì),向所需要的區(qū)域添加好的插件等,這樣網(wǎng)頁(yè)表現(xiàn)出來的畫面效果更好。
4、結(jié)語(yǔ)
隨著時(shí)代的發(fā)展,人們不再滿足于單調(diào)的生活模式,在這樣的背景下,互聯(lián)網(wǎng)技術(shù)慢慢融入到人們的生產(chǎn)與生活中去,這就使得方便人們生活的電子商務(wù)逐漸發(fā)展起來。目前,大多數(shù)人的生活開始與電子商務(wù)緊密聯(lián)系在一起,而電子商務(wù)的網(wǎng)頁(yè)設(shè)計(jì)的好壞直接關(guān)系到整個(gè)電子商務(wù)模式的運(yùn)行。因此,研究基于Web標(biāo)準(zhǔn)下的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)成為了電子商務(wù)門戶的重點(diǎn),這樣才能有效的提升電子商務(wù)網(wǎng)站的性能以及開發(fā)效率。
網(wǎng)頁(yè)設(shè)計(jì)論文14
二十一世紀(jì)是信息化的時(shí)代,通過互聯(lián)網(wǎng),就能達(dá)到足不出戶便可了解世界的目的。為了加深對(duì)互聯(lián)網(wǎng)的了解,《網(wǎng)頁(yè)設(shè)計(jì)與制作》這門課的出現(xiàn)就成為了必然。
1《網(wǎng)頁(yè)設(shè)計(jì)與制作》現(xiàn)狀問題分析
。1)對(duì)課程不了解
很多學(xué)生都有這個(gè)困惑,這門課能干什么?答案就是--開發(fā)網(wǎng)站!簡(jiǎn)單的來說,學(xué)好了這門課,你就有開發(fā)、設(shè)計(jì)網(wǎng)站的能力。
這門課包含了靜態(tài)網(wǎng)頁(yè)制作、動(dòng)態(tài)網(wǎng)頁(yè)制作、Photoshop、數(shù)據(jù)庫(kù)以及程序的開發(fā)等。通過程序代碼將網(wǎng)頁(yè)與數(shù)據(jù)庫(kù)連接,可以實(shí)現(xiàn)信息的實(shí)時(shí)更新。使你的網(wǎng)站成為一個(gè)“有生命”的網(wǎng)站。通過DIV層、框架、flash、樣式表等對(duì)網(wǎng)頁(yè)進(jìn)行布局和規(guī)劃,再加上像JavaScript這種腳本語(yǔ)言來實(shí)現(xiàn)用戶與網(wǎng)頁(yè)的互動(dòng)功能,經(jīng)過這些專業(yè)技能的學(xué)習(xí),讓學(xué)生真正掌握一種技術(shù)。
(2)學(xué)校以及教師的指導(dǎo)不夠
很多老師通過上理論課的時(shí)候?qū)⒅R(shí)授予學(xué)生,并未在做后續(xù)的指導(dǎo),這是一門重在實(shí)踐的課程,多實(shí)踐才能熟練。學(xué)校開展相關(guān)專業(yè)的比賽活動(dòng)很少,僅憑平常的上機(jī)實(shí)踐很難完全掌握所學(xué)內(nèi)容。
。3)側(cè)重點(diǎn)不明確
很多學(xué)校教師在上這門課時(shí),將很大一部分精力放在了對(duì)工具的操作上,而忽略了內(nèi)容的講解,這就導(dǎo)致學(xué)生可能工具用的不錯(cuò),但是做出來的東西卻很一般,甚至于連一些基本的功能都不能實(shí)現(xiàn)。有的學(xué)生不太明白這門課程的含義,不知道學(xué)這個(gè)有什么用,將來能干什么,態(tài)度比較猶豫,這也導(dǎo)致對(duì)這門課不重視。
2解決當(dāng)前問題的方法
。1)學(xué)校教學(xué)思路
這門課程分為理論部分跟實(shí)踐部分,理論知識(shí)的講解一般在課堂上進(jìn)行,通過授課教師的講解,同學(xué)之間的演講和作品展示來進(jìn)行學(xué)習(xí),舉例學(xué)習(xí)是一種更快更有效率的教學(xué)方法,授課教師可以結(jié)合案例跟教材的內(nèi)容去詳細(xì)給學(xué)生進(jìn)行分析。通過有效正確的教學(xué)方法來提高學(xué)校的教學(xué)質(zhì)量。在實(shí)踐部分,將重心放在學(xué)生上面,著重鍛煉和培養(yǎng)學(xué)生自主動(dòng)手實(shí)踐的能力,學(xué)生有自己的想法后,可以結(jié)合教材自己去做網(wǎng)頁(yè),教師在布置任務(wù)不應(yīng)死板的規(guī)定學(xué)生們必須要完成一個(gè)相同的作品,這樣容易將一些學(xué)生的想法鎖死。在課程設(shè)計(jì)上,讓學(xué)生以自己的想法去進(jìn)行設(shè)計(jì)是《網(wǎng)頁(yè)設(shè)計(jì)與制作》這門課的一個(gè)關(guān)鍵點(diǎn),充分展示學(xué)生的想法跟意見,讓學(xué)生創(chuàng)造自己的作品,培養(yǎng)學(xué)生的創(chuàng)新意識(shí)。學(xué)校應(yīng)該多給學(xué)生提供一些可供實(shí)踐操作以及討論的機(jī)會(huì),尤其是用所學(xué)知識(shí)去解決實(shí)際問題的機(jī)會(huì),與此同時(shí),還應(yīng)讓學(xué)生自己創(chuàng)造機(jī)會(huì),慢慢建立自己的學(xué)習(xí)方式。
。2)教師的教學(xué)理念
如今的社會(huì),互聯(lián)網(wǎng)的普及率非常高,各種新興的行業(yè)發(fā)展非常迅猛,所以,學(xué)校授課內(nèi)容應(yīng)該緊跟時(shí)代的發(fā)展。技術(shù)是在不斷更新的,育人的目的就是想找到一份好的工作,將就業(yè)放在第一位,及時(shí)歸納總結(jié)問題,現(xiàn)實(shí)遇到的問題及時(shí)解決達(dá)到活學(xué)活用的目的。教師在授課的同時(shí),應(yīng)該深入研究教學(xué)要求,確保教學(xué)內(nèi)容跟目的合理性,考慮不同學(xué)生的實(shí)際情況去合理教學(xué)。鼓勵(lì)學(xué)生自我動(dòng)手實(shí)踐能力,支持與同學(xué)一起探討問題,教師要積極幫助學(xué)生解決他們所遇到的問題,學(xué)生通過對(duì)教材內(nèi)容的了解,結(jié)合課程模塊方面的實(shí)踐將學(xué)到的知識(shí)運(yùn)用到實(shí)際生活中,最大程度的激發(fā)學(xué)生學(xué)習(xí)的熱情,進(jìn)而形成良好的學(xué)習(xí)習(xí)慣。很多大學(xué)生對(duì)未來沒有清晰的規(guī)劃,在就業(yè)選擇上不知該如何做出選擇,所以他們主觀意識(shí)上不太確定自己適合做什么,這就導(dǎo)致他們?cè)谶x專業(yè)上的猶豫和不明確。校方要多做對(duì)學(xué)生未來職業(yè)方面指導(dǎo)的.工作,讓學(xué)生能從一而終認(rèn)真專心的學(xué)習(xí),不再將心思放在“能不能找到工作”上,方向明確了,自然而然學(xué)習(xí)動(dòng)力就會(huì)充足。
。3)解決學(xué)生的困惑
《網(wǎng)頁(yè)設(shè)計(jì)與制作》這門課程,教師給學(xué)生應(yīng)該傳達(dá)這樣一個(gè)信息:在已經(jīng)掌握的技術(shù)水平跟理論知識(shí)之上,還要能夠獨(dú)立去實(shí)踐。把重點(diǎn)教給學(xué)生,合理平衡的分配理論知識(shí)與實(shí)踐操作所占比例,在掌握學(xué)習(xí)工具以后,一定要多實(shí)踐,多去了解學(xué)習(xí)理論方面的知識(shí),技術(shù)在不斷進(jìn)步,學(xué)無止境,要不斷的更新自己的知識(shí),而不能安于現(xiàn)狀。一種技術(shù)可能就是將來的求生技能,所以,學(xué)生對(duì)任何東西不要有排斥的心理,既然能有一門課程,那肯定是有道理的,有的學(xué)生不愿意去學(xué)習(xí),是因?yàn)樗涣私膺@門課程的作用,這時(shí)候,教師跟學(xué)校扮演了相當(dāng)重要的角色,他們應(yīng)該為學(xué)生答疑解難,讓他們明白課程的重要性以及作用。及時(shí)指正他們認(rèn)知上的錯(cuò)誤。
3結(jié)語(yǔ)
《網(wǎng)頁(yè)設(shè)計(jì)與制作》是一門涉及面很廣的課程,在教師的教學(xué)方法跟課程設(shè)計(jì)實(shí)踐的作用下,都能去激發(fā)出學(xué)生對(duì)這門課的興趣,學(xué)生自主的探究學(xué)習(xí)可以豐富完善他們的專業(yè)技能更能加深印象,教師在傳授專業(yè)知識(shí)時(shí)應(yīng)該讓學(xué)生明白這門課程的特色和作用,可以使他們?cè)诮窈蟮膶W(xué)習(xí)和擇業(yè)中方向更加明確。
參考文獻(xiàn):
[1]張宏升,章明珠。《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)體系的構(gòu)建與研究[J].電子制作,20xx,(9)。
[2]勞飛;陧(xiàng)目化教學(xué)的“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程改革與實(shí)踐[J].教育與職業(yè),20xx,(29)。
[3]呂蕓;诠ぷ鬟^程的“網(wǎng)頁(yè)設(shè)計(jì)與制作”模塊化課程開發(fā)研究[J].職教通訊,20xx,(30)。
網(wǎng)頁(yè)設(shè)計(jì)論文15
網(wǎng)頁(yè)能否有好的發(fā)展,不僅體現(xiàn)在好的創(chuàng)意上,也體現(xiàn)在網(wǎng)頁(yè)的設(shè)計(jì)上,好的網(wǎng)頁(yè)設(shè)計(jì)可以吸引網(wǎng)民的眼球,提高瀏覽量,但是我國(guó)目前網(wǎng)頁(yè)中的圖片視覺效果依然停滯不前,沒有太大的發(fā)展,在圖片的瀏覽上,缺乏靈活性,圖片設(shè)計(jì)方面沒有創(chuàng)意,網(wǎng)頁(yè)設(shè)計(jì)人員的技術(shù)得不到提高,圖片的視覺效果很差。
一、網(wǎng)頁(yè)視覺設(shè)計(jì)的原則
要想有展現(xiàn)出完美完美的圖片視覺效果,需要了解網(wǎng)頁(yè)視覺設(shè)計(jì)的原則,依據(jù)原則進(jìn)行圖片設(shè)計(jì),從而達(dá)到是事半功倍的效果,在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候,為了使網(wǎng)頁(yè)中的圖片與內(nèi)容合為一體,遵循形式美與內(nèi)容美,要從以下幾點(diǎn)出發(fā):
。ㄒ唬┍壤叽绲卯(dāng),對(duì)稱均衡適度
合理的比例是美的前提。比例得當(dāng)不僅適用于繪畫,同樣也適用于網(wǎng)頁(yè)設(shè)計(jì)。在網(wǎng)頁(yè)設(shè)計(jì)中,要想把握好比例,需要做好組版元素間和諧的關(guān)系。把握好比例尺寸,可以以中心線為軸線,這樣做出來的網(wǎng)頁(yè)圖片,帶給人一種大方、穩(wěn)定、端莊的感覺,既體現(xiàn)了秩序的原則,又給人高貴的美。在網(wǎng)頁(yè)設(shè)計(jì)中,點(diǎn)線面是很注重的要求之一,首先要在平面中找到平衡點(diǎn),讓絕食產(chǎn)生舒服的感受,接著要找到對(duì)稱的部位,最后要以整個(gè)尺寸為基調(diào),找到平衡點(diǎn)。
。ǘ﹦(dòng)靜變化有序,節(jié)奏韻律明快
網(wǎng)頁(yè)中的動(dòng)態(tài)和靜態(tài)的變化是根據(jù)三維空間和圖片的比例等因素體現(xiàn)出來的。同種元素因?yàn)椴季峙c層次的變化會(huì)造成不同的視覺體驗(yàn)。在網(wǎng)頁(yè)設(shè)計(jì)中,對(duì)空間的要求是很高的,需要考慮動(dòng)態(tài)與靜態(tài)的結(jié)合,節(jié)奏韻律的快慢。在網(wǎng)頁(yè)的.設(shè)計(jì)中,運(yùn)用動(dòng)靜結(jié)合的方式,給人生動(dòng)活潑的視覺感受,對(duì)節(jié)奏韻律把握明確,可以增加網(wǎng)頁(yè)圖片的感染力,同時(shí)又可以渲染氣氛,展開聯(lián)想。
。ㄈ┓焙(jiǎn)互襯,多樣統(tǒng)一
網(wǎng)頁(yè)設(shè)計(jì),需要考慮好網(wǎng)頁(yè)的內(nèi)容和圖片版面,既不能使網(wǎng)頁(yè)看起來太過繁雜,也不能使網(wǎng)頁(yè)太過簡(jiǎn)單。在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候,可以針對(duì)內(nèi)容的多少進(jìn)行合理的排版,同時(shí)也可以通過色彩搭配來對(duì)網(wǎng)頁(yè)中的內(nèi)容和圖片進(jìn)行分開。對(duì)網(wǎng)頁(yè)的合理布置,使網(wǎng)頁(yè)看起來繁簡(jiǎn)互襯,又能夠使整體多樣統(tǒng)一,各個(gè)元素獨(dú)立而統(tǒng)一。按照視覺藝術(shù)的原則,給人以美的感受。
。ㄋ模﹫D形
在網(wǎng)頁(yè)設(shè)計(jì)中,圖形的設(shè)計(jì)也是很重要的,圖形和圖片的比例需要恰到好處。圖形是圖片的縮小化,它可以幫助網(wǎng)頁(yè)中的文字更加清晰,使整個(gè)網(wǎng)頁(yè)看起來更加的美觀和立體。小的圖形在視覺上給人帶來一種清新可愛的感覺。對(duì)圖片的位置和形式的合理的布置,可以使網(wǎng)頁(yè)更加美觀大方。
二、提高網(wǎng)頁(yè)設(shè)計(jì)圖片視覺的方法
網(wǎng)頁(yè)設(shè)計(jì)需要遵循形式美和內(nèi)容美的有機(jī)結(jié)合,需要比例尺寸上把握得當(dāng),動(dòng)靜變化有序,節(jié)奏韻律明快,繁簡(jiǎn)互襯,多樣統(tǒng)一的原則,同時(shí)也要做好圖形的設(shè)計(jì),要想提高網(wǎng)頁(yè)設(shè)計(jì)圖片視覺,就要從以下幾點(diǎn)來進(jìn)行:
。ㄒ唬﹩雾(xiàng)視覺流程
網(wǎng)頁(yè)設(shè)計(jì)的單項(xiàng)視覺流程是指對(duì)網(wǎng)頁(yè)中的圖形、文字和符號(hào)等在平面上進(jìn)行不同方向的變化,可以表現(xiàn)為橫向、縱向和斜向這幾種形式,然后對(duì)其進(jìn)行構(gòu)圖。單項(xiàng)視覺流程在操作起來簡(jiǎn)單,同時(shí)也能夠使網(wǎng)頁(yè)的平面結(jié)構(gòu)看起來更加的清楚直觀,能夠直接明了地升華主題,在視覺上給人鮮明的層次感,表現(xiàn)出單項(xiàng)視覺流程的穩(wěn)定、端莊的效果,具有堅(jiān)定、直觀的感覺。
。ǘ┓磸(fù)視覺流程
網(wǎng)頁(yè)設(shè)計(jì)的反復(fù)視覺流程是把相似或者同樣的視覺元素進(jìn)行三次或者三次以上的編排,使網(wǎng)頁(yè)的圖片畫面有規(guī)律、有節(jié)奏、有秩序。運(yùn)用反復(fù)視覺流程,給人的視覺帶來沖擊性,同時(shí)有體現(xiàn)出了網(wǎng)頁(yè)圖片的韻律美、節(jié)奏美和秩序美,給人眼前一亮的感覺。
。ㄈ┣視覺流程
網(wǎng)頁(yè)設(shè)計(jì)的曲線視覺流程只要根據(jù)人眼來回?cái)[動(dòng)舒適感的舒適感進(jìn)行設(shè)計(jì),人們的眼睛可以依據(jù)弧線的運(yùn)動(dòng)變化方式來觀看網(wǎng)頁(yè)中的圖片。其中曲線視覺流程主要包括了弧線形(c形)視覺流程和回旋線形(s形)視覺流程;【形(c形)視覺流程給人飽滿的感覺,具有明確的方向感和擴(kuò)張感,回旋線形(s形)視覺流程給人流暢,柔美的感覺,使圖片生動(dòng)起來,有很強(qiáng)的動(dòng)感美和節(jié)奏美。雖然曲線視覺流程不如單項(xiàng)視覺流程看起來直觀,但是卻有飄逸美。
。ㄋ模┙裹c(diǎn)視覺流程
網(wǎng)頁(yè)設(shè)計(jì)的焦點(diǎn)視覺流程主要是用焦點(diǎn)來吸引人們的眼球,聚集瀏覽者的目光。焦點(diǎn)視覺流程為了更好的吸引人們的眼球,往往還要用鮮明的顏色來對(duì)焦點(diǎn)進(jìn)行強(qiáng)化,與網(wǎng)頁(yè)圖片的背景形成對(duì)比,同時(shí)也會(huì)別出心裁的設(shè)計(jì)焦點(diǎn),分從從焦點(diǎn)的形式、焦點(diǎn)的層次和焦點(diǎn)與圖片的結(jié)構(gòu)進(jìn)行。焦點(diǎn)視覺流程通常是以圖形為主要元素,形成視覺磁場(chǎng)。
三、結(jié)語(yǔ)
隨著信息科技的不斷發(fā)展強(qiáng)大,圖片對(duì)網(wǎng)頁(yè)的影響也是極其重要的,快節(jié)奏的生活,使人們更加傾向于借助圖片來獲得自己想要的信息。因此只有遵循網(wǎng)頁(yè)圖片的設(shè)計(jì)原則,分別從單項(xiàng)視覺流程、反復(fù)視覺流程、曲線視覺流程和焦點(diǎn)視覺流程出發(fā),才能更好地發(fā)揮出圖片的價(jià)值,給社會(huì)大眾帶來美的感受。
【網(wǎng)頁(yè)設(shè)計(jì)論文】相關(guān)文章:
網(wǎng)頁(yè)設(shè)計(jì)總結(jié)11-09
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告04-25
網(wǎng)頁(yè)設(shè)計(jì)心得12-21
網(wǎng)頁(yè)設(shè)計(jì)與制作報(bào)告02-16
網(wǎng)頁(yè)html設(shè)計(jì)心得12-22
設(shè)計(jì)網(wǎng)頁(yè)的心得01-14
《網(wǎng)頁(yè)設(shè)計(jì)與制作》的教學(xué)設(shè)計(jì)與實(shí)踐12-11
《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)設(shè)計(jì)與實(shí)踐12-10