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