網(wǎng)頁(yè)設(shè)計(jì)論文

　　在日常學(xué)習(xí)和工作中，大家總免不了要接觸或使用論文吧，論文是我們對(duì)某個(gè)問(wèn)題進(jìn)行深入研究的文章。那么你有了解過(guò)論文嗎？下面是小編整理的網(wǎng)頁(yè)設(shè)計(jì)論文，僅供參考，大家一起來(lái)看看吧。

網(wǎng)頁(yè)設(shè)計(jì)論文1

　　1計(jì)算機(jī)網(wǎng)頁(yè)包裝設(shè)計(jì)與圖像處理研究

　　1.1網(wǎng)頁(yè)包裝設(shè)計(jì)中的圖像處理方法

　　借助計(jì)算機(jī)設(shè)備所進(jìn)行的網(wǎng)頁(yè)包裝設(shè)計(jì)，需要對(duì)圖像資源進(jìn)行有針對(duì)性的處理，制作成為計(jì)算機(jī)軟件開(kāi)發(fā)應(yīng)用需要的形式。在對(duì)圖像進(jìn)行制作時(shí)，要明確圖像的格式，如果是制作成為GIF圖片需要對(duì)圖像資源進(jìn)行透明處理，將其處理成為系統(tǒng)需要的圖片形式，并在圖片資源使用前，進(jìn)行反復(fù)的控制研究，幫助進(jìn)一步提升圖像的色彩搭配合理度，動(dòng)畫(huà)格式的圖像在內(nèi)存中占據(jù)的比例比較大，根據(jù)網(wǎng)頁(yè)打開(kāi)后的內(nèi)存資源來(lái)對(duì)系統(tǒng)進(jìn)行更深入的設(shè)計(jì)，通過(guò)將各項(xiàng)設(shè)計(jì)理念結(jié)合使用，能夠促進(jìn)網(wǎng)站設(shè)計(jì)后的圖形表現(xiàn)效果也更加理想，這是傳統(tǒng)技術(shù)方法中很難實(shí)現(xiàn)的，也關(guān)系到網(wǎng)頁(yè)包裝設(shè)計(jì)的未來(lái)發(fā)展方向。靜態(tài)圖的制作方法相對(duì)比較簡(jiǎn)單一些，可以對(duì)圖片的整體色彩以及明亮程度進(jìn)行調(diào)整。

　　1.2網(wǎng)頁(yè)設(shè)計(jì)中的兩種特殊應(yīng)用

　　首先是鼠標(biāo)在網(wǎng)頁(yè)頁(yè)面中移動(dòng)所實(shí)現(xiàn)的動(dòng)態(tài)圖像顯示，在網(wǎng)頁(yè)被點(diǎn)擊進(jìn)入的初期，所顯示的畫(huà)面均為靜態(tài)的，當(dāng)鼠標(biāo)移動(dòng)進(jìn)入到畫(huà)面中時(shí)，圖片會(huì)自動(dòng)的播放，進(jìn)入到動(dòng)態(tài)顯示效果中，這對(duì)網(wǎng)頁(yè)的制作使用有很大幫助，并且可以減少緩存所需的時(shí)間，在內(nèi)存上也能夠節(jié)省大量的資源，對(duì)實(shí)現(xiàn)網(wǎng)頁(yè)功能制作有很大的幫助。其次是網(wǎng)絡(luò)相冊(cè)的應(yīng)用，網(wǎng)站是具有存儲(chǔ)功能的，需要針對(duì)這一功能來(lái)進(jìn)行具體的實(shí)現(xiàn)，觀察在現(xiàn)場(chǎng)是否存在需要繼續(xù)深入解決的技術(shù)性問(wèn)題，確保技術(shù)應(yīng)用是科學(xué)有效的，才能夠達(dá)到理想的技術(shù)運(yùn)用標(biāo)準(zhǔn)。設(shè)計(jì)以及圖像處理期間嗎，要將使用功能放在首位，并觀察在網(wǎng)頁(yè)的各項(xiàng)資源中是否存在沖突矛盾的問(wèn)題，經(jīng)過(guò)一段時(shí)間的解決與深入探討，在技術(shù)上能夠滿足使用需求。

　　2圖像處理在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用解析

　　2.1網(wǎng)頁(yè)設(shè)計(jì)中使用圖像的意義

　　網(wǎng)頁(yè)設(shè)計(jì)需要建立獨(dú)特的品牌，并充分發(fā)揮品牌的影響力，觀察在設(shè)計(jì)過(guò)程中圖像是否能夠充分發(fā)揮作用，這樣在網(wǎng)站投入使用后，點(diǎn)擊瀏覽者通過(guò)圖像標(biāo)識(shí)能夠?qū)�網(wǎng)頁(yè)產(chǎn)生深刻的影響，并對(duì)使用功能更好的了解。網(wǎng)站想要被更多的使用者所接受，需要傳達(dá)一種安全可靠的信息，而圖像是網(wǎng)站中最直觀的部分，對(duì)圖像處理進(jìn)行嚴(yán)謹(jǐn)?shù)膶?duì)待，可以提升網(wǎng)頁(yè)使用階段的安全性，并避免在系統(tǒng)中出現(xiàn)嚴(yán)重的使用功能不穩(wěn)定現(xiàn)象，促進(jìn)管理計(jì)劃在現(xiàn)場(chǎng)得到更好的落實(shí)應(yīng)用。網(wǎng)頁(yè)制作期間背景圖像選擇要與所傳播的文化理念保持一致，并將提升使用穩(wěn)定性作為設(shè)計(jì)期間需要重點(diǎn)注意的問(wèn)題，避免圖像在上傳期間損壞，影響到安全使用，由此可見(jiàn)開(kāi)展圖像處理對(duì)網(wǎng)頁(yè)包裝設(shè)計(jì)技術(shù)應(yīng)用的促進(jìn)意義。

　　2.2網(wǎng)頁(yè)圖像處理的技巧

　　首先是圖像的尺寸要進(jìn)行準(zhǔn)確的剪裁處理，觀察在設(shè)計(jì)期間是否需要對(duì)設(shè)計(jì)的內(nèi)容進(jìn)行更穩(wěn)定的處理，并通過(guò)技術(shù)方法來(lái)加深在現(xiàn)場(chǎng)調(diào)節(jié)控制的有效的方法，當(dāng)發(fā)現(xiàn)在設(shè)計(jì)內(nèi)容中，存在需要進(jìn)一步完善的內(nèi)容時(shí)，則需要進(jìn)一步的采取解決優(yōu)化措施，一旦圖像的尺寸出現(xiàn)誤差，是很難確保使用安全性的，并通過(guò)技術(shù)性方法來(lái)進(jìn)行更加深入的解決。剪裁處理后的圖像，需要結(jié)合網(wǎng)站的存儲(chǔ)能力、瀏覽量進(jìn)行測(cè)試，觀察圖片尺寸是否能夠順利的上傳，并避免在使用中出現(xiàn)損壞。其次是圖像處理要融入創(chuàng)新元素，這樣網(wǎng)頁(yè)打開(kāi)后能夠使人感受到新穎，過(guò)于落后的圖片在使用期間可能會(huì)出現(xiàn)模糊損壞的現(xiàn)象，也不能夠吸引更多的網(wǎng)友來(lái)對(duì)網(wǎng)頁(yè)進(jìn)行點(diǎn)擊瀏覽，由此可見(jiàn)使用期間選擇圖像的重要性�？梢越柚�網(wǎng)絡(luò)系統(tǒng)來(lái)進(jìn)行資源搜集整理，促進(jìn)管理計(jì)劃在現(xiàn)場(chǎng)得到更全面的落實(shí)，一旦發(fā)現(xiàn)質(zhì)量下降的現(xiàn)象，要及時(shí)采取技術(shù)性方法來(lái)進(jìn)一步完善系統(tǒng)中所存在的安全隱患。使圖片的處理質(zhì)量可以穩(wěn)定提升。

　　3結(jié)語(yǔ)

　　互聯(lián)網(wǎng)技術(shù)的使用范圍正在不斷擴(kuò)大，也促進(jìn)了計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)得到大力發(fā)展，提高網(wǎng)頁(yè)點(diǎn)擊瀏覽量已經(jīng)成為技術(shù)發(fā)展的主體方向。網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)性越來(lái)越高，設(shè)計(jì)時(shí)需要考慮的圖像因素很多，要掌握對(duì)圖像處理工具的運(yùn)用技巧。計(jì)算機(jī)圖像處理技術(shù)是網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的重要部分，最終網(wǎng)頁(yè)設(shè)計(jì)的質(zhì)量直接與其相關(guān)，設(shè)計(jì)者在設(shè)計(jì)之初就要考慮頁(yè)面的整體圖片效果，把將要展示的圖像作為網(wǎng)站設(shè)計(jì)的開(kāi)始，這樣網(wǎng)站設(shè)計(jì)才能很好的起步，最終設(shè)計(jì)出讓用戶滿意的作品。

　　參考文獻(xiàn):

　　[1]謝飛揚(yáng).計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用淺探[J].科技致富向?qū)?20xx(04).

　　[2]李艷新.網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用價(jià)值[J].電子技術(shù)與軟件工程,20xx(09).

網(wǎng)頁(yè)設(shè)計(jì)論文2

　　摘要：DIV+CSS是Web設(shè)計(jì)標(biāo)準(zhǔn)，隨著Web2.0標(biāo)準(zhǔn)化設(shè)計(jì)理念的普及，國(guó)內(nèi)很多大型站采用DIV+CSS網(wǎng)頁(yè)布局制作方法。從實(shí)際應(yīng)用情況證明，該技術(shù)具有代碼簡(jiǎn)潔、表現(xiàn)和內(nèi)容相分離等優(yōu)勢(shì)。

　　關(guān)鍵詞：設(shè)計(jì)論文

　　1、DIV+CSS概念

　　DIV就是一個(gè)區(qū)塊容器，用來(lái)封閉數(shù)據(jù)區(qū)域，屬于行級(jí)區(qū)域，相當(dāng)于一個(gè)可以容納表格、段落、標(biāo)題、圖片等各種元素的容器。在進(jìn)行網(wǎng)頁(yè)布局排版時(shí)，需要將頁(yè)面整體上進(jìn)行DIV分塊。層疊樣式表CSS示國(guó)際W3C標(biāo)準(zhǔn)化組織制定的一套完整的擴(kuò)展樣式標(biāo)準(zhǔn)，主要是為了在HTML的樣式編排上對(duì)其功能進(jìn)行補(bǔ)充，更好地完成網(wǎng)頁(yè)設(shè)計(jì)的需要而制定的設(shè)計(jì)標(biāo)準(zhǔn)。CSS層疊樣式表對(duì)HTML的標(biāo)記屬性的設(shè)定進(jìn)行了擴(kuò)充，可以使用Script程序功能來(lái)對(duì)其進(jìn)行很好的控制，從而對(duì)網(wǎng)絡(luò)的外觀設(shè)計(jì)和整體的布局設(shè)計(jì)進(jìn)行非常有效的控制，讓網(wǎng)頁(yè)在設(shè)計(jì)上具有更加美觀的表現(xiàn)形式。CSS層疊樣式表技術(shù)可以把網(wǎng)頁(yè)本身需要展示的內(nèi)容和網(wǎng)頁(yè)本身具有的樣式進(jìn)行有效的分開(kāi)，從網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)容中把網(wǎng)頁(yè)的外觀在設(shè)計(jì)時(shí)候設(shè)計(jì)的信息進(jìn)行獨(dú)立存儲(chǔ)，進(jìn)而對(duì)網(wǎng)頁(yè)進(jìn)行集中有效的統(tǒng)一管理。我們?cè)诰W(wǎng)頁(yè)設(shè)計(jì)的時(shí)候把CSS樣式的信息作為獨(dú)立的文件進(jìn)行存放，可以方便地讓其他的網(wǎng)頁(yè)對(duì)其信息進(jìn)行共享，這樣在網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候就不需要對(duì)網(wǎng)頁(yè)中的文件進(jìn)行重復(fù)性的操作設(shè)計(jì)了，節(jié)省了很多時(shí)間和不變要的設(shè)計(jì)工作。在網(wǎng)頁(yè)設(shè)計(jì)中CSS類(lèi)型的文件建立完之后可以被其他的HTML文件進(jìn)行共享使用，并且一個(gè)單一的HTML文件也可以對(duì)其他相關(guān)的CSS類(lèi)型的文件進(jìn)行套用，這樣在網(wǎng)也設(shè)計(jì)的時(shí)候可以很方便地對(duì)網(wǎng)頁(yè)的文件和功能進(jìn)行設(shè)計(jì)。

　　1.1CSS的定義

　　CSS語(yǔ)法定義包括3個(gè)部分，格式如下：Select(propervalue)選擇(屬性：值)：在屬性中可以為設(shè)計(jì)的網(wǎng)頁(yè)進(jìn)行主體的設(shè)計(jì)，prop-er可以選擇要設(shè)計(jì)的主體，value可以設(shè)定主體的屬性，這樣就可以為網(wǎng)頁(yè)中的主體的表現(xiàn)效果進(jìn)行設(shè)置了。

　　1.2選擇符類(lèi)型

　　(1)標(biāo)記選擇器標(biāo)記選擇器就是聲明某個(gè)標(biāo)記直接采用某個(gè)樣式。如通過(guò)h1選擇器聲明頁(yè)面中所有的

　　標(biāo)記的文字效果。

　　(2)類(lèi)別選擇器類(lèi)別選擇器的定義通常在最前面加一個(gè)點(diǎn)號(hào)。類(lèi)別選擇符的名字可以由設(shè)計(jì)者按照自己的意愿來(lái)進(jìn)行定義，對(duì)名字的定義可以使英文或者數(shù)字，也可以是英文和數(shù)據(jù)的混合，在進(jìn)行命名的時(shí)候都是以功能來(lái)進(jìn)行名字的設(shè)置的。

　　(3)ID選擇器在網(wǎng)頁(yè)設(shè)計(jì)的HTML的頁(yè)面中，網(wǎng)頁(yè)頁(yè)面元素的指定都是以ID參數(shù)進(jìn)行表示的，ID參數(shù)的選取符可以對(duì)單個(gè)元素的樣式進(jìn)行單獨(dú)的表示，ID選取符在應(yīng)用方面比較與類(lèi)選擇符相類(lèi)似，只要把ID代替CLASS就可以了，一般只在非常特殊的或者特定的環(huán)境下才使用ID參數(shù)，在選擇符中ID參數(shù)的使用也僅僅是對(duì)單個(gè)元素的樣式進(jìn)行獨(dú)立的表示。

　　2、使用DIV+CSS

　　采用CSS+DIV技術(shù)對(duì)網(wǎng)頁(yè)進(jìn)行設(shè)計(jì)具有以下幾方面的優(yōu)點(diǎn)：

　　2.1內(nèi)容和形式分離

　　在獨(dú)立樣式表示的文件中把外觀設(shè)計(jì)從中獨(dú)立出來(lái)進(jìn)行存放，HTML文件中的內(nèi)容只能對(duì)文本信息進(jìn)行存放，這樣網(wǎng)頁(yè)前臺(tái)只需要顯示內(nèi)容就行，形式上的美工交給CSS來(lái)處理。內(nèi)容和形式相分離，生成的HTML文件代碼更加精簡(jiǎn)、更小，網(wǎng)頁(yè)打開(kāi)速度更快。

　　2.2提高搜索引擎對(duì)網(wǎng)頁(yè)的索引效率

　　采用DIV+CSS架構(gòu)的網(wǎng)站更符合W3C標(biāo)準(zhǔn)，網(wǎng)站設(shè)計(jì)要以W3C為指定的標(biāo)準(zhǔn)，這是搜索引擎中關(guān)于網(wǎng)頁(yè)名次排列的一個(gè)重要決定標(biāo)準(zhǔn)。網(wǎng)頁(yè)設(shè)計(jì)的源代碼使用簡(jiǎn)潔的源代碼，采用結(jié)構(gòu)化內(nèi)容的HTML來(lái)取代嵌套的標(biāo)簽文件，網(wǎng)頁(yè)的內(nèi)容信息在蜘蛛搜索引擎上處于裸露狀態(tài)，這樣搜索引擎可以更好地對(duì)網(wǎng)頁(yè)內(nèi)容進(jìn)行有效的搜索，關(guān)鍵性的內(nèi)容很容易被得到，對(duì)關(guān)鍵性頁(yè)面的內(nèi)容在網(wǎng)頁(yè)中的比重增加了，這樣網(wǎng)頁(yè)的搜索排名比重也增加了，網(wǎng)頁(yè)的公眾評(píng)價(jià)也可以得到很大的提高。

　　2.3網(wǎng)站頁(yè)面瀏覽速度的提高

　　網(wǎng)站頁(yè)面的視覺(jué)效果如果是同樣的，那么DIV+CSS建立的網(wǎng)頁(yè)頁(yè)面的大小與TABLE編碼設(shè)計(jì)的網(wǎng)頁(yè)的頁(yè)面的大小相比要小，一般是1/2大小。采用CSS進(jìn)行設(shè)計(jì)后，用戶在使用網(wǎng)站頁(yè)面的時(shí)候最大的效果就是對(duì)網(wǎng)頁(yè)進(jìn)行瀏覽的時(shí)候啟用頁(yè)面的速度明顯變快。

　　2.4易于維護(hù)和改版

　　網(wǎng)站設(shè)計(jì)采用DIV+CSS技術(shù)進(jìn)行設(shè)計(jì)，在以后的日常維護(hù)工作方面會(huì)變得很方便。在維護(hù)的時(shí)候只需要對(duì)CSS文件進(jìn)行修改和設(shè)計(jì)就可以完成對(duì)網(wǎng)頁(yè)的維護(hù)了。在傳統(tǒng)的網(wǎng)頁(yè)布局的表格布局中，對(duì)布局的修改是非常麻煩的，是要對(duì)整個(gè)網(wǎng)也來(lái)進(jìn)行重新設(shè)計(jì)的。在網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候如果可以有效地對(duì)網(wǎng)頁(yè)的層結(jié)構(gòu)進(jìn)行設(shè)計(jì)，在對(duì)網(wǎng)頁(yè)的外觀進(jìn)行修改的時(shí)候只需要使用CSS技術(shù)進(jìn)行對(duì)網(wǎng)頁(yè)結(jié)構(gòu)和內(nèi)同進(jìn)行修改就可以了。網(wǎng)頁(yè)結(jié)構(gòu)的修改和重新設(shè)計(jì)可以提高蜘蛛搜索引擎的關(guān)注度。

　　3、CSS的使用

　　3.1外部樣式表

　　外部樣式表是一種文件，在網(wǎng)頁(yè)中外部樣式表的存在可以以獨(dú)立的形式，外部樣式表文件可以在多個(gè)網(wǎng)頁(yè)頁(yè)面中進(jìn)行使用，外部樣式表示一種樣式文件通過(guò)樣式來(lái)對(duì)文件進(jìn)行保存的，在網(wǎng)頁(yè)頁(yè)面中通過(guò)link標(biāo)記與其他的樣式表文件進(jìn)行連接，文件擴(kuò)展名是.CSS。link標(biāo)記在頁(yè)面設(shè)計(jì)的時(shí)候是在head區(qū)域進(jìn)行存放的。瀏覽器通過(guò)文檔形式從CSS文件中把定義的樣式表讀取出來(lái)，對(duì)網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)中使用的外部表的樣式和文件類(lèi)都進(jìn)行了定義。在多個(gè)網(wǎng)頁(yè)頁(yè)面中可以應(yīng)用統(tǒng)一個(gè)外部樣式表的文件，在網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候如果對(duì)樣式表文件進(jìn)行了修改，那么網(wǎng)頁(yè)頁(yè)面的其他的樣式也會(huì)發(fā)生變化。在網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候?qū)Υ罅康耐瑯拥臉邮巾?yè)面進(jìn)行制作還是非常方便的，網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)的重復(fù)性工作減少了，在以后網(wǎng)站頁(yè)面的維護(hù)和修改上也比較方便，在對(duì)頁(yè)面瀏覽的時(shí)候關(guān)于重復(fù)代碼的下載也減少了。

　　3.2內(nèi)部樣式表

　　內(nèi)部樣式表的設(shè)計(jì)是在頁(yè)面的和的標(biāo)簽之間加入樣式表，這樣在網(wǎng)頁(yè)頁(yè)面中就把定義好的樣式應(yīng)用進(jìn)來(lái)了，樣式表的插入是以style標(biāo)簽的形式插入的，例：這種樣式的使用相對(duì)來(lái)說(shuō)還是比較簡(jiǎn)單，而且在應(yīng)用上還是比較實(shí)用的，在網(wǎng)頁(yè)頁(yè)面的頭部可以輸入同樣的樣式，這樣所有的網(wǎng)頁(yè)頁(yè)面的樣式就都統(tǒng)一化了。

　　3.3內(nèi)聯(lián)樣式表設(shè)計(jì)

　　在HTML標(biāo)記中對(duì)內(nèi)聯(lián)樣式的使用屬于混合樣式，通過(guò)這樣的方式，對(duì)元素進(jìn)行樣式的單獨(dú)定義就比較簡(jiǎn)單了，在HTML標(biāo)記里直接加入style參數(shù)這是使用內(nèi)聯(lián)樣式的基本方式，CSS屬性和style參數(shù)的內(nèi)容是一樣的。在實(shí)際上，內(nèi)聯(lián)樣式表的效率與以上兩種情況相比來(lái)說(shuō)在效率上還是比較低的，在網(wǎng)頁(yè)的頁(yè)面設(shè)計(jì)中對(duì)內(nèi)聯(lián)樣式表的使用是不推薦的。內(nèi)聯(lián)樣式表不能重復(fù)使用里面的樣式內(nèi)容，另外內(nèi)聯(lián)樣式表的標(biāo)記的內(nèi)容和樣式都是混合在一起使用的，對(duì)代碼的維護(hù)具有很大的難度，而且在代碼進(jìn)行閱讀的時(shí)候也是比較復(fù)雜的。

　　4、制作流程

　　(1)創(chuàng)建文件(文件管理及命名)。

　　(2)與HTML文檔建立關(guān)系。網(wǎng)站常用：外鏈樣式。

　　(3)制作頁(yè)面樣式。要為每一個(gè)DIV進(jìn)行邊界的設(shè)置，這樣可以清晰地看到里面的內(nèi)容，就不需要通過(guò)屏幕卷動(dòng)的方式進(jìn)行瀏覽了。對(duì)元素進(jìn)行定義編寫(xiě)CSS等，選擇符采用遞歸結(jié)構(gòu)。在網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候設(shè)置的標(biāo)記就更加清晰了。同HTML框架一致從上到下，從整體到局部，共用樣式到個(gè)別樣式。CSS文檔的順序：共用的代碼樣式放在文檔最前面。CSS結(jié)構(gòu)設(shè)計(jì)的順序一般都是以HTML的順序?yàn)闃?biāo)準(zhǔn)的。CSS選擇器中的相關(guān)的屬性的順序表示：屬性顯示->自身屬性->文本屬性。顯示屬性：display,list-style,position,float,clear。自身屬性：width,height,margin,padding。文本屬性：color,font,text-decoration,text-align,ver-tical-align,white-space,content。原因：以上的順序是我們?cè)谶M(jìn)行項(xiàng)目開(kāi)發(fā)的時(shí)候使用的代碼的標(biāo)準(zhǔn)，這個(gè)順序設(shè)瀏覽器的渲染順序是一致的，最終的目的是為了把執(zhí)行效率進(jìn)一步地提高。

　　(4)注釋添加：

　　1)文檔與對(duì)應(yīng)的文檔注釋的關(guān)系是唯一的關(guān)系，這也是為了便于今后對(duì)網(wǎng)頁(yè)的維護(hù)，注釋的說(shuō)明表示主要是：創(chuàng)建文檔人和時(shí)間等信息的說(shuō)明。

　　2)屬性注釋說(shuō)明。

　　3)功能注釋說(shuō)明。DIV+CSS技術(shù)在網(wǎng)頁(yè)布局的設(shè)計(jì)上是主流技術(shù)，DIV+CSS技術(shù)符合國(guó)家W3C的一系列標(biāo)準(zhǔn)，并且可以使用DIV+CSS技術(shù)對(duì)網(wǎng)站的重構(gòu)，可以大大提升網(wǎng)站瀏覽速度，易于維護(hù)和改版，提升網(wǎng)站用戶與搜索引擎的友好度。

　　參考文獻(xiàn)

　　[1]車(chē)元媛.CSS技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用研究.科技信息,20xx.

　　[2]王聰.基于DIV+CSS技術(shù)網(wǎng)頁(yè)布局應(yīng)用與實(shí)踐.電腦知識(shí)與技術(shù)：學(xué)術(shù)交流,20xx.

　　[3]石元聆.DIV+CSS技術(shù)網(wǎng)頁(yè)布局中定位技術(shù)的探討.電腦編程技巧與維護(hù),20xx.

　　[4]田佳妮.DIV+CSS在網(wǎng)頁(yè)布局中的應(yīng)用研究.電腦知識(shí)與技術(shù),20xx.

網(wǎng)頁(yè)設(shè)計(jì)論文3

　　在自然界中，我們所能接觸到的圖形和文字時(shí)相當(dāng)豐富的，在大自然中充斥著大量的信息元素。在將平面設(shè)計(jì)應(yīng)用于計(jì)算機(jī)之前，平面設(shè)計(jì)中的視覺(jué)元素在信息傳遞方式上主要是運(yùn)用于報(bào)紙、攝影、廣告、標(biāo)志等傳統(tǒng)的平面設(shè)計(jì)中。隨著網(wǎng)絡(luò)高速的發(fā)展，網(wǎng)頁(yè)中越來(lái)越多的運(yùn)用了平面設(shè)計(jì)的原理，本文從各地域文化在網(wǎng)頁(yè)中的設(shè)計(jì)進(jìn)行分析，研究地域文化中的視覺(jué)元素在旅游網(wǎng)頁(yè)設(shè)計(jì)中的影響。

　　一、網(wǎng)頁(yè)設(shè)計(jì)的產(chǎn)生、發(fā)展及其特點(diǎn)

　　我們通過(guò)自然界能夠接觸到大量的圖形和文字，這些信息元素充斥在我們的生活生產(chǎn)中。如今，在科技發(fā)展的推動(dòng)下，人們不光只通過(guò)紙質(zhì)平面媒體來(lái)傳達(dá)信息，從動(dòng)態(tài)的傳達(dá)方式中，我們能夠獲取聲音和影像信息，這些傳達(dá)方式主要運(yùn)用于電視錄像、廣播等傳媒媒體。這些影視、平面媒體形成了傳統(tǒng)視覺(jué)媒介體系。在最近十年來(lái)，隨著科技的發(fā)展除去紙質(zhì)媒介、廣播、電視之后，第四中媒體——網(wǎng)絡(luò)媒體隨之出現(xiàn)，這在我們?nèi)祟?lèi)文明的進(jìn)程中起到了巨大的作用，現(xiàn)如今互聯(lián)網(wǎng)廣泛采用平面設(shè)計(jì)的原理，其所承載的信息資源可以說(shuō)是無(wú)限大的，其高效性、人機(jī)互動(dòng)性特點(diǎn)對(duì)印刷媒體帶來(lái)了巨大的沖擊，可以說(shuō)網(wǎng)絡(luò)媒體對(duì)平面設(shè)計(jì)帶來(lái)了一場(chǎng)史無(wú)前例的革命。文字、圖形、色彩等元素構(gòu)成形成了豐富的含義，在網(wǎng)頁(yè)設(shè)計(jì)中的通過(guò)對(duì)視覺(jué)元素的不同表現(xiàn)，就能產(chǎn)生不同的效果。網(wǎng)絡(luò)已經(jīng)成為了我們?nèi)粘Ｉ�活中最為重要的傳播工具，也是我們的一種生活空間，為我們的工作、學(xué)習(xí)以及生活帶來(lái)了很多便利，網(wǎng)頁(yè)現(xiàn)以成為網(wǎng)絡(luò)信息的性能和傳輸?shù)淖钪匾�的組成部分。在網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展中，這些年來(lái)，網(wǎng)頁(yè)的視覺(jué)表達(dá)已經(jīng)從單一的文本布局，到了向各種視覺(jué)元素結(jié)合的方向發(fā)展，而新媒介下的網(wǎng)頁(yè)設(shè)計(jì)也已經(jīng)成為了視覺(jué)傳達(dá)的新方式。因此，視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用是網(wǎng)頁(yè)設(shè)計(jì)中最重要的部分。

　　二、目前國(guó)內(nèi)外網(wǎng)頁(yè)設(shè)計(jì)研究現(xiàn)狀

　　這些年來(lái)，隨著越來(lái)越多的可視化專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)軟件的開(kāi)發(fā)，網(wǎng)頁(yè)設(shè)計(jì)制作變得簡(jiǎn)單易學(xué)。隨著越來(lái)越多的網(wǎng)頁(yè)愛(ài)好者、設(shè)計(jì)愛(ài)好者步入這一藝術(shù)領(lǐng)域，使得網(wǎng)頁(yè)設(shè)計(jì)、個(gè)人主頁(yè)等熱門(mén)詞匯開(kāi)始在社會(huì)中廣泛傳播出來(lái)。

　　1.中國(guó)旅游網(wǎng)頁(yè)設(shè)計(jì)中的現(xiàn)狀

　　在我國(guó)的網(wǎng)頁(yè)設(shè)計(jì)中，我們正處在方興未艾的階段，網(wǎng)頁(yè)設(shè)計(jì)人員也是一些大公司所爭(zhēng)相禮聘的人才。我們不難發(fā)現(xiàn)一些設(shè)計(jì)人員并沒(méi)有意識(shí)到技術(shù)與藝術(shù)的結(jié)合，只是在片面地理解藝術(shù)設(shè)計(jì)的含義，大多數(shù)只是浮于表面，關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的布局、色彩的搭配這些方面還是注重的太少。主要表現(xiàn)為：第一，一些熱門(mén)網(wǎng)站的設(shè)計(jì)布局可謂是千篇一律、色彩的混亂搭配、表面絢麗光鮮實(shí)則空洞；第二，網(wǎng)頁(yè)中廣告繁多，版式的紛亂；第三，缺乏地域文化的特色，落后且平庸，缺乏設(shè)計(jì)感。造成這一現(xiàn)狀的原因有很多，一是設(shè)計(jì)師沒(méi)有經(jīng)過(guò)專(zhuān)業(yè)的訓(xùn)練，更多的是網(wǎng)頁(yè)設(shè)計(jì)師的雇傭方式照成的，很多用人單位在招聘的時(shí)候往往需要應(yīng)聘者什么技術(shù)都會(huì)，抱著"美術(shù)設(shè)計(jì)員精通程序設(shè)計(jì)”這一想法去招聘，所以造就了大部分網(wǎng)頁(yè)設(shè)計(jì)公司都是程序員兼顧著網(wǎng)頁(yè)設(shè)計(jì)一職。但是這一方法從根本是就沒(méi)有解決問(wèn)題，也不是長(zhǎng)遠(yuǎn)之計(jì)。

　　2.國(guó)外旅游網(wǎng)頁(yè)設(shè)計(jì)中的現(xiàn)狀

　　國(guó)外的網(wǎng)頁(yè)了設(shè)計(jì)就很時(shí)尚，很突出其個(gè)性特點(diǎn)，行業(yè)明確，功能明確，安全性高。如韓國(guó)和日本的旅游網(wǎng)頁(yè)設(shè)計(jì)，他們的設(shè)計(jì)是藝術(shù)性與技術(shù)性的結(jié)合，能夠很好的將本土文化與網(wǎng)頁(yè)設(shè)計(jì)結(jié)合在一起，傳統(tǒng)藝術(shù)設(shè)計(jì)理論與人機(jī)交互設(shè)計(jì)理論結(jié)合使得網(wǎng)頁(yè)界面能夠更好的、有效的傳遞信息，其在旅游網(wǎng)頁(yè)中的設(shè)計(jì)中遵循圖文搭配的均衡性、色彩的統(tǒng)一性、信息傳達(dá)有效性和主題的一致性等原則。并且還研究分析了設(shè)計(jì)中各個(gè)信息相互之間的關(guān)系，這些優(yōu)點(diǎn)，都是具有很好指導(dǎo)意義和經(jīng)驗(yàn)總結(jié)的。

　　三、地域文化概念

　　地域不只是自然地理環(huán)境上概念，其中還包括政治、經(jīng)濟(jì)及人文歷史背景下的綜合體。是指在特定區(qū)域中的民俗、傳統(tǒng)、習(xí)慣等文明表現(xiàn)，是古人傳承下來(lái)的文化傳統(tǒng)。地域文化是具有空間意義的形態(tài)，在一定的空間范圍內(nèi)，人們?cè)谶@一區(qū)域中的生態(tài)環(huán)境下具有相同的風(fēng)俗習(xí)慣，形成獨(dú)有的心理、審美觀念等文化概念。區(qū)域文化是物質(zhì)和精神產(chǎn)品在社會(huì)發(fā)展過(guò)程中的共同作用的結(jié)果，是以區(qū)域?yàn)榛鶞?zhǔn)，以歷史為主線的。

　　四、地域文化的視覺(jué)元素

　　地域文化是由多個(gè)層次綜合而成的，自然環(huán)境、人文歷史、民俗文化、飲食文化、建筑文化等方面富含很多文化符號(hào)元素，這些都能代表一個(gè)地域的文化元素，這些文化元素的組成使得地域特征更加豐富多彩。從視覺(jué)形象的形態(tài)、色彩、風(fēng)格等的視覺(jué)形象的視覺(jué)元素中提取，無(wú)論把哪種藝術(shù)形式所表現(xiàn)出的藝術(shù)風(fēng)格及其獨(dú)特的文化特征運(yùn)用在網(wǎng)頁(yè)中，都能體現(xiàn)一定的地域特征的視覺(jué)效果。

　　五、地域文化對(duì)旅游網(wǎng)頁(yè)設(shè)計(jì)的影響

　　視覺(jué)元素的圖形設(shè)計(jì)是基于頁(yè)面功能上的審美設(shè)計(jì)體現(xiàn)，在旅游網(wǎng)頁(yè)中，對(duì)于預(yù)覽方面不僅是審美和功能的設(shè)計(jì)，也需要加入當(dāng)?shù)厝宋臍v史方面的宣傳。結(jié)合一些優(yōu)秀案例，吸取地域文化的特殊元素，展現(xiàn)當(dāng)?shù)匚幕�的魅力。地域文化結(jié)合網(wǎng)頁(yè)設(shè)計(jì)中傳統(tǒng)藝術(shù)設(shè)計(jì)原理，能夠更好的讓瀏覽者清晰的了解當(dāng)?shù)匚幕�，�?dú)特的地域元素能夠給網(wǎng)頁(yè)設(shè)計(jì)帶來(lái)獨(dú)有的地域風(fēng)情，在使用過(guò)程中能夠有效的宣傳，提升地域文化的認(rèn)知度。

網(wǎng)頁(yè)設(shè)計(jì)論文4

　　1網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中對(duì)多媒體技術(shù)的運(yùn)用

　　隨著信息技術(shù)的不斷進(jìn)步，多媒體技術(shù)得到了迅速發(fā)展，當(dāng)前網(wǎng)絡(luò)傳輸?shù)募夹g(shù)以及硬件技術(shù)也在不斷的提高，這樣也就為藝術(shù)和技術(shù)的結(jié)合創(chuàng)造了良好的條件，這樣也有利于網(wǎng)頁(yè)的設(shè)計(jì)體現(xiàn)出更為優(yōu)質(zhì)的效果，從而也為多媒體技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用創(chuàng)造了更為廣闊的前景。

　　2在多媒體設(shè)計(jì)中恰當(dāng)?shù)娜谌胨囆g(shù)設(shè)計(jì)的成分

　　網(wǎng)頁(yè)設(shè)計(jì)不只是由多媒體元素構(gòu)成，為了使其更加的美觀就必須要考慮藝術(shù)性，要注意平面效果的傳達(dá)，這也就需要做到不同的元素結(jié)合起來(lái)，但是在結(jié)合過(guò)程中需要注意以下幾點(diǎn)：

　　2.1在設(shè)計(jì)網(wǎng)頁(yè)的過(guò)程中要注意內(nèi)容和形式的統(tǒng)一

　　在進(jìn)行設(shè)計(jì)時(shí)就需要做到形式與內(nèi)容的統(tǒng)一，使得形式服從于內(nèi)容，從而使得網(wǎng)絡(luò)的整體效果表現(xiàn)出來(lái)，這也就要求網(wǎng)頁(yè)的細(xì)節(jié)需要做得很到位，從而使得網(wǎng)頁(yè)與多媒體元素的相關(guān)性凸現(xiàn)出來(lái)。

　　2.2突出主題要素

　　網(wǎng)頁(yè)要盡可能的突出主題，使得風(fēng)格與之相協(xié)調(diào)。在風(fēng)格選擇上要注意多媒體元素的選擇，注意其色調(diào)的搭配，同時(shí)還要做好排版工作，從而使得整個(gè)網(wǎng)頁(yè)具有較強(qiáng)的吸引力，達(dá)到應(yīng)有的效果。

　　2.3注重色彩搭配

　　在一個(gè)網(wǎng)頁(yè)中色彩數(shù)量最好控制在4個(gè)左右，同時(shí)還要分出主次，確保總體上的統(tǒng)一，在局部上形成對(duì)比，要注意體現(xiàn)主題的色彩搭配，注意色系的選擇，還要注意背景色的選擇，盡可能的站在瀏覽者的角度思考問(wèn)題。

　　2.4注重網(wǎng)頁(yè)布局

　　網(wǎng)頁(yè)布局大致可分標(biāo)題型、拐角型、框架型等，選擇布局類(lèi)型的依據(jù)主要是信息狀況，網(wǎng)頁(yè)狀況以及結(jié)構(gòu)狀況，這樣就會(huì)使得網(wǎng)頁(yè)的頁(yè)面可以一目了然。國(guó)字型以及拐角型的適合用于信息量大的網(wǎng)頁(yè)中，標(biāo)題正文型的適合用于綱要性的網(wǎng)頁(yè)之中，動(dòng)畫(huà)型的可以靈活的運(yùn)用到各種各樣網(wǎng)頁(yè)之中，但是在布局的選擇過(guò)程中需要注意各種布局類(lèi)型優(yōu)缺點(diǎn)的選擇，只有這樣才能使得網(wǎng)頁(yè)的效果更為明顯。

　　3結(jié)束語(yǔ)

　　多媒體技術(shù)在我國(guó)發(fā)展的速度非常迅速，并且不斷地成熟起來(lái)。在網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中要充分的運(yùn)用多媒體技術(shù)，同時(shí)要注意與藝術(shù)性的結(jié)合，要注意實(shí)現(xiàn)藝術(shù)與技術(shù)的結(jié)合與統(tǒng)一，這樣才可以使得網(wǎng)頁(yè)設(shè)計(jì)更為立體，更加的生動(dòng)形象，更具有空間效果，從而使得網(wǎng)頁(yè)可以更好的吸引瀏覽者，給瀏覽者留下深刻的印象，從而達(dá)到一種影像的效果，達(dá)到網(wǎng)站所傳輸出的目的，使其價(jià)值得以最優(yōu)化.

網(wǎng)頁(yè)設(shè)計(jì)論文5

　�。壅�要］校企共教是現(xiàn)代社會(huì)發(fā)展中形成的新型教學(xué)方式，中職院校在引導(dǎo)學(xué)生設(shè)計(jì)和制作網(wǎng)頁(yè)時(shí)，強(qiáng)化校企共教能夠有效增強(qiáng)學(xué)生的職業(yè)意識(shí)，提升學(xué)生的職業(yè)素養(yǎng)，綜合探究中職院校在課程教學(xué)中實(shí)施校企共教的具體策略，希望能夠使現(xiàn)代中職院校得到更大的發(fā)展。

　�。坳P(guān)鍵詞］校企共教；中職；網(wǎng)頁(yè)設(shè)計(jì)與制作；課程教學(xué)

　　在現(xiàn)代科技發(fā)展過(guò)程中，網(wǎng)站制作得到了很大的發(fā)展，對(duì)其相關(guān)人才也提出了更高的要求，中職院校在具體實(shí)施教育工作時(shí)，需要科學(xué)改進(jìn)傳統(tǒng)教學(xué)模式，強(qiáng)化校企共教，確保人才建設(shè)能夠高度滿足現(xiàn)代企業(yè)建設(shè)需求，為了進(jìn)一步明確中職院校如何更為有效地落實(shí)校企共教，特此實(shí)施本次教育研究，希望對(duì)大家有所啟發(fā)。

　　一、開(kāi)發(fā)校本教材

　　運(yùn)用校企共教開(kāi)展教學(xué)工作，培養(yǎng)學(xué)生專(zhuān)業(yè)技能和專(zhuān)業(yè)知識(shí)是其教育工作的主要目的，所以教師需要科學(xué)地改革教學(xué)內(nèi)容。以往教學(xué)要用的教材，運(yùn)用相對(duì)落后的知識(shí)體系、應(yīng)用年限、出版和編寫(xiě)會(huì)對(duì)教材造成很大影響，使其無(wú)法實(shí)現(xiàn)與時(shí)俱進(jìn)，為了確保學(xué)生專(zhuān)業(yè)知識(shí)學(xué)習(xí)能夠迎合企業(yè)發(fā)展方向，職業(yè)學(xué)校需要進(jìn)行校本教材的合理開(kāi)發(fā)，由專(zhuān)業(yè)骨干教師和企業(yè)專(zhuān)家共同參與編寫(xiě)。在教材中融入最新的應(yīng)用軟件、創(chuàng)意方向和設(shè)計(jì)理念。企業(yè)技術(shù)骨干的合理融入，可以使網(wǎng)站設(shè)計(jì)和內(nèi)容具有更為充分的創(chuàng)新性和實(shí)用性，學(xué)生通過(guò)學(xué)習(xí)校本教材，能夠充分掌握設(shè)計(jì)和制作網(wǎng)頁(yè)的最新知識(shí)，對(duì)學(xué)生未來(lái)就業(yè)創(chuàng)造良好條件，順應(yīng)職業(yè)教育的培養(yǎng)特點(diǎn)，提升我們的教學(xué)質(zhì)量。例如，為電子商務(wù)專(zhuān)業(yè)開(kāi)發(fā)網(wǎng)頁(yè)設(shè)計(jì)與制作校本教材時(shí)，請(qǐng)當(dāng)?shù)仉娚坍a(chǎn)業(yè)園的網(wǎng)店美工技術(shù)人員，針對(duì)當(dāng)?shù)靥厣�物產(chǎn)，結(jié)合本地歷史文化，編寫(xiě)商品網(wǎng)頁(yè)文案撰寫(xiě)相關(guān)教學(xué)內(nèi)容，以及設(shè)計(jì)相應(yīng)物產(chǎn)推廣和營(yíng)銷(xiāo)的網(wǎng)頁(yè)案例范本，將職業(yè)場(chǎng)景、軟件知識(shí)、行業(yè)知識(shí)有機(jī)融合，讓學(xué)生通過(guò)開(kāi)發(fā)的校本教材掌握知識(shí)點(diǎn)、技能點(diǎn)，實(shí)現(xiàn)校內(nèi)實(shí)訓(xùn)與企業(yè)實(shí)習(xí)就業(yè)的無(wú)縫銜接。

　　二、制訂教學(xué)目標(biāo)

　　在現(xiàn)代中職院校發(fā)展中，校企合作已經(jīng)得到了很大的發(fā)展，教師在具體落實(shí)課程教學(xué)時(shí)，如何引進(jìn)企業(yè)資源是其教育工作難點(diǎn)問(wèn)題。此時(shí)，學(xué)校需要和企業(yè)進(jìn)行有效的合作，共同設(shè)置教學(xué)內(nèi)容和教學(xué)目標(biāo)，確保學(xué)生能夠更高效地學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)，實(shí)現(xiàn)教學(xué)質(zhì)量的有效提升，進(jìn)而保證課堂教學(xué)目標(biāo)和教學(xué)內(nèi)容可以高度滿足企業(yè)需求。在具體學(xué)習(xí)設(shè)計(jì)和制作Dreamweaver網(wǎng)頁(yè)之前，教師首先需要組織學(xué)生進(jìn)行圖像處理的學(xué)習(xí)，夯實(shí)學(xué)生的專(zhuān)業(yè)基礎(chǔ)，確保學(xué)生能夠有效處理多媒體素材和網(wǎng)頁(yè)設(shè)計(jì)圖片，此時(shí)，學(xué)生能夠結(jié)合個(gè)人想象開(kāi)發(fā)作品。教師在具體實(shí)施網(wǎng)頁(yè)設(shè)計(jì)教學(xué)時(shí)，不僅需要確保學(xué)生能夠熟練應(yīng)用相關(guān)網(wǎng)站的基本操作，而且需要確保學(xué)生能夠設(shè)計(jì)制作相關(guān)網(wǎng)站，實(shí)現(xiàn)學(xué)生綜合能力的有效提升。在具體開(kāi)展科創(chuàng)教學(xué)時(shí)，自主開(kāi)發(fā)一個(gè)網(wǎng)站是其教育工作的最終目標(biāo)，因此，教師在具體開(kāi)設(shè)網(wǎng)頁(yè)設(shè)計(jì)課程之前，需要考慮知識(shí)的連貫性，確保學(xué)生能夠掌握商品拍攝與圖片處理，以及熟練應(yīng)用Photoshop、Flash、Firework等軟件，為網(wǎng)站整體布局和圖像處理創(chuàng)造良好的條件，確保學(xué)生能夠獨(dú)立建設(shè)靜態(tài)網(wǎng)站，進(jìn)而保障學(xué)生后期能夠更高效地參與企業(yè)工作。例如，電子商務(wù)專(zhuān)業(yè)學(xué)生使用校企共編教材設(shè)計(jì)商品推廣與營(yíng)銷(xiāo)網(wǎng)頁(yè)之前，首先需要拍攝收集商品素材，并利用Photoshop軟件對(duì)商品素材進(jìn)行處理、美化，然后根據(jù)處理后的商品素材，撰寫(xiě)相關(guān)文案，再對(duì)圖片和文案進(jìn)行排版和美化，最后運(yùn)用Dreamweaver，結(jié)合Flash、Firework等軟件完成商品推廣與營(yíng)銷(xiāo)網(wǎng)頁(yè)的制作。

　　三、理論結(jié)合實(shí)踐

　　網(wǎng)頁(yè)設(shè)計(jì)和制作具有極強(qiáng)的實(shí)踐性，中職教師在具體實(shí)施教育工作時(shí)，需要理論結(jié)合實(shí)踐，強(qiáng)化學(xué)生實(shí)踐技能。首先，需要實(shí)現(xiàn)教師實(shí)踐經(jīng)驗(yàn)的合理豐富，確保教師在日常教學(xué)時(shí)，可以將理論合理融入實(shí)踐活動(dòng)中，教師在完成理論知識(shí)教學(xué)之后，需要引導(dǎo)學(xué)生進(jìn)行實(shí)踐操作，確保學(xué)生在操作中能夠進(jìn)一步掌握如何應(yīng)用理論知識(shí)。與此同時(shí)，學(xué)校還需要為學(xué)生實(shí)踐操作提供相關(guān)平臺(tái)，利用機(jī)房和多媒體教室開(kāi)展實(shí)踐練習(xí)，強(qiáng)化學(xué)生的實(shí)踐應(yīng)用能力。最后，專(zhuān)業(yè)教師還需要和企業(yè)兼職教師有效合作，共同制訂教學(xué)目標(biāo)，設(shè)計(jì)和開(kāi)發(fā)課程教學(xué)項(xiàng)目，組織學(xué)生進(jìn)行實(shí)訓(xùn)，確保課程體系建設(shè)能夠有效融入企業(yè)工程項(xiàng)目中，使其課程教學(xué)具有更高的職業(yè)性、實(shí)用性和針對(duì)性，并和企業(yè)生產(chǎn)實(shí)際有效結(jié)合。在引導(dǎo)學(xué)生進(jìn)行網(wǎng)站編輯時(shí)，為了實(shí)現(xiàn)學(xué)生網(wǎng)站維護(hù)經(jīng)驗(yàn)的豐富，教師可以和相關(guān)企業(yè)有效合作，組織學(xué)生進(jìn)行頂崗實(shí)習(xí)。學(xué)生在進(jìn)行頂崗實(shí)習(xí)時(shí)，可以和企業(yè)專(zhuān)業(yè)技術(shù)人員直接接觸，進(jìn)行有效的互動(dòng)交流，了解企業(yè)最新技術(shù)和發(fā)展動(dòng)態(tài)，進(jìn)而確保充分了解未來(lái)工作崗位。例如，電子商務(wù)專(zhuān)業(yè)可參與到本地電商產(chǎn)業(yè)園平時(shí)的網(wǎng)站維護(hù)中，在此過(guò)程中，學(xué)生根據(jù)當(dāng)?shù)貢r(shí)令特產(chǎn)，隨時(shí)更新主推商品。如在5月、6月、7月首推龍蝦、螺絲等，9月、10月、11月首推大閘蟹、菱角、芡實(shí)等。還可根據(jù)節(jié)日、實(shí)際銷(xiāo)量等，及時(shí)調(diào)整宣傳文案與活動(dòng)宣傳圖片，做到常更常新，學(xué)生能融入合作企業(yè)的日常工作中，就能在實(shí)習(xí)就業(yè)階段順暢適應(yīng)工作崗位

　　四、改進(jìn)教育模式

　　在以往實(shí)施網(wǎng)頁(yè)設(shè)計(jì)課程時(shí)，通常由教師在課堂上向?qū)W生演示相關(guān)案例，然后要求學(xué)生模仿該案例，最后由學(xué)生設(shè)計(jì)和制作相關(guān)網(wǎng)頁(yè)，教師普遍采取照本宣科和“填鴨式”教學(xué)實(shí)時(shí)課堂內(nèi)容教學(xué)，教學(xué)活動(dòng)的乏味性相對(duì)較強(qiáng)。針對(duì)該情況，教師需要對(duì)其教學(xué)模式進(jìn)行科學(xué)改變，確保能夠?qū)�學(xué)生學(xué)習(xí)興趣進(jìn)行有效激發(fā)，實(shí)現(xiàn)整體教學(xué)效果的有效提升[1]。例如，在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)的相關(guān)內(nèi)容教學(xué)時(shí)，中職學(xué)生對(duì)事物具有獨(dú)特的看法，尤其是面對(duì)自己感興趣的動(dòng)漫人物、電影明星和游戲時(shí)，具有相對(duì)開(kāi)闊的思路，會(huì)自我設(shè)定角色。因此，教師在具體進(jìn)行該部分教學(xué)時(shí)，需要科學(xué)改變課程教學(xué)，對(duì)傳統(tǒng)教學(xué)模式進(jìn)行有效突破，在向?qū)W生講述制作網(wǎng)頁(yè)的技術(shù)和方法時(shí)，還需要加入設(shè)計(jì)風(fēng)格、網(wǎng)頁(yè)主題、網(wǎng)頁(yè)布局、網(wǎng)頁(yè)設(shè)計(jì)等細(xì)節(jié)，引導(dǎo)學(xué)生自由選擇，通過(guò)該方式，可以使學(xué)生具有充分的自主權(quán)，確保學(xué)生能夠結(jié)合個(gè)人興趣進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)，完善相關(guān)作品，不僅能夠使學(xué)生更高效地學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)，而且可以對(duì)學(xué)生的創(chuàng)新能力進(jìn)行科學(xué)培養(yǎng)，實(shí)現(xiàn)學(xué)生整體設(shè)計(jì)水平的全面提升。在對(duì)電子商務(wù)專(zhuān)業(yè)學(xué)生實(shí)施教學(xué)時(shí)，學(xué)生根據(jù)自己的喜好，為本地特產(chǎn)魚(yú)圓設(shè)計(jì)了宣傳海報(bào)。

　　五、設(shè)置工作任務(wù)

　　利用工作任務(wù)實(shí)施項(xiàng)目教學(xué)具體是指教師根據(jù)單元所學(xué)內(nèi)容創(chuàng)設(shè)教學(xué)情境，確保教學(xué)內(nèi)容能夠合理融入職業(yè)工作內(nèi)容中，在項(xiàng)目教學(xué)中融入典型工作任務(wù)，與企業(yè)生產(chǎn)實(shí)際有效結(jié)合，確保教學(xué)內(nèi)容中有學(xué)生必須掌握的理論知識(shí)，同時(shí)，教師還可以根據(jù)教學(xué)需求對(duì)其進(jìn)行科學(xué)分解，使其形成多個(gè)小項(xiàng)目單元，進(jìn)而保障學(xué)生能夠進(jìn)行更為有效的學(xué)習(xí)。例如，在進(jìn)行開(kāi)發(fā)與設(shè)計(jì)Web網(wǎng)站教學(xué)時(shí)，教師可以在教學(xué)活動(dòng)中貫穿電子商務(wù)購(gòu)物，結(jié)合具體工作流程對(duì)該工作任務(wù)進(jìn)行簡(jiǎn)單分解，同時(shí)，將理論教學(xué)融入其中，確保教學(xué)活動(dòng)能夠有效結(jié)合真實(shí)工作崗位，進(jìn)而保證能夠更高效地實(shí)施項(xiàng)目教學(xué)，在此過(guò)程中，我們的工作任務(wù)設(shè)置要緊密結(jié)合產(chǎn)業(yè)需求，將學(xué)校的教學(xué)和企業(yè)的需求進(jìn)行深度融合。

　　六、確保因材施教

　　中職類(lèi)學(xué)生在參與學(xué)習(xí)時(shí)，具有不同的學(xué)習(xí)興趣、專(zhuān)業(yè)能力和專(zhuān)業(yè)基礎(chǔ)，所以，教師在進(jìn)行人才培養(yǎng)時(shí)，無(wú)法使學(xué)生完全掌握行業(yè)所需內(nèi)容，同時(shí)也無(wú)法批量生產(chǎn)。部分學(xué)生具有良好的口才，同時(shí)，還有學(xué)生對(duì)色彩極其敏感，部分學(xué)生擅長(zhǎng)編碼技術(shù)，針對(duì)該情況，教師需要確保教學(xué)工作因材施教。例如，在具體開(kāi)展教學(xué)活動(dòng)時(shí)，教師需要引導(dǎo)學(xué)生扮演不同角色，從而完成不同任務(wù)，教師可以引導(dǎo)學(xué)生根據(jù)個(gè)人興趣選擇角色，然后實(shí)施分組教學(xué)，對(duì)學(xué)生的興趣進(jìn)行科學(xué)培養(yǎng)[2]。如果學(xué)生市場(chǎng)嗅覺(jué)敏感、口才良好，教師則需要側(cè)重于培養(yǎng)網(wǎng)站架構(gòu)和調(diào)研，而如果學(xué)生色彩感覺(jué)好，美工功底強(qiáng)，教師需要將網(wǎng)頁(yè)美工設(shè)計(jì)作為人才培養(yǎng)的側(cè)重點(diǎn)。最后，如果學(xué)生對(duì)編碼技術(shù)具有較高的興趣，教師則需要培養(yǎng)學(xué)生編寫(xiě)后臺(tái)代碼，實(shí)現(xiàn)網(wǎng)站技術(shù)。因材施教的有效落實(shí)，可以確保學(xué)生具有較高的學(xué)習(xí)興趣，使學(xué)生能夠迅速掌握未來(lái)所需的專(zhuān)業(yè)技能，從而畢業(yè)的時(shí)候可以輕松地適應(yīng)未來(lái)的就業(yè)崗位。

　　七、引進(jìn)企業(yè)專(zhuān)家

　　中職院校在實(shí)施教育工作時(shí)，如果想要確保班級(jí)教學(xué)有效結(jié)合企業(yè)教學(xué)，需要科學(xué)引進(jìn)企業(yè)專(zhuān)家，科學(xué)講解課堂內(nèi)容和企業(yè)內(nèi)容。在課堂教學(xué)中引入企業(yè)專(zhuān)家具有較高的難度。針對(duì)該情況，教師可以利用網(wǎng)絡(luò)手段組織學(xué)生開(kāi)展網(wǎng)絡(luò)連接學(xué)習(xí)，確保課堂教學(xué)可以和企業(yè)文化有效融合，使學(xué)生對(duì)企業(yè)相關(guān)信息有充分的了解，同時(shí)，還可以引導(dǎo)學(xué)生對(duì)網(wǎng)站設(shè)計(jì)的最新技術(shù)進(jìn)行深入學(xué)習(xí)，對(duì)學(xué)生職業(yè)素養(yǎng)、職業(yè)榮譽(yù)、職業(yè)良心和職業(yè)責(zé)任進(jìn)行科學(xué)培養(yǎng)[3]。例如，在實(shí)施添加和設(shè)置多媒體對(duì)象的相關(guān)內(nèi)容教學(xué)時(shí)，教師可以引進(jìn)企業(yè)專(zhuān)家進(jìn)行教學(xué)，企業(yè)專(zhuān)家在具體講解中，可以根據(jù)自身工作經(jīng)驗(yàn)，簡(jiǎn)單介紹企業(yè)網(wǎng)站對(duì)多媒體資源的需求，可在網(wǎng)頁(yè)中插入多媒體資源的具體方法，然后進(jìn)行影片和聲音插入方式的科學(xué)講解，通過(guò)開(kāi)放式可以對(duì)學(xué)生學(xué)習(xí)興趣進(jìn)行有效激發(fā)，使其能夠迅速掌握該知識(shí)點(diǎn)。與此同時(shí)，在具體進(jìn)行該章節(jié)教學(xué)時(shí)，企業(yè)教師可以講解相關(guān)視頻。例如，在詳細(xì)講解添加視頻時(shí)，企業(yè)專(zhuān)家可以利用多媒體向?qū)W生講解自己的企業(yè)，在進(jìn)行教育工作的同時(shí)，還可以對(duì)學(xué)生輸出企業(yè)文化，實(shí)現(xiàn)教學(xué)效率的有效提升。又如，在進(jìn)行網(wǎng)頁(yè)頁(yè)面布局的相關(guān)內(nèi)容教學(xué)時(shí)，通過(guò)視頻講解，可以使學(xué)生進(jìn)一步理解所學(xué)內(nèi)容，教師在完成課程教學(xué)之后，還可以利用班級(jí)群對(duì)學(xué)生設(shè)計(jì)和制作網(wǎng)頁(yè)學(xué)習(xí)提供必要的幫助，幫助學(xué)生解決在具體實(shí)踐中出現(xiàn)的問(wèn)題與疑惑，并對(duì)其網(wǎng)頁(yè)設(shè)計(jì)技術(shù)進(jìn)行分享。

　　八、強(qiáng)化項(xiàng)目教學(xué)

　　在開(kāi)展實(shí)訓(xùn)課程時(shí)，教師可以合理應(yīng)用項(xiàng)目任務(wù)教學(xué)，針對(duì)職業(yè)崗位需求實(shí)施教育工作，對(duì)企業(yè)工作情境進(jìn)行科學(xué)模擬，推廣過(guò)程導(dǎo)向、案例解析、情景體驗(yàn)、任務(wù)驅(qū)動(dòng)等多種教學(xué)方式，確保能夠使工學(xué)結(jié)合得到充分體現(xiàn)。針對(duì)網(wǎng)站建設(shè)的具體流程和工作任務(wù)，根據(jù)實(shí)際崗位團(tuán)隊(duì)進(jìn)行項(xiàng)目組的合理設(shè)置，基于職業(yè)情境創(chuàng)設(shè)學(xué)習(xí)情境，確保能夠使學(xué)生合理融入學(xué)習(xí)情境，使其能夠?qū)ψ陨砭哂薪?jīng)驗(yàn)進(jìn)行合理應(yīng)用，主動(dòng)獲取相關(guān)信息，明確實(shí)際崗位的操作流程和具體要求。在具體實(shí)施網(wǎng)頁(yè)設(shè)計(jì)制作的相關(guān)內(nèi)容教學(xué)時(shí)，教師需要針對(duì)教學(xué)內(nèi)容設(shè)計(jì)具體工作項(xiàng)目[4]。首先，需要明確任務(wù)，教師需要針對(duì)教學(xué)內(nèi)容設(shè)置學(xué)習(xí)任務(wù)，并對(duì)學(xué)生進(jìn)行效果預(yù)覽圖的展示，使學(xué)生對(duì)其任務(wù)要求有充分的了解。借助教學(xué)平臺(tái)發(fā)布思維導(dǎo)圖、學(xué)習(xí)任務(wù)書(shū)、任務(wù)效果圖等，引導(dǎo)學(xué)生構(gòu)建知識(shí)體系，自主學(xué)習(xí)、小組探究多方面提升學(xué)生的綜合能力和素養(yǎng)，由此構(gòu)建任務(wù)驅(qū)動(dòng)課堂。其次，需要科學(xué)制訂工作計(jì)劃，學(xué)生需要針對(duì)教師引導(dǎo)對(duì)項(xiàng)目任務(wù)進(jìn)行科學(xué)分級(jí)，設(shè)定具體工作計(jì)劃。例如，制作“宅家商城”網(wǎng)站主頁(yè)，在明確任務(wù)后，學(xué)生根據(jù)網(wǎng)頁(yè)效果圖，制訂工作任務(wù)計(jì)劃思維導(dǎo)圖，對(duì)任務(wù)梳理、分級(jí)。隨后，教師還需要引導(dǎo)學(xué)生根據(jù)工作計(jì)劃收集相關(guān)資料，并為其項(xiàng)目工作準(zhǔn)備所需素材，然后學(xué)生需要針對(duì)工作計(jì)劃設(shè)計(jì)和制作頁(yè)面，并利用文字對(duì)其進(jìn)行記錄。最后，需要進(jìn)行檢查評(píng)測(cè)，學(xué)生需要將個(gè)人作品進(jìn)行展示，然后由教師對(duì)其進(jìn)行提問(wèn)，組織學(xué)生答辯和互評(píng)，并由教師對(duì)其進(jìn)行科學(xué)講評(píng)，從而不斷提升學(xué)生的創(chuàng)作水平。

　　九、結(jié)語(yǔ)

　　中職院校在具體落實(shí)網(wǎng)頁(yè)設(shè)計(jì)與制作的相關(guān)內(nèi)容教學(xué)時(shí)，通過(guò)開(kāi)發(fā)校本教材，制訂教學(xué)目標(biāo)，理論結(jié)合實(shí)踐，改進(jìn)教育模式，設(shè)置工作任務(wù)，確保因材施教，引進(jìn)企業(yè)專(zhuān)家，強(qiáng)化項(xiàng)目教學(xué)能夠確保有效落實(shí)校企共教，確保學(xué)生能夠更充分地掌握相關(guān)專(zhuān)業(yè)知識(shí)，強(qiáng)化學(xué)生實(shí)踐技能，保證學(xué)生在未來(lái)能夠更高效地參與職業(yè)工作。

　　參考文獻(xiàn)：

　　［1］江梅梅.項(xiàng)目式教學(xué)在網(wǎng)頁(yè)設(shè)計(jì)與制作課程中的應(yīng)用［J］.大觀，20xx，229（11）：151-152.

　　［2］朱曉.優(yōu)化網(wǎng)頁(yè)制作與設(shè)計(jì)課程課堂教學(xué)的幾點(diǎn)做法［J］.現(xiàn)代職業(yè)教育，20xx（6）：188-189.

　�。�3］蔡鴻璋.探索網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)的新思路［J］.課程教育研究，20xx（42）：55.

　�。�4］梁菊.項(xiàng)目教學(xué)法運(yùn)用于中職電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)中的探究［J］.職業(yè)，20xx，501（2）：73-74.

網(wǎng)頁(yè)設(shè)計(jì)論文6

　　1基于計(jì)算機(jī)軟件技術(shù)的模塊化網(wǎng)頁(yè)技術(shù)介紹

　　在計(jì)算機(jī)軟件技術(shù)支持下，進(jìn)行網(wǎng)頁(yè)包裝與設(shè)計(jì)需要分模塊來(lái)進(jìn)行，在不同的模塊中應(yīng)用的技術(shù)方法也要做出區(qū)分，長(zhǎng)時(shí)間處于這樣的環(huán)境下，很難確保管理任務(wù)達(dá)到理想的使用標(biāo)準(zhǔn)，技術(shù)方法也是不斷發(fā)展變化的，能夠提升軟件的使用穩(wěn)定性，在功能上也能夠與設(shè)計(jì)方案保持一致。網(wǎng)頁(yè)包裝設(shè)計(jì)要體現(xiàn)出個(gè)性化，在使用功能與頁(yè)面選擇上都要保持整體性，網(wǎng)頁(yè)設(shè)計(jì)同樣需要計(jì)算機(jī)軟件的支持，在技術(shù)上體現(xiàn)出對(duì)系統(tǒng)的保護(hù)設(shè)計(jì)，這樣當(dāng)發(fā)生質(zhì)量不達(dá)標(biāo)的現(xiàn)象時(shí)，才能通過(guò)技術(shù)方法來(lái)規(guī)避，并避免在接下來(lái)的設(shè)計(jì)中出現(xiàn)嚴(yán)重的隱患問(wèn)題。所設(shè)計(jì)的網(wǎng)頁(yè)也能順利投入到使用環(huán)節(jié)中。子模塊是網(wǎng)頁(yè)整體中的一部分，該模塊的設(shè)計(jì)關(guān)系到網(wǎng)頁(yè)功能是否能夠正常實(shí)現(xiàn)，基于計(jì)算機(jī)軟件技術(shù)環(huán)境下所進(jìn)行的模塊設(shè)計(jì)難度比較大，需要采取定向研究的方法來(lái)進(jìn)行調(diào)控，首先保障網(wǎng)站包裝設(shè)計(jì)的功能能夠?qū)崿F(xiàn)，再進(jìn)行細(xì)節(jié)上的補(bǔ)充，完成設(shè)計(jì)任務(wù)。

　　2基于計(jì)算機(jī)軟件技術(shù)的網(wǎng)頁(yè)包裝技術(shù)實(shí)現(xiàn)

　�。�1）對(duì)HTML語(yǔ)言的擴(kuò)充。網(wǎng)頁(yè)包裝設(shè)計(jì)期間，使用HTML語(yǔ)言來(lái)進(jìn)行匯編，在設(shè)計(jì)過(guò)程中，系統(tǒng)中能夠形成穩(wěn)定的使用標(biāo)準(zhǔn)，并且隨著基層中常見(jiàn)的技術(shù)問(wèn)題產(chǎn)生，語(yǔ)言擴(kuò)充也能夠起到預(yù)防控制作用，技術(shù)應(yīng)用階段需要在語(yǔ)言中添加一些常用的功能語(yǔ)句識(shí)別程序，可以節(jié)省大量的網(wǎng)頁(yè)請(qǐng)求分析時(shí)間，并在基層中形成穩(wěn)定的使用標(biāo)準(zhǔn)，一旦出現(xiàn)網(wǎng)絡(luò)不穩(wěn)定的情況，也能夠?qū)⒂脩魹g覽到的界面保存，避免重要的信息資料丟失。在語(yǔ)言擴(kuò)充期間，需要根據(jù)模塊來(lái)記性歸類(lèi)，避免出現(xiàn)語(yǔ)言混亂的情況，可以使用不同的背景對(duì)語(yǔ)言模塊進(jìn)行填充，這樣更方便區(qū)分，不容易出現(xiàn)匯編遺忘或者重復(fù)的現(xiàn)象。

　　（2）對(duì)Web服務(wù)器的改進(jìn)。Web瀏覽器是常用的網(wǎng)頁(yè)瀏覽信息，瀏覽器在使用期間可能會(huì)出現(xiàn)請(qǐng)求應(yīng)答延遲的現(xiàn)象，在技術(shù)方法中都能夠得到有效的解決，這樣才能夠確保網(wǎng)頁(yè)功能的正常實(shí)現(xiàn)，并通過(guò)技術(shù)性方法來(lái)促進(jìn)計(jì)算機(jī)軟件得到及時(shí)的更新。瀏覽器的處理功能中，大部分是關(guān)于臨時(shí)文件來(lái)進(jìn)行的，改進(jìn)時(shí)可以保持原有的設(shè)計(jì)框架不變，這樣能夠節(jié)省大量的時(shí)間，并對(duì)設(shè)計(jì)內(nèi)容進(jìn)行定向的調(diào)節(jié)控制，這樣能夠節(jié)省大量的框架結(jié)構(gòu)形成時(shí)間，并在現(xiàn)場(chǎng)形成更理想化的運(yùn)行體系。

　　3計(jì)算機(jī)軟件技術(shù)中的模塊化網(wǎng)頁(yè)技術(shù)作用和意義

　　（1）高效地組織和維護(hù)Web上的信息資源。通過(guò)計(jì)算機(jī)軟件技術(shù)，能夠達(dá)到更理想化的使用標(biāo)準(zhǔn)，使用期間針對(duì)信息資源進(jìn)行整合，幫助提升使用效率，并達(dá)到理想的運(yùn)行標(biāo)準(zhǔn)。通過(guò)計(jì)算機(jī)軟件技術(shù)能夠幫助提升信息資源的利用效率，與實(shí)際情況保持一致，并且更新效率也能快速的提升。網(wǎng)頁(yè)模塊的設(shè)計(jì)也會(huì)通過(guò)模塊方法來(lái)進(jìn)行控制，觀察網(wǎng)站中可能會(huì)出現(xiàn)的問(wèn)題，采取技術(shù)手段來(lái)控制，觀察網(wǎng)頁(yè)計(jì)算中可能會(huì)出現(xiàn)的問(wèn)題，并對(duì)現(xiàn)場(chǎng)采取技術(shù)控制方法，觀察發(fā)現(xiàn)隱患問(wèn)題后，可以第一時(shí)間解決，確保網(wǎng)站的運(yùn)行穩(wěn)定性。

　　（2）提高瀏覽網(wǎng)頁(yè)的速度。計(jì)算機(jī)軟件技術(shù)應(yīng)用后，可以幫助提升使用網(wǎng)頁(yè)的瀏覽速度，并避免出現(xiàn)數(shù)據(jù)庫(kù)損壞或者丟失的現(xiàn)象，瀏覽器之間的運(yùn)行配合能夠使數(shù)據(jù)信息內(nèi)容更豐富，用戶通過(guò)網(wǎng)頁(yè)所提出的請(qǐng)求也擁有更大的搜索范圍，在時(shí)間與效率上自然能夠得到明顯的提升。技術(shù)創(chuàng)新是通過(guò)計(jì)算機(jī)軟件技術(shù)來(lái)實(shí)現(xiàn)的，軟件中的功能需要配合框架來(lái)進(jìn)行，當(dāng)發(fā)現(xiàn)在使用期間可能會(huì)出現(xiàn)一些質(zhì)量隱患現(xiàn)象時(shí)，系統(tǒng)會(huì)第一時(shí)間將這種情況反饋到系統(tǒng)中，方便技術(shù)人員能夠第一時(shí)間查看。網(wǎng)頁(yè)中各個(gè)模塊在設(shè)計(jì)時(shí)會(huì)重點(diǎn)區(qū)分內(nèi)容，并在功能上相互進(jìn)行，互相配合達(dá)到最高效的使用效果。網(wǎng)絡(luò)狀態(tài)下網(wǎng)頁(yè)內(nèi)的信息會(huì)不斷的更新，與實(shí)際情況保持一致，用戶也能找到自己需要的信息。當(dāng)請(qǐng)求新頁(yè)面時(shí)，新頁(yè)面中那些已經(jīng)在本地有副本存在的子模塊就可以在本地得到，不需要再到Web服務(wù)器上去取，從而提高瀏覽網(wǎng)頁(yè)的速度，減少了網(wǎng)絡(luò)的數(shù)據(jù)流量。

　　結(jié)語(yǔ)

　　文中提出了模塊化網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，通過(guò)子模塊的制作，可以在許多頁(yè)面之間共享子模塊中的信息;而且，在一定程度上保證了網(wǎng)站信息的一致性。通過(guò)對(duì)已經(jīng)瀏覽過(guò)的模塊進(jìn)行存儲(chǔ)可以提高網(wǎng)頁(yè)瀏覽速度，降低網(wǎng)絡(luò)數(shù)據(jù)流量和服務(wù)器的工作負(fù)擔(dān)，有助于提高搜索引擎的搜索精度和效率，對(duì)于Web應(yīng)用研究具有一定的參考價(jià)值。

　　參考文獻(xiàn)

　　[1]仇樂(lè).網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)應(yīng)用解析[J].煤炭技術(shù),20xx(03).

　　[2]王國(guó)慶.探究基于DIV+CSS技術(shù)的網(wǎng)頁(yè)設(shè)計(jì)優(yōu)化方法[J].信息與電腦(理論版),20xx(02).

網(wǎng)頁(yè)設(shè)計(jì)論文7

　　響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)原型研究

　　網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文內(nèi)容

　　當(dāng)今，移動(dòng)互聯(lián)網(wǎng)迅猛發(fā)展，各種智能設(shè)備層出不窮。傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)采用“固定頁(yè)面及元素寬度，任何終端統(tǒng)一頁(yè)面效果”的策略，無(wú)疑將造成網(wǎng)頁(yè)在一些新興移動(dòng)終端上顯示的文字極小、鏈接分布極密，用戶需要在屏幕上不停操作來(lái)自主尋求較好的體驗(yàn)。面對(duì)這一弊端，網(wǎng)頁(yè)設(shè)計(jì)師聚焦于“響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)”這一關(guān)鍵詞，試圖使用一套代碼為各類(lèi)終端設(shè)備提供不同的設(shè)計(jì)和體驗(yàn)。從先前“為固定設(shè)備設(shè)計(jì)網(wǎng)頁(yè)”跨越到“響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)”是一個(gè)較難的過(guò)程。一些新手可能已經(jīng)積攢了諸如媒體查詢、流式布局、彈性圖片等零散的設(shè)計(jì)開(kāi)發(fā)技巧，掌握了HTML5和CSS3的使用方法，但他們依然無(wú)法駕馭響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)。造成這種情況的直接原因就在于缺乏一個(gè)能夠指導(dǎo)他們立即開(kāi)展響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)實(shí)踐的可操作流程，即原型。

　　1兩個(gè)關(guān)鍵概念：響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)與原型

　　響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)(RWD，Responsive網(wǎng)頁(yè)Design)是一種網(wǎng)頁(yè)前端開(kāi)發(fā)技術(shù)，它可以描述為，“兼顧多種不同設(shè)備屏幕尺寸、分辨率、系統(tǒng)平臺(tái)和行為做出相應(yīng)的調(diào)整和布局的顯示機(jī)制”。原型(Prototype)，也叫“原樣”，是“模擬科學(xué)”中的一個(gè)術(shù)語(yǔ)。在心理科學(xué)中，由于很難對(duì)動(dòng)作或心智活動(dòng)認(rèn)識(shí)清楚，所以一般沿用JR安德森的觀點(diǎn)，把原型(Prototype)視為關(guān)于范疇的最典型的樣例設(shè)想，即把“原型”視為外化的實(shí)踐模式，或“物質(zhì)化”了的心智活動(dòng)方式或操作活動(dòng)程序。綜合上述，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)原型可描述為：符合“響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目分析、各類(lèi)終端具有適合自身用戶體驗(yàn)的不同頁(yè)面效果、一套代碼完成所有不同終端的網(wǎng)頁(yè)制作、各類(lèi)終端與主流瀏覽器良好兼容”等一系列規(guī)則的，外化的響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)活動(dòng)實(shí)踐模式。

　　2建構(gòu)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的原型

　　建構(gòu)原型一般采用心理模擬法，它包含三個(gè)步驟：

　　(1)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)活動(dòng)的功能分析;

　　(2)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)活動(dòng)的結(jié)構(gòu)分析;

　　(3)功能分析與結(jié)構(gòu)分析的有機(jī)結(jié)合。其中，功能分析的重點(diǎn)是作用的對(duì)象，條件與結(jié)果;結(jié)構(gòu)分析的重點(diǎn)在于組成要素及要素之間的關(guān)系。響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的目標(biāo)是能夠高效的編寫(xiě)一套代碼為各類(lèi)終端設(shè)備提供良好的設(shè)計(jì)效果和使用體驗(yàn)，這需要具備HTML5、CSS3、Javascript和jquery的基本技能。響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)之父——伊桑.馬科特認(rèn)為，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該首先針對(duì)小屏幕進(jìn)行設(shè)計(jì)，然后逐步增強(qiáng)針對(duì)大屏幕設(shè)計(jì)。這種思路顛覆了傳統(tǒng)固定寬度的網(wǎng)頁(yè)設(shè)計(jì)方法，對(duì)于那些已經(jīng)積攢了零散的響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)開(kāi)發(fā)技巧、HTML5及CSS3等技術(shù)，能夠較熟練的完成固定寬度桌面端網(wǎng)頁(yè)的新手而言，恐怕很難理解從小屏幕開(kāi)始設(shè)計(jì)然后漸進(jìn)增強(qiáng)的思路�？紤]到新手已經(jīng)習(xí)慣設(shè)計(jì)制作固定寬度的桌面版網(wǎng)頁(yè)，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)如果從固定寬度的大屏幕網(wǎng)頁(yè)制作開(kāi)始，然后改造這套代碼將僅適用于桌面的網(wǎng)頁(yè)依次兼容平板端和手機(jī)端也是一個(gè)不錯(cuò)的思路。響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)活動(dòng)包含了“項(xiàng)目分析”、“網(wǎng)頁(yè)平面設(shè)計(jì)”、“桌面版網(wǎng)頁(yè)制作”、“平面版的改造”、“手機(jī)版的改造”及“兼容問(wèn)題的調(diào)試”這6個(gè)典型的子活動(dòng)。這些典型要素的關(guān)系可以描述為，“要想高效的完成某響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目，首先需要項(xiàng)目分析，其階段性結(jié)果是響應(yīng)式網(wǎng)頁(yè)的總體方案，即在用戶群體需求分析及主題解讀的基礎(chǔ)上，進(jìn)行色彩分析及定位，確定UI版面布局，分析設(shè)計(jì)網(wǎng)頁(yè)功能模塊，確定網(wǎng)頁(yè)風(fēng)格等，最終形成包含“前言”、“需求分析”、“系統(tǒng)分析”、“風(fēng)格設(shè)計(jì)”、“各類(lèi)終端UI版面初步布局”、“色彩定位”、“網(wǎng)頁(yè)建設(shè)日程規(guī)劃”等部分的網(wǎng)頁(yè)總體方案文檔;然后，根據(jù)前期方案中“色彩”、“風(fēng)格”及“各類(lèi)終端UI版面布局”等的分析，依據(jù)頁(yè)面設(shè)計(jì)原則，利用photoshop繪制適用于各類(lèi)終端顯示的平面效果圖;隨后，利用“HTML5+Css3”技術(shù)采用

　　+css布局完成固定寬度桌面版網(wǎng)頁(yè)的制作并生成網(wǎng)頁(yè)文件和樣式表文件;接著，在這套代碼的基礎(chǔ)上，利用媒體查詢技術(shù)、流式布局、彈性圖片技術(shù)，結(jié)合平板終端的頁(yè)面效果圖將代碼改造成兼容桌面及平板的網(wǎng)頁(yè);之后，在上述修改的基礎(chǔ)上，繼續(xù)利用媒體查詢技術(shù)和彈性圖片技術(shù)，結(jié)合手機(jī)終端的頁(yè)面效果圖將代碼改造成兼容桌面、平板、手機(jī)的網(wǎng)頁(yè);最后，利用火狐和IETester軟件查看初步完成的響應(yīng)式網(wǎng)頁(yè)，解決跨瀏覽器的兼容問(wèn)題，形成完整網(wǎng)站。該過(guò)程中任何環(huán)節(jié)如果出現(xiàn)不妥當(dāng)都應(yīng)該返回上個(gè)步驟進(jìn)行重新修改。結(jié)合上述對(duì)網(wǎng)頁(yè)設(shè)計(jì)活動(dòng)的功能與結(jié)構(gòu)分析，不難發(fā)現(xiàn)，響應(yīng)式Web設(shè)計(jì)活動(dòng)原型中的6個(gè)典型子活動(dòng)復(fù)雜程度不同。其中“桌面版網(wǎng)頁(yè)制作”、“平面版的改造”、“手機(jī)版的改造”及“兼容問(wèn)題的調(diào)試”這4個(gè)典型子活動(dòng)是比較復(fù)雜的，包含了很多熟手的關(guān)鍵技術(shù)，需要進(jìn)一步闡述。

　　3熟手的關(guān)鍵技術(shù)

　　從上述適用于新手的響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)活動(dòng)基本原型發(fā)現(xiàn)，制作一個(gè)能夠兼容主流瀏覽器的固定寬度桌面版網(wǎng)頁(yè)是響應(yīng)式網(wǎng)頁(yè)制作的開(kāi)端。那么，首先在“桌面版網(wǎng)頁(yè)制作”這個(gè)環(huán)節(jié)中提取一些熟手關(guān)鍵技術(shù)，作為給予新手的技巧提示。

　　3.1兼容主流瀏覽器的桌面版網(wǎng)頁(yè)制作技術(shù)

　　為了防止不同瀏覽器給予相同HTML5標(biāo)簽的初始樣式存在差異，熟手利用HTML5+CSS3制作桌面版網(wǎng)頁(yè)制作時(shí)，一般會(huì)在樣式文件(擴(kuò)展名.css)中給出如下初始化代碼：*{margin：0px;padding:0px;}body{margin:0px;padding:0px;text-align:center;font-family:"宋體";font-size:16px;color:#cccccc;}ul,li,a{margin:0px;padding:0px;list-style:none;}div{overflow:hidden;float:left;}#wrapper{width:1007px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;clear:both;}這部分代碼塊可以實(shí)現(xiàn)頁(yè)面在IE內(nèi)核和Firefox內(nèi)核的所有版本瀏覽器中居中對(duì)齊，外層布局盒子與瀏覽器頭部無(wú)縫緊貼;

　　及css3完成固定寬度布局時(shí)，默認(rèn)所有內(nèi)部布局

　　向左浮動(dòng)，溢出屬性為隱藏;所有構(gòu)成頁(yè)面的HTML5元素的默認(rèn)邊距和填充屬性為0px;HTML5的列表標(biāo)簽?zāi)�認(rèn)項(xiàng)目符號(hào)為空，邊距和填充為0px。此外，確定頁(yè)面尺寸,目前大多數(shù)顯示器為1024像素*768像素，那么以此為默認(rèn)顯示器時(shí)，頁(yè)面的寬度尺寸一般設(shè)置為“1007像素”。初始化CSS代碼后，接下來(lái)就是利用

　　+CSS完成布局，這里提示新手：完成布局后，務(wù)必在IETESTER和Firefox中檢查網(wǎng)頁(yè)布局是否能夠兼容主流瀏覽器。然后，根據(jù)桌面版網(wǎng)頁(yè)平面設(shè)計(jì)效果圖完成頁(yè)面的制作。此外，熟手的經(jīng)驗(yàn)是制作過(guò)程中頻繁檢測(cè)桌面版網(wǎng)頁(yè)是否能夠完美兼容各種瀏覽器。

　　3.2利用流式布局、彈性圖片、媒體查詢技術(shù)修改桌面版網(wǎng)頁(yè)

　　(1)相對(duì)視口尺寸，將最外層的布局

　　(例如：#wrapper{width:1007px;...})的寬度設(shè)置為96%(這個(gè)值取決于當(dāng)前頁(yè)面的視覺(jué)效果，也可以給其他數(shù)值);然后，將最外層的布局

　　內(nèi)部的頁(yè)頭布局、導(dǎo)航布局、內(nèi)容布局、側(cè)邊欄布局、頁(yè)腳布局

　　對(duì)應(yīng)的CSS樣式中的width屬性值利用公式——目標(biāo)元素寬度÷上下文元素寬度=百分比寬度把網(wǎng)頁(yè)的固定布局修改成百分比布局，也就是將固定像素寬度轉(zhuǎn)換成對(duì)應(yīng)的百分比寬度。

　　(2)將頁(yè)面中所有HTML5標(biāo)簽元素對(duì)應(yīng)的CSS樣式表中的margin-right、margin-left、padding-right、padding-left的屬性值也用公式——目標(biāo)元素寬度÷上下文元素寬度=百分比寬度來(lái)修改。

　　(3)將CSS樣式表中的font-size屬性值的單位用em來(lái)代替px。這里依然使用公式——目標(biāo)元素寬度÷上下文元素寬度=百分比寬度。這里需要提示新手的是：在標(biāo)簽的初始化代碼中，如果有font-size:16px;語(yǔ)句，那么在給其他元素的font-size屬性上修改值時(shí)，公式中的“上下文元素寬度”就等于16px，例如，#logo{font-size:48px;}現(xiàn)在要修改為#logo{font-size:3em;}。

　　(4)為了實(shí)現(xiàn)彈性圖片，讓圖片隨視口縮放，圖形圖像、動(dòng)畫(huà)和視頻的彈性設(shè)置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中，max-width屬性是用于確�？s放時(shí)不會(huì)超出圖片最大尺寸。同時(shí)，熟手還會(huì)使用AdaptiveImages解決方案來(lái)實(shí)現(xiàn)自適應(yīng)圖片。

　　(5)媒體查詢可以通過(guò)判斷不同設(shè)備終端，提供不同的樣式使其實(shí)現(xiàn)在不同終端都能獲得最佳的用戶體驗(yàn)。例如，某個(gè)響應(yīng)式頁(yè)面用電腦瀏覽頁(yè)面時(shí)，頁(yè)面信息會(huì)以平鋪的形式分布在頁(yè)面合適的位置;用手機(jī)瀏覽頁(yè)面時(shí)，導(dǎo)航按鈕會(huì)相繼隱藏起來(lái)，部分信息變成左右滑動(dòng)的方式呈現(xiàn)，頁(yè)面會(huì)重新布局，圖片相應(yīng)縮小。媒介查詢的語(yǔ)法格式是，例如：設(shè)定寬度不超過(guò)400像素的屏幕尺寸，代碼是：。雖然，HTML5+CSS3提供了良好的媒體查詢功能，但當(dāng)前仍有一些瀏覽器不支持，你可能需要添加如下基本樣式：3.3不同種類(lèi)、不同版本瀏覽器的兼容問(wèn)題解決跨越瀏覽器的問(wèn)題一直是響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的難題。熟手面對(duì)這一問(wèn)題時(shí)，一般采用“漸進(jìn)增強(qiáng)與降級(jí)”、“利用javascript修復(fù)老版本IE”、“使用Modernizr輔助修正樣式，按需加載資源”、“給IE6，7，8追加媒體查詢功能”等方法。

　　4結(jié)束語(yǔ)

　　對(duì)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)而言，當(dāng)前的設(shè)計(jì)理念和技術(shù)方法還不是終點(diǎn),網(wǎng)站前端設(shè)計(jì)師需要繼續(xù)努力找出更好的解決方案。而對(duì)新手學(xué)習(xí)者而言，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)開(kāi)發(fā)技能的形成不是一蹴而就的，還需要學(xué)習(xí)者在多個(gè)項(xiàng)目中，利用原型進(jìn)行多次定向、操作及內(nèi)化才能真正掌握。

網(wǎng)頁(yè)設(shè)計(jì)論文8

　　摘要：網(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í)，是一門(mén)交叉學(xué)科。伴隨著互聯(lián)網(wǎng)電商的發(fā)展，茶葉的銷(xiāo)售很多也會(huì)從線下轉(zhuǎn)變到線上，目前，很多茶產(chǎn)品的展示和銷(xiāo)售逐漸向互聯(lián)網(wǎng)上轉(zhuǎn)移，茶產(chǎn)品網(wǎng)頁(yè)層出不窮。但是由于茶葉產(chǎn)品的網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)是新出現(xiàn)的東西，所以在藝術(shù)呈現(xiàn)上還不是很成熟，還存在一些問(wè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ì)視覺(jué)呈現(xiàn)的方法。

　　關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)；茶產(chǎn)品；藝術(shù)設(shè)計(jì)；視覺(jué)呈現(xiàn)

　　近年來(lái)，互聯(lián)網(wǎng)電商發(fā)展迅猛，很多產(chǎn)品都有了網(wǎng)絡(luò)銷(xiāo)售渠道，茶產(chǎn)品也不例外。茶產(chǎn)品的網(wǎng)絡(luò)銷(xiāo)售離不開(kāi)網(wǎng)頁(yè)的展示，好的網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)才能讓茶產(chǎn)品從眾多品牌中脫穎而出，具有更強(qiáng)的競(jìng)爭(zhēng)力，所以茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)的視覺(jué)呈現(xiàn)越來(lái)越受到人們的重視。茶產(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ì)元素必須更具有觀賞性，視覺(jué)呈現(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)行銷(xiāo)售，所以網(wǎng)頁(yè)設(shè)計(jì)逐漸被人們所重視。茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)是通過(guò)設(shè)計(jì)師對(duì)茶產(chǎn)品的理解和內(nèi)涵的認(rèn)知，根據(jù)茶產(chǎn)品的特色，進(jìn)行的創(chuàng)造性的網(wǎng)頁(yè)構(gòu)思。從表面上來(lái)看，茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)是對(duì)網(wǎng)頁(yè)的版式、色彩、聲音、動(dòng)畫(huà)進(jìn)行了合理的安排和運(yùn)用，雖然看起來(lái)簡(jiǎn)單，但是要想實(shí)現(xiàn)這一過(guò)程，不僅需要一定的技術(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)涵視覺(jué)呈現(xiàn)，以前人們習(xí)慣了用實(shí)物呈現(xiàn)茶文化，現(xiàn)在要將實(shí)物換成圖片、音頻、視頻等表現(xiàn)形式，本質(zhì)上是一樣的，但是網(wǎng)頁(yè)設(shè)計(jì)呈現(xiàn)茶文化的方式比原來(lái)更多了，不過(guò)也有其短板，就比如人們沒(méi)有辦法去聞一下茶葉的氣味，品嘗茶水的味道，觸摸一下茶葉，這些都是網(wǎng)頁(yè)設(shè)計(jì)無(wú)法進(jìn)行呈現(xiàn)的，但是視頻和音頻、圖片包含的信息要比傳統(tǒng)的實(shí)物大很多，就好比在有限的地方想要呈現(xiàn)全國(guó)所有地方的不同種類(lèi)的茶葉，通過(guò)線下展示幾乎是不可能完成的，但是通過(guò)一個(gè)視頻就能清晰準(zhǔn)確地表達(dá)出來(lái)。線上和線下各有所長(zhǎng)，這是沒(méi)有辦法避免的，我們只能借助手中的技能，最大程度地通過(guò)網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)將茶文化的內(nèi)涵呈現(xiàn)出來(lái)。

　　2茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)視覺(jué)呈現(xiàn)要素

　　2.1茶產(chǎn)品網(wǎng)頁(yè)的視聽(tīng)元素

　　茶產(chǎn)品的網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)包含眾多的視聽(tīng)元素，而如何以合適的藝術(shù)形式將這些視聽(tīng)元素組合起來(lái)，并且支持大多數(shù)瀏覽器的顯示和播放，具有比較快的加載速度和瀏覽體驗(yàn)，減少和避免使用外部程序和模塊，是茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)主要考慮的問(wèn)題。茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)還可以運(yùn)用多媒體技術(shù)，這樣可以更加豐富茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)的視覺(jué)效果，讓其具有更好的視覺(jué)呈現(xiàn)。這樣做的本質(zhì)就是讓網(wǎng)頁(yè)設(shè)計(jì)呈現(xiàn)給人的感覺(jué)能夠盡可能的還原人實(shí)物給人呈現(xiàn)的東西一樣，近年來(lái)流行的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è)中，可以給人耳目一新的感覺(jué)，也能夠帶給用戶更好的體驗(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)容，避免過(guò)于繁瑣和混亂。將茶產(chǎn)品網(wǎng)頁(yè)的各種視聽(tīng)元素進(jìn)行有機(jī)的組合和排列，體現(xiàn)出茶產(chǎn)品的個(gè)性，通過(guò)這些排列形式也可以體現(xiàn)出設(shè)計(jì)師的想法和思維，展現(xiàn)出茶產(chǎn)品的文化內(nèi)容和風(fēng)格。茶產(chǎn)品的網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)在本質(zhì)上和報(bào)刊雜志等平面媒體的本質(zhì)是相同的，只不過(guò)茶產(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)安排帶來(lái)更多的難度。

　　3茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的視覺(jué)呈現(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)用需要像音樂(lè)的音符一樣進(jìn)行巧妙和恰當(dāng)?shù)陌才牛�這樣才能像音樂(lè)優(yōu)美的旋律一樣，具有色彩的藝術(shù)感。色彩可以通過(guò)視覺(jué)的呈現(xiàn)讓人出現(xiàn)各種不同的心理感受和反應(yīng)，所以需要經(jīng)過(guò)精心的組合、搭配以及畫(huà)面的構(gòu)成。茶產(chǎn)品網(wǎng)站藝術(shù)設(shè)計(jì)的視覺(jué)呈現(xiàn)不能過(guò)于單一的使用同一種顏色，也不能同時(shí)使用過(guò)多的色彩，導(dǎo)致整個(gè)茶產(chǎn)品網(wǎng)站色彩過(guò)于復(fù)雜，而是根據(jù)茶產(chǎn)品的主題選擇一兩種顏色作為主要的顏色，其他部分選用相近或者同色系的顏色作為次要顏色。所以，需要在確定主題色彩之后，考慮主題色彩與其他顏色之間的關(guān)系，讓各個(gè)色彩之間能夠達(dá)到協(xié)調(diào)和均衡，同時(shí)還要考慮各種顏色的純度、透明度和色相的問(wèn)題。其目的就是讓人在瀏覽茶產(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àn)種，而網(wǎng)頁(yè)設(shè)計(jì)師需要做的就是通過(guò)合理的點(diǎn)、線、面組合來(lái)表達(dá)茶產(chǎn)品網(wǎng)頁(yè)的自然、生動(dòng)、樸實(shí)等形象，讓人通過(guò)茶產(chǎn)品網(wǎng)頁(yè)對(duì)茶產(chǎn)品產(chǎn)生美好的聯(lián)想。通過(guò)點(diǎn)、線、面的密集程度和集合形態(tài)，來(lá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ì)的最佳視覺(jué)效果呈現(xiàn)出來(lái)。

　　3.3文字的排版和應(yīng)用

　　茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的另一形象要素就是文字，文字也是茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)視覺(jué)呈現(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è)中其他視覺(jué)元素形成沖突，導(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(jué)的呈現(xiàn)更為多元化，這也是茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)中一種比較討巧的設(shè)計(jì)方式和技巧，可以讓茶產(chǎn)品網(wǎng)頁(yè)中的圖片和文字更加從容。只有通過(guò)留白對(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í)也可以帶給瀏覽者更多放松的感覺(jué)，讓用戶瀏覽時(shí)心情更加愉悅。

　　4結(jié)束語(yǔ)

　　綜上所述，隨著互聯(lián)網(wǎng)和時(shí)代的發(fā)展，茶產(chǎn)品基本上都有網(wǎng)絡(luò)銷(xiāo)售渠道，茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)的審美和要求也在不斷提高，茶產(chǎn)品網(wǎng)頁(yè)設(shè)計(jì)在傳遞茶產(chǎn)品信息的過(guò)程中也需要帶給用戶視覺(jué)和感官上的享受，所以茶產(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)品的理解，需要通過(guò)特定的技術(shù)手段展示茶文化的內(nèi)涵，我們希望通過(guò)網(wǎng)頁(yè)方式呈現(xiàn)給消費(fèi)者的就是和原來(lái)線下的一樣，技術(shù)是實(shí)現(xiàn)目的手段，我們運(yùn)用的技術(shù)不一樣，但是想要實(shí)現(xiàn)的目的一直都是一樣的。網(wǎng)頁(yè)設(shè)計(jì)相比較線下具備很大的優(yōu)勢(shì)，而技術(shù)的進(jìn)步也讓視覺(jué)呈現(xiàn)越來(lái)越好，由視覺(jué)感官的藝術(shù)上升到視聽(tīng)享受的層面，讓茶產(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ù)類(lèi)網(wǎng)頁(yè)設(shè)計(jì)工作坊“雙主體”管理體系的構(gòu)建分析[J].西部素質(zhì)教育,20xx(13):20.

　　[2]齊瑋琳.視覺(jué)傳達(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ì)的視覺(jué)呈現(xiàn)[J].計(jì)算機(jī)光盤(pán)軟件與應(yīng)用,20xx(7):262+264.

　　[8]李怡.中國(guó)水墨畫(huà)藝術(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ì)論文9

　　摘要：通過(guò)對(duì)傳統(tǒng)教學(xué)模式的調(diào)查研究，了解到傳統(tǒng)模式逐漸無(wú)法滿足學(xué)生的需求。項(xiàng)目教學(xué)法作為一種新的教學(xué)模式，在《JSP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》課程中是一種新的嘗試，通過(guò)學(xué)生自己完成項(xiàng)目的方式，自主學(xué)習(xí)JSP網(wǎng)頁(yè)設(shè)計(jì)，整個(gè)過(guò)程由學(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ì);步驟

　　通過(guò)對(duì)項(xiàng)目教學(xué)法的研究，選取與JSP網(wǎng)頁(yè)設(shè)計(jì)課程相關(guān)的項(xiàng)目來(lái)創(chuàng)設(shè)“情境”[1]，讓學(xué)生主動(dòng)從零到一，完成自我思考，自我學(xué)習(xí)，自我強(qiáng)化的過(guò)程，認(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ì)》這門(mén)課程也采用了該方式組織課堂教學(xué)，該門(mén)課程的實(shí)踐能力要求較高，社會(huì)只用性很強(qiáng)，是專(zhuān)業(yè)核心課程。主要選用項(xiàng)目是”基于JSP的學(xué)生管理系統(tǒng)”，從部分功能開(kāi)始，講練結(jié)合，讓學(xué)生做到能在理論的基礎(chǔ)上，舉一反三實(shí)現(xiàn)理論到實(shí)踐的轉(zhuǎn)化。課程結(jié)束時(shí)，學(xué)生應(yīng)具備了了解軟件開(kāi)發(fā)的過(guò)程，熟悉開(kāi)發(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é)生通過(guò)該項(xiàng)目，了解和掌握在整個(gè)過(guò)程中每一環(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í)施過(guò)程中，教師將需要解決的問(wèn)題通過(guò)對(duì)學(xué)生設(shè)立項(xiàng)目的形式來(lái)呈現(xiàn)，一本每個(gè)項(xiàng)目都會(huì)有具體的任務(wù)要求和說(shuō)明，學(xué)生通過(guò)老師發(fā)放的項(xiàng)目要求任務(wù)書(shū)來(lái)設(shè)計(jì)項(xiàng)目，負(fù)責(zé)整個(gè)項(xiàng)目的設(shè)計(jì)和實(shí)施。通過(guò)小組協(xié)同工作的方式，自學(xué)完成，期間有任何不懂得問(wèn)題可以咨詢導(dǎo)師，導(dǎo)師相當(dāng)于是學(xué)生的左右手，有什么不懂的隨時(shí)可以尋求幫助，給予學(xué)生一定的指導(dǎo)。最后學(xué)生共同根據(jù)項(xiàng)目制定計(jì)劃，完成分工，搜集項(xiàng)目的資料并將進(jìn)行整理，在實(shí)踐中發(fā)現(xiàn)問(wèn)題，分析問(wèn)題并解決問(wè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ī)專(zhuān)業(yè)學(xué)生學(xué)習(xí)的一門(mén)核心課程，其實(shí)踐性較強(qiáng)，不但要通過(guò)日常的書(shū)本上的學(xué)習(xí)，還要在計(jì)算機(jī)上反復(fù)實(shí)踐操作才能掌握。JSP全名為JavaServerPages，中文名叫Java服務(wù)器頁(yè)面，是一種網(wǎng)絡(luò)程序設(shè)計(jì)語(yǔ)言，用來(lái)開(kāi)發(fā)動(dòng)態(tài)網(wǎng)站[3]。它和JAVA的特點(diǎn)很相似，都簡(jiǎn)單易操作，全面向?qū)ο�，平臺(tái)安全可靠且無(wú)相關(guān)性。使用java編程語(yǔ)言的類(lèi)標(biāo)簽的XML腳本的JSP技術(shù)，對(duì)動(dòng)態(tài)網(wǎng)頁(yè)的處理邏輯[6]。網(wǎng)頁(yè)也可以通過(guò)標(biāo)簽和服務(wù)器應(yīng)用邏輯腳本資源訪問(wèn)。顯示器的分離設(shè)計(jì)，JSP頁(yè)面邏輯和網(wǎng)絡(luò)，為支持可重用的基于組件的設(shè)計(jì)，使基于Web的應(yīng)用程序的開(kāi)發(fā)變得迅速和容易。很多高校基于這些特點(diǎn)，都將其作為計(jì)算機(jī)專(zhuān)業(yè)學(xué)生繼學(xué)習(xí)JAVA后的有一門(mén)必修課程。但是由于其難度和枯燥性，很多學(xué)生表示很難駕馭得了，在步入社會(huì)以后，所學(xué)的知識(shí)沒(méi)能發(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)容，后期通過(guò)簡(jiǎn)單的上機(jī)操作進(jìn)行理論的鞏固，在這種教學(xué)模式下，學(xué)生很大一部分在前期就已經(jīng)喪失了學(xué)習(xí)JSP的興趣，后期的上機(jī)練習(xí)也只不過(guò)是現(xiàn)在教學(xué)的一種硬性要求，對(duì)于真正想要學(xué)習(xí)的學(xué)生無(wú)疑是一種沉重的枷鎖，學(xué)生學(xué)習(xí)的效果很差。但是通過(guò)運(yùn)用項(xiàng)目教學(xué)法，將課程的標(biāo)準(zhǔn)以項(xiàng)目完成的方式分成若干塊，學(xué)生通過(guò)完成項(xiàng)目任務(wù)來(lái)獲取學(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)：通過(guò)本課程的學(xué)習(xí)，熟練掌握配置JSP開(kāi)發(fā)環(huán)境;熟練掌握J(rèn)SP腳本元素、指令元素的用法;熟練掌握J(rèn)SP中內(nèi)置對(duì)象的特點(diǎn)及用法;熟練掌握J(rèn)DBC訪問(wèn)數(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過(guò)濾器的用法;掌握應(yīng)用JSP進(jìn)行WEB程序開(kāi)發(fā)的能力，初步具備開(kāi)發(fā)實(shí)際應(yīng)用程序的能力;2.能力目標(biāo)：能熟練使用eclipse軟件，實(shí)現(xiàn)學(xué)生管理系統(tǒng)的注冊(cè)登錄功能;信息添加刪除功能;查找等功能;能解決開(kāi)發(fā)過(guò)程中出現(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í)際問(wèn)題出發(fā)，提高學(xué)生的創(chuàng)新能力和自學(xué)能力。

　　(四)教學(xué)方法及過(guò)程的組織

　　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)提出意見(jiàn)完善項(xiàng)目并修改，將理論與實(shí)踐有機(jī)結(jié)合起來(lái)。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)專(zhuān)業(yè)方向的工作要求，并及時(shí)反饋給學(xué)生，讓學(xué)生及時(shí)了解到社會(huì)所需要的人才結(jié)構(gòu)。項(xiàng)目教學(xué)應(yīng)用是學(xué)生和老師互相學(xué)習(xí)的過(guò)程，是共同進(jìn)步的紐帶。不僅僅是學(xué)生自身能力的提高，也是老師對(duì)完善多年教學(xué)模式的一種新的認(rèn)知。

　　(五)考核方案的設(shè)置

　　適應(yīng)項(xiàng)目教學(xué)需要，為培養(yǎng)學(xué)生的綜合能力，對(duì)學(xué)生的.考核也要注重過(guò)程化的考核，鑒于課程實(shí)踐性強(qiáng)的特點(diǎn)，重點(diǎn)考核學(xué)生的軟件操作和軟件開(kāi)發(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ù)不宜過(guò)多，應(yīng)該在20至30人之間。

　　結(jié)束語(yǔ)

　　項(xiàng)目教學(xué)法的實(shí)施，有利于豐富和發(fā)展全國(guó)計(jì)算機(jī)專(zhuān)業(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ì)論文10

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

　　（一）使用宋體等常用的字體

　　所有瀏覽器默認(rèn)的標(biāo)準(zhǔn)字體是中文宋體和英文timesnewRoma字體。如果沒(méi)有進(jìn)行任何字體設(shè)置，在任何操作系統(tǒng)和瀏覽器里網(wǎng)頁(yè)將以這兩種標(biāo)準(zhǔn)字體顯示保持正確�，F(xiàn)在大多數(shù)電腦操作系統(tǒng)為微軟的windows系統(tǒng)，其安裝時(shí)就自帶的4種中文字體和40多種英文字體，四種中文字體分別為宋體、黑體、楷體(GB2312)、仿宋(GB2312)。凡是在windows操作系統(tǒng)的瀏覽器使用系統(tǒng)自帶的字體都可以正確顯示這些字體。

　　（二）圖片的方式置入網(wǎng)頁(yè)

　　根據(jù)網(wǎng)頁(yè)中的設(shè)計(jì)思想而選擇相應(yīng)的字體，設(shè)計(jì)師往往需要用一種特殊的字體來(lái)體現(xiàn)自己的風(fēng)格，那么特殊字體或藝術(shù)字體因?yàn)樽煮w的原因只能在本機(jī)電腦上顯示成功。為避免這種情況的出現(xiàn)，設(shè)計(jì)師可以把文字進(jìn)行柵格化，把文字變?yōu)閳D片的形式，最好以圖片的方式置入網(wǎng)頁(yè)，以保證所有人看到的網(wǎng)頁(yè)效果相同。

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

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

　　三、文字的顏色選擇

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

網(wǎng)頁(yè)設(shè)計(jì)論文11

　　【摘要】網(wǎng)頁(yè)設(shè)計(jì)是一種直觀的視覺(jué)語(yǔ)言，需要對(duì)其進(jìn)行布局與排版。雖然網(wǎng)頁(yè)設(shè)計(jì)與平面設(shè)計(jì)之間存在一定的區(qū)別，但是其兩者依然存在一定的相似之處，網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該充分借鑒利用平面設(shè)計(jì)的原則與方法。網(wǎng)頁(yè)設(shè)計(jì)中的布局與排版需要通過(guò)文字、圖形的組合來(lái)讓網(wǎng)頁(yè)獲得良好的視覺(jué)效果�，F(xiàn)文章主要針對(duì)計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)中的布局與排版進(jìn)行研究。

　　【關(guān)鍵詞】網(wǎng)頁(yè)設(shè)計(jì)；布局；排版；文字；設(shè)計(jì)論文

　　網(wǎng)站是企業(yè)或政府向用戶傳遞信息，提供服務(wù)的一種重要方式，是企業(yè)開(kāi)展電子商務(wù)的重要平臺(tái)，是政府面向民眾的重要窗口。網(wǎng)站是直接反應(yīng)企業(yè)形象、政府形象的平臺(tái)，因此網(wǎng)頁(yè)設(shè)計(jì)質(zhì)量的高低將會(huì)直接影響到企業(yè)或政府的形象。在網(wǎng)頁(yè)設(shè)計(jì)中，布局與排版是十分關(guān)鍵的內(nèi)容之一，其會(huì)直接影響到瀏覽者對(duì)網(wǎng)頁(yè)的第一印象與體驗(yàn)感。因此，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)的布局與排版進(jìn)行研究具有十分重大的實(shí)際意義。

　　1．計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)布局與排版原則

　　1．1布局與排版設(shè)計(jì)原則為了讓瀏覽者在瀏覽網(wǎng)頁(yè)過(guò)程中擁有更好的瀏覽體驗(yàn)，在進(jìn)行布局版本過(guò)程中要始終秉持以下原則:第一，整體布局，和諧統(tǒng)一。在網(wǎng)頁(yè)設(shè)計(jì)布局排版過(guò)程中整體布局占據(jù)著十分重要的作用。集成是網(wǎng)頁(yè)設(shè)計(jì)排版布局中常用的一個(gè)對(duì)稱(chēng)形式，通過(guò)空間的文本與圖形建立其平衡的狀態(tài)，從而產(chǎn)生和諧的美感［1］。但是單純的平衡有時(shí)候會(huì)導(dǎo)致頁(yè)面出現(xiàn)過(guò)于死板、僵化的情況。因此，可以在對(duì)稱(chēng)平衡設(shè)計(jì)中融合一些活潑、有趣的詞匯、圖形，但是要注意需要與頁(yè)面和諧統(tǒng)一。第二，主次分明，中心突出。在網(wǎng)頁(yè)頁(yè)面聚居中需要對(duì)視覺(jué)中心進(jìn)行充分的考慮，該視覺(jué)中西你通常位于頁(yè)面的關(guān)鍵區(qū)域—中部與上部的位置。因此，最有價(jià)值的信息應(yīng)該擺放在這一位置。網(wǎng)頁(yè)布局排版主次分明的最終目的是讓網(wǎng)頁(yè)可以形成清晰有序，能夠突出重點(diǎn)的視覺(jué)效果。第三，疏密有度，錯(cuò)落有致。在網(wǎng)頁(yè)布局排版中，一定要做好疏密有致，預(yù)留出一定的空白，靈活的使用字間距與行間距，制造出字間距與行間距之間的距離。對(duì)于形態(tài)與色彩的搭配運(yùn)用更要合理［2］。例如，黑白搭配、圓形與方形搭配，以便獲得更佳的視覺(jué)效果。第四，圖文并茂，生動(dòng)有趣。圖形美觀與文字的簡(jiǎn)潔之間需要合理的搭配。如果圖形在版面設(shè)計(jì)中占據(jù)的比例更大，則文字會(huì)相應(yīng)減少，從而大大減少頁(yè)面的信息量;而如果文字太多則會(huì)使得網(wǎng)頁(yè)版面變得死板。因此，網(wǎng)頁(yè)布局與排版應(yīng)該做到圖文并茂、合理搭配，從而給網(wǎng)頁(yè)帶來(lái)更加豐富的內(nèi)容，讓網(wǎng)頁(yè)變得更加有趣。1．2布局與排版設(shè)計(jì)方法網(wǎng)頁(yè)設(shè)計(jì)布局與排版方法主要包括以以下幾點(diǎn):第一，簡(jiǎn)潔明了。布局排版最為重要的原則就是一名了然，讓網(wǎng)頁(yè)瀏覽者可以更加順暢的瀏覽信息。第二，主色調(diào)鮮明。網(wǎng)頁(yè)設(shè)計(jì)給人的第一印象就是由主色調(diào)決定的。主色調(diào)在網(wǎng)頁(yè)布局與排版中是十分重要的，主色調(diào)過(guò)多會(huì)給瀏覽者帶來(lái)一種厭煩的感受，不利于瀏覽者長(zhǎng)時(shí)間瀏覽網(wǎng)頁(yè)。因此，網(wǎng)頁(yè)版本的主色調(diào)要進(jìn)行合理的控制，其中主色彩不能超過(guò)五種，并且要以一種主色調(diào)為主，凸顯以主導(dǎo)地位，另外幾種顏色作為烘托與點(diǎn)綴［3］。一般來(lái)說(shuō)，網(wǎng)頁(yè)設(shè)計(jì)的主色調(diào)包括黃、藍(lán)、灰、黑和白。第三，字體設(shè)置。在網(wǎng)頁(yè)設(shè)計(jì)中字體的設(shè)置也應(yīng)該始終秉持著簡(jiǎn)易的原則，通常來(lái)說(shuō)不應(yīng)該超過(guò)三種字體，并且字體在版面中不宜過(guò)大，從而讓更多文字給網(wǎng)頁(yè)瀏覽者帶來(lái)更多有價(jià)值的信息。值得注意的是，要避免閃爍的文字在網(wǎng)頁(yè)設(shè)計(jì)布局中出現(xiàn)，其會(huì)給瀏覽者帶來(lái)一種厭煩的感覺(jué)。同時(shí)，在網(wǎng)頁(yè)標(biāo)題欄中字體應(yīng)該相對(duì)于正文來(lái)說(shuō)要更大，顏色也需要進(jìn)行區(qū)分。

　　2．常見(jiàn)布局與排版

　　2．1T字型T型結(jié)構(gòu)是頂部的頁(yè)面布局為網(wǎng)站的標(biāo)語(yǔ)和橫幅，下列左側(cè)為主菜單，右側(cè)為內(nèi)容顯示。由于菜單的背景布置顏色更深，因此整體效果視覺(jué)類(lèi)似于英文字母“T”，因此被成為T(mén)字型布局。T字型布局是網(wǎng)頁(yè)設(shè)計(jì)中十分常見(jiàn)的設(shè)計(jì)布局，其優(yōu)勢(shì)在于頁(yè)面結(jié)構(gòu)清晰、明確，容易正確把握主次關(guān)系;缺點(diǎn)在于較為沉悶，缺乏靈活性，如果無(wú)法準(zhǔn)確把握，不注重細(xì)節(jié)與色彩的配合，十分容易出現(xiàn)無(wú)趣、枯燥的現(xiàn)象［4］。2．2口字型口字型布局給人一個(gè)感覺(jué)就是在頁(yè)面中間最為顯眼的主題內(nèi)容，類(lèi)似于一個(gè)口字型，左側(cè)通常包括注冊(cè)信息、內(nèi)容導(dǎo)航、搜索引擎，右側(cè)通常包括動(dòng)態(tài)消息、熱點(diǎn)資訊和友情鏈接。上下兩部分為橫條廣告與菜單�？谧中筒季值膬�(yōu)勢(shì)在于可以充分利用版面，囊括較大的信息量，缺點(diǎn)在于頁(yè)面較為擁擠，過(guò)于死板［5］�？谧中筒季执蠖啾粦�(yīng)用于國(guó)外站點(diǎn)中，國(guó)內(nèi)使用頻率較低。2．3POP布局POP布局是將一張合適的照片作為頁(yè)面設(shè)計(jì)的中心，并且在合適的位置擺放主菜單。POP布局并不是上下或左右對(duì)稱(chēng)的，但是在設(shè)計(jì)過(guò)程中依然要兼顧平衡與節(jié)奏。POP布局可以實(shí)現(xiàn)動(dòng)態(tài)效果，其優(yōu)勢(shì)在于美觀，缺陷在于運(yùn)行速度較為緩慢。2．4同字型同字型的網(wǎng)頁(yè)布局一般來(lái)說(shuō)內(nèi)容量都較大，網(wǎng)頁(yè)上方為標(biāo)題欄，其中內(nèi)容可以是網(wǎng)站主題或橫幅廣告，在標(biāo)題欄下可能存在小標(biāo)題。在頁(yè)面左右兩側(cè)都布置有相應(yīng)的內(nèi)容。通常來(lái)說(shuō)，可能是網(wǎng)站的最新動(dòng)態(tài)、網(wǎng)站的維護(hù)管理人員以及部分廣告。同字型網(wǎng)頁(yè)的主要內(nèi)容是分布在中央位置，從上至下，根據(jù)內(nèi)容的重點(diǎn)、類(lèi)型來(lái)進(jìn)行區(qū)分。網(wǎng)站下部分通常為空白，即使有內(nèi)容也是一些十分常規(guī)的內(nèi)容，包括網(wǎng)站制造方、網(wǎng)站基礎(chǔ)信息等。

　　3結(jié)語(yǔ)

　　計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)布局與排版是一門(mén)藝術(shù)，針對(duì)網(wǎng)頁(yè)不同的內(nèi)容可以采用不同的布局排版形式。然而不論采用何種的布局排版形式都需要始終秉持著布局排版的原則，以設(shè)計(jì)出美觀、簡(jiǎn)潔、便捷、人性化的網(wǎng)頁(yè)，讓瀏覽者可以舒適的瀏覽網(wǎng)頁(yè)。

　　參考文獻(xiàn):

　�。�1］李娟．淺述網(wǎng)頁(yè)設(shè)計(jì)中的頁(yè)面布局技術(shù)［J］．考試周刊，20xx(27):116～117．

　�。�2］董磊．網(wǎng)頁(yè)設(shè)計(jì)中視覺(jué)傳達(dá)的整合設(shè)計(jì)［J］．明日風(fēng)尚，20xx(05):123，106．

　�。�3］許煒熔．讓“美”走進(jìn)學(xué)生網(wǎng)頁(yè)作品———談在網(wǎng)頁(yè)設(shè)計(jì)課堂中提高學(xué)生綜合素質(zhì)的幾點(diǎn)建議［J］．課程教育研究，20xx(26):248～249．

　�。�4］梁日有．網(wǎng)頁(yè)設(shè)計(jì)中藝術(shù)創(chuàng)新的研究與實(shí)現(xiàn)探討［J］．學(xué)子(理論版)，20xx(03):12～13．

　�。�5］尹涓，崔曉曦．淺談網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)的應(yīng)用和技巧［J］．電腦知識(shí)與技術(shù)，20xx(15):204～205．

網(wǎng)頁(yè)設(shè)計(jì)論文12

　　1、網(wǎng)頁(yè)中使用的多媒體技術(shù)

　　1.1圖形圖像處理技術(shù)

　　圖形、圖像是一種非常直觀的表現(xiàn)形式，也是在多媒體信息當(dāng)中占有很大一部分的比重，在網(wǎng)頁(yè)當(dāng)中是設(shè)計(jì)者非常愿意運(yùn)用的一種形式。通過(guò)如下幾個(gè)步驟：獲取元素、處理元素、輸出元素、元素的數(shù)據(jù)壓縮以及圖像的儲(chǔ)存介質(zhì)能夠出現(xiàn)二維或三維的圖像。一般情況下獲取元素使用工具的采集以及掃描技術(shù)進(jìn)行，能夠出現(xiàn)很多種不同類(lèi)別的輸出形式。處理的方法也各式各樣，如使用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)畫(huà)處理技術(shù)

　　一般的動(dòng)畫(huà)格式有GIF、FLIC、SWF以及JAJA等，在目前網(wǎng)絡(luò)上以及生活中使用最多的為GIF以及SWF格式的圖片，因?yàn)镕LASH動(dòng)畫(huà)為矢量的，使用這兩種格式的圖片能夠保證其動(dòng)畫(huà)顯示的效果達(dá)到理想的狀態(tài)又能保證其體積小的特點(diǎn)，所以在網(wǎng)絡(luò)上得以廣泛的運(yùn)用。JAVA是一種編程語(yǔ)言�？梢杂闷饋�(lái)編寫(xiě)的applet的小程序有著跨平臺(tái)執(zhí)行的優(yōu)點(diǎn)，適合網(wǎng)上互動(dòng)的游戲以及手機(jī)上的動(dòng)畫(huà)，其前景十分寬，適合進(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)中的音頻的獲得方式各式各樣，比如說(shuō)能夠購(gòu)買(mǎi)素材庫(kù)以及在網(wǎng)絡(luò)上直接下載獲取等方式來(lái)獲得所需要的音頻。這項(xiàng)技術(shù)已經(jīng)擁有了一般的音頻模擬的方法所擁有的優(yōu)點(diǎn)，還在互聯(lián)網(wǎng)上傳播、在線播放等方面有著很好的聲音效果。聲音已經(jīng)成為了信息資源重要傳播途徑，將音頻以及視頻相互結(jié)合，能夠得到更好的效果。

　　1.4視頻處理技術(shù)

　　能夠在VCD光盤(pán)、模擬視頻收集以及攝像機(jī)的儲(chǔ)存器當(dāng)中來(lái)獲取其有關(guān)的視頻。視頻的特點(diǎn)為數(shù)據(jù)量比較大。比如說(shuō)，數(shù)字電視的圖像當(dāng)中的SIF的格式，一般的沒(méi)有經(jīng)過(guò)壓縮的圖像數(shù)據(jù)流量為20xxkb左右，但是在CCIR格式的視頻，一般沒(méi)有經(jīng)過(guò)壓縮的視頻的數(shù)據(jù)流量能夠達(dá)到140Mbps.因此，能夠看出視頻的數(shù)據(jù)流量是比較大的，假設(shè)將沒(méi)有進(jìn)行壓縮的視頻上傳，能夠出現(xiàn)資源的吞沒(méi)，甚至能夠出現(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)畫(huà)、視頻設(shè)計(jì)

　　在很多網(wǎng)站當(dāng)中，能夠發(fā)現(xiàn)有很多動(dòng)畫(huà)以及視頻的內(nèi)容，設(shè)計(jì)富有新意，假設(shè)設(shè)計(jì)合理的情況下，其內(nèi)容就能更好的突出想要傳播的主題，這么做的方式的優(yōu)點(diǎn)為能夠更加直觀的表現(xiàn)其內(nèi)容，還有了視覺(jué)的沖擊感，讓內(nèi)容更加的具體飽滿。FLASH動(dòng)畫(huà)已經(jīng)成為了在動(dòng)畫(huà)當(dāng)中不可或缺的一個(gè)組成成分，擁有體積小、傳速快的特點(diǎn)在動(dòng)畫(huà)當(dāng)中占據(jù)了很大的比重，F(xiàn)LASH動(dòng)畫(huà)不僅僅能夠表現(xiàn)簡(jiǎn)單的動(dòng)畫(huà)，還能夠在網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中建立電子畫(huà)冊(cè)，在另一個(gè)角度來(lái)看，引領(lǐng)了時(shí)代的潮流。

　　2.2圖形、圖像的版面設(shè)計(jì)

　　在制作網(wǎng)頁(yè)的時(shí)候盡量使用少量的圖片。因此在運(yùn)用圖像以及圖形的時(shí)候需要經(jīng)過(guò)精心的篩選，選取一個(gè)最能夠突出網(wǎng)頁(yè)內(nèi)容的圖像，并且使用某些軟件對(duì)圖像進(jìn)行處理，達(dá)到預(yù)期的效果，在網(wǎng)頁(yè)當(dāng)中選擇一個(gè)最好的擺放位置。把圖形文字化或者將文字圖形化都是特殊的方式將其內(nèi)容合理的表達(dá)，所以說(shuō)對(duì)于一些將進(jìn)行圖形處理文字，在網(wǎng)頁(yè)的版面設(shè)計(jì)當(dāng)中，這些文字也作為了一種圖形來(lái)處理。將文字和圖片進(jìn)行結(jié)合，不僅僅形式上富有新意，并且能夠顯得更加的美觀。

　　2.3多媒體元素的使用應(yīng)符合網(wǎng)絡(luò)風(fēng)格的整體性

　　在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，一定要應(yīng)按照原有的主題，依照其主體使用聽(tīng)覺(jué)視覺(jué)的方式來(lái)呈現(xiàn)個(gè)觀賞者，其多媒體元素使用是用來(lái)服務(wù)主題的，既要美觀又要突出網(wǎng)站的功能。

　　2.4多媒體技術(shù)與藝術(shù)相結(jié)合

　　由于多媒體技術(shù)的飛速進(jìn)步，讓其在創(chuàng)作的過(guò)程就忽略了美觀性。所以，將藝術(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)畫(huà)內(nèi)容不應(yīng)有太多，應(yīng)于實(shí)際情況相結(jié)合。多媒體元素的格式完全影響著打開(kāi)網(wǎng)頁(yè)的速度，假設(shè)網(wǎng)頁(yè)打開(kāi)過(guò)慢，則瀏覽者則失去耐心，不愿等待，所以合理設(shè)計(jì)網(wǎng)頁(yè)是不可忽視的重要環(huán)節(jié)。

　　3、結(jié)語(yǔ)

　　使用者能夠使用網(wǎng)站無(wú)論在任何時(shí)間或者地點(diǎn)接收和發(fā)送信息，因此不再受環(huán)境和時(shí)間的限制。網(wǎng)絡(luò)媒體已經(jīng)變成了重要的傳播途徑，如果注意多媒體元素的合理應(yīng)用，就能夠讓客戶觀看更加有效率。多媒體技術(shù)的應(yīng)用以及體現(xiàn)在社會(huì)的各個(gè)地方，為人們的生活和工作提供了便利，今后多媒體的應(yīng)用也會(huì)給人類(lèi)帶來(lái)巨大的改變。

網(wǎng)頁(yè)設(shè)計(jì)論文13

　　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)站開(kāi)發(fā)；（3）有較強(qiáng)的自學(xué)能力，是藝術(shù)與技術(shù)相結(jié)合的高素質(zhì)技術(shù)技能型人才。

　　2高職網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)現(xiàn)狀

　　我院對(duì)福建省同類(lèi)高職院校的網(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開(kāi)設(shè)課程不滿足社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)師的要求網(wǎng)頁(yè)設(shè)計(jì)課程是一門(mén)綜合性的課程，是它包括構(gòu)圖、排版、特效制作等多種知識(shí)，決定了這門(mén)課程具有很強(qiáng)的綜合性、實(shí)踐性、融藝術(shù)性與技術(shù)性為一體的特點(diǎn)。而高職院校教學(xué)雖然在開(kāi)設(shè)網(wǎng)頁(yè)設(shè)計(jì)課程體系上采取一定改革措施，但針對(duì)性不強(qiáng)，如針對(duì)企業(yè)需要藝術(shù)與技術(shù)相結(jié)合的網(wǎng)頁(yè)設(shè)計(jì)人才，專(zhuān)門(mén)開(kāi)設(shè)了《網(wǎng)站色彩與構(gòu)成》、《網(wǎng)頁(yè)設(shè)計(jì)》、《網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)》、《程序設(shè)計(jì)基礎(chǔ)（java方向）》相關(guān)專(zhuān)業(yè)技術(shù)課程，也專(zhuān)門(mén)開(kāi)設(shè)了《設(shè)計(jì)素描》、《設(shè)計(jì)色彩》、《構(gòu)成設(shè)計(jì)》等美術(shù)課程，但沒(méi)有真正以企業(yè)工作過(guò)程為導(dǎo)向，開(kāi)設(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)專(zhuān)業(yè)課程沒(méi)有適時(shí)更新，學(xué)生也缺乏提升自我的學(xué)習(xí)能力，因此高職畢業(yè)生很難適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)這一行業(yè)的人才需求。

　　2.2教師專(zhuān)業(yè)水平有限，團(tuán)隊(duì)意識(shí)不強(qiáng)有的高職院校雖然按照企業(yè)工作過(guò)程開(kāi)設(shè)網(wǎng)頁(yè)設(shè)計(jì)相關(guān)課程，但由于各個(gè)任課教師專(zhuān)業(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é)，有的教師自身受限專(zhuān)業(yè)水平與實(shí)踐技能，無(wú)法與專(zhuān)業(yè)組教師達(dá)成共識(shí)，造成學(xué)生在學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)業(yè)課程體系無(wú)法形成專(zhuān)業(yè)整個(gè)知識(shí)技能體系，網(wǎng)頁(yè)設(shè)計(jì)綜合技能很難得到提高，只能滿足于淘寶美工卻無(wú)法勝任電商網(wǎng)頁(yè)設(shè)計(jì)師。

　　2.3教學(xué)方法單一，仍以傳統(tǒng)教學(xué)為主長(zhǎng)期以來(lái)在教學(xué)中仍以教師為主體，而忽略學(xué)生的主體地位。h教師在授課中，往往先講解網(wǎng)頁(yè)各獨(dú)立元素的設(shè)計(jì)制作，與整體案例的設(shè)計(jì)制作相分離，導(dǎo)致學(xué)生在實(shí)踐過(guò)程中，學(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é)過(guò)程比較系統(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é)無(wú)法跟上進(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ì)授課過(guò)程中，教師要從易到難引入企業(yè)項(xiàng)目，引導(dǎo)啟發(fā)學(xué)生，并在課堂上統(tǒng)一進(jìn)行項(xiàng)目分析，在講解過(guò)程中，將網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)美學(xué)及專(zhuān)業(yè)技術(shù)知識(shí)融入到所要完成項(xiàng)目中，調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性、自主的對(duì)網(wǎng)頁(yè)綜合知識(shí)進(jìn)行建構(gòu)，同時(shí)通過(guò)現(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é)模式。通過(guò)混合式教學(xué)模式，把傳統(tǒng)學(xué)習(xí)方式的優(yōu)勢(shì)和網(wǎng)絡(luò)學(xué)習(xí)方式的優(yōu)勢(shì)結(jié)合起來(lái)，教學(xué)以學(xué)生為主體，充分挖掘?qū)W生學(xué)習(xí)過(guò)程過(guò)程積極性、主動(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é)模式，教師通過(guò)基于網(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ì)，通過(guò)網(wǎng)絡(luò)教學(xué)平臺(tái)建設(shè)，優(yōu)秀專(zhuān)業(yè)教師與企業(yè)技術(shù)人員帶領(lǐng)專(zhuān)業(yè)較弱教師，共同完成項(xiàng)目網(wǎng)頁(yè)設(shè)計(jì)整體設(shè)計(jì)。通過(guò)開(kāi)展混合式教學(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)畫(huà)、課件、網(wǎng)頁(yè)設(shè)計(jì)優(yōu)秀作品等教學(xué)內(nèi)容，遠(yuǎn)遠(yuǎn)超過(guò)教師課堂講授與教材內(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í)踐覺(jué)得能“跳著夠得著”，既有挑戰(zhàn)性，又能完成企業(yè)項(xiàng)目并使學(xué)生獲得成就感，提高學(xué)生綜合實(shí)踐技能。通過(guò)網(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)造精神和樹(shù)立終身學(xué)習(xí)的觀念有重要的意義。(3)學(xué)習(xí)自主性：傳統(tǒng)的課堂教學(xué)受限上課時(shí)間，教學(xué)內(nèi)容也受限，存在形式與內(nèi)容單一。特別對(duì)于學(xué)生難于理解的重點(diǎn)與難點(diǎn)，老師可能認(rèn)為在課堂已講解很清楚，但學(xué)生還是沒(méi)有理解等諸多弊端，而通過(guò)混合式教學(xué)，利用網(wǎng)絡(luò)在線教學(xué)等輔助手段在很大程度上彌補(bǔ)了這種不足，讓學(xué)生能在課后按需學(xué)習(xí)，讓差生或請(qǐng)假學(xué)生補(bǔ)缺補(bǔ)漏，趕上全班統(tǒng)一進(jìn)度。通過(guò)網(wǎng)絡(luò)教學(xué)平臺(tái)和教育教學(xué)資源庫(kù)，可以24小時(shí)開(kāi)放教學(xué)，大大打破上課的時(shí)間限制，學(xué)生可以把課堂當(dāng)中沒(méi)有消化的內(nèi)容利用網(wǎng)絡(luò)的在線自主學(xué)習(xí)，進(jìn)一步的加深理解，使課堂教學(xué)加以延伸。利用在線學(xué)習(xí)，基礎(chǔ)好的同學(xué)也可以通過(guò)網(wǎng)絡(luò)教學(xué)平臺(tái)和教育教學(xué)資源庫(kù)進(jìn)行自學(xué)，提升自己的學(xué)習(xí)能力。(4)網(wǎng)絡(luò)在線答疑：利用在線系統(tǒng)為教師和學(xué)生提供一個(gè)良好的交流平臺(tái)，師生通過(guò)平臺(tái)將獲得更多的溝通機(jī)會(huì)，師生之間在平臺(tái)上在線討論交流答疑，學(xué)生之間也可以在平臺(tái)上在線討論交流答疑，及時(shí)解決學(xué)習(xí)過(guò)程中遇到問(wèn)題，調(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ì)》為例說(shuō)明，實(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ì)的工作過(guò)程為依據(jù)，劃分上述八個(gè)學(xué)習(xí)情境，采用混合式教學(xué)模式，按任務(wù)展開(kāi)教學(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)問(wèn)題，并提出問(wèn)題，激發(fā)學(xué)生學(xué)習(xí)興趣，經(jīng)過(guò)共同分析與討論，總結(jié)出具體的制作方法；③實(shí)訓(xùn)(仿真實(shí)踐，在線測(cè)試)：學(xué)生根據(jù)學(xué)習(xí)情境，在教師的示范講解下，獨(dú)立完成操作，在線測(cè)試。④講評(píng)總結(jié)：學(xué)生在制作過(guò)程中會(huì)出現(xiàn)各種各樣的問(wèn)題。教師所做的是將問(wè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é)方法無(wú)法講清楚的知識(shí)點(diǎn)和實(shí)際操作演示，使教學(xué)效果更生動(dòng)具體。通過(guò)學(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)上信息量大，開(kā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ì)論文14

　　《網(wǎng)頁(yè)設(shè)計(jì)》是一門(mén)綜合性的“大課程”，鑒于其專(zhuān)業(yè)的特殊性，至目前藝術(shù)設(shè)計(jì)專(zhuān)業(yè)開(kāi)設(shè)的此課程尚沒(méi)有相對(duì)完善的教材，教學(xué)內(nèi)容和教學(xué)方法也處于探索階段。筆者結(jié)合多年從事web開(kāi)發(fā)和網(wǎng)頁(yè)設(shè)計(jì)教學(xué)經(jīng)驗(yàn)，對(duì)藝術(shù)設(shè)計(jì)專(zhuān)業(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í)代的到來(lái)，互聯(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ā)展的高校專(zhuān)業(yè)設(shè)置，為適應(yīng)時(shí)代需求，如計(jì)算機(jī)、電子商務(wù)及藝術(shù)設(shè)計(jì)等專(zhuān)業(yè)都開(kāi)設(shè)了《網(wǎng)頁(yè)設(shè)計(jì)》課程。就專(zhuān)業(yè)技術(shù)而言，《網(wǎng)頁(yè)設(shè)計(jì)》課程綜合性較強(qiáng)，涵蓋的知識(shí)面較為廣泛，一個(gè)網(wǎng)頁(yè)的建立到發(fā)布過(guò)程，涉及到了網(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)畫(huà)制作等諸多領(lǐng)域。鑒于其專(zhuān)業(yè)基礎(chǔ)的特殊性，這也導(dǎo)致了該課程針對(duì)不同專(zhuān)業(yè)在教學(xué)內(nèi)容、教學(xué)模式、教學(xué)方法等方面存在很大差異。理工科專(zhuān)業(yè)多側(cè)重于程序語(yǔ)言的編寫(xiě)學(xué)習(xí)，較為重視純技術(shù)方面，而藝術(shù)設(shè)計(jì)專(zhuān)業(yè)則更多偏向于網(wǎng)頁(yè)界面的版面設(shè)計(jì)，包括形式美感、色調(diào)處理等。但在實(shí)際人才應(yīng)用中，用人單位更想兼顧以上兩方面的技術(shù)應(yīng)用型人才。目前藝術(shù)設(shè)計(jì)專(zhuān)業(yè)《網(wǎng)頁(yè)設(shè)計(jì)》課程并沒(méi)有相對(duì)完善的專(zhuān)門(mén)教材，教學(xué)方法與內(nèi)容也處于探索階段。由于大環(huán)境和師資的局限，開(kāi)設(shè)該課程的很多高校在教學(xué)上并沒(méi)有結(jié)合藝術(shù)設(shè)計(jì)專(zhuān)業(yè)的自身特點(diǎn)，往往“復(fù)制”和計(jì)算機(jī)等理工科專(zhuān)業(yè)一樣的課程教學(xué)模式，“教”和“學(xué)”都陷入一定的尷尬境地，達(dá)不到本專(zhuān)業(yè)所需一定程度的教學(xué)目標(biāo)。另一方面，藝術(shù)設(shè)計(jì)專(zhuān)業(yè)的學(xué)生，具有一定的美術(shù)基礎(chǔ)和審美意趣，制作網(wǎng)頁(yè)有一定的美感優(yōu)勢(shì)，但有時(shí)也過(guò)于追求美觀而忽略用戶體驗(yàn)，脫離實(shí)際，華而不實(shí)。筆者結(jié)合多年從事web開(kāi)發(fā)和網(wǎng)頁(yè)設(shè)計(jì)教學(xué)的相關(guān)經(jīng)驗(yàn)，對(duì)藝術(shù)設(shè)計(jì)專(zhuān)業(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ì)專(zhuān)業(yè)，尤其是視覺(jué)傳達(dá)方向的平面設(shè)計(jì)專(zhuān)業(yè)都開(kāi)設(shè)了《網(wǎng)頁(yè)設(shè)計(jì)》課程。

　　一、課程目標(biāo)

　　眾所周知，課程目標(biāo)決定一門(mén)課程構(gòu)建和發(fā)展的最終導(dǎo)向，一方面可以為學(xué)生指明正確的課程學(xué)習(xí)方向，另一方面也為教師傳授正確的知識(shí)理念提供依據(jù)，真正做到“教”和“學(xué)”的“有的放矢”。結(jié)合藝術(shù)設(shè)計(jì)專(zhuān)業(yè)學(xué)生的個(gè)性特點(diǎn)，注重網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言的學(xué)習(xí)，將藝術(shù)和技術(shù)有機(jī)的緊密結(jié)合。在課程目標(biāo)制定的過(guò)程中，弱化一些在前期專(zhuān)業(yè)基礎(chǔ)課程中已經(jīng)學(xué)習(xí)過(guò)的相關(guān)知識(shí)（如PS圖像處理等），做好簡(jiǎn)單的銜接，將重點(diǎn)放到藝術(shù)設(shè)計(jì)專(zhuān)業(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)用程序開(kāi)發(fā)方面的功能比較強(qiáng)大。更重要的是它是所見(jiàn)即所得類(lèi)型的網(wǎng)頁(yè)設(shè)計(jì)軟件，對(duì)藝術(shù)設(shè)計(jì)專(zhuān)業(yè)的學(xué)生來(lái)說(shuō)，學(xué)習(xí)和應(yīng)用的難易程度非常合適。同時(shí)，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)素材的制作和處理，動(dòng)畫(huà)素材可以選擇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)來(lái)，強(qiáng)調(diào)使用規(guī)范化語(yǔ)義標(biāo)簽語(yǔ)言（X）HTML書(shū)寫(xiě)頁(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ì)專(zhuān)業(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ī)專(zhuān)業(yè)的學(xué)生一般錯(cuò)誤的認(rèn)為使用Dreamweaver這樣所見(jiàn)即所得的工具頁(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)容的顏色、字體大小、寬度背景等樣式，并由此來(lái)實(shí)現(xiàn)各種各樣網(wǎng)頁(yè)樣式的統(tǒng)稱(chēng)，也是需要熟悉和掌握的。JavaScipt與C語(yǔ)言不同，它提供一定的面向?qū)ο竽芰Γ�因此模塊、名字空間、類(lèi)、對(duì)象、封裝、函數(shù)等功能在JavaScipt中的實(shí)現(xiàn)方式是其教學(xué)的重頭戲，它們才是現(xiàn)代JavaScipt語(yǔ)言的精髓；

　　3.Flash動(dòng)畫(huà)，講授和實(shí)踐6+4學(xué)時(shí)。Flash主要制作二維動(dòng)畫(huà)，體積小，便于使用，學(xué)習(xí)難度小，能夠滿足網(wǎng)頁(yè)設(shè)計(jì)的需要，如：網(wǎng)頁(yè)Banner條的設(shè)計(jì)、片頭動(dòng)畫(huà)、課件等；

　　4.網(wǎng)站客戶端的表現(xiàn)原則、開(kāi)發(fā)流程、面向客戶的網(wǎng)站設(shè)計(jì)，講授和實(shí)踐2+0學(xué)時(shí)；

　　5.photoshop為輔助2學(xué)時(shí)，藝術(shù)設(shè)計(jì)專(zhuān)業(yè)的學(xué)生已經(jīng)學(xué)習(xí)并掌握photoshop的使用方法。因此，減少這方面的講解，給其他新知識(shí)點(diǎn)留下更充裕的時(shí)間。

　　（二）結(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í)，總是以“自我”的感覺(jué)為主導(dǎo)，很少考慮并分析用戶需求，以為自己的設(shè)計(jì)有相當(dāng)?shù)摹拔�引力”但是�?duì)于訪問(wèn)者來(lái)說(shuō)，大多數(shù)的設(shè)計(jì)過(guò)于空洞、內(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í)中存在的問(wèn)題，引導(dǎo)學(xué)生如何利用互聯(lián)網(wǎng)頁(yè)設(shè)計(jì)方面的前沿知識(shí)，發(fā)現(xiàn)并解決。鼓勵(lì)學(xué)生使用博客、論壇，通過(guò)發(fā)現(xiàn)其中有趣的文章，得到解決問(wèn)題的新方法和代碼片段。向?qū)W生介紹開(kāi)源社區(qū)，并鼓勵(lì)他們?cè)诰�發(fā)表自己的代碼，使用社交媒體進(jìn)行資源查找，并形成專(zhuān)業(yè)的社交媒體互動(dòng)，更加專(zhuān)注于他們的代碼與工作，真正激發(fā)學(xué)生的學(xué)習(xí)興趣。

　　三、教學(xué)方法

　　《網(wǎng)頁(yè)設(shè)計(jì)》課程具有交叉學(xué)科性質(zhì)，結(jié)合藝術(shù)設(shè)計(jì)專(zhuān)業(yè)學(xué)生的自身特點(diǎn)，在教學(xué)過(guò)程中，我運(yùn)用任務(wù)驅(qū)動(dòng)法、模塊教學(xué)法和項(xiàng)目教學(xué)法等多重手段，給學(xué)生明確的思路，引導(dǎo)學(xué)生多動(dòng)腦，勤動(dòng)手，發(fā)現(xiàn)問(wèn)題，分析問(wèn)題，解決問(wèn)題。

　�。ㄒ唬┤蝿�(wù)驅(qū)動(dòng)法

　　任務(wù)驅(qū)動(dòng)法，即通過(guò)創(chuàng)設(shè)問(wèn)題情境來(lái)調(diào)動(dòng)學(xué)生的學(xué)習(xí)興趣，進(jìn)而啟發(fā)學(xué)生的求知欲�！芭d趣是最好的老師”，只有發(fā)現(xiàn)問(wèn)題，才有任務(wù)和動(dòng)力，教師利用專(zhuān)業(yè)知識(shí)，結(jié)合課堂所講章節(jié)內(nèi)容，分析并解決問(wèn)題。只有這樣才能有利于培養(yǎng)學(xué)生獨(dú)立分析問(wèn)題、解決問(wèn)題的能力和創(chuàng)新能力。具體到《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)中，通過(guò)導(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èn)題的方法，通過(guò)任務(wù)的完成實(shí)現(xiàn)對(duì)所學(xué)知識(shí)的構(gòu)建。

　�。ǘ�）模塊教學(xué)法

　　團(tuán)隊(duì)合作、模塊運(yùn)營(yíng)是現(xiàn)代企業(yè)生存和發(fā)展之道，網(wǎng)頁(yè)設(shè)計(jì)公司亦是如此，很多網(wǎng)站界面都實(shí)行模塊化，每個(gè)部門(mén)負(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é)法

　　通過(guò)實(shí)施一個(gè)完整的“項(xiàng)目”而進(jìn)行教學(xué)活動(dòng)，其目的是在課堂教學(xué)中把理論與實(shí)踐有機(jī)的結(jié)合起來(lái)，充分發(fā)揮學(xué)生的創(chuàng)造潛能，提高學(xué)生解決實(shí)際問(wèn)題的能力�！毒W(wǎng)頁(yè)設(shè)計(jì)》課程相對(duì)來(lái)說(shuō)，有非常多的“項(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)目”過(guò)程中發(fā)現(xiàn)問(wèn)題并且解決問(wè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é)中來(lái)。兼職教員能制作最專(zhuān)業(yè)的網(wǎng)站，對(duì)本行業(yè)的最新趨勢(shì)有著完整的把控力，對(duì)網(wǎng)頁(yè)設(shè)計(jì)實(shí)際工作中有可能遇到的問(wèn)題有著獨(dú)到的見(jiàn)解。他們可為學(xué)生開(kāi)設(shè)講座、解惑答疑，結(jié)合全職教師對(duì)教學(xué)內(nèi)容和方法的深入研究，兩種教師互補(bǔ)，增強(qiáng)學(xué)生的學(xué)習(xí)體驗(yàn)和興趣，提高教學(xué)質(zhì)量。

　　四、結(jié)語(yǔ)

　　藝術(shù)設(shè)計(jì)專(zhuān)業(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)的過(guò)程，只有確立好課程目標(biāo)、梳理好教學(xué)內(nèi)容、掌控好教學(xué)方法，根據(jù)實(shí)施過(guò)程中的具體情況靈活調(diào)整，并不斷充實(shí)完善，才能取得更好的教學(xué)效果，真正做到培養(yǎng)網(wǎng)頁(yè)設(shè)計(jì)的應(yīng)用型專(zhuān)業(yè)人才，服務(wù)于社會(huì)，以人為本。

網(wǎng)頁(yè)設(shè)計(jì)論文15

　　一、網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)表達(dá)方法——以“簡(jiǎn)練”為首要原則

　　平面設(shè)計(jì)最基本的要求便是簡(jiǎn)潔凝練，而網(wǎng)絡(luò)傳輸?shù)奶匦跃鸵�求在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中更要簡(jiǎn)練。網(wǎng)頁(yè)設(shè)計(jì)中所用到的所有設(shè)計(jì)元素，如，點(diǎn)、線、面、圖形、圖像、動(dòng)畫(huà)等都是要占據(jù)網(wǎng)絡(luò)空間的，尤其是圖片，如果圖片數(shù)據(jù)過(guò)大，就會(huì)影響網(wǎng)頁(yè)開(kāi)啟和傳輸?shù)乃俣龋�同時(shí)也就會(huì)影響網(wǎng)頁(yè)的傳播。介于上述原因我們?cè)谶\(yùn)用圖片元素時(shí)要盡量保持“惜墨如金”的態(tài)度，做到少而精，如果非要運(yùn)用大量圖片宣傳時(shí)，也要注意運(yùn)用圖片的壓縮軟件為圖片適當(dāng)?shù)摹皽p肥”�？傊�簡(jiǎn)潔的網(wǎng)頁(yè)能在短時(shí)間內(nèi)抓住瀏覽者的視線，有效快捷的傳達(dá)信息。

　　二、網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)表達(dá)方法——合理布局網(wǎng)頁(yè)的界面

　　電腦屏幕的顯示尺寸是十分有限的，怎樣通過(guò)有限的展示界面?zhèn)鬟f更多的信息，成為設(shè)計(jì)師設(shè)計(jì)布局的關(guān)鍵。合理的界面布局使視線流暢、融會(huì)貫通。在界面之中，不同的區(qū)域，被關(guān)注的程度不同，心里感受也不同，設(shè)計(jì)師可以依據(jù)不同元素的表達(dá)需要和畫(huà)面重心的關(guān)系，來(lái)安排它們的適當(dāng)位置。瀏覽者的視線通常垂直在屏幕中央，然后再向四周游動(dòng)。設(shè)計(jì)師設(shè)計(jì)布局時(shí)應(yīng)考慮將重要的信息或視覺(jué)流程的停留點(diǎn)安排在注目的價(jià)值高的最佳視域，突出重點(diǎn)，使主題一目了然。另外，建立網(wǎng)站導(dǎo)航可以激發(fā)瀏覽者訪問(wèn)更深層頁(yè)面的興趣，增進(jìn)對(duì)網(wǎng)站的進(jìn)一步觀賞，使網(wǎng)站信息更清晰、明了的存在于觀者的視線之內(nèi)。

　　三、網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)表達(dá)方法——個(gè)性化網(wǎng)頁(yè)界面的設(shè)計(jì)

　　獨(dú)特的創(chuàng)意、個(gè)性化的品質(zhì)是所有設(shè)計(jì)都追求的完美表達(dá)。個(gè)性獨(dú)特的網(wǎng)頁(yè)能刺激觀者點(diǎn)擊的興趣沖動(dòng)，讓觀者在“駐足”的過(guò)程中一直興趣盎然。在設(shè)計(jì)具有個(gè)性特質(zhì)的網(wǎng)頁(yè)過(guò)程中設(shè)計(jì)師應(yīng)利用色彩、圖形、按鈕、動(dòng)畫(huà)、聲音等諸多元素配合最先進(jìn)的技術(shù)手段描繪和裝飾用戶所能看見(jiàn)的頁(yè)面。

　　四、網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)表達(dá)方法——構(gòu)成藝術(shù)的體現(xiàn)

　　構(gòu)成藝術(shù)是現(xiàn)代視覺(jué)傳達(dá)藝術(shù)的基礎(chǔ)理論。它包括平面構(gòu)成、色彩構(gòu)成和立體構(gòu)成，其中我們所探討的網(wǎng)頁(yè)設(shè)計(jì)中的平面素材主要應(yīng)用平面構(gòu)成和色彩構(gòu)成進(jìn)行設(shè)計(jì)指導(dǎo)。平面構(gòu)成學(xué)指導(dǎo)我們?nèi)绾芜\(yùn)用平面元素點(diǎn)、線、面創(chuàng)造形象；怎樣處理形象與形象之間的聯(lián)系；如何掌握美的形式規(guī)律等。在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中要依據(jù)對(duì)稱(chēng)與平衡、重復(fù)與群化、節(jié)奏與韻律、對(duì)比與變化、調(diào)和與統(tǒng)一等藝術(shù)構(gòu)成法則設(shè)計(jì)網(wǎng)頁(yè)界面的圖形和版式。色彩構(gòu)成學(xué)則側(cè)重對(duì)網(wǎng)頁(yè)色彩的選擇與指導(dǎo)。色彩構(gòu)成屬于設(shè)計(jì)領(lǐng)域內(nèi)的色彩運(yùn)用的方法，它的基本概念是：兩個(gè)以上的顏色，根據(jù)設(shè)計(jì)的不同需要，按一定色彩配合的原則，重新組合，搭配構(gòu)成新的色彩關(guān)系。色彩的特性、色彩的對(duì)比與調(diào)和、色彩的意蘊(yùn)等等都是設(shè)計(jì)師設(shè)計(jì)色彩時(shí)的重要依據(jù)。此外色彩給人的獨(dú)特的心理感受可以指導(dǎo)網(wǎng)頁(yè)設(shè)計(jì)師有目的的選擇網(wǎng)頁(yè)色系。如，色彩的興奮與沉靜感：紅、橙、黃等暖色系列的純色給人以興奮感，易表現(xiàn)快樂(lè)的情緒。藍(lán)、藍(lán)綠等冷色系的純色給人以沉靜感，常常使人聯(lián)想到和平、安靜、休息和生機(jī)盎然。它還是一種使人鎮(zhèn)靜的顏色。政府、一部分企業(yè)站點(diǎn)應(yīng)該選擇沉靜一些的配色，而娛樂(lè)、體育等站點(diǎn)則應(yīng)該傾向于興奮一些的配色。色彩的輕與重感明亮的色彩如黃色、淡藍(lán)等給人以輕快的感覺(jué)，而黑色、深藍(lán)色等明度低的色彩使人感到較重。感覺(jué)輕的色彩給人以輕快感。相反，低明度的色彩有穩(wěn)定的感覺(jué)。在網(wǎng)頁(yè)、廣告色彩設(shè)計(jì)時(shí)，應(yīng)注意輕重搭配，如女性類(lèi)的站點(diǎn)宜采用明度高的色調(diào)為主進(jìn)行配色，以渲染女性溫柔、嫵媚的個(gè)性特征；為了突出男性堅(jiān)實(shí)粗?jǐn)U的氣質(zhì)，在男性類(lèi)網(wǎng)站中，色彩的配置應(yīng)選擇凝重明度的色彩。網(wǎng)絡(luò)發(fā)展至今，傳統(tǒng)的設(shè)計(jì)學(xué)更多元化，并使工作結(jié)構(gòu)產(chǎn)生交叉。靜態(tài)的平面設(shè)計(jì)轉(zhuǎn)化為動(dòng)態(tài)的網(wǎng)頁(yè)設(shè)計(jì)，這是應(yīng)用新技術(shù)在新媒體中進(jìn)行設(shè)計(jì)的產(chǎn)物真正開(kāi)創(chuàng)了一個(gè)全新的視覺(jué)領(lǐng)域。

【網(wǎng)頁(yè)設(shè)計(jì)論文】相關(guān)文章：

網(wǎng)頁(yè)設(shè)計(jì)論文02-24

網(wǎng)頁(yè)設(shè)計(jì)論文15篇11-09

高職院校網(wǎng)頁(yè)設(shè)計(jì)論文04-20

網(wǎng)頁(yè)設(shè)計(jì)與制作的應(yīng)用論文04-20

網(wǎng)頁(yè)設(shè)計(jì)的布局與排版論文04-20

平面規(guī)劃網(wǎng)頁(yè)設(shè)計(jì)論文04-19

網(wǎng)頁(yè)設(shè)計(jì)的課程教學(xué)探究論文01-10

網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)探析論文01-10

小議網(wǎng)頁(yè)設(shè)計(jì)的視覺(jué)傳達(dá)論文04-19