網(wǎng)頁(yè)設計論文
在日常學(xué)習和工作中，大家總免不了要接觸或使用論文吧，論文是我們對某個(gè)問(wèn)題進(jìn)行深入研究的文章。那么你有了解過(guò)論文嗎？下面是小編整理的網(wǎng)頁(yè)設計論文，僅供參考，大家一起來(lái)看看吧。
網(wǎng)頁(yè)設計論文1
1計算機網(wǎng)頁(yè)包裝設計與圖像處理研究
1.1網(wǎng)頁(yè)包裝設計中的圖像處理方法
借助計算機設備所進(jìn)行的網(wǎng)頁(yè)包裝設計，需要對圖像資源進(jìn)行有針對性的處理，制作成為計算機軟件開(kāi)發(fā)應用需要的形式。在對圖像進(jìn)行制作時(shí)，要明確圖像的格式，如果是制作成為GIF圖片需要對圖像資源進(jìn)行透明處理，將其處理成為系統需要的圖片形式，并在圖片資源使用前，進(jìn)行反復的控制研究，幫助進(jìn)一步提升圖像的色彩搭配合理度，動(dòng)畫(huà)格式的圖像在內存中占據的比例比較大，根據網(wǎng)頁(yè)打開(kāi)后的內存資源來(lái)對系統進(jìn)行更深入的設計，通過(guò)將各項設計理念結合使用，能夠促進(jìn)網(wǎng)站設計后的圖形表現效果也更加理想，這是傳統技術(shù)方法中很難實(shí)現的，也關(guān)系到網(wǎng)頁(yè)包裝設計的未來(lái)發(fā)展方向。靜態(tài)圖的制作方法相對比較簡(jiǎn)單一些，可以對圖片的整體色彩以及明亮程度進(jìn)行調整。
1.2網(wǎng)頁(yè)設計中的兩種特殊應用
首先是鼠標在網(wǎng)頁(yè)頁(yè)面中移動(dòng)所實(shí)現的動(dòng)態(tài)圖像顯示，在網(wǎng)頁(yè)被點(diǎn)擊進(jìn)入的初期，所顯示的畫(huà)面均為靜態(tài)的，當鼠標移動(dòng)進(jìn)入到畫(huà)面中時(shí)，圖片會(huì )自動(dòng)的播放，進(jìn)入到動(dòng)態(tài)顯示效果中，這對網(wǎng)頁(yè)的制作使用有很大幫助，并且可以減少緩存所需的時(shí)間，在內存上也能夠節省大量的資源，對實(shí)現網(wǎng)頁(yè)功能制作有很大的幫助。其次是網(wǎng)絡(luò )相冊的應用，網(wǎng)站是具有存儲功能的，需要針對這一功能來(lái)進(jìn)行具體的實(shí)現，觀(guān)察在現場(chǎng)是否存在需要繼續深入解決的技術(shù)性問(wèn)題，確保技術(shù)應用是科學(xué)有效的，才能夠達到理想的技術(shù)運用標準。設計以及圖像處理期間嗎，要將使用功能放在首位，并觀(guān)察在網(wǎng)頁(yè)的各項資源中是否存在沖突矛盾的問(wèn)題，經(jīng)過(guò)一段時(shí)間的解決與深入探討，在技術(shù)上能夠滿(mǎn)足使用需求。
2圖像處理在網(wǎng)頁(yè)設計中的應用解析
2.1網(wǎng)頁(yè)設計中使用圖像的意義
網(wǎng)頁(yè)設計需要建立獨特的品牌，并充分發(fā)揮品牌的影響力，觀(guān)察在設計過(guò)程中圖像是否能夠充分發(fā)揮作用，這樣在網(wǎng)站投入使用后，點(diǎn)擊瀏覽者通過(guò)圖像標識能夠對網(wǎng)頁(yè)產(chǎn)生深刻的影響，并對使用功能更好的了解。網(wǎng)站想要被更多的使用者所接受，需要傳達一種安全可靠的信息，而圖像是網(wǎng)站中最直觀(guān)的部分，對圖像處理進(jìn)行嚴謹的對待，可以提升網(wǎng)頁(yè)使用階段的安全性，并避免在系統中出現嚴重的使用功能不穩定現象，促進(jìn)管理計劃在現場(chǎng)得到更好的落實(shí)應用。網(wǎng)頁(yè)制作期間背景圖像選擇要與所傳播的文化理念保持一致，并將提升使用穩定性作為設計期間需要重點(diǎn)注意的問(wèn)題，避免圖像在上傳期間損壞，影響到安全使用，由此可見(jiàn)開(kāi)展圖像處理對網(wǎng)頁(yè)包裝設計技術(shù)應用的促進(jìn)意義。
2.2網(wǎng)頁(yè)圖像處理的技巧
首先是圖像的尺寸要進(jìn)行準確的剪裁處理，觀(guān)察在設計期間是否需要對設計的內容進(jìn)行更穩定的處理，并通過(guò)技術(shù)方法來(lái)加深在現場(chǎng)調節控制的有效的方法，當發(fā)現在設計內容中，存在需要進(jìn)一步完善的內容時(shí)，則需要進(jìn)一步的采取解決優(yōu)化措施，一旦圖像的尺寸出現誤差，是很難確保使用安全性的，并通過(guò)技術(shù)性方法來(lái)進(jìn)行更加深入的解決。剪裁處理后的圖像，需要結合網(wǎng)站的存儲能力、瀏覽量進(jìn)行測試，觀(guān)察圖片尺寸是否能夠順利的上傳，并避免在使用中出現損壞。其次是圖像處理要融入創(chuàng )新元素，這樣網(wǎng)頁(yè)打開(kāi)后能夠使人感受到新穎，過(guò)于落后的圖片在使用期間可能會(huì )出現模糊損壞的現象，也不能夠吸引更多的網(wǎng)友來(lái)對網(wǎng)頁(yè)進(jìn)行點(diǎn)擊瀏覽，由此可見(jiàn)使用期間選擇圖像的重要性。可以借助網(wǎng)絡(luò )系統來(lái)進(jìn)行資源搜集整理，促進(jìn)管理計劃在現場(chǎng)得到更全面的落實(shí)，一旦發(fā)現質(zhì)量下降的現象，要及時(shí)采取技術(shù)性方法來(lái)進(jìn)一步完善系統中所存在的安全隱患。使圖片的處理質(zhì)量可以穩定提升。
3結語(yǔ)
互聯(lián)網(wǎng)技術(shù)的使用范圍正在不斷擴大，也促進(jìn)了計算機網(wǎng)頁(yè)設計得到大力發(fā)展，提高網(wǎng)頁(yè)點(diǎn)擊瀏覽量已經(jīng)成為技術(shù)發(fā)展的主體方向。網(wǎng)頁(yè)設計藝術(shù)性越來(lái)越高，設計時(shí)需要考慮的圖像因素很多，要掌握對圖像處理工具的運用技巧。計算機圖像處理技術(shù)是網(wǎng)頁(yè)設計技術(shù)的重要部分，最終網(wǎng)頁(yè)設計的質(zhì)量直接與其相關(guān)，設計者在設計之初就要考慮頁(yè)面的整體圖片效果，把將要展示的圖像作為網(wǎng)站設計的開(kāi)始，這樣網(wǎng)站設計才能很好的起步，最終設計出讓用戶(hù)滿(mǎn)意的作品。
參考文獻:
[1]謝飛揚.計算機圖像處理技術(shù)在網(wǎng)頁(yè)設計中的運用淺探[J].科技致富向導,20xx(04).
[2]李艷新.網(wǎng)頁(yè)設計中計算機圖像處理技術(shù)的應用價(jià)值[J].電子技術(shù)與軟件工程,20xx(09).
網(wǎng)頁(yè)設計論文2
摘要：DIV+CSS是Web設計標準，隨著(zhù)Web2.0標準化設計理念的普及，國內很多大型站采用DIV+CSS網(wǎng)頁(yè)布局制作方法。從實(shí)際應用情況證明，該技術(shù)具有代碼簡(jiǎn)潔、表現和內容相分離等優(yōu)勢。
關(guān)鍵詞：設計論文
1、DIV+CSS概念
DIV就是一個(gè)區塊容器，用來(lái)封閉數據區域，屬于行級區域，相當于一個(gè)可以容納表格、段落、標題、圖片等各種元素的容器。在進(jìn)行網(wǎng)頁(yè)布局排版時(shí)，需要將頁(yè)面整體上進(jìn)行DIV分塊。層疊樣式表CSS示國際W3C標準化組織制定的一套完整的擴展樣式標準，主要是為了在HTML的樣式編排上對其功能進(jìn)行補充，更好地完成網(wǎng)頁(yè)設計的需要而制定的設計標準。CSS層疊樣式表對HTML的標記屬性的設定進(jìn)行了擴充，可以使用Script程序功能來(lái)對其進(jìn)行很好的控制，從而對網(wǎng)絡(luò )的外觀(guān)設計和整體的布局設計進(jìn)行非常有效的控制，讓網(wǎng)頁(yè)在設計上具有更加美觀(guān)的表現形式。CSS層疊樣式表技術(shù)可以把網(wǎng)頁(yè)本身需要展示的內容和網(wǎng)頁(yè)本身具有的樣式進(jìn)行有效的分開(kāi)，從網(wǎng)頁(yè)設計的內容中把網(wǎng)頁(yè)的外觀(guān)在設計時(shí)候設計的信息進(jìn)行獨立存儲，進(jìn)而對網(wǎng)頁(yè)進(jìn)行集中有效的統一管理。我們在網(wǎng)頁(yè)設計的時(shí)候把CSS樣式的信息作為獨立的文件進(jìn)行存放，可以方便地讓其他的網(wǎng)頁(yè)對其信息進(jìn)行共享，這樣在網(wǎng)頁(yè)設計的時(shí)候就不需要對網(wǎng)頁(yè)中的文件進(jìn)行重復性的操作設計了，節省了很多時(shí)間和不變要的設計工作。在網(wǎng)頁(yè)設計中CSS類(lèi)型的文件建立完之后可以被其他的HTML文件進(jìn)行共享使用，并且一個(gè)單一的HTML文件也可以對其他相關(guān)的CSS類(lèi)型的文件進(jìn)行套用，這樣在網(wǎng)也設計的時(shí)候可以很方便地對網(wǎng)頁(yè)的文件和功能進(jìn)行設計。
1.1CSS的定義
CSS語(yǔ)法定義包括3個(gè)部分，格式如下：Select(propervalue)選擇(屬性：值)：在屬性中可以為設計的網(wǎng)頁(yè)進(jìn)行主體的設計，prop-er可以選擇要設計的主體，value可以設定主體的屬性，這樣就可以為網(wǎng)頁(yè)中的主體的表現效果進(jìn)行設置了。
1.2選擇符類(lèi)型
(1)標記選擇器標記選擇器就是聲明某個(gè)標記直接采用某個(gè)樣式。如通過(guò)h1選擇器聲明頁(yè)面中所有的
標記的文字效果。
(2)類(lèi)別選擇器類(lèi)別選擇器的定義通常在最前面加一個(gè)點(diǎn)號。類(lèi)別選擇符的名字可以由設計者按照自己的意愿來(lái)進(jìn)行定義，對名字的定義可以使英文或者數字，也可以是英文和數據的混合，在進(jìn)行命名的時(shí)候都是以功能來(lái)進(jìn)行名字的設置的。
(3)ID選擇器在網(wǎng)頁(yè)設計的HTML的頁(yè)面中，網(wǎng)頁(yè)頁(yè)面元素的指定都是以ID參數進(jìn)行表示的，ID參數的選取符可以對單個(gè)元素的樣式進(jìn)行單獨的表示，ID選取符在應用方面比較與類(lèi)選擇符相類(lèi)似，只要把ID代替CLASS就可以了，一般只在非常特殊的或者特定的環(huán)境下才使用ID參數，在選擇符中ID參數的使用也僅僅是對單個(gè)元素的樣式進(jìn)行獨立的表示。
2、使用DIV+CSS
采用CSS+DIV技術(shù)對網(wǎng)頁(yè)進(jìn)行設計具有以下幾方面的優(yōu)點(diǎn)：
2.1內容和形式分離
在獨立樣式表示的文件中把外觀(guān)設計從中獨立出來(lái)進(jìn)行存放，HTML文件中的內容只能對文本信息進(jìn)行存放，這樣網(wǎng)頁(yè)前臺只需要顯示內容就行，形式上的美工交給CSS來(lái)處理。內容和形式相分離，生成的HTML文件代碼更加精簡(jiǎn)、更小，網(wǎng)頁(yè)打開(kāi)速度更快。
2.2提高搜索引擎對網(wǎng)頁(yè)的索引效率
采用DIV+CSS架構的網(wǎng)站更符合W3C標準，網(wǎng)站設計要以W3C為指定的標準，這是搜索引擎中關(guān)于網(wǎng)頁(yè)名次排列的一個(gè)重要決定標準。網(wǎng)頁(yè)設計的源代碼使用簡(jiǎn)潔的源代碼，采用結構化內容的HTML來(lái)取代嵌套的標簽文件，網(wǎng)頁(yè)的內容信息在蜘蛛搜索引擎上處于裸露狀態(tài)，這樣搜索引擎可以更好地對網(wǎng)頁(yè)內容進(jìn)行有效的搜索，關(guān)鍵性的內容很容易被得到，對關(guān)鍵性頁(yè)面的內容在網(wǎng)頁(yè)中的比重增加了，這樣網(wǎng)頁(yè)的搜索排名比重也增加了，網(wǎng)頁(yè)的公眾評價(jià)也可以得到很大的提高。
2.3網(wǎng)站頁(yè)面瀏覽速度的提高
網(wǎng)站頁(yè)面的視覺(jué)效果如果是同樣的，那么DIV+CSS建立的網(wǎng)頁(yè)頁(yè)面的大小與TABLE編碼設計的網(wǎng)頁(yè)的頁(yè)面的大小相比要小，一般是1/2大小。采用CSS進(jìn)行設計后，用戶(hù)在使用網(wǎng)站頁(yè)面的時(shí)候最大的效果就是對網(wǎng)頁(yè)進(jìn)行瀏覽的時(shí)候啟用頁(yè)面的速度明顯變快。
2.4易于維護和改版
網(wǎng)站設計采用DIV+CSS技術(shù)進(jìn)行設計，在以后的日常維護工作方面會(huì )變得很方便。在維護的時(shí)候只需要對CSS文件進(jìn)行修改和設計就可以完成對網(wǎng)頁(yè)的維護了。在傳統的網(wǎng)頁(yè)布局的表格布局中，對布局的修改是非常麻煩的，是要對整個(gè)網(wǎng)也來(lái)進(jìn)行重新設計的。在網(wǎng)頁(yè)設計的時(shí)候如果可以有效地對網(wǎng)頁(yè)的層結構進(jìn)行設計，在對網(wǎng)頁(yè)的外觀(guān)進(jìn)行修改的時(shí)候只需要使用CSS技術(shù)進(jìn)行對網(wǎng)頁(yè)結構和內同進(jìn)行修改就可以了。網(wǎng)頁(yè)結構的修改和重新設計可以提高蜘蛛搜索引擎的關(guān)注度。
3、CSS的使用
3.1外部樣式表
外部樣式表是一種文件，在網(wǎng)頁(yè)中外部樣式表的存在可以以獨立的形式，外部樣式表文件可以在多個(gè)網(wǎng)頁(yè)頁(yè)面中進(jìn)行使用，外部樣式表示一種樣式文件通過(guò)樣式來(lái)對文件進(jìn)行保存的，在網(wǎng)頁(yè)頁(yè)面中通過(guò)link標記與其他的樣式表文件進(jìn)行連接，文件擴展名是.CSS。link標記在頁(yè)面設計的時(shí)候是在head區域進(jìn)行存放的。瀏覽器通過(guò)文檔形式從CSS文件中把定義的樣式表讀取出來(lái)，對網(wǎng)頁(yè)頁(yè)面設計中使用的外部表的樣式和文件類(lèi)都進(jìn)行了定義。在多個(gè)網(wǎng)頁(yè)頁(yè)面中可以應用統一個(gè)外部樣式表的文件，在網(wǎng)頁(yè)設計的時(shí)候如果對樣式表文件進(jìn)行了修改，那么網(wǎng)頁(yè)頁(yè)面的其他的樣式也會(huì )發(fā)生變化。在網(wǎng)頁(yè)設計的時(shí)候對大量的同樣的樣式頁(yè)面進(jìn)行制作還是非常方便的，網(wǎng)頁(yè)頁(yè)面設計的重復性工作減少了，在以后網(wǎng)站頁(yè)面的維護和修改上也比較方便，在對頁(yè)面瀏覽的時(shí)候關(guān)于重復代碼的下載也減少了。
3.2內部樣式表
內部樣式表的設計是在頁(yè)面的和的標簽之間加入樣式表，這樣在網(wǎng)頁(yè)頁(yè)面中就把定義好的樣式應用進(jìn)來(lái)了，樣式表的插入是以style標簽的形式插入的，例：這種樣式的使用相對來(lái)說(shuō)還是比較簡(jiǎn)單，而且在應用上還是比較實(shí)用的，在網(wǎng)頁(yè)頁(yè)面的頭部可以輸入同樣的樣式，這樣所有的網(wǎng)頁(yè)頁(yè)面的樣式就都統一化了。
3.3內聯(lián)樣式表設計
在HTML標記中對內聯(lián)樣式的使用屬于混合樣式，通過(guò)這樣的方式，對元素進(jìn)行樣式的單獨定義就比較簡(jiǎn)單了，在HTML標記里直接加入style參數這是使用內聯(lián)樣式的基本方式，CSS屬性和style參數的內容是一樣的。在實(shí)際上，內聯(lián)樣式表的效率與以上兩種情況相比來(lái)說(shuō)在效率上還是比較低的，在網(wǎng)頁(yè)的頁(yè)面設計中對內聯(lián)樣式表的使用是不推薦的。內聯(lián)樣式表不能重復使用里面的樣式內容，另外內聯(lián)樣式表的標記的內容和樣式都是混合在一起使用的，對代碼的維護具有很大的難度，而且在代碼進(jìn)行閱讀的時(shí)候也是比較復雜的。
4、制作流程
(1)創(chuàng )建文件(文件管理及命名)。
(2)與HTML文檔建立關(guān)系。網(wǎng)站常用：外鏈樣式。
(3)制作頁(yè)面樣式。要為每一個(gè)DIV進(jìn)行邊界的設置，這樣可以清晰地看到里面的內容，就不需要通過(guò)屏幕卷動(dòng)的方式進(jìn)行瀏覽了。對元素進(jìn)行定義編寫(xiě)CSS等，選擇符采用遞歸結構。在網(wǎng)頁(yè)設計的時(shí)候設置的標記就更加清晰了。同HTML框架一致從上到下，從整體到局部，共用樣式到個(gè)別樣式。CSS文檔的順序：共用的代碼樣式放在文檔最前面。CSS結構設計的順序一般都是以HTML的順序為標準的。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。原因：以上的順序是我們在進(jìn)行項目開(kāi)發(fā)的時(shí)候使用的代碼的標準，這個(gè)順序設瀏覽器的渲染順序是一致的，最終的目的是為了把執行效率進(jìn)一步地提高。
(4)注釋添加：
1)文檔與對應的文檔注釋的關(guān)系是唯一的關(guān)系，這也是為了便于今后對網(wǎng)頁(yè)的維護，注釋的說(shuō)明表示主要是：創(chuàng )建文檔人和時(shí)間等信息的說(shuō)明。
2)屬性注釋說(shuō)明。
3)功能注釋說(shuō)明。DIV+CSS技術(shù)在網(wǎng)頁(yè)布局的設計上是主流技術(shù)，DIV+CSS技術(shù)符合國家W3C的一系列標準，并且可以使用DIV+CSS技術(shù)對網(wǎng)站的重構，可以大大提升網(wǎng)站瀏覽速度，易于維護和改版，提升網(wǎng)站用戶(hù)與搜索引擎的友好度。
參考文獻
[1]車(chē)元媛.CSS技術(shù)在網(wǎng)頁(yè)設計中的應用研究.科技信息,20xx.
[2]王聰.基于DIV+CSS技術(shù)網(wǎng)頁(yè)布局應用與實(shí)踐.電腦知識與技術(shù)：學(xué)術(shù)交流,20xx.
[3]石元聆.DIV+CSS技術(shù)網(wǎng)頁(yè)布局中定位技術(shù)的探討.電腦編程技巧與維護,20xx.
[4]田佳妮.DIV+CSS在網(wǎng)頁(yè)布局中的應用研究.電腦知識與技術(shù),20xx.
網(wǎng)頁(yè)設計論文3
在自然界中，我們所能接觸到的圖形和文字時(shí)相當豐富的，在大自然中充斥著(zhù)大量的信息元素。在將平面設計應用于計算機之前，平面設計中的視覺(jué)元素在信息傳遞方式上主要是運用于報紙、攝影、廣告、標志等傳統的平面設計中。隨著(zhù)網(wǎng)絡(luò )高速的發(fā)展，網(wǎng)頁(yè)中越來(lái)越多的運用了平面設計的原理，本文從各地域文化在網(wǎng)頁(yè)中的設計進(jìn)行分析，研究地域文化中的視覺(jué)元素在旅游網(wǎng)頁(yè)設計中的影響。
一、網(wǎng)頁(yè)設計的產(chǎn)生、發(fā)展及其特點(diǎn)
我們通過(guò)自然界能夠接觸到大量的圖形和文字，這些信息元素充斥在我們的生活生產(chǎn)中。如今，在科技發(fā)展的推動(dòng)下，人們不光只通過(guò)紙質(zhì)平面媒體來(lái)傳達信息，從動(dòng)態(tài)的傳達方式中，我們能夠獲取聲音和影像信息，這些傳達方式主要運用于電視錄像、廣播等傳媒媒體。這些影視、平面媒體形成了傳統視覺(jué)媒介體系。在最近十年來(lái)，隨著(zhù)科技的發(fā)展除去紙質(zhì)媒介、廣播、電視之后，第四中媒體——網(wǎng)絡(luò )媒體隨之出現，這在我們人類(lèi)文明的進(jìn)程中起到了巨大的作用，現如今互聯(lián)網(wǎng)廣泛采用平面設計的原理，其所承載的信息資源可以說(shuō)是無(wú)限大的，其高效性、人機互動(dòng)性特點(diǎn)對印刷媒體帶來(lái)了巨大的沖擊，可以說(shuō)網(wǎng)絡(luò )媒體對平面設計帶來(lái)了一場(chǎng)史無(wú)前例的革命。文字、圖形、色彩等元素構成形成了豐富的含義，在網(wǎng)頁(yè)設計中的通過(guò)對視覺(jué)元素的不同表現，就能產(chǎn)生不同的效果。網(wǎng)絡(luò )已經(jīng)成為了我們日常生活中最為重要的傳播工具，也是我們的一種生活空間，為我們的工作、學(xué)習以及生活帶來(lái)了很多便利，網(wǎng)頁(yè)現以成為網(wǎng)絡(luò )信息的性能和傳輸的最重要的組成部分。在網(wǎng)頁(yè)設計的發(fā)展中，這些年來(lái)，網(wǎng)頁(yè)的視覺(jué)表達已經(jīng)從單一的文本布局，到了向各種視覺(jué)元素結合的方向發(fā)展，而新媒介下的網(wǎng)頁(yè)設計也已經(jīng)成為了視覺(jué)傳達的新方式。因此，視覺(jué)元素在網(wǎng)頁(yè)設計中的應用是網(wǎng)頁(yè)設計中最重要的部分。
二、目前國內外網(wǎng)頁(yè)設計研究現狀
這些年來(lái)，隨著(zhù)越來(lái)越多的可視化專(zhuān)業(yè)網(wǎng)頁(yè)設計軟件的開(kāi)發(fā)，網(wǎng)頁(yè)設計制作變得簡(jiǎn)單易學(xué)。隨著(zhù)越來(lái)越多的網(wǎng)頁(yè)愛(ài)好者、設計愛(ài)好者步入這一藝術(shù)領(lǐng)域，使得網(wǎng)頁(yè)設計、個(gè)人主頁(yè)等熱門(mén)詞匯開(kāi)始在社會(huì )中廣泛傳播出來(lái)。
1.中國旅游網(wǎng)頁(yè)設計中的現狀
在我國的網(wǎng)頁(yè)設計中，我們正處在方興未艾的階段，網(wǎng)頁(yè)設計人員也是一些大公司所爭相禮聘的人才。我們不難發(fā)現一些設計人員并沒(méi)有意識到技術(shù)與藝術(shù)的結合，只是在片面地理解藝術(shù)設計的含義，大多數只是浮于表面，關(guān)于網(wǎng)頁(yè)設計的布局、色彩的搭配這些方面還是注重的太少。主要表現為：第一，一些熱門(mén)網(wǎng)站的設計布局可謂是千篇一律、色彩的混亂搭配、表面絢麗光鮮實(shí)則空洞；第二，網(wǎng)頁(yè)中廣告繁多，版式的紛亂；第三，缺乏地域文化的特色，落后且平庸，缺乏設計感。造成這一現狀的原因有很多，一是設計師沒(méi)有經(jīng)過(guò)專(zhuān)業(yè)的訓練，更多的是網(wǎng)頁(yè)設計師的雇傭方式照成的，很多用人單位在招聘的時(shí)候往往需要應聘者什么技術(shù)都會(huì )，抱著(zhù)"美術(shù)設計員精通程序設計”這一想法去招聘，所以造就了大部分網(wǎng)頁(yè)設計公司都是程序員兼顧著(zhù)網(wǎng)頁(yè)設計一職。但是這一方法從根本是就沒(méi)有解決問(wèn)題，也不是長(cháng)遠之計。
2.國外旅游網(wǎng)頁(yè)設計中的現狀
國外的網(wǎng)頁(yè)了設計就很時(shí)尚，很突出其個(gè)性特點(diǎn)，行業(yè)明確，功能明確，安全性高。如韓國和日本的旅游網(wǎng)頁(yè)設計，他們的設計是藝術(shù)性與技術(shù)性的結合，能夠很好的將本土文化與網(wǎng)頁(yè)設計結合在一起，傳統藝術(shù)設計理論與人機交互設計理論結合使得網(wǎng)頁(yè)界面能夠更好的、有效的傳遞信息，其在旅游網(wǎng)頁(yè)中的設計中遵循圖文搭配的均衡性、色彩的統一性、信息傳達有效性和主題的一致性等原則。并且還研究分析了設計中各個(gè)信息相互之間的關(guān)系，這些優(yōu)點(diǎn)，都是具有很好指導意義和經(jīng)驗總結的。
三、地域文化概念
地域不只是自然地理環(huán)境上概念，其中還包括政治、經(jīng)濟及人文歷史背景下的綜合體。是指在特定區域中的民俗、傳統、習慣等文明表現，是古人傳承下來(lái)的文化傳統。地域文化是具有空間意義的形態(tài)，在一定的空間范圍內，人們在這一區域中的生態(tài)環(huán)境下具有相同的風(fēng)俗習慣，形成獨有的心理、審美觀(guān)念等文化概念。區域文化是物質(zhì)和精神產(chǎn)品在社會(huì )發(fā)展過(guò)程中的共同作用的結果，是以區域為基準，以歷史為主線(xiàn)的。
四、地域文化的視覺(jué)元素
地域文化是由多個(gè)層次綜合而成的，自然環(huán)境、人文歷史、民俗文化、飲食文化、建筑文化等方面富含很多文化符號元素，這些都能代表一個(gè)地域的文化元素，這些文化元素的組成使得地域特征更加豐富多彩。從視覺(jué)形象的形態(tài)、色彩、風(fēng)格等的視覺(jué)形象的視覺(jué)元素中提取，無(wú)論把哪種藝術(shù)形式所表現出的藝術(shù)風(fēng)格及其獨特的文化特征運用在網(wǎng)頁(yè)中，都能體現一定的地域特征的視覺(jué)效果。
五、地域文化對旅游網(wǎng)頁(yè)設計的影響
視覺(jué)元素的圖形設計是基于頁(yè)面功能上的審美設計體現，在旅游網(wǎng)頁(yè)中，對于預覽方面不僅是審美和功能的設計，也需要加入當地人文歷史方面的宣傳。結合一些優(yōu)秀案例，吸取地域文化的特殊元素，展現當地文化的魅力。地域文化結合網(wǎng)頁(yè)設計中傳統藝術(shù)設計原理，能夠更好的讓瀏覽者清晰的了解當地文化，獨特的地域元素能夠給網(wǎng)頁(yè)設計帶來(lái)獨有的地域風(fēng)情，在使用過(guò)程中能夠有效的宣傳，提升地域文化的認知度。
網(wǎng)頁(yè)設計論文4
1網(wǎng)頁(yè)設計過(guò)程中對多媒體技術(shù)的運用
隨著(zhù)信息技術(shù)的不斷進(jìn)步，多媒體技術(shù)得到了迅速發(fā)展，當前網(wǎng)絡(luò )傳輸的技術(shù)以及硬件技術(shù)也在不斷的提高，這樣也就為藝術(shù)和技術(shù)的結合創(chuàng )造了良好的條件，這樣也有利于網(wǎng)頁(yè)的設計體現出更為優(yōu)質(zhì)的效果，從而也為多媒體技術(shù)在網(wǎng)頁(yè)設計中的應用創(chuàng )造了更為廣闊的前景。
2在多媒體設計中恰當的融入藝術(shù)設計的成分
網(wǎng)頁(yè)設計不只是由多媒體元素構成，為了使其更加的美觀(guān)就必須要考慮藝術(shù)性，要注意平面效果的傳達，這也就需要做到不同的元素結合起來(lái)，但是在結合過(guò)程中需要注意以下幾點(diǎn)：
2.1在設計網(wǎng)頁(yè)的過(guò)程中要注意內容和形式的統一
在進(jìn)行設計時(shí)就需要做到形式與內容的統一，使得形式服從于內容，從而使得網(wǎng)絡(luò )的整體效果表現出來(lái)，這也就要求網(wǎng)頁(yè)的細節需要做得很到位，從而使得網(wǎng)頁(yè)與多媒體元素的相關(guān)性凸現出來(lái)。
2.2突出主題要素
網(wǎng)頁(yè)要盡可能的突出主題，使得風(fēng)格與之相協(xié)調。在風(fēng)格選擇上要注意多媒體元素的選擇，注意其色調的搭配，同時(shí)還要做好排版工作，從而使得整個(gè)網(wǎng)頁(yè)具有較強的吸引力，達到應有的效果。
2.3注重色彩搭配
在一個(gè)網(wǎng)頁(yè)中色彩數量最好控制在4個(gè)左右，同時(shí)還要分出主次，確保總體上的統一，在局部上形成對比，要注意體現主題的色彩搭配，注意色系的選擇，還要注意背景色的選擇，盡可能的站在瀏覽者的角度思考問(wèn)題。
2.4注重網(wǎng)頁(yè)布局
網(wǎng)頁(yè)布局大致可分標題型、拐角型、框架型等，選擇布局類(lèi)型的依據主要是信息狀況，網(wǎng)頁(yè)狀況以及結構狀況，這樣就會(huì )使得網(wǎng)頁(yè)的頁(yè)面可以一目了然。國字型以及拐角型的適合用于信息量大的網(wǎng)頁(yè)中，標題正文型的適合用于綱要性的網(wǎng)頁(yè)之中，動(dòng)畫(huà)型的可以靈活的運用到各種各樣網(wǎng)頁(yè)之中，但是在布局的選擇過(guò)程中需要注意各種布局類(lèi)型優(yōu)缺點(diǎn)的選擇，只有這樣才能使得網(wǎng)頁(yè)的效果更為明顯。
3結束語(yǔ)
多媒體技術(shù)在我國發(fā)展的速度非常迅速，并且不斷地成熟起來(lái)。在網(wǎng)頁(yè)設計的過(guò)程中要充分的運用多媒體技術(shù)，同時(shí)要注意與藝術(shù)性的結合，要注意實(shí)現藝術(shù)與技術(shù)的結合與統一，這樣才可以使得網(wǎng)頁(yè)設計更為立體，更加的生動(dòng)形象，更具有空間效果，從而使得網(wǎng)頁(yè)可以更好的吸引瀏覽者，給瀏覽者留下深刻的印象，從而達到一種影像的效果，達到網(wǎng)站所傳輸出的目的，使其價(jià)值得以最優(yōu)化.
網(wǎng)頁(yè)設計論文5
［摘要］校企共教是現代社會(huì )發(fā)展中形成的新型教學(xué)方式，中職院校在引導學(xué)生設計和制作網(wǎng)頁(yè)時(shí)，強化校企共教能夠有效增強學(xué)生的職業(yè)意識，提升學(xué)生的職業(yè)素養，綜合探究中職院校在課程教學(xué)中實(shí)施校企共教的具體策略，希望能夠使現代中職院校得到更大的發(fā)展。
［關(guān)鍵詞］校企共教；中職；網(wǎng)頁(yè)設計與制作；課程教學(xué)
在現代科技發(fā)展過(guò)程中，網(wǎng)站制作得到了很大的發(fā)展，對其相關(guān)人才也提出了更高的要求，中職院校在具體實(shí)施教育工作時(shí)，需要科學(xué)改進(jìn)傳統教學(xué)模式，強化校企共教，確保人才建設能夠高度滿(mǎn)足現代企業(yè)建設需求，為了進(jìn)一步明確中職院校如何更為有效地落實(shí)校企共教，特此實(shí)施本次教育研究，希望對大家有所啟發(fā)。
一、開(kāi)發(fā)校本教材
運用校企共教開(kāi)展教學(xué)工作，培養學(xué)生專(zhuān)業(yè)技能和專(zhuān)業(yè)知識是其教育工作的主要目的，所以教師需要科學(xué)地改革教學(xué)內容。以往教學(xué)要用的教材，運用相對落后的知識體系、應用年限、出版和編寫(xiě)會(huì )對教材造成很大影響，使其無(wú)法實(shí)現與時(shí)俱進(jìn)，為了確保學(xué)生專(zhuān)業(yè)知識學(xué)習能夠迎合企業(yè)發(fā)展方向，職業(yè)學(xué)校需要進(jìn)行校本教材的合理開(kāi)發(fā)，由專(zhuān)業(yè)骨干教師和企業(yè)專(zhuān)家共同參與編寫(xiě)。在教材中融入最新的應用軟件、創(chuàng )意方向和設計理念。企業(yè)技術(shù)骨干的合理融入，可以使網(wǎng)站設計和內容具有更為充分的創(chuàng )新性和實(shí)用性，學(xué)生通過(guò)學(xué)習校本教材，能夠充分掌握設計和制作網(wǎng)頁(yè)的最新知識，對學(xué)生未來(lái)就業(yè)創(chuàng )造良好條件，順應職業(yè)教育的培養特點(diǎn)，提升我們的教學(xué)質(zhì)量。例如，為電子商務(wù)專(zhuān)業(yè)開(kāi)發(fā)網(wǎng)頁(yè)設計與制作校本教材時(shí)，請當地電商產(chǎn)業(yè)園的網(wǎng)店美工技術(shù)人員，針對當地特色物產(chǎn)，結合本地歷史文化，編寫(xiě)商品網(wǎng)頁(yè)文案撰寫(xiě)相關(guān)教學(xué)內容，以及設計相應物產(chǎn)推廣和營(yíng)銷(xiāo)的網(wǎng)頁(yè)案例范本，將職業(yè)場(chǎng)景、軟件知識、行業(yè)知識有機融合，讓學(xué)生通過(guò)開(kāi)發(fā)的校本教材掌握知識點(diǎn)、技能點(diǎn)，實(shí)現校內實(shí)訓與企業(yè)實(shí)習就業(yè)的無(wú)縫銜接。
二、制訂教學(xué)目標
在現代中職院校發(fā)展中，校企合作已經(jīng)得到了很大的發(fā)展，教師在具體落實(shí)課程教學(xué)時(shí)，如何引進(jìn)企業(yè)資源是其教育工作難點(diǎn)問(wèn)題。此時(shí)，學(xué)校需要和企業(yè)進(jìn)行有效的合作，共同設置教學(xué)內容和教學(xué)目標，確保學(xué)生能夠更高效地學(xué)習網(wǎng)頁(yè)設計，實(shí)現教學(xué)質(zhì)量的有效提升，進(jìn)而保證課堂教學(xué)目標和教學(xué)內容可以高度滿(mǎn)足企業(yè)需求。在具體學(xué)習設計和制作Dreamweaver網(wǎng)頁(yè)之前，教師首先需要組織學(xué)生進(jìn)行圖像處理的學(xué)習，夯實(shí)學(xué)生的專(zhuān)業(yè)基礎，確保學(xué)生能夠有效處理多媒體素材和網(wǎng)頁(yè)設計圖片，此時(shí)，學(xué)生能夠結合個(gè)人想象開(kāi)發(fā)作品。教師在具體實(shí)施網(wǎng)頁(yè)設計教學(xué)時(shí)，不僅需要確保學(xué)生能夠熟練應用相關(guān)網(wǎng)站的基本操作，而且需要確保學(xué)生能夠設計制作相關(guān)網(wǎng)站，實(shí)現學(xué)生綜合能力的有效提升。在具體開(kāi)展科創(chuàng )教學(xué)時(shí)，自主開(kāi)發(fā)一個(gè)網(wǎng)站是其教育工作的最終目標，因此，教師在具體開(kāi)設網(wǎng)頁(yè)設計課程之前，需要考慮知識的連貫性，確保學(xué)生能夠掌握商品拍攝與圖片處理，以及熟練應用Photoshop、Flash、Firework等軟件，為網(wǎng)站整體布局和圖像處理創(chuàng )造良好的條件，確保學(xué)生能夠獨立建設靜態(tài)網(wǎng)站，進(jìn)而保障學(xué)生后期能夠更高效地參與企業(yè)工作。例如，電子商務(wù)專(zhuān)業(yè)學(xué)生使用校企共編教材設計商品推廣與營(yíng)銷(xiāo)網(wǎng)頁(yè)之前，首先需要拍攝收集商品素材，并利用Photoshop軟件對商品素材進(jìn)行處理、美化，然后根據處理后的商品素材，撰寫(xiě)相關(guān)文案，再對圖片和文案進(jìn)行排版和美化，最后運用Dreamweaver，結合Flash、Firework等軟件完成商品推廣與營(yíng)銷(xiāo)網(wǎng)頁(yè)的制作。
三、理論結合實(shí)踐
網(wǎng)頁(yè)設計和制作具有極強的實(shí)踐性，中職教師在具體實(shí)施教育工作時(shí)，需要理論結合實(shí)踐，強化學(xué)生實(shí)踐技能。首先，需要實(shí)現教師實(shí)踐經(jīng)驗的合理豐富，確保教師在日常教學(xué)時(shí)，可以將理論合理融入實(shí)踐活動(dòng)中，教師在完成理論知識教學(xué)之后，需要引導學(xué)生進(jìn)行實(shí)踐操作，確保學(xué)生在操作中能夠進(jìn)一步掌握如何應用理論知識。與此同時(shí)，學(xué)校還需要為學(xué)生實(shí)踐操作提供相關(guān)平臺，利用機房和多媒體教室開(kāi)展實(shí)踐練習，強化學(xué)生的實(shí)踐應用能力。最后，專(zhuān)業(yè)教師還需要和企業(yè)兼職教師有效合作，共同制訂教學(xué)目標，設計和開(kāi)發(fā)課程教學(xué)項目，組織學(xué)生進(jìn)行實(shí)訓，確保課程體系建設能夠有效融入企業(yè)工程項目中，使其課程教學(xué)具有更高的職業(yè)性、實(shí)用性和針對性，并和企業(yè)生產(chǎn)實(shí)際有效結合。在引導學(xué)生進(jìn)行網(wǎng)站編輯時(shí)，為了實(shí)現學(xué)生網(wǎng)站維護經(jīng)驗的豐富，教師可以和相關(guān)企業(yè)有效合作，組織學(xué)生進(jìn)行頂崗實(shí)習。學(xué)生在進(jìn)行頂崗實(shí)習時(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)站維護中，在此過(guò)程中，學(xué)生根據當地時(shí)令特產(chǎn)，隨時(shí)更新主推商品。如在5月、6月、7月首推龍蝦、螺絲等，9月、10月、11月首推大閘蟹、菱角、芡實(shí)等。還可根據節日、實(shí)際銷(xiāo)量等，及時(shí)調整宣傳文案與活動(dòng)宣傳圖片，做到常更常新，學(xué)生能融入合作企業(yè)的日常工作中，就能在實(shí)習就業(yè)階段順暢適應工作崗位
四、改進(jìn)教育模式
在以往實(shí)施網(wǎng)頁(yè)設計課程時(shí)，通常由教師在課堂上向學(xué)生演示相關(guān)案例，然后要求學(xué)生模仿該案例，最后由學(xué)生設計和制作相關(guān)網(wǎng)頁(yè)，教師普遍采取照本宣科和“填鴨式”教學(xué)實(shí)時(shí)課堂內容教學(xué)，教學(xué)活動(dòng)的乏味性相對較強。針對該情況，教師需要對其教學(xué)模式進(jìn)行科學(xué)改變，確保能夠對學(xué)生學(xué)習興趣進(jìn)行有效激發(fā)，實(shí)現整體教學(xué)效果的有效提升[1]。例如，在進(jìn)行網(wǎng)頁(yè)設計基礎的相關(guān)內容教學(xué)時(shí)，中職學(xué)生對事物具有獨特的看法，尤其是面對自己感興趣的動(dòng)漫人物、電影明星和游戲時(shí)，具有相對開(kāi)闊的思路，會(huì )自我設定角色。因此，教師在具體進(jìn)行該部分教學(xué)時(shí)，需要科學(xué)改變課程教學(xué)，對傳統教學(xué)模式進(jìn)行有效突破，在向學(xué)生講述制作網(wǎng)頁(yè)的技術(shù)和方法時(shí)，還需要加入設計風(fēng)格、網(wǎng)頁(yè)主題、網(wǎng)頁(yè)布局、網(wǎng)頁(yè)設計等細節，引導學(xué)生自由選擇，通過(guò)該方式，可以使學(xué)生具有充分的自主權，確保學(xué)生能夠結合個(gè)人興趣進(jìn)行網(wǎng)頁(yè)設計，完善相關(guān)作品，不僅能夠使學(xué)生更高效地學(xué)習網(wǎng)頁(yè)設計，而且可以對學(xué)生的創(chuàng )新能力進(jìn)行科學(xué)培養，實(shí)現學(xué)生整體設計水平的全面提升。在對電子商務(wù)專(zhuān)業(yè)學(xué)生實(shí)施教學(xué)時(shí)，學(xué)生根據自己的喜好，為本地特產(chǎn)魚(yú)圓設計了宣傳海報。
五、設置工作任務(wù)
利用工作任務(wù)實(shí)施項目教學(xué)具體是指教師根據單元所學(xué)內容創(chuàng )設教學(xué)情境，確保教學(xué)內容能夠合理融入職業(yè)工作內容中，在項目教學(xué)中融入典型工作任務(wù)，與企業(yè)生產(chǎn)實(shí)際有效結合，確保教學(xué)內容中有學(xué)生必須掌握的理論知識，同時(shí)，教師還可以根據教學(xué)需求對其進(jìn)行科學(xué)分解，使其形成多個(gè)小項目單元，進(jìn)而保障學(xué)生能夠進(jìn)行更為有效的學(xué)習。例如，在進(jìn)行開(kāi)發(fā)與設計Web網(wǎng)站教學(xué)時(shí)，教師可以在教學(xué)活動(dòng)中貫穿電子商務(wù)購物，結合具體工作流程對該工作任務(wù)進(jìn)行簡(jiǎn)單分解，同時(shí)，將理論教學(xué)融入其中，確保教學(xué)活動(dòng)能夠有效結合真實(shí)工作崗位，進(jìn)而保證能夠更高效地實(shí)施項目教學(xué)，在此過(guò)程中，我們的工作任務(wù)設置要緊密結合產(chǎn)業(yè)需求，將學(xué)校的教學(xué)和企業(yè)的需求進(jìn)行深度融合。
六、確保因材施教
中職類(lèi)學(xué)生在參與學(xué)習時(shí)，具有不同的學(xué)習興趣、專(zhuān)業(yè)能力和專(zhuān)業(yè)基礎，所以，教師在進(jìn)行人才培養時(shí)，無(wú)法使學(xué)生完全掌握行業(yè)所需內容，同時(shí)也無(wú)法批量生產(chǎn)。部分學(xué)生具有良好的口才，同時(shí)，還有學(xué)生對色彩極其敏感，部分學(xué)生擅長(cháng)編碼技術(shù)，針對該情況，教師需要確保教學(xué)工作因材施教。例如，在具體開(kāi)展教學(xué)活動(dòng)時(shí)，教師需要引導學(xué)生扮演不同角色，從而完成不同任務(wù)，教師可以引導學(xué)生根據個(gè)人興趣選擇角色，然后實(shí)施分組教學(xué)，對學(xué)生的興趣進(jìn)行科學(xué)培養[2]。如果學(xué)生市場(chǎng)嗅覺(jué)敏感、口才良好，教師則需要側重于培養網(wǎng)站架構和調研，而如果學(xué)生色彩感覺(jué)好，美工功底強，教師需要將網(wǎng)頁(yè)美工設計作為人才培養的側重點(diǎn)。最后，如果學(xué)生對編碼技術(shù)具有較高的興趣，教師則需要培養學(xué)生編寫(xiě)后臺代碼，實(shí)現網(wǎng)站技術(shù)。因材施教的有效落實(shí)，可以確保學(xué)生具有較高的學(xué)習興趣，使學(xué)生能夠迅速掌握未來(lái)所需的專(zhuān)業(yè)技能，從而畢業(yè)的時(shí)候可以輕松地適應未來(lái)的就業(yè)崗位。
七、引進(jìn)企業(yè)專(zhuān)家
中職院校在實(shí)施教育工作時(shí)，如果想要確保班級教學(xué)有效結合企業(yè)教學(xué)，需要科學(xué)引進(jìn)企業(yè)專(zhuān)家，科學(xué)講解課堂內容和企業(yè)內容。在課堂教學(xué)中引入企業(yè)專(zhuān)家具有較高的難度。針對該情況，教師可以利用網(wǎng)絡(luò )手段組織學(xué)生開(kāi)展網(wǎng)絡(luò )連接學(xué)習，確保課堂教學(xué)可以和企業(yè)文化有效融合，使學(xué)生對企業(yè)相關(guān)信息有充分的了解，同時(shí)，還可以引導學(xué)生對網(wǎng)站設計的最新技術(shù)進(jìn)行深入學(xué)習，對學(xué)生職業(yè)素養、職業(yè)榮譽(yù)、職業(yè)良心和職業(yè)責任進(jìn)行科學(xué)培養[3]。例如，在實(shí)施添加和設置多媒體對象的相關(guān)內容教學(xué)時(shí)，教師可以引進(jìn)企業(yè)專(zhuān)家進(jìn)行教學(xué)，企業(yè)專(zhuān)家在具體講解中，可以根據自身工作經(jīng)驗，簡(jiǎn)單介紹企業(yè)網(wǎng)站對多媒體資源的需求，可在網(wǎng)頁(yè)中插入多媒體資源的具體方法，然后進(jìn)行影片和聲音插入方式的科學(xué)講解，通過(guò)開(kāi)放式可以對學(xué)生學(xué)習興趣進(jìn)行有效激發(fā)，使其能夠迅速掌握該知識點(diǎn)。與此同時(shí)，在具體進(jìn)行該章節教學(xué)時(shí)，企業(yè)教師可以講解相關(guān)視頻。例如，在詳細講解添加視頻時(shí)，企業(yè)專(zhuān)家可以利用多媒體向學(xué)生講解自己的企業(yè)，在進(jìn)行教育工作的同時(shí)，還可以對學(xué)生輸出企業(yè)文化，實(shí)現教學(xué)效率的有效提升。又如，在進(jìn)行網(wǎng)頁(yè)頁(yè)面布局的相關(guān)內容教學(xué)時(shí)，通過(guò)視頻講解，可以使學(xué)生進(jìn)一步理解所學(xué)內容，教師在完成課程教學(xué)之后，還可以利用班級群對學(xué)生設計和制作網(wǎng)頁(yè)學(xué)習提供必要的幫助，幫助學(xué)生解決在具體實(shí)踐中出現的問(wèn)題與疑惑，并對其網(wǎng)頁(yè)設計技術(shù)進(jìn)行分享。
八、強化項目教學(xué)
在開(kāi)展實(shí)訓課程時(shí)，教師可以合理應用項目任務(wù)教學(xué)，針對職業(yè)崗位需求實(shí)施教育工作，對企業(yè)工作情境進(jìn)行科學(xué)模擬，推廣過(guò)程導向、案例解析、情景體驗、任務(wù)驅動(dòng)等多種教學(xué)方式，確保能夠使工學(xué)結合得到充分體現。針對網(wǎng)站建設的具體流程和工作任務(wù)，根據實(shí)際崗位團隊進(jìn)行項目組的合理設置，基于職業(yè)情境創(chuàng )設學(xué)習情境，確保能夠使學(xué)生合理融入學(xué)習情境，使其能夠對自身具有經(jīng)驗進(jìn)行合理應用，主動(dòng)獲取相關(guān)信息，明確實(shí)際崗位的操作流程和具體要求。在具體實(shí)施網(wǎng)頁(yè)設計制作的相關(guān)內容教學(xué)時(shí)，教師需要針對教學(xué)內容設計具體工作項目[4]。首先，需要明確任務(wù)，教師需要針對教學(xué)內容設置學(xué)習任務(wù)，并對學(xué)生進(jìn)行效果預覽圖的展示，使學(xué)生對其任務(wù)要求有充分的了解。借助教學(xué)平臺發(fā)布思維導圖、學(xué)習任務(wù)書(shū)、任務(wù)效果圖等，引導學(xué)生構建知識體系，自主學(xué)習、小組探究多方面提升學(xué)生的綜合能力和素養，由此構建任務(wù)驅動(dòng)課堂。其次，需要科學(xué)制訂工作計劃，學(xué)生需要針對教師引導對項目任務(wù)進(jìn)行科學(xué)分級，設定具體工作計劃。例如，制作“宅家商城”網(wǎng)站主頁(yè)，在明確任務(wù)后，學(xué)生根據網(wǎng)頁(yè)效果圖，制訂工作任務(wù)計劃思維導圖，對任務(wù)梳理、分級。隨后，教師還需要引導學(xué)生根據工作計劃收集相關(guān)資料，并為其項目工作準備所需素材，然后學(xué)生需要針對工作計劃設計和制作頁(yè)面，并利用文字對其進(jìn)行記錄。最后，需要進(jìn)行檢查評測，學(xué)生需要將個(gè)人作品進(jìn)行展示，然后由教師對其進(jìn)行提問(wèn)，組織學(xué)生答辯和互評，并由教師對其進(jìn)行科學(xué)講評，從而不斷提升學(xué)生的創(chuàng )作水平。
九、結語(yǔ)
中職院校在具體落實(shí)網(wǎng)頁(yè)設計與制作的相關(guān)內容教學(xué)時(shí)，通過(guò)開(kāi)發(fā)校本教材，制訂教學(xué)目標，理論結合實(shí)踐，改進(jìn)教育模式，設置工作任務(wù)，確保因材施教，引進(jìn)企業(yè)專(zhuān)家，強化項目教學(xué)能夠確保有效落實(shí)校企共教，確保學(xué)生能夠更充分地掌握相關(guān)專(zhuān)業(yè)知識，強化學(xué)生實(shí)踐技能，保證學(xué)生在未來(lái)能夠更高效地參與職業(yè)工作。
參考文獻：
［1］江梅梅.項目式教學(xué)在網(wǎng)頁(yè)設計與制作課程中的應用［J］.大觀(guān)，20xx，229（11）：151-152.
［2］朱曉.優(yōu)化網(wǎng)頁(yè)制作與設計課程課堂教學(xué)的幾點(diǎn)做法［J］.現代職業(yè)教育，20xx（6）：188-189.
［3］蔡鴻璋.探索網(wǎng)頁(yè)設計與制作課程教學(xué)的新思路［J］.課程教育研究，20xx（42）：55.
［4］梁菊.項目教學(xué)法運用于中職電子商務(wù)網(wǎng)頁(yè)設計與制作教學(xué)中的探究［J］.職業(yè)，20xx，501（2）：73-74.
網(wǎng)頁(yè)設計論文6
1基于計算機軟件技術(shù)的模塊化網(wǎng)頁(yè)技術(shù)介紹
在計算機軟件技術(shù)支持下，進(jìn)行網(wǎng)頁(yè)包裝與設計需要分模塊來(lái)進(jìn)行，在不同的模塊中應用的技術(shù)方法也要做出區分，長(cháng)時(shí)間處于這樣的環(huán)境下，很難確保管理任務(wù)達到理想的使用標準，技術(shù)方法也是不斷發(fā)展變化的，能夠提升軟件的使用穩定性，在功能上也能夠與設計方案保持一致。網(wǎng)頁(yè)包裝設計要體現出個(gè)性化，在使用功能與頁(yè)面選擇上都要保持整體性，網(wǎng)頁(yè)設計同樣需要計算機軟件的支持，在技術(shù)上體現出對系統的保護設計，這樣當發(fā)生質(zhì)量不達標的現象時(shí)，才能通過(guò)技術(shù)方法來(lái)規避，并避免在接下來(lái)的設計中出現嚴重的隱患問(wèn)題。所設計的網(wǎng)頁(yè)也能順利投入到使用環(huán)節中。子模塊是網(wǎng)頁(yè)整體中的一部分，該模塊的設計關(guān)系到網(wǎng)頁(yè)功能是否能夠正常實(shí)現，基于計算機軟件技術(shù)環(huán)境下所進(jìn)行的模塊設計難度比較大，需要采取定向研究的方法來(lái)進(jìn)行調控，首先保障網(wǎng)站包裝設計的功能能夠實(shí)現，再進(jìn)行細節上的補充，完成設計任務(wù)。
2基于計算機軟件技術(shù)的網(wǎng)頁(yè)包裝技術(shù)實(shí)現
（1）對HTML語(yǔ)言的擴充。網(wǎng)頁(yè)包裝設計期間，使用HTML語(yǔ)言來(lái)進(jìn)行匯編，在設計過(guò)程中，系統中能夠形成穩定的使用標準，并且隨著(zhù)基層中常見(jiàn)的技術(shù)問(wèn)題產(chǎn)生，語(yǔ)言擴充也能夠起到預防控制作用，技術(shù)應用階段需要在語(yǔ)言中添加一些常用的功能語(yǔ)句識別程序，可以節省大量的網(wǎng)頁(yè)請求分析時(shí)間，并在基層中形成穩定的使用標準，一旦出現網(wǎng)絡(luò )不穩定的情況，也能夠將用戶(hù)瀏覽到的界面保存，避免重要的信息資料丟失。在語(yǔ)言擴充期間，需要根據模塊來(lái)記性歸類(lèi)，避免出現語(yǔ)言混亂的情況，可以使用不同的背景對語(yǔ)言模塊進(jìn)行填充，這樣更方便區分，不容易出現匯編遺忘或者重復的現象。
（2）對Web服務(wù)器的改進(jìn)。Web瀏覽器是常用的網(wǎng)頁(yè)瀏覽信息，瀏覽器在使用期間可能會(huì )出現請求應答延遲的現象，在技術(shù)方法中都能夠得到有效的解決，這樣才能夠確保網(wǎng)頁(yè)功能的正常實(shí)現，并通過(guò)技術(shù)性方法來(lái)促進(jìn)計算機軟件得到及時(shí)的更新。瀏覽器的處理功能中，大部分是關(guān)于臨時(shí)文件來(lái)進(jìn)行的，改進(jìn)時(shí)可以保持原有的設計框架不變，這樣能夠節省大量的時(shí)間，并對設計內容進(jìn)行定向的調節控制，這樣能夠節省大量的框架結構形成時(shí)間，并在現場(chǎng)形成更理想化的運行體系。
3計算機軟件技術(shù)中的模塊化網(wǎng)頁(yè)技術(shù)作用和意義
（1）高效地組織和維護Web上的信息資源。通過(guò)計算機軟件技術(shù)，能夠達到更理想化的使用標準，使用期間針對信息資源進(jìn)行整合，幫助提升使用效率，并達到理想的運行標準。通過(guò)計算機軟件技術(shù)能夠幫助提升信息資源的利用效率，與實(shí)際情況保持一致，并且更新效率也能快速的提升。網(wǎng)頁(yè)模塊的設計也會(huì )通過(guò)模塊方法來(lái)進(jìn)行控制，觀(guān)察網(wǎng)站中可能會(huì )出現的問(wèn)題，采取技術(shù)手段來(lái)控制，觀(guān)察網(wǎng)頁(yè)計算中可能會(huì )出現的問(wèn)題，并對現場(chǎng)采取技術(shù)控制方法，觀(guān)察發(fā)現隱患問(wèn)題后，可以第一時(shí)間解決，確保網(wǎng)站的運行穩定性。
（2）提高瀏覽網(wǎng)頁(yè)的速度。計算機軟件技術(shù)應用后，可以幫助提升使用網(wǎng)頁(yè)的瀏覽速度，并避免出現數據庫損壞或者丟失的現象，瀏覽器之間的運行配合能夠使數據信息內容更豐富，用戶(hù)通過(guò)網(wǎng)頁(yè)所提出的請求也擁有更大的搜索范圍，在時(shí)間與效率上自然能夠得到明顯的提升。技術(shù)創(chuàng )新是通過(guò)計算機軟件技術(shù)來(lái)實(shí)現的，軟件中的功能需要配合框架來(lái)進(jìn)行，當發(fā)現在使用期間可能會(huì )出現一些質(zhì)量隱患現象時(shí)，系統會(huì )第一時(shí)間將這種情況反饋到系統中，方便技術(shù)人員能夠第一時(shí)間查看。網(wǎng)頁(yè)中各個(gè)模塊在設計時(shí)會(huì )重點(diǎn)區分內容，并在功能上相互進(jìn)行，互相配合達到最高效的使用效果。網(wǎng)絡(luò )狀態(tài)下網(wǎng)頁(yè)內的信息會(huì )不斷的更新，與實(shí)際情況保持一致，用戶(hù)也能找到自己需要的信息。當請求新頁(yè)面時(shí)，新頁(yè)面中那些已經(jīng)在本地有副本存在的子模塊就可以在本地得到，不需要再到Web服務(wù)器上去取，從而提高瀏覽網(wǎng)頁(yè)的速度，減少了網(wǎng)絡(luò )的數據流量。
結語(yǔ)
文中提出了模塊化網(wǎng)頁(yè)設計技術(shù)，通過(guò)子模塊的制作，可以在許多頁(yè)面之間共享子模塊中的信息;而且，在一定程度上保證了網(wǎng)站信息的一致性。通過(guò)對已經(jīng)瀏覽過(guò)的模塊進(jìn)行存儲可以提高網(wǎng)頁(yè)瀏覽速度，降低網(wǎng)絡(luò )數據流量和服務(wù)器的工作負擔，有助于提高搜索引擎的搜索精度和效率，對于Web應用研究具有一定的參考價(jià)值。
參考文獻
[1]仇樂(lè ).網(wǎng)頁(yè)設計中計算機圖像處理技術(shù)應用解析[J].煤炭技術(shù),20xx(03).
[2]王國慶.探究基于DIV+CSS技術(shù)的網(wǎng)頁(yè)設計優(yōu)化方法[J].信息與電腦(理論版),20xx(02).
網(wǎng)頁(yè)設計論文7
響應式網(wǎng)頁(yè)設計原型研究
網(wǎng)頁(yè)設計畢業(yè)論文內容
當今，移動(dòng)互聯(lián)網(wǎng)迅猛發(fā)展，各種智能設備層出不窮。傳統網(wǎng)頁(yè)設計采用“固定頁(yè)面及元素寬度，任何終端統一頁(yè)面效果”的策略，無(wú)疑將造成網(wǎng)頁(yè)在一些新興移動(dòng)終端上顯示的文字極小、鏈接分布極密，用戶(hù)需要在屏幕上不停操作來(lái)自主尋求較好的體驗。面對這一弊端，網(wǎng)頁(yè)設計師聚焦于“響應式網(wǎng)頁(yè)設計”這一關(guān)鍵詞，試圖使用一套代碼為各類(lèi)終端設備提供不同的設計和體驗。從先前“為固定設備設計網(wǎng)頁(yè)”跨越到“響應式網(wǎng)頁(yè)設計”是一個(gè)較難的過(guò)程。一些新手可能已經(jīng)積攢了諸如媒體查詢(xún)、流式布局、彈性圖片等零散的設計開(kāi)發(fā)技巧，掌握了HTML5和CSS3的使用方法，但他們依然無(wú)法駕馭響應式網(wǎng)頁(yè)設計。造成這種情況的直接原因就在于缺乏一個(gè)能夠指導他們立即開(kāi)展響應式網(wǎng)頁(yè)設計實(shí)踐的可操作流程，即原型。
1兩個(gè)關(guān)鍵概念：響應式網(wǎng)頁(yè)設計與原型
響應式網(wǎng)頁(yè)設計(RWD，Responsive網(wǎng)頁(yè)Design)是一種網(wǎng)頁(yè)前端開(kāi)發(fā)技術(shù)，它可以描述為，“兼顧多種不同設備屏幕尺寸、分辨率、系統平臺和行為做出相應的調整和布局的顯示機制”。原型(Prototype)，也叫“原樣”，是“模擬科學(xué)”中的一個(gè)術(shù)語(yǔ)。在心理科學(xué)中，由于很難對動(dòng)作或心智活動(dòng)認識清楚，所以一般沿用JR安德森的觀(guān)點(diǎn)，把原型(Prototype)視為關(guān)于范疇的最典型的樣例設想，即把“原型”視為外化的實(shí)踐模式，或“物質(zhì)化”了的心智活動(dòng)方式或操作活動(dòng)程序。綜合上述，響應式網(wǎng)頁(yè)設計原型可描述為：符合“響應式網(wǎng)頁(yè)設計項目分析、各類(lèi)終端具有適合自身用戶(hù)體驗的不同頁(yè)面效果、一套代碼完成所有不同終端的網(wǎng)頁(yè)制作、各類(lèi)終端與主流瀏覽器良好兼容”等一系列規則的，外化的響應式網(wǎng)頁(yè)設計活動(dòng)實(shí)踐模式。
2建構響應式網(wǎng)頁(yè)設計的原型
建構原型一般采用心理模擬法，它包含三個(gè)步驟：
(1)響應式網(wǎng)頁(yè)設計活動(dòng)的功能分析;
(2)響應式網(wǎng)頁(yè)設計活動(dòng)的結構分析;
(3)功能分析與結構分析的有機結合。其中，功能分析的重點(diǎn)是作用的對象，條件與結果;結構分析的重點(diǎn)在于組成要素及要素之間的關(guān)系。響應式網(wǎng)頁(yè)設計的目標是能夠高效的編寫(xiě)一套代碼為各類(lèi)終端設備提供良好的設計效果和使用體驗，這需要具備HTML5、CSS3、Javascript和jquery的基本技能。響應式網(wǎng)頁(yè)設計之父——伊桑.馬科特認為，響應式網(wǎng)頁(yè)設計應該首先針對小屏幕進(jìn)行設計，然后逐步增強針對大屏幕設計。這種思路顛覆了傳統固定寬度的網(wǎng)頁(yè)設計方法，對于那些已經(jīng)積攢了零散的響應式網(wǎng)頁(yè)設計開(kāi)發(fā)技巧、HTML5及CSS3等技術(shù)，能夠較熟練的完成固定寬度桌面端網(wǎng)頁(yè)的新手而言，恐怕很難理解從小屏幕開(kāi)始設計然后漸進(jìn)增強的思路。考慮到新手已經(jīng)習慣設計制作固定寬度的桌面版網(wǎng)頁(yè)，響應式網(wǎng)頁(yè)設計如果從固定寬度的大屏幕網(wǎng)頁(yè)制作開(kāi)始，然后改造這套代碼將僅適用于桌面的網(wǎng)頁(yè)依次兼容平板端和手機端也是一個(gè)不錯的思路。響應式網(wǎng)頁(yè)設計活動(dòng)包含了“項目分析”、“網(wǎng)頁(yè)平面設計”、“桌面版網(wǎng)頁(yè)制作”、“平面版的改造”、“手機版的改造”及“兼容問(wèn)題的調試”這6個(gè)典型的子活動(dòng)。這些典型要素的關(guān)系可以描述為，“要想高效的完成某響應式網(wǎng)頁(yè)設計項目，首先需要項目分析，其階段性結果是響應式網(wǎng)頁(yè)的總體方案，即在用戶(hù)群體需求分析及主題解讀的基礎上，進(jìn)行色彩分析及定位，確定UI版面布局，分析設計網(wǎng)頁(yè)功能模塊，確定網(wǎng)頁(yè)風(fēng)格等，最終形成包含“前言”、“需求分析”、“系統分析”、“風(fēng)格設計”、“各類(lèi)終端UI版面初步布局”、“色彩定位”、“網(wǎng)頁(yè)建設日程規劃”等部分的網(wǎng)頁(yè)總體方案文檔;然后，根據前期方案中“色彩”、“風(fēng)格”及“各類(lèi)終端UI版面布局”等的分析，依據頁(yè)面設計原則，利用photoshop繪制適用于各類(lèi)終端顯示的平面效果圖;隨后，利用“HTML5+Css3”技術(shù)采用
+css布局完成固定寬度桌面版網(wǎng)頁(yè)的制作并生成網(wǎng)頁(yè)文件和樣式表文件;接著(zhù)，在這套代碼的基礎上，利用媒體查詢(xún)技術(shù)、流式布局、彈性圖片技術(shù)，結合平板終端的頁(yè)面效果圖將代碼改造成兼容桌面及平板的網(wǎng)頁(yè);之后，在上述修改的基礎上，繼續利用媒體查詢(xún)技術(shù)和彈性圖片技術(shù)，結合手機終端的頁(yè)面效果圖將代碼改造成兼容桌面、平板、手機的網(wǎng)頁(yè);最后，利用火狐和IETester軟件查看初步完成的響應式網(wǎng)頁(yè)，解決跨瀏覽器的兼容問(wèn)題，形成完整網(wǎng)站。該過(guò)程中任何環(huán)節如果出現不妥當都應該返回上個(gè)步驟進(jìn)行重新修改。結合上述對網(wǎng)頁(yè)設計活動(dòng)的功能與結構分析，不難發(fā)現，響應式Web設計活動(dòng)原型中的6個(gè)典型子活動(dòng)復雜程度不同。其中“桌面版網(wǎng)頁(yè)制作”、“平面版的改造”、“手機版的改造”及“兼容問(wèn)題的調試”這4個(gè)典型子活動(dòng)是比較復雜的，包含了很多熟手的關(guān)鍵技術(shù)，需要進(jìn)一步闡述。
3熟手的關(guān)鍵技術(shù)
從上述適用于新手的響應式網(wǎng)頁(yè)設計活動(dòng)基本原型發(fā)現，制作一個(gè)能夠兼容主流瀏覽器的固定寬度桌面版網(wǎng)頁(yè)是響應式網(wǎng)頁(yè)制作的開(kāi)端。那么，首先在“桌面版網(wǎng)頁(yè)制作”這個(gè)環(huán)節中提取一些熟手關(guān)鍵技術(shù)，作為給予新手的技巧提示。
3.1兼容主流瀏覽器的桌面版網(wǎng)頁(yè)制作技術(shù)
為了防止不同瀏覽器給予相同HTML5標簽的初始樣式存在差異，熟手利用HTML5+CSS3制作桌面版網(wǎng)頁(yè)制作時(shí)，一般會(huì )在樣式文件(擴展名.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í)現頁(yè)面在IE內核和Firefox內核的所有版本瀏覽器中居中對齊，外層布局盒子與瀏覽器頭部無(wú)縫緊貼;
及css3完成固定寬度布局時(shí)，默認所有內部布局
向左浮動(dòng)，溢出屬性為隱藏;所有構成頁(yè)面的HTML5元素的默認邊距和填充屬性為0px;HTML5的列表標簽默認項目符號為空，邊距和填充為0px。此外，確定頁(yè)面尺寸,目前大多數顯示器為1024像素*768像素，那么以此為默認顯示器時(shí)，頁(yè)面的寬度尺寸一般設置為“1007像素”。初始化CSS代碼后，接下來(lái)就是利用
+CSS完成布局，這里提示新手：完成布局后，務(wù)必在IETESTER和Firefox中檢查網(wǎng)頁(yè)布局是否能夠兼容主流瀏覽器。然后，根據桌面版網(wǎng)頁(yè)平面設計效果圖完成頁(yè)面的制作。此外，熟手的經(jīng)驗是制作過(guò)程中頻繁檢測桌面版網(wǎng)頁(yè)是否能夠完美兼容各種瀏覽器。
3.2利用流式布局、彈性圖片、媒體查詢(xún)技術(shù)修改桌面版網(wǎng)頁(yè)
(1)相對視口尺寸，將最外層的布局
(例如：#wrapper{width:1007px;...})的寬度設置為96%(這個(gè)值取決于當前頁(yè)面的視覺(jué)效果，也可以給其他數值);然后，將最外層的布局
內部的頁(yè)頭布局、導航布局、內容布局、側邊欄布局、頁(yè)腳布局
對應的CSS樣式中的width屬性值利用公式——目標元素寬度÷上下文元素寬度=百分比寬度把網(wǎng)頁(yè)的固定布局修改成百分比布局，也就是將固定像素寬度轉換成對應的百分比寬度。
(2)將頁(yè)面中所有HTML5標簽元素對應的CSS樣式表中的margin-right、margin-left、padding-right、padding-left的屬性值也用公式——目標元素寬度÷上下文元素寬度=百分比寬度來(lái)修改。
(3)將CSS樣式表中的font-size屬性值的單位用em來(lái)代替px。這里依然使用公式——目標元素寬度÷上下文元素寬度=百分比寬度。這里需要提示新手的是：在標簽的初始化代碼中，如果有font-size:16px;語(yǔ)句，那么在給其他元素的font-size屬性上修改值時(shí)，公式中的“上下文元素寬度”就等于16px，例如，#logo{font-size:48px;}現在要修改為#logo{font-size:3em;}。
(4)為了實(shí)現彈性圖片，讓圖片隨視口縮放，圖形圖像、動(dòng)畫(huà)和視頻的彈性設置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中，max-width屬性是用于確保縮放時(shí)不會(huì )超出圖片最大尺寸。同時(shí)，熟手還會(huì )使用AdaptiveImages解決方案來(lái)實(shí)現自適應圖片。
(5)媒體查詢(xún)可以通過(guò)判斷不同設備終端，提供不同的樣式使其實(shí)現在不同終端都能獲得最佳的用戶(hù)體驗。例如，某個(gè)響應式頁(yè)面用電腦瀏覽頁(yè)面時(shí)，頁(yè)面信息會(huì )以平鋪的形式分布在頁(yè)面合適的位置;用手機瀏覽頁(yè)面時(shí)，導航按鈕會(huì )相繼隱藏起來(lái)，部分信息變成左右滑動(dòng)的方式呈現，頁(yè)面會(huì )重新布局，圖片相應縮小。媒介查詢(xún)的語(yǔ)法格式是，例如：設定寬度不超過(guò)400像素的屏幕尺寸，代碼是：。雖然，HTML5+CSS3提供了良好的媒體查詢(xún)功能，但當前仍有一些瀏覽器不支持，你可能需要添加如下基本樣式：3.3不同種類(lèi)、不同版本瀏覽器的兼容問(wèn)題解決跨越瀏覽器的問(wèn)題一直是響應式網(wǎng)頁(yè)設計的難題。熟手面對這一問(wèn)題時(shí)，一般采用“漸進(jìn)增強與降級”、“利用javascript修復老版本IE”、“使用Modernizr輔助修正樣式，按需加載資源”、“給IE6，7，8追加媒體查詢(xún)功能”等方法。
4結束語(yǔ)
對響應式網(wǎng)頁(yè)設計而言，當前的設計理念和技術(shù)方法還不是終點(diǎn),網(wǎng)站前端設計師需要繼續努力找出更好的解決方案。而對新手學(xué)習者而言，響應式網(wǎng)頁(yè)設計開(kāi)發(fā)技能的形成不是一蹴而就的，還需要學(xué)習者在多個(gè)項目中，利用原型進(jìn)行多次定向、操作及內化才能真正掌握。
網(wǎng)頁(yè)設計論文8
摘要：網(wǎng)頁(yè)設計是運用網(wǎng)絡(luò )技術(shù)對網(wǎng)頁(yè)進(jìn)行設計的學(xué)科，其中也會(huì )運用到設計藝術(shù)的知識，是一門(mén)交叉學(xué)科。伴隨著(zhù)互聯(lián)網(wǎng)電商的發(fā)展，茶葉的銷(xiāo)售很多也會(huì )從線(xiàn)下轉變到線(xiàn)上，目前，很多茶產(chǎn)品的展示和銷(xiāo)售逐漸向互聯(lián)網(wǎng)上轉移，茶產(chǎn)品網(wǎng)頁(yè)層出不窮。但是由于茶葉產(chǎn)品的網(wǎng)頁(yè)藝術(shù)設計是新出現的東西，所以在藝術(shù)呈現上還不是很成熟，還存在一些問(wèn)題。筆者在本文從茶產(chǎn)品網(wǎng)頁(yè)的藝術(shù)設計定義入手，分析了茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設計的內容和技術(shù)，從色彩搭配、元素構成、文字排版等方面提出了茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設計視覺(jué)呈現的方法。
關(guān)鍵詞：網(wǎng)頁(yè)設計；茶產(chǎn)品；藝術(shù)設計；視覺(jué)呈現
近年來(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ù)設計才能讓茶產(chǎn)品從眾多品牌中脫穎而出，具有更強的競爭力，所以茶產(chǎn)品網(wǎng)頁(yè)設計的視覺(jué)呈現越來(lái)越受到人們的重視。茶產(chǎn)品網(wǎng)頁(yè)以互聯(lián)網(wǎng)為載體，將茶產(chǎn)品的各種信息以方便、快捷的形式傳達給消費者，所以茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設計必須符合人們的審美需求和高標準、高要求。茶產(chǎn)品的網(wǎng)頁(yè)是信息和主要表現形式的載體，要想設計出更加便捷、美觀(guān)的茶產(chǎn)品網(wǎng)頁(yè)，網(wǎng)頁(yè)中的藝術(shù)設計元素必須更具有觀(guān)賞性，視覺(jué)呈現方式應該更加獨特和新穎，整個(gè)呈現效果應該風(fēng)格統一，主題明確。
1茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設計的內涵
互聯(lián)網(wǎng)和電商的普及，很多商品都在網(wǎng)上進(jìn)行銷(xiāo)售，所以網(wǎng)頁(yè)設計逐漸被人們所重視。茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設計是通過(guò)設計師對茶產(chǎn)品的理解和內涵的認知，根據茶產(chǎn)品的特色，進(jìn)行的創(chuàng )造性的網(wǎng)頁(yè)構思。從表面上來(lái)看，茶產(chǎn)品網(wǎng)頁(yè)設計是對網(wǎng)頁(yè)的版式、色彩、聲音、動(dòng)畫(huà)進(jìn)行了合理的安排和運用，雖然看起來(lái)簡(jiǎn)單，但是要想實(shí)現這一過(guò)程，不僅需要一定的技術(shù)能力，還需要對茶產(chǎn)品有深入的了解。因此，茶產(chǎn)品網(wǎng)頁(yè)設計是藝術(shù)和技術(shù)的結合，同時(shí)也蘊含著(zhù)茶文化的內涵和韻味。茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設計內涵其實(shí)就是新型的可視化的茶文化內涵視覺(jué)呈現，以前人們習慣了用實(shí)物呈現茶文化，現在要將實(shí)物換成圖片、音頻、視頻等表現形式，本質(zhì)上是一樣的，但是網(wǎng)頁(yè)設計呈現茶文化的方式比原來(lái)更多了，不過(guò)也有其短板，就比如人們沒(méi)有辦法去聞一下茶葉的氣味，品嘗茶水的味道，觸摸一下茶葉，這些都是網(wǎng)頁(yè)設計無(wú)法進(jìn)行呈現的，但是視頻和音頻、圖片包含的信息要比傳統的實(shí)物大很多，就好比在有限的地方想要呈現全國所有地方的不同種類(lèi)的茶葉，通過(guò)線(xiàn)下展示幾乎是不可能完成的，但是通過(guò)一個(gè)視頻就能清晰準確地表達出來(lái)。線(xiàn)上和線(xiàn)下各有所長(cháng)，這是沒(méi)有辦法避免的，我們只能借助手中的技能，最大程度地通過(guò)網(wǎng)頁(yè)藝術(shù)設計將茶文化的內涵呈現出來(lái)。
2茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設計視覺(jué)呈現要素
2.1茶產(chǎn)品網(wǎng)頁(yè)的視聽(tīng)元素
茶產(chǎn)品的網(wǎng)頁(yè)藝術(shù)設計包含眾多的視聽(tīng)元素，而如何以合適的藝術(shù)形式將這些視聽(tīng)元素組合起來(lái)，并且支持大多數瀏覽器的顯示和播放，具有比較快的加載速度和瀏覽體驗，減少和避免使用外部程序和模塊，是茶產(chǎn)品網(wǎng)頁(yè)設計主要考慮的問(wèn)題。茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設計還可以運用多媒體技術(shù)，這樣可以更加豐富茶產(chǎn)品網(wǎng)頁(yè)設計的視覺(jué)效果，讓其具有更好的視覺(jué)呈現。這樣做的本質(zhì)就是讓網(wǎng)頁(yè)設計呈現給人的感覺(jué)能夠盡可能的還原人實(shí)物給人呈現的東西一樣，近年來(lái)流行的3D、4D、VR技術(shù)都能很好的運用于茶產(chǎn)品網(wǎng)頁(yè)設計中，其目的也是讓人看到的東西更加真實(shí)，和實(shí)物一樣。將這些網(wǎng)頁(yè)藝術(shù)設計的新科技運用到茶產(chǎn)品網(wǎng)頁(yè)中，可以給人耳目一新的感覺(jué)，也能夠帶給用戶(hù)更好的體驗。
2.2茶產(chǎn)品網(wǎng)頁(yè)的版式設計
茶產(chǎn)品網(wǎng)頁(yè)的板式設計，需要首先對內容進(jìn)行主次的劃分，突出重點(diǎn)內容，避免過(guò)于繁瑣和混亂。將茶產(chǎn)品網(wǎng)頁(yè)的各種視聽(tīng)元素進(jìn)行有機的組合和排列，體現出茶產(chǎn)品的個(gè)性，通過(guò)這些排列形式也可以體現出設計師的想法和思維，展現出茶產(chǎn)品的文化內容和風(fēng)格。茶產(chǎn)品的網(wǎng)頁(yè)藝術(shù)設計在本質(zhì)上和報刊雜志等平面媒體的本質(zhì)是相同的，只不過(guò)茶產(chǎn)品網(wǎng)頁(yè)設計中對版式的設計更加重視，需要其準確的傳遞出茶產(chǎn)品的信息，并且帶給人感官和精神上的享受。茶產(chǎn)品網(wǎng)頁(yè)的版式設計雖然不受到固定規格尺寸的限制，但是必須符合讀者屏幕的閱讀限制，所以茶產(chǎn)品網(wǎng)頁(yè)設計中的各個(gè)元素和位置必須有更加精確的尺寸和定位。茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設計也不同于印刷品的線(xiàn)性形式，這一區別也給茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設計的結構安排帶來(lái)更多的難度。
3茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設計的視覺(jué)呈現方式
3.1色彩的搭配
設計師用以表達設計理念的首選就是色彩，色彩也是茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設計中最能抓住用戶(hù)眼球的部分，其次才是網(wǎng)頁(yè)中的文字和圖像。對于茶產(chǎn)品網(wǎng)頁(yè)設計的色彩運用需要像音樂(lè )的音符一樣進(jìn)行巧妙和恰當的安排，這樣才能像音樂(lè )優(yōu)美的旋律一樣，具有色彩的藝術(shù)感。色彩可以通過(guò)視覺(jué)的呈現讓人出現各種不同的心理感受和反應，所以需要經(jīng)過(guò)精心的組合、搭配以及畫(huà)面的構成。茶產(chǎn)品網(wǎng)站藝術(shù)設計的視覺(jué)呈現不能過(guò)于單一的使用同一種顏色，也不能同時(shí)使用過(guò)多的色彩，導致整個(gè)茶產(chǎn)品網(wǎng)站色彩過(guò)于復雜，而是根據茶產(chǎn)品的主題選擇一兩種顏色作為主要的顏色，其他部分選用相近或者同色系的顏色作為次要顏色。所以，需要在確定主題色彩之后，考慮主題色彩與其他顏色之間的關(guān)系，讓各個(gè)色彩之間能夠達到協(xié)調和均衡，同時(shí)還要考慮各種顏色的純度、透明度和色相的問(wèn)題。其目的就是讓人在瀏覽茶產(chǎn)品的網(wǎng)頁(yè)時(shí)候擁有更好的體驗。
3.2點(diǎn)、線(xiàn)、面的構成
茶產(chǎn)品網(wǎng)頁(yè)設計的基本構成是點(diǎn)、線(xiàn)、面，其排列組合方式有成千上萬(wàn)種，而網(wǎng)頁(yè)設計師需要做的就是通過(guò)合理的點(diǎn)、線(xiàn)、面組合來(lái)表達茶產(chǎn)品網(wǎng)頁(yè)的自然、生動(dòng)、樸實(shí)等形象，讓人通過(guò)茶產(chǎn)品網(wǎng)頁(yè)對茶產(chǎn)品產(chǎn)生美好的聯(lián)想。通過(guò)點(diǎn)、線(xiàn)、面的密集程度和集合形態(tài)，來(lái)表達想要表達的不同特色，反映出茶產(chǎn)品網(wǎng)頁(yè)設計師的設計理念、心理和情感，所以茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設計中點(diǎn)、線(xiàn)、面的關(guān)系一定要處理好，這樣才能將茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設計的最佳視覺(jué)效果呈現出來(lái)。
3.3文字的排版和應用
茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設計的另一形象要素就是文字，文字也是茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)視覺(jué)呈現中必不可少的，擔任著(zhù)傳遞產(chǎn)品信息和情感的作用，所以茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設計中的文字應用能夠給人以美感和審美感受，同時(shí)也可以準確的傳遞作者的意圖。恰當的安排茶葉產(chǎn)品中文字的位置，避免文字與茶葉產(chǎn)品網(wǎng)頁(yè)中其他視覺(jué)元素形成沖突，導致主次顛倒，同時(shí)在茶產(chǎn)品網(wǎng)頁(yè)設計中也不能輕易使用自動(dòng)文字排版工具，避免文字內容錯亂和像素的偏差。
3.4留白的方式和技巧
在茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設計中恰當的留白可以讓視覺(jué)的呈現更為多元化，這也是茶產(chǎn)品網(wǎng)頁(yè)設計中一種比較討巧的設計方式和技巧，可以讓茶產(chǎn)品網(wǎng)頁(yè)中的圖片和文字更加從容。只有通過(guò)留白對茶產(chǎn)品網(wǎng)頁(yè)的空間進(jìn)行緩沖分配，才能讓茶產(chǎn)品網(wǎng)頁(yè)更具有活力，更加生動(dòng)，避免出現呆板的情況。在茶產(chǎn)品網(wǎng)頁(yè)排版布局中，恰當地進(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ù)設計能夠得到升華，提高整個(gè)網(wǎng)頁(yè)的藝術(shù)高度，同時(shí)也可以帶給瀏覽者更多放松的感覺(jué)，讓用戶(hù)瀏覽時(shí)心情更加愉悅。
4結束語(yǔ)
綜上所述，隨著(zhù)互聯(lián)網(wǎng)和時(shí)代的發(fā)展，茶產(chǎn)品基本上都有網(wǎng)絡(luò )銷(xiāo)售渠道，茶產(chǎn)品網(wǎng)頁(yè)設計的審美和要求也在不斷提高，茶產(chǎn)品網(wǎng)頁(yè)設計在傳遞茶產(chǎn)品信息的過(guò)程中也需要帶給用戶(hù)視覺(jué)和感官上的享受，所以茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)設計必須結合藝術(shù)和技術(shù)。所謂的藝術(shù)就是網(wǎng)頁(yè)設計本身所強調的，是每個(gè)設計師都應該擁有的技能，技術(shù)而言就是對茶產(chǎn)品的理解，需要通過(guò)特定的技術(shù)手段展示茶文化的內涵，我們希望通過(guò)網(wǎng)頁(yè)方式呈現給消費者的就是和原來(lái)線(xiàn)下的一樣，技術(shù)是實(shí)現目的手段，我們運用的技術(shù)不一樣，但是想要實(shí)現的目的一直都是一樣的。網(wǎng)頁(yè)設計相比較線(xiàn)下具備很大的優(yōu)勢，而技術(shù)的進(jìn)步也讓視覺(jué)呈現越來(lái)越好，由視覺(jué)感官的藝術(shù)上升到視聽(tīng)享受的層面，讓茶產(chǎn)品網(wǎng)頁(yè)設計不僅僅具有報刊雜志的功能，更有影視觀(guān)賞的效果，將用戶(hù)帶入更好的瀏覽環(huán)境中，從而對茶產(chǎn)品的外在和內涵有更深的理解和領(lǐng)會(huì )。只有處理好茶產(chǎn)品網(wǎng)頁(yè)藝術(shù)和技術(shù)的關(guān)系，才能滿(mǎn)足人們對茶產(chǎn)品網(wǎng)頁(yè)日益增高的要求。
參考文獻
[1]高文婧.藝術(shù)類(lèi)網(wǎng)頁(yè)設計工作坊“雙主體”管理體系的構建分析[J].西部素質(zhì)教育,20xx(13):20.
[2]齊瑋琳.視覺(jué)傳達在網(wǎng)頁(yè)設計中的動(dòng)態(tài)藝術(shù)效果及其技術(shù)實(shí)現[J].黑龍江科學(xué),20xx(12):72-73.
[3]王倩.網(wǎng)頁(yè)設計中技術(shù)與藝術(shù)的結合路徑———以新聞?wù)緸槔齕J].新聞戰線(xiàn),20xx(22):70-71.
[4]王雨晴,湯穎斐.信息藝術(shù)設計對環(huán)保的應用———以環(huán)保包裝網(wǎng)頁(yè)為例[J].藝術(shù)科技,20xx(7):170-171.
[5]游又.淺談數字媒體創(chuàng )作與教學(xué)中的用戶(hù)中心設計和內容設計[J].西部廣播電視,20xx(2):86-88.
[6]許玲玲.淺談網(wǎng)頁(yè)設計中的藝術(shù)表現形式———藝術(shù)與技術(shù)相結合[J].科技資訊,20xx(26):29-30.
[7]古新良.論網(wǎng)頁(yè)設計中藝術(shù)設計的視覺(jué)呈現[J].計算機光盤(pán)軟件與應用,20xx(7):262+264.
[8]李怡.中國水墨畫(huà)藝術(shù)形式在網(wǎng)頁(yè)設計中的借鑒及探索[J].重慶科技學(xué)院學(xué)報(社會(huì )科學(xué)版),20xx(13):122-124.
[9]孫夢(mèng)燦.從《css禪意花園》談對于藝術(shù)設計學(xué)科中的網(wǎng)頁(yè)設計的一些思考[J].包裝世界,20xx(3):100-102.
[10]許展.網(wǎng)站設計的數碼藝術(shù)解析———網(wǎng)站設計的數碼藝術(shù)新思路[J].美與時(shí)代(上),20xx(12):97-98.
網(wǎng)頁(yè)設計論文9
摘要：通過(guò)對傳統教學(xué)模式的調查研究，了解到傳統模式逐漸無(wú)法滿(mǎn)足學(xué)生的需求。項目教學(xué)法作為一種新的教學(xué)模式，在《JSP動(dòng)態(tài)網(wǎng)頁(yè)設計》課程中是一種新的嘗試，通過(guò)學(xué)生自己完成項目的方式，自主學(xué)習JSP網(wǎng)頁(yè)設計，整個(gè)過(guò)程由學(xué)生自己負責設計，實(shí)施，對提高JSP教學(xué)的效果有著(zhù)顯著(zhù)的指導意義。
關(guān)鍵詞：項目教學(xué)法;教學(xué)改革;JSP動(dòng)態(tài)網(wǎng)頁(yè)設計;步驟
通過(guò)對項目教學(xué)法的研究，選取與JSP網(wǎng)頁(yè)設計課程相關(guān)的項目來(lái)創(chuàng )設“情境”[1]，讓學(xué)生主動(dòng)從零到一，完成自我思考，自我學(xué)習，自我強化的過(guò)程，認證搜集資料并進(jìn)行整理，充分整合資源，發(fā)揮學(xué)生的自主創(chuàng )新精神，最終完成整個(gè)JSP動(dòng)態(tài)網(wǎng)頁(yè)設計的學(xué)習。
一、概述
高職院校為了實(shí)現畢業(yè)生和企業(yè)直接對接的目標，在學(xué)生的培養方面主要是注重學(xué)生動(dòng)手能力的培養，為了實(shí)現這一目標，項目教學(xué)法是最為合適的一種教學(xué)方法。該方法已經(jīng)成為高職各科課程教學(xué)中必選方式之一了。明達職業(yè)技術(shù)學(xué)院的《JSP動(dòng)態(tài)網(wǎng)頁(yè)設計》這門(mén)課程也采用了該方式組織課堂教學(xué)，該門(mén)課程的實(shí)踐能力要求較高，社會(huì )只用性很強，是專(zhuān)業(yè)核心課程。主要選用項目是”基于JSP的學(xué)生管理系統”，從部分功能開(kāi)始，講練結合，讓學(xué)生做到能在理論的基礎上，舉一反三實(shí)現理論到實(shí)踐的轉化。課程結束時(shí)，學(xué)生應具備了了解軟件開(kāi)發(fā)的過(guò)程，熟悉開(kāi)發(fā)工具，掌握理論實(shí)踐的操作。
二、項目教學(xué)法的含義
項目教學(xué)法是在教師的指導下，將一個(gè)相對獨立的項目由學(xué)生小組自己進(jìn)行資料收集，方案設計，由學(xué)生自己評價(jià)項目實(shí)施的成果，學(xué)生通過(guò)該項目，了解和掌握在整個(gè)過(guò)程中每一環(huán)節的基本要求。“項目教學(xué)法”的特點(diǎn)是最顯著(zhù)的項目為主線(xiàn)，以指導教師為主導、學(xué)生為主體”，體現在：多目標;培訓周期短，速度快;可控性好;注重理論與實(shí)踐相結合。項目教學(xué)法是教師和學(xué)生共同完成項目的一種教學(xué)方法[2]。在項目教學(xué)法的實(shí)施過(guò)程中，教師將需要解決的問(wèn)題通過(guò)對學(xué)生設立項目的形式來(lái)呈現，一本每個(gè)項目都會(huì )有具體的任務(wù)要求和說(shuō)明，學(xué)生通過(guò)老師發(fā)放的項目要求任務(wù)書(shū)來(lái)設計項目，負責整個(gè)項目的設計和實(shí)施。通過(guò)小組協(xié)同工作的方式，自學(xué)完成，期間有任何不懂得問(wèn)題可以咨詢(xún)導師，導師相當于是學(xué)生的左右手，有什么不懂的隨時(shí)可以尋求幫助，給予學(xué)生一定的指導。最后學(xué)生共同根據項目制定計劃，完成分工，搜集項目的資料并將進(jìn)行整理，在實(shí)踐中發(fā)現問(wèn)題，分析問(wèn)題并解決問(wèn)題。
三、《JSP動(dòng)態(tài)網(wǎng)頁(yè)設計》運用項目教學(xué)的意義
(一)《JSP動(dòng)態(tài)網(wǎng)頁(yè)設計》教程簡(jiǎn)介
《JSP動(dòng)態(tài)網(wǎng)頁(yè)設計》是計算機專(zhuān)業(yè)學(xué)生學(xué)習的一門(mén)核心課程，其實(shí)踐性較強，不但要通過(guò)日常的書(shū)本上的學(xué)習，還要在計算機上反復實(shí)踐操作才能掌握。JSP全名為JavaServerPages，中文名叫Java服務(wù)器頁(yè)面，是一種網(wǎng)絡(luò )程序設計語(yǔ)言，用來(lái)開(kāi)發(fā)動(dòng)態(tài)網(wǎng)站[3]。它和JAVA的特點(diǎn)很相似，都簡(jiǎn)單易操作，全面向對象，平臺安全可靠且無(wú)相關(guān)性。使用java編程語(yǔ)言的類(lèi)標簽的XML腳本的JSP技術(shù)，對動(dòng)態(tài)網(wǎng)頁(yè)的處理邏輯[6]。網(wǎng)頁(yè)也可以通過(guò)標簽和服務(wù)器應用邏輯腳本資源訪(fǎng)問(wèn)。顯示器的分離設計，JSP頁(yè)面邏輯和網(wǎng)絡(luò )，為支持可重用的基于組件的設計，使基于Web的應用程序的開(kāi)發(fā)變得迅速和容易。很多高校基于這些特點(diǎn)，都將其作為計算機專(zhuān)業(yè)學(xué)生繼學(xué)習JAVA后的有一門(mén)必修課程。但是由于其難度和枯燥性，很多學(xué)生表示很難駕馭得了，在步入社會(huì )以后，所學(xué)的知識沒(méi)能發(fā)揮在工作上，從而降低了整個(gè)行業(yè)的就業(yè)質(zhì)量。
(二)在JSP課程中應用項目教學(xué)法的重要性
在傳統的JSP課程教學(xué)中，學(xué)生通常按照課程的標準先學(xué)習一部分的基礎內容，后期通過(guò)簡(jiǎn)單的上機操作進(jìn)行理論的鞏固，在這種教學(xué)模式下，學(xué)生很大一部分在前期就已經(jīng)喪失了學(xué)習JSP的興趣，后期的上機練習也只不過(guò)是現在教學(xué)的一種硬性要求，對于真正想要學(xué)習的學(xué)生無(wú)疑是一種沉重的枷鎖，學(xué)生學(xué)習的效果很差。但是通過(guò)運用項目教學(xué)法，將課程的標準以項目完成的方式分成若干塊，學(xué)生通過(guò)完成項目任務(wù)來(lái)獲取學(xué)分，在項目中自學(xué)，不用拘泥于傳統教學(xué)模式下的上課，學(xué)習更自由了，學(xué)習的動(dòng)力也更強了，這在很大程度上提高了學(xué)生的學(xué)習積極性和學(xué)習的熱情。
四、項目教學(xué)的應用步驟
(一)培養目標的確定
高職院校“JSP動(dòng)態(tài)網(wǎng)頁(yè)設計”課程必須確定其具體的知識培訓的目標、能力和情感與相應崗位職業(yè)能力目標[1]。1.知識目標：通過(guò)本課程的學(xué)習，熟練掌握配置JSP開(kāi)發(fā)環(huán)境;熟練掌握JSP腳本元素、指令元素的用法;熟練掌握JSP中內置對象的特點(diǎn)及用法;熟練掌握JDBC訪(fǎng)問(wèn)數據庫技術(shù);熟練掌握JavaBean組件的基本知識;熟練掌握JSP中的標準動(dòng)作標簽;熟悉Servlet的通信方法，掌握Servlet的上下文接口;掌握JSP中標簽的用法;掌握JSP中Filter過(guò)濾器的用法;掌握應用JSP進(jìn)行WEB程序開(kāi)發(fā)的能力，初步具備開(kāi)發(fā)實(shí)際應用程序的能力;2.能力目標：能熟練使用eclipse軟件，實(shí)現學(xué)生管理系統的注冊登錄功能;信息添加刪除功能;查找等功能;能解決開(kāi)發(fā)過(guò)程中出現的各種錯誤提示;測試完成。3.情感目標：具備較強的規范意識、較強的市場(chǎng)競爭力和承受壓力的能力、良好的學(xué)習習慣，具備自主學(xué)習和團結合作、創(chuàng )新能力。
(二)教學(xué)項目的劃分
該項目是確定項目教學(xué)成功實(shí)施的關(guān)鍵因素，必須根據企業(yè)對學(xué)生工作任務(wù)的能力要求進(jìn)行分析，結合學(xué)生的認知特點(diǎn)和接受能力，合理選擇項目。并根據企業(yè)的工作流程，明確項目的任務(wù)，我院JSP動(dòng)態(tài)網(wǎng)頁(yè)設計”課程的項目被確定為：
(三)教學(xué)方式的選擇
高職《JSP動(dòng)態(tài)網(wǎng)頁(yè)設計》課程可設定多媒體講練結合、崗位調查、學(xué)校實(shí)驗室項目培訓、聯(lián)系個(gè)別實(shí)習企業(yè)，讓學(xué)生置身于企業(yè)中去參與項目的進(jìn)展，充分利用各種教學(xué)資源，豐富教學(xué)形式，提高學(xué)生的學(xué)習興趣，突出課程的實(shí)踐性強的特點(diǎn)，從解決實(shí)際問(wèn)題出發(fā)，提高學(xué)生的創(chuàng )新能力和自學(xué)能力。
(四)教學(xué)方法及過(guò)程的組織
1.從學(xué)生角度教師進(jìn)行項目教學(xué)時(shí)，應重點(diǎn)側重于學(xué)生自我實(shí)踐能力的加強。以程的核心內容為項目依據為學(xué)生制定任務(wù)，并確保每個(gè)項目都是由簡(jiǎn)到易，層層遞進(jìn)，充分調動(dòng)學(xué)生的學(xué)習興趣。盡量選擇和生活貼近的案例和素材，如布置的學(xué)生管理系統項目，利用情境教學(xué)法，讓學(xué)生更好更有效地學(xué)習。在項目完成后，教師可以分別讓組員互相做出評價(jià)和改進(jìn)方案的建議，上交個(gè)人作品作為課程結束的作業(yè)。學(xué)生在交流中與老師互動(dòng)，老師在學(xué)生做項目的時(shí)候可適當提出意見(jiàn)完善項目并修改，將理論與實(shí)踐有機結合起來(lái)。2.從教師角度教師在授課之前應該做好項目的備案，充分考慮到學(xué)生對所選項目的適應性和項目本身的難易程度。在上述幫助學(xué)生加強實(shí)踐能力的同時(shí)，提升自我的修養和學(xué)識。在實(shí)施之前，授課老師應對項目教學(xué)有一定的認知和了解，在具體應用中將理論知識與項目的實(shí)踐應用融會(huì )貫通并傳授給學(xué)生。自己在項目經(jīng)驗方面也要多下功夫，提升自己，提高教學(xué)服務(wù)的質(zhì)量，培養出更一流的學(xué)生。實(shí)踐能力的提升并非一蹴而就，在日常生活中教師還要多多接觸社會(huì )中有關(guān)專(zhuān)業(yè)方向的工作要求，并及時(shí)反饋給學(xué)生，讓學(xué)生及時(shí)了解到社會(huì )所需要的人才結構。項目教學(xué)應用是學(xué)生和老師互相學(xué)習的過(guò)程，是共同進(jìn)步的紐帶。不僅僅是學(xué)生自身能力的提高，也是老師對完善多年教學(xué)模式的一種新的認知。
(五)考核方案的設置
適應項目教學(xué)需要，為培養學(xué)生的綜合能力，對學(xué)生的.考核也要注重過(guò)程化的考核，鑒于課程實(shí)踐性強的特點(diǎn)，重點(diǎn)考核學(xué)生的軟件操作和軟件開(kāi)發(fā)、處理能力，本課程主要采用以下幾個(gè)部分進(jìn)行考核：1.平時(shí)表現考核占總成績(jì)的60%，由平時(shí)出勤、課堂表現和作業(yè)等內容構成。2.分階段、分項目考核占總成績(jì)的40%，即最終整體項目的考核情況3.根據上述各項成績(jì)按比例總評得出考核結果。不再進(jìn)行傳統的期中考試4.6項目教學(xué)法在《JSP動(dòng)態(tài)網(wǎng)頁(yè)設計》實(shí)施教學(xué)中的注意事項1.排課安排要以半天或一天為單位進(jìn)行排課，和以往的以一節或2節有所區別;2.班級人數不宜過(guò)多，應該在20至30人之間。
結束語(yǔ)
項目教學(xué)法的實(shí)施，有利于豐富和發(fā)展全國計算機專(zhuān)業(yè)學(xué)生的教學(xué)模式，提高計算機人才進(jìn)入就業(yè)市場(chǎng)后的適應能力，最大程度地滿(mǎn)足經(jīng)濟建設和社會(huì )發(fā)展的需要。21世紀的信息時(shí)代，學(xué)生更需要接受像項目教學(xué)法這樣的教學(xué)模式而非傳統教學(xué)，這是一種新的嘗試，更進(jìn)一步地發(fā)揮了學(xué)生自主學(xué)習的能力，打破了以往刻板的教學(xué)，體現了高等教育的特色，這樣學(xué)校才能夠更好地培養出有效的高素質(zhì)的技能型人才。
參考文獻
[1]歐志先."動(dòng)態(tài)網(wǎng)頁(yè)設計(JSP)"項目教學(xué)法初探[J].科學(xué)咨詢(xún),20xx,(7):79.
[2]楊文.《JSP動(dòng)態(tài)網(wǎng)頁(yè)設計》項目教學(xué)法的研究與實(shí)踐[J].福建電腦,20xx,25(8):206,204.
[3]李阿芳.項目教學(xué)法在《JSP網(wǎng)頁(yè)設計》課程中的應用研究[J].電腦知識與技術(shù),20xx(18)
[4]趙海冰,李瑛,邢翠芳.淺談項目教學(xué)與任務(wù)驅動(dòng)在“C程序設計”教學(xué)中的應用[J].計算機工程與科學(xué),20xx(z2).
[5]王向陽(yáng),李東,張惠玲.項目教學(xué)法在程序設計課程教學(xué)中的應用[J].價(jià)值工程,20xx(6)
[6]陳民.基于J2EE學(xué)生網(wǎng)上評教系統的系統設計[J].電腦知識與技術(shù),20xx(12)
網(wǎng)頁(yè)設計論文10
一、文字的字體設置
（一）使用宋體等常用的字體
所有瀏覽器默認的標準字體是中文宋體和英文timesnewRoma字體。如果沒(méi)有進(jìn)行任何字體設置，在任何操作系統和瀏覽器里網(wǎng)頁(yè)將以這兩種標準字體顯示保持正確。現在大多數電腦操作系統為微軟的windows系統，其安裝時(shí)就自帶的4種中文字體和40多種英文字體，四種中文字體分別為宋體、黑體、楷體(GB2312)、仿宋(GB2312)。凡是在windows操作系統的瀏覽器使用系統自帶的字體都可以正確顯示這些字體。
（二）圖片的方式置入網(wǎng)頁(yè)
根據網(wǎng)頁(yè)中的設計思想而選擇相應的字體，設計師往往需要用一種特殊的字體來(lái)體現自己的風(fēng)格，那么特殊字體或藝術(shù)字體因為字體的原因只能在本機電腦上顯示成功。為避免這種情況的出現，設計師可以把文字進(jìn)行柵格化，把文字變?yōu)閳D片的形式，最好以圖片的方式置入網(wǎng)頁(yè)，以保證所有人看到的網(wǎng)頁(yè)效果相同。
二、文字的大小設置
由于網(wǎng)頁(yè)設計是基于電腦虛擬平臺，其展示方式區別于之前的傳統媒介的實(shí)物展示，它需要在顯示終端中展現。而現在顯示終端百花齊放，網(wǎng)頁(yè)設計師需要考慮不同客戶(hù)端的瀏覽體驗，而文字大小直接決定了網(wǎng)頁(yè)的視覺(jué)效果，是用戶(hù)體驗中的一個(gè)重要部分。不同的顯示器尺寸，不同的分辨率設置，不同的DPI參數，乃至不同的瀏覽器預設，都會(huì )對最終展現的文字大小帶來(lái)影響。雖然現在很多瀏覽器已經(jīng)可以方便地縮放頁(yè)面，但用戶(hù)每次都要重新縮放，而且許多用戶(hù)不習慣縮放頁(yè)面達到最佳視覺(jué)效果。這就要求網(wǎng)頁(yè)設計師最好還是根據絕大多數用戶(hù)的使用習慣，設置一個(gè)比較體貼的默認字號。
三、文字的顏色選擇
字體的顏色選擇同樣是一個(gè)重要的細節，通常來(lái)說(shuō)，顏色要與背景有一定的對比度，因為低對比度容易導致字體看不清楚。所以要用高對比度的顏色，所以文章都是白底黑字。網(wǎng)頁(yè)中的文字，通常使用黑色，這樣更加可以保證文字的辨識度又符合大眾的口味。當然現在隨著(zhù)網(wǎng)頁(yè)設計的發(fā)展，顏色應用越來(lái)越多，但這里要避免的一些特殊顏色，因為網(wǎng)頁(yè)中的一些默認顏色。比如說(shuō)是藍色，因為藍色代表著(zhù)網(wǎng)頁(yè)中可以進(jìn)行點(diǎn)擊跳轉的超鏈接，如果網(wǎng)頁(yè)中有一段藍色的文字，會(huì )讓人誤以為是可以點(diǎn)擊的超鏈接，所以這種顏色要特別慎重。但是有些時(shí)候在設計中，必須要用到這種顏色時(shí)，也有一些其他的方法來(lái)避免類(lèi)似問(wèn)題。例如將超鏈接的樣式帶有默認的下劃線(xiàn)。文字作為信息傳播的符號，實(shí)現了良好信息傳達的效果。文字的自身結構又具有視覺(jué)圖形意義，字體的造型變化構成了各種形狀，在網(wǎng)頁(yè)設計中文字的表現形式既有規律性又有極大可塑性。利用文字視覺(jué)傳遞、視覺(jué)規律、視知覺(jué)感受的生理效應等作用，可以在網(wǎng)頁(yè)設計制作中尋求和創(chuàng )造更加豐富多彩的個(gè)性化、風(fēng)格化的視覺(jué)語(yǔ)言形式。
網(wǎng)頁(yè)設計論文11
【摘要】網(wǎng)頁(yè)設計是一種直觀(guān)的視覺(jué)語(yǔ)言，需要對其進(jìn)行布局與排版。雖然網(wǎng)頁(yè)設計與平面設計之間存在一定的區別，但是其兩者依然存在一定的相似之處，網(wǎng)頁(yè)設計應該充分借鑒利用平面設計的原則與方法。網(wǎng)頁(yè)設計中的布局與排版需要通過(guò)文字、圖形的組合來(lái)讓網(wǎng)頁(yè)獲得良好的視覺(jué)效果。現文章主要針對計算機網(wǎng)頁(yè)設計中的布局與排版進(jìn)行研究。
【關(guān)鍵詞】網(wǎng)頁(yè)設計；布局；排版；文字；設計論文
網(wǎng)站是企業(yè)或政府向用戶(hù)傳遞信息，提供服務(wù)的一種重要方式，是企業(yè)開(kāi)展電子商務(wù)的重要平臺，是政府面向民眾的重要窗口。網(wǎng)站是直接反應企業(yè)形象、政府形象的平臺，因此網(wǎng)頁(yè)設計質(zhì)量的高低將會(huì )直接影響到企業(yè)或政府的形象。在網(wǎng)頁(yè)設計中，布局與排版是十分關(guān)鍵的內容之一，其會(huì )直接影響到瀏覽者對網(wǎng)頁(yè)的第一印象與體驗感。因此，對于網(wǎng)頁(yè)設計的布局與排版進(jìn)行研究具有十分重大的實(shí)際意義。
1．計算機網(wǎng)頁(yè)設計布局與排版原則
1．1布局與排版設計原則為了讓瀏覽者在瀏覽網(wǎng)頁(yè)過(guò)程中擁有更好的瀏覽體驗，在進(jìn)行布局版本過(guò)程中要始終秉持以下原則:第一，整體布局，和諧統一。在網(wǎng)頁(yè)設計布局排版過(guò)程中整體布局占據著(zhù)十分重要的作用。集成是網(wǎng)頁(yè)設計排版布局中常用的一個(gè)對稱(chēng)形式，通過(guò)空間的文本與圖形建立其平衡的狀態(tài)，從而產(chǎn)生和諧的美感［1］。但是單純的平衡有時(shí)候會(huì )導致頁(yè)面出現過(guò)于死板、僵化的情況。因此，可以在對稱(chēng)平衡設計中融合一些活潑、有趣的詞匯、圖形，但是要注意需要與頁(yè)面和諧統一。第二，主次分明，中心突出。在網(wǎng)頁(yè)頁(yè)面聚居中需要對視覺(jué)中心進(jìn)行充分的考慮，該視覺(jué)中西你通常位于頁(yè)面的關(guān)鍵區域—中部與上部的位置。因此，最有價(jià)值的信息應該擺放在這一位置。網(wǎng)頁(yè)布局排版主次分明的最終目的是讓網(wǎng)頁(yè)可以形成清晰有序，能夠突出重點(diǎn)的視覺(jué)效果。第三，疏密有度，錯落有致。在網(wǎng)頁(yè)布局排版中，一定要做好疏密有致，預留出一定的空白，靈活的使用字間距與行間距，制造出字間距與行間距之間的距離。對于形態(tài)與色彩的搭配運用更要合理［2］。例如，黑白搭配、圓形與方形搭配，以便獲得更佳的視覺(jué)效果。第四，圖文并茂，生動(dòng)有趣。圖形美觀(guān)與文字的簡(jiǎn)潔之間需要合理的搭配。如果圖形在版面設計中占據的比例更大，則文字會(huì )相應減少，從而大大減少頁(yè)面的信息量;而如果文字太多則會(huì )使得網(wǎng)頁(yè)版面變得死板。因此，網(wǎng)頁(yè)布局與排版應該做到圖文并茂、合理搭配，從而給網(wǎng)頁(yè)帶來(lái)更加豐富的內容，讓網(wǎng)頁(yè)變得更加有趣。1．2布局與排版設計方法網(wǎng)頁(yè)設計布局與排版方法主要包括以以下幾點(diǎn):第一，簡(jiǎn)潔明了。布局排版最為重要的原則就是一名了然，讓網(wǎng)頁(yè)瀏覽者可以更加順暢的瀏覽信息。第二，主色調鮮明。網(wǎng)頁(yè)設計給人的第一印象就是由主色調決定的。主色調在網(wǎng)頁(yè)布局與排版中是十分重要的，主色調過(guò)多會(huì )給瀏覽者帶來(lái)一種厭煩的感受，不利于瀏覽者長(cháng)時(shí)間瀏覽網(wǎng)頁(yè)。因此，網(wǎng)頁(yè)版本的主色調要進(jìn)行合理的控制，其中主色彩不能超過(guò)五種，并且要以一種主色調為主，凸顯以主導地位，另外幾種顏色作為烘托與點(diǎn)綴［3］。一般來(lái)說(shuō)，網(wǎng)頁(yè)設計的主色調包括黃、藍、灰、黑和白。第三，字體設置。在網(wǎng)頁(yè)設計中字體的設置也應該始終秉持著(zhù)簡(jiǎn)易的原則，通常來(lái)說(shuō)不應該超過(guò)三種字體，并且字體在版面中不宜過(guò)大，從而讓更多文字給網(wǎng)頁(yè)瀏覽者帶來(lái)更多有價(jià)值的信息。值得注意的是，要避免閃爍的文字在網(wǎng)頁(yè)設計布局中出現，其會(huì )給瀏覽者帶來(lái)一種厭煩的感覺(jué)。同時(shí)，在網(wǎng)頁(yè)標題欄中字體應該相對于正文來(lái)說(shuō)要更大，顏色也需要進(jìn)行區分。
2．常見(jiàn)布局與排版
2．1T字型T型結構是頂部的頁(yè)面布局為網(wǎng)站的標語(yǔ)和橫幅，下列左側為主菜單，右側為內容顯示。由于菜單的背景布置顏色更深，因此整體效果視覺(jué)類(lèi)似于英文字母“T”，因此被成為T(mén)字型布局。T字型布局是網(wǎng)頁(yè)設計中十分常見(jiàn)的設計布局，其優(yōu)勢在于頁(yè)面結構清晰、明確，容易正確把握主次關(guān)系;缺點(diǎn)在于較為沉悶，缺乏靈活性，如果無(wú)法準確把握，不注重細節與色彩的配合，十分容易出現無(wú)趣、枯燥的現象［4］。2．2口字型口字型布局給人一個(gè)感覺(jué)就是在頁(yè)面中間最為顯眼的主題內容，類(lèi)似于一個(gè)口字型，左側通常包括注冊信息、內容導航、搜索引擎，右側通常包括動(dòng)態(tài)消息、熱點(diǎn)資訊和友情鏈接。上下兩部分為橫條廣告與菜單。口字型布局的優(yōu)勢在于可以充分利用版面，囊括較大的信息量，缺點(diǎn)在于頁(yè)面較為擁擠，過(guò)于死板［5］。口字型布局大多被應用于國外站點(diǎn)中，國內使用頻率較低。2．3POP布局POP布局是將一張合適的照片作為頁(yè)面設計的中心，并且在合適的位置擺放主菜單。POP布局并不是上下或左右對稱(chēng)的，但是在設計過(guò)程中依然要兼顧平衡與節奏。POP布局可以實(shí)現動(dòng)態(tài)效果，其優(yōu)勢在于美觀(guān)，缺陷在于運行速度較為緩慢。2．4同字型同字型的網(wǎng)頁(yè)布局一般來(lái)說(shuō)內容量都較大，網(wǎng)頁(yè)上方為標題欄，其中內容可以是網(wǎng)站主題或橫幅廣告，在標題欄下可能存在小標題。在頁(yè)面左右兩側都布置有相應的內容。通常來(lái)說(shuō)，可能是網(wǎng)站的最新動(dòng)態(tài)、網(wǎng)站的維護管理人員以及部分廣告。同字型網(wǎng)頁(yè)的主要內容是分布在中央位置，從上至下，根據內容的重點(diǎn)、類(lèi)型來(lái)進(jìn)行區分。網(wǎng)站下部分通常為空白，即使有內容也是一些十分常規的內容，包括網(wǎng)站制造方、網(wǎng)站基礎信息等。
3結語(yǔ)
計算機網(wǎng)頁(yè)設計布局與排版是一門(mén)藝術(shù)，針對網(wǎng)頁(yè)不同的內容可以采用不同的布局排版形式。然而不論采用何種的布局排版形式都需要始終秉持著(zhù)布局排版的原則，以設計出美觀(guān)、簡(jiǎn)潔、便捷、人性化的網(wǎng)頁(yè)，讓瀏覽者可以舒適的瀏覽網(wǎng)頁(yè)。
參考文獻:
［1］李娟．淺述網(wǎng)頁(yè)設計中的頁(yè)面布局技術(shù)［J］．考試周刊，20xx(27):116～117．
［2］董磊．網(wǎng)頁(yè)設計中視覺(jué)傳達的整合設計［J］．明日風(fēng)尚，20xx(05):123，106．
［3］許煒熔．讓“美”走進(jìn)學(xué)生網(wǎng)頁(yè)作品———談在網(wǎng)頁(yè)設計課堂中提高學(xué)生綜合素質(zhì)的幾點(diǎn)建議［J］．課程教育研究，20xx(26):248～249．
［4］梁日有．網(wǎng)頁(yè)設計中藝術(shù)創(chuàng )新的研究與實(shí)現探討［J］．學(xué)子(理論版)，20xx(03):12～13．
［5］尹涓，崔曉曦．淺談網(wǎng)頁(yè)視覺(jué)設計的應用和技巧［J］．電腦知識與技術(shù)，20xx(15):204～205．
網(wǎng)頁(yè)設計論文12
1、網(wǎng)頁(yè)中使用的多媒體技術(shù)
1.1圖形圖像處理技術(shù)
圖形、圖像是一種非常直觀(guān)的表現形式，也是在多媒體信息當中占有很大一部分的比重，在網(wǎng)頁(yè)當中是設計者非常愿意運用的一種形式。通過(guò)如下幾個(gè)步驟：獲取元素、處理元素、輸出元素、元素的數據壓縮以及圖像的儲存介質(zhì)能夠出現二維或三維的圖像。一般情況下獲取元素使用工具的采集以及掃描技術(shù)進(jìn)行，能夠出現很多種不同類(lèi)別的輸出形式。處理的方法也各式各樣，如使用photoshop等軟件，按照有關(guān)的要求經(jīng)行對于圖像的處理，像剪切、柔化、對比度等方面，最后使用合適的圖片輸出。一般常用的圖片格式為：BMP、GIF、JPEG、TIFF等，現在有很多的網(wǎng)站能夠瀏覽并且儲存GIF、JPEG格式的圖片。網(wǎng)頁(yè)在進(jìn)行設計時(shí)運用不同的元素的圖像能夠讓網(wǎng)頁(yè)更加的生動(dòng)，起到吸引眼球的效果。
1.2動(dòng)畫(huà)處理技術(shù)
一般的動(dòng)畫(huà)格式有GIF、FLIC、SWF以及JAJA等，在目前網(wǎng)絡(luò )上以及生活中使用最多的為GIF以及SWF格式的圖片，因為FLASH動(dòng)畫(huà)為矢量的，使用這兩種格式的圖片能夠保證其動(dòng)畫(huà)顯示的效果達到理想的狀態(tài)又能保證其體積小的特點(diǎn)，所以在網(wǎng)絡(luò )上得以廣泛的運用。JAVA是一種編程語(yǔ)言。可以用起來(lái)編寫(xiě)的applet的小程序有著(zhù)跨平臺執行的優(yōu)點(diǎn)，適合網(wǎng)上互動(dòng)的游戲以及手機上的動(dòng)畫(huà)，其前景十分寬，適合進(jìn)行更深的發(fā)展。
1.3音頻處理技術(shù)
現在，網(wǎng)上一般支持格式有MIDI、MP3、WAV等，其科技在多媒體技術(shù)當中已成為比較成熟的科技，在網(wǎng)頁(yè)設計當中應用的時(shí)間也比較長(cháng)。網(wǎng)頁(yè)當中的音頻的獲得方式各式各樣，比如說(shuō)能夠購買(mǎi)素材庫以及在網(wǎng)絡(luò )上直接下載獲取等方式來(lái)獲得所需要的音頻。這項技術(shù)已經(jīng)擁有了一般的音頻模擬的方法所擁有的優(yōu)點(diǎn)，還在互聯(lián)網(wǎng)上傳播、在線(xiàn)播放等方面有著(zhù)很好的聲音效果。聲音已經(jīng)成為了信息資源重要傳播途徑，將音頻以及視頻相互結合，能夠得到更好的效果。
1.4視頻處理技術(shù)
能夠在VCD光盤(pán)、模擬視頻收集以及攝像機的儲存器當中來(lái)獲取其有關(guān)的視頻。視頻的特點(diǎn)為數據量比較大。比如說(shuō)，數字電視的圖像當中的SIF的格式，一般的沒(méi)有經(jīng)過(guò)壓縮的圖像數據流量為20xxkb左右，但是在CCIR格式的視頻，一般沒(méi)有經(jīng)過(guò)壓縮的視頻的數據流量能夠達到140Mbps.因此，能夠看出視頻的數據流量是比較大的，假設將沒(méi)有進(jìn)行壓縮的視頻上傳，能夠出現資源的吞沒(méi)，甚至能夠出現網(wǎng)絡(luò )崩潰的嚴重情況。所以，網(wǎng)頁(yè)設計當中對于視頻處理的中心環(huán)節就為視頻壓縮。
2、多媒體技術(shù)在網(wǎng)頁(yè)設計當中的使用
2.1動(dòng)畫(huà)、視頻設計
在很多網(wǎng)站當中，能夠發(fā)現有很多動(dòng)畫(huà)以及視頻的內容，設計富有新意，假設設計合理的情況下，其內容就能更好的突出想要傳播的主題，這么做的方式的優(yōu)點(diǎn)為能夠更加直觀(guān)的表現其內容，還有了視覺(jué)的沖擊感，讓內容更加的具體飽滿(mǎn)。FLASH動(dòng)畫(huà)已經(jīng)成為了在動(dòng)畫(huà)當中不可或缺的一個(gè)組成成分，擁有體積小、傳速快的特點(diǎn)在動(dòng)畫(huà)當中占據了很大的比重，FLASH動(dòng)畫(huà)不僅僅能夠表現簡(jiǎn)單的動(dòng)畫(huà)，還能夠在網(wǎng)頁(yè)設計當中建立電子畫(huà)冊，在另一個(gè)角度來(lái)看，引領(lǐng)了時(shí)代的潮流。
2.2圖形、圖像的版面設計
在制作網(wǎng)頁(yè)的時(shí)候盡量使用少量的圖片。因此在運用圖像以及圖形的時(shí)候需要經(jīng)過(guò)精心的篩選，選取一個(gè)最能夠突出網(wǎng)頁(yè)內容的圖像，并且使用某些軟件對圖像進(jìn)行處理，達到預期的效果，在網(wǎng)頁(yè)當中選擇一個(gè)最好的擺放位置。把圖形文字化或者將文字圖形化都是特殊的方式將其內容合理的表達，所以說(shuō)對于一些將進(jìn)行圖形處理文字，在網(wǎng)頁(yè)的版面設計當中，這些文字也作為了一種圖形來(lái)處理。將文字和圖片進(jìn)行結合，不僅僅形式上富有新意，并且能夠顯得更加的美觀(guān)。
2.3多媒體元素的使用應符合網(wǎng)絡(luò )風(fēng)格的整體性
在設計網(wǎng)頁(yè)時(shí)，一定要應按照原有的主題，依照其主體使用聽(tīng)覺(jué)視覺(jué)的方式來(lái)呈現個(gè)觀(guān)賞者，其多媒體元素使用是用來(lái)服務(wù)主題的，既要美觀(guān)又要突出網(wǎng)站的功能。
2.4多媒體技術(shù)與藝術(shù)相結合
由于多媒體技術(shù)的飛速進(jìn)步，讓其在創(chuàng )作的過(guò)程就忽略了美觀(guān)性。所以，將藝術(shù)以及科技完美的融合，能夠達到更好的效果。多媒體技術(shù)的不斷進(jìn)步推動(dòng)者網(wǎng)站的建設不斷的完善，多媒體技術(shù)在網(wǎng)站上的應用已經(jīng)成為了以后發(fā)展的趨勢，有著(zhù)寬廣的發(fā)展前景。
2.5減少多媒體元素格式的使用失誤
在網(wǎng)頁(yè)當中動(dòng)畫(huà)內容不應有太多，應于實(shí)際情況相結合。多媒體元素的格式完全影響著(zhù)打開(kāi)網(wǎng)頁(yè)的速度，假設網(wǎng)頁(yè)打開(kāi)過(guò)慢，則瀏覽者則失去耐心，不愿等待，所以合理設計網(wǎng)頁(yè)是不可忽視的重要環(huán)節。
3、結語(yǔ)
使用者能夠使用網(wǎng)站無(wú)論在任何時(shí)間或者地點(diǎn)接收和發(fā)送信息，因此不再受環(huán)境和時(shí)間的限制。網(wǎng)絡(luò )媒體已經(jīng)變成了重要的傳播途徑，如果注意多媒體元素的合理應用，就能夠讓客戶(hù)觀(guān)看更加有效率。多媒體技術(shù)的應用以及體現在社會(huì )的各個(gè)地方，為人們的生活和工作提供了便利，今后多媒體的應用也會(huì )給人類(lèi)帶來(lái)巨大的改變。
網(wǎng)頁(yè)設計論文13
1目前企業(yè)對網(wǎng)頁(yè)設計師的要求
隨著(zhù)4G網(wǎng)絡(luò )的成熟和智能手機的普及，網(wǎng)頁(yè)設計師不僅能制作普通網(wǎng)頁(yè)界面，更多是能設計藝術(shù)界面和交互界面的網(wǎng)頁(yè)，能適應多平臺等特點(diǎn)。根據我學(xué)院每年對企業(yè)調研，目前企業(yè)對網(wǎng)頁(yè)設計師的要求：（1）根據企業(yè)需求和定位能夠設計符合當下交互技術(shù)的流行網(wǎng)頁(yè)界面；（2）能夠制作靜態(tài)網(wǎng)頁(yè)和網(wǎng)頁(yè)前端javascript特效，較好配合后臺程序員進(jìn)行網(wǎng)站開(kāi)發(fā)；（3）有較強的自學(xué)能力，是藝術(shù)與技術(shù)相結合的高素質(zhì)技術(shù)技能型人才。
2高職網(wǎng)頁(yè)設計課程的教學(xué)現狀
我院對福建省同類(lèi)高職院校的網(wǎng)頁(yè)設計人才培養進(jìn)行廣泛調研，很少院校能夠培養符合企業(yè)需求的網(wǎng)頁(yè)設計師，致使我省難于滿(mǎn)足社會(huì )對網(wǎng)頁(yè)設計人才需求。高職網(wǎng)頁(yè)設計課程的教學(xué)現狀是：
2.1開(kāi)設課程不滿(mǎn)足社會(huì )對網(wǎng)頁(yè)設計師的要求網(wǎng)頁(yè)設計課程是一門(mén)綜合性的課程，是它包括構圖、排版、特效制作等多種知識，決定了這門(mén)課程具有很強的綜合性、實(shí)踐性、融藝術(shù)性與技術(shù)性為一體的特點(diǎn)。而高職院校教學(xué)雖然在開(kāi)設網(wǎng)頁(yè)設計課程體系上采取一定改革措施，但針對性不強，如針對企業(yè)需要藝術(shù)與技術(shù)相結合的網(wǎng)頁(yè)設計人才，專(zhuān)門(mén)開(kāi)設了《網(wǎng)站色彩與構成》、《網(wǎng)頁(yè)設計》、《網(wǎng)頁(yè)設計實(shí)訓》、《程序設計基礎（java方向）》相關(guān)專(zhuān)業(yè)技術(shù)課程，也專(zhuān)門(mén)開(kāi)設了《設計素描》、《設計色彩》、《構成設計》等美術(shù)課程，但沒(méi)有真正以企業(yè)工作過(guò)程為導向，開(kāi)設藝術(shù)與技術(shù)相結合的網(wǎng)頁(yè)綜合項目課程，學(xué)生很難融會(huì )貫通運用綜合知識進(jìn)行網(wǎng)頁(yè)設計，另一方面由于網(wǎng)頁(yè)設計技術(shù)的飛速發(fā)展，從最早的表格布局到現在DIV+CSS布局，網(wǎng)頁(yè)語(yǔ)言從最早的HTML1.0到現在的HTML5，網(wǎng)頁(yè)的設計風(fēng)格也隨著(zhù)時(shí)代的變化而不斷改變，社會(huì )對網(wǎng)頁(yè)設計師的要求不斷提高，而高職院校相關(guān)專(zhuān)業(yè)課程沒(méi)有適時(shí)更新，學(xué)生也缺乏提升自我的學(xué)習能力，因此高職畢業(yè)生很難適應網(wǎng)頁(yè)設計這一行業(yè)的人才需求。
2.2教師專(zhuān)業(yè)水平有限，團隊意識不強有的高職院校雖然按照企業(yè)工作過(guò)程開(kāi)設網(wǎng)頁(yè)設計相關(guān)課程，但由于各個(gè)任課教師專(zhuān)業(yè)水平不同，團隊意識不強，較難形成一個(gè)企業(yè)整體項目意識，通常每個(gè)教師根據自己方向選擇各自企業(yè)項目進(jìn)行網(wǎng)頁(yè)設計相關(guān)課程的教學(xué)，有的教師自身受限專(zhuān)業(yè)水平與實(shí)踐技能，無(wú)法與專(zhuān)業(yè)組教師達成共識，造成學(xué)生在學(xué)習網(wǎng)頁(yè)設計專(zhuān)業(yè)課程體系無(wú)法形成專(zhuān)業(yè)整個(gè)知識技能體系，網(wǎng)頁(yè)設計綜合技能很難得到提高，只能滿(mǎn)足于淘寶美工卻無(wú)法勝任電商網(wǎng)頁(yè)設計師。
2.3教學(xué)方法單一，仍以傳統教學(xué)為主長(cháng)期以來(lái)在教學(xué)中仍以教師為主體，而忽略學(xué)生的主體地位。h教師在授課中，往往先講解網(wǎng)頁(yè)各獨立元素的設計制作，與整體案例的設計制作相分離，導致學(xué)生在實(shí)踐過(guò)程中，學(xué)生只掌握每個(gè)工具單獨使用，不能將網(wǎng)頁(yè)各獨立元素的制作與整體項目相結合，當需要綜合運用各種軟件工具知識去制作完整項目時(shí)，卻顯得力不從心，即整體性不強。這種傳統教學(xué)方法優(yōu)勢是整個(gè)教學(xué)過(guò)程比較系統完整，授課內容還是以理論知識為先導，教學(xué)手段單一，老師雖是孜孜不倦的教，而學(xué)生興趣缺乏，參與性不強，不能培養學(xué)生的自主學(xué)習能力和團隊協(xié)作能力，往往老師累得滿(mǎn)頭大汗，學(xué)生卻收獲甚微。
2.4生源質(zhì)量參差不齊隨著(zhù)高職招生人數不斷上升，生源質(zhì)量參差不齊，生源質(zhì)量也在下降。教師引入企業(yè)項目進(jìn)行網(wǎng)頁(yè)設計教學(xué)，學(xué)生完成的程度和質(zhì)量不一，有些同學(xué)無(wú)法跟上進(jìn)度，就出現厭學(xué)、遲到及曠課等現象。
3網(wǎng)絡(luò )環(huán)境下“網(wǎng)頁(yè)設計”混合式教學(xué)構建模式及優(yōu)勢
3.1網(wǎng)絡(luò )環(huán)境下“網(wǎng)頁(yè)設計”混合式教學(xué)構建模式網(wǎng)頁(yè)設計集藝術(shù)與技術(shù)為一體綜合性課程，既需要個(gè)人創(chuàng )意設計能力，又需要全面應用高新技術(shù)能力，具有很強的實(shí)踐性和綜合性。在網(wǎng)頁(yè)設計授課過(guò)程中，教師要從易到難引入企業(yè)項目，引導啟發(fā)學(xué)生，并在課堂上統一進(jìn)行項目分析，在講解過(guò)程中，將網(wǎng)頁(yè)設計的藝術(shù)美學(xué)及專(zhuān)業(yè)技術(shù)知識融入到所要完成項目中，調動(dòng)學(xué)生的學(xué)習積極性、自主的對網(wǎng)頁(yè)綜合知識進(jìn)行建構，同時(shí)通過(guò)現代網(wǎng)絡(luò )視頻教學(xué)，演示網(wǎng)頁(yè)設計從選定項目、制定計劃、活動(dòng)探究、制作作品、成果展示、綜合評價(jià)等環(huán)節，激發(fā)學(xué)生對網(wǎng)頁(yè)設計項目整體認識，對網(wǎng)頁(yè)設計的興趣，讓學(xué)生自己產(chǎn)生要制作屬于自己的項目作品，學(xué)生從傳統教學(xué)“要我學(xué)”變?yōu)榛旌辖虒W(xué)“我要學(xué)”的教學(xué)模式。通過(guò)混合式教學(xué)模式，把傳統學(xué)習方式的優(yōu)勢和網(wǎng)絡(luò )學(xué)習方式的優(yōu)勢結合起來(lái)，教學(xué)以學(xué)生為主體，充分挖掘學(xué)生學(xué)習過(guò)程過(guò)程積極性、主動(dòng)性和創(chuàng )造性，培養藝術(shù)與技術(shù)相結合的網(wǎng)頁(yè)設計技術(shù)技能型人才。搭建好的網(wǎng)頁(yè)設計的網(wǎng)絡(luò )教學(xué)平臺、教育教學(xué)資源庫，運用在線(xiàn)教學(xué)與課堂教學(xué)優(yōu)勢互補的混合式教學(xué)模式，教師通過(guò)基于網(wǎng)絡(luò )的課堂進(jìn)行教，學(xué)生除了課堂學(xué)習外，課后自主在線(xiàn)學(xué)習、在線(xiàn)做作業(yè)、討論協(xié)作、在線(xiàn)答疑等學(xué)習活動(dòng)。將教師的網(wǎng)頁(yè)設計教學(xué)由課堂上擴展到了課堂外，才能真正培養出綜合能力強、創(chuàng )造性思維突出的網(wǎng)頁(yè)設計人才。
3.2網(wǎng)絡(luò )環(huán)境下“網(wǎng)頁(yè)設計”混合式教學(xué)的優(yōu)勢(1)提高教師“雙師”素質(zhì)：網(wǎng)頁(yè)設計課程是基于企業(yè)項目教學(xué)，項目設計是項目教學(xué)的成敗的關(guān)鍵，要求教師不僅要具備深厚的理論知識，還應具有一定職業(yè)技能與實(shí)踐經(jīng)驗，即教師具備“雙師”素質(zhì)，通過(guò)網(wǎng)絡(luò )教學(xué)平臺建設，優(yōu)秀專(zhuān)業(yè)教師與企業(yè)技術(shù)人員帶領(lǐng)專(zhuān)業(yè)較弱教師，共同完成項目網(wǎng)頁(yè)設計整體設計。通過(guò)開(kāi)展混合式教學(xué)，進(jìn)一步提高教師的教學(xué)設計水平和實(shí)踐技能，更新教師的教育觀(guān)念，提高教師自身的業(yè)務(wù)水平，促進(jìn)教師向雙師型轉變。(2)教學(xué)資源豐富：教師與企業(yè)技術(shù)人員在網(wǎng)絡(luò )教學(xué)平臺提供各種媒體素材，包括視頻、動(dòng)畫(huà)、課件、網(wǎng)頁(yè)設計優(yōu)秀作品等教學(xué)內容，遠遠超過(guò)教師課堂講授與教材內容。網(wǎng)絡(luò )教學(xué)平臺進(jìn)一步為學(xué)生提供課后學(xué)習實(shí)踐企業(yè)項目，引入企業(yè)項目任務(wù)，能從高職學(xué)生特點(diǎn)出發(fā)，項目從易到難，循序漸進(jìn)，讓學(xué)生學(xué)習實(shí)踐覺(jué)得能“跳著(zhù)夠得著(zhù)”，既有挑戰性，又能完成企業(yè)項目并使學(xué)生獲得成就感，提高學(xué)生綜合實(shí)踐技能。通過(guò)網(wǎng)絡(luò )在線(xiàn)教學(xué)優(yōu)勢，為學(xué)生提供了自由選擇的學(xué)習空間，有更豐富網(wǎng)絡(luò )學(xué)習資源，激發(fā)學(xué)生學(xué)習興趣，調動(dòng)學(xué)生的主動(dòng)性與積極性，有效提高了學(xué)生的創(chuàng )新思維能力，對于培養學(xué)生的創(chuàng )造精神和樹(shù)立終身學(xué)習的觀(guān)念有重要的意義。(3)學(xué)習自主性：傳統的課堂教學(xué)受限上課時(shí)間，教學(xué)內容也受限，存在形式與內容單一。特別對于學(xué)生難于理解的重點(diǎn)與難點(diǎn)，老師可能認為在課堂已講解很清楚，但學(xué)生還是沒(méi)有理解等諸多弊端，而通過(guò)混合式教學(xué)，利用網(wǎng)絡(luò )在線(xiàn)教學(xué)等輔助手段在很大程度上彌補了這種不足，讓學(xué)生能在課后按需學(xué)習，讓差生或請假學(xué)生補缺補漏，趕上全班統一進(jìn)度。通過(guò)網(wǎng)絡(luò )教學(xué)平臺和教育教學(xué)資源庫，可以24小時(shí)開(kāi)放教學(xué)，大大打破上課的時(shí)間限制，學(xué)生可以把課堂當中沒(méi)有消化的內容利用網(wǎng)絡(luò )的在線(xiàn)自主學(xué)習，進(jìn)一步的加深理解，使課堂教學(xué)加以延伸。利用在線(xiàn)學(xué)習，基礎好的同學(xué)也可以通過(guò)網(wǎng)絡(luò )教學(xué)平臺和教育教學(xué)資源庫進(jìn)行自學(xué)，提升自己的學(xué)習能力。(4)網(wǎng)絡(luò )在線(xiàn)答疑：利用在線(xiàn)系統為教師和學(xué)生提供一個(gè)良好的交流平臺，師生通過(guò)平臺將獲得更多的溝通機會(huì )，師生之間在平臺上在線(xiàn)討論交流答疑，學(xué)生之間也可以在平臺上在線(xiàn)討論交流答疑，及時(shí)解決學(xué)習過(guò)程中遇到問(wèn)題，調動(dòng)了學(xué)生的積極性，進(jìn)一步提高教學(xué)水平。
4混合式教學(xué)模式實(shí)例分析
在網(wǎng)絡(luò )環(huán)境下，構建與傳統教學(xué)相互融合網(wǎng)絡(luò )教學(xué)平臺，實(shí)現交互式教學(xué)平臺，學(xué)生自主學(xué)習的空間。下面以學(xué)院《Dreamweaver網(wǎng)頁(yè)設計》為例說(shuō)明，實(shí)現傳統教學(xué)與網(wǎng)絡(luò )教學(xué)的混合教學(xué)模式。
1.設計制作企業(yè)項目。課前教師與企業(yè)人員共同設計制作《**企業(yè)網(wǎng)頁(yè)設計》項目，共構建八個(gè)學(xué)習情景：《學(xué)習情境1企業(yè)網(wǎng)頁(yè)圖文混排》；《學(xué)習情境2企業(yè)網(wǎng)頁(yè)表格數據制作》；《學(xué)習情境3企業(yè)網(wǎng)頁(yè)表格布局》：《學(xué)習情境4企業(yè)網(wǎng)頁(yè)超鏈接設置》：《學(xué)習情境5企業(yè)網(wǎng)表單網(wǎng)頁(yè)制作》；《學(xué)習情境6企業(yè)網(wǎng)頁(yè)制作-css樣式表應用》：《學(xué)習情境7企業(yè)網(wǎng)頁(yè)布局-div+css布局》；《學(xué)習情境8企業(yè)網(wǎng)頁(yè)JavaScript特效應用》。
2.課堂教學(xué)內容以網(wǎng)頁(yè)設計的工作過(guò)程為依據，劃分上述八個(gè)學(xué)習情境，采用混合式教學(xué)模式，按任務(wù)展開(kāi)教學(xué)。每個(gè)學(xué)習情境都包含：①任務(wù)導入：首先提供學(xué)生與所講知識相關(guān)的網(wǎng)頁(yè)案例，吸引學(xué)生注意，然后導入學(xué)習情境任務(wù)；②分析總結：教師引導學(xué)生發(fā)現問(wèn)題，并提出問(wèn)題，激發(fā)學(xué)生學(xué)習興趣，經(jīng)過(guò)共同分析與討論，總結出具體的制作方法；③實(shí)訓(仿真實(shí)踐，在線(xiàn)測試)：學(xué)生根據學(xué)習情境，在教師的示范講解下，獨立完成操作，在線(xiàn)測試。④講評總結：學(xué)生在制作過(guò)程中會(huì )出現各種各樣的問(wèn)題。教師所做的是將問(wèn)題匯總。總結出相關(guān)的注意事項，點(diǎn)評作業(yè)時(shí)，側重學(xué)生的思維引導，及時(shí)給予學(xué)生鼓勵。⑤能力擴展：提供給學(xué)生實(shí)踐性較強的案例，要實(shí)現效果，需要結合以前的知識和運用一定的技巧。這樣既擴大了知識面。又體現了知識的綜合性。在課堂講解環(huán)節，可以適時(shí)插入教學(xué)視頻、技術(shù)操作視頻、實(shí)例展示等內容，解決傳統教學(xué)方法無(wú)法講清楚的知識點(diǎn)和實(shí)際操作演示，使教學(xué)效果更生動(dòng)具體。通過(guò)學(xué)習情境，學(xué)生目的明確，整體性學(xué)習Dreamweaver軟件各個(gè)工具，運用到每個(gè)學(xué)習情境任務(wù)中，學(xué)習網(wǎng)頁(yè)各獨立元素與整體學(xué)習情境相結合。
5小結
混合式教學(xué)模式突破了傳統的單一課堂教學(xué)模式，在網(wǎng)絡(luò )教學(xué)平臺上信息量大，開(kāi)放性、靈活性、交互性強，與傳統教學(xué)相互融合，不斷補充和完善網(wǎng)頁(yè)設計教學(xué)內容，拓展了學(xué)生的視野，為學(xué)生提供了廣闊的學(xué)習時(shí)間與空間，全面提高高職學(xué)生網(wǎng)頁(yè)設計操作技能和綜合能力培養；調動(dòng)了學(xué)生的積極性，變“要我學(xué)為我要學(xué)”，使得以學(xué)生為中心自主學(xué)習得以實(shí)現，提高學(xué)生自主性學(xué)習能力；從教學(xué)形式上，進(jìn)一步完善了教學(xué)方法與教學(xué)手段，在信息技術(shù)環(huán)境下，混合式教學(xué)模式是網(wǎng)頁(yè)設計教學(xué)的一個(gè)新的發(fā)展方向。
網(wǎng)頁(yè)設計論文14
《網(wǎng)頁(yè)設計》是一門(mén)綜合性的“大課程”，鑒于其專(zhuān)業(yè)的特殊性，至目前藝術(shù)設計專(zhuān)業(yè)開(kāi)設的此課程尚沒(méi)有相對完善的教材，教學(xué)內容和教學(xué)方法也處于探索階段。筆者結合多年從事web開(kāi)發(fā)和網(wǎng)頁(yè)設計教學(xué)經(jīng)驗，對藝術(shù)設計專(zhuān)業(yè)《網(wǎng)頁(yè)設計》課程目標、教學(xué)內容設計、教學(xué)方法三方面進(jìn)行探討，期待構建《網(wǎng)頁(yè)設計》課程教學(xué)的大致框架。隨著(zhù)信息時(shí)代的到來(lái)，互聯(lián)網(wǎng)技術(shù)改變了人們傳統的生產(chǎn)和生活方式。網(wǎng)絡(luò )資源的共享和發(fā)展已經(jīng)融入社會(huì )生活，站、網(wǎng)頁(yè)瀏覽已經(jīng)成為一種生活習慣。作為服務(wù)于社會(huì )經(jīng)濟發(fā)展的高校專(zhuān)業(yè)設置，為適應時(shí)代需求，如計算機、電子商務(wù)及藝術(shù)設計等專(zhuān)業(yè)都開(kāi)設了《網(wǎng)頁(yè)設計》課程。就專(zhuān)業(yè)技術(shù)而言，《網(wǎng)頁(yè)設計》課程綜合性較強，涵蓋的知識面較為廣泛，一個(gè)網(wǎng)頁(yè)的建立到發(fā)布過(guò)程，涉及到了網(wǎng)絡(luò )基礎知識，W3C標準和與之對應的結構：（X）HTML語(yǔ)言，表現：CSS樣式，動(dòng)作：JavaScipt，圖像處理、動(dòng)畫(huà)制作等諸多領(lǐng)域。鑒于其專(zhuān)業(yè)基礎的特殊性，這也導致了該課程針對不同專(zhuān)業(yè)在教學(xué)內容、教學(xué)模式、教學(xué)方法等方面存在很大差異。理工科專(zhuān)業(yè)多側重于程序語(yǔ)言的編寫(xiě)學(xué)習，較為重視純技術(shù)方面，而藝術(shù)設計專(zhuān)業(yè)則更多偏向于網(wǎng)頁(yè)界面的版面設計，包括形式美感、色調處理等。但在實(shí)際人才應用中，用人單位更想兼顧以上兩方面的技術(shù)應用型人才。目前藝術(shù)設計專(zhuān)業(yè)《網(wǎng)頁(yè)設計》課程并沒(méi)有相對完善的專(zhuān)門(mén)教材，教學(xué)方法與內容也處于探索階段。由于大環(huán)境和師資的局限，開(kāi)設該課程的很多高校在教學(xué)上并沒(méi)有結合藝術(shù)設計專(zhuān)業(yè)的自身特點(diǎn)，往往“復制”和計算機等理工科專(zhuān)業(yè)一樣的課程教學(xué)模式，“教”和“學(xué)”都陷入一定的尷尬境地，達不到本專(zhuān)業(yè)所需一定程度的教學(xué)目標。另一方面，藝術(shù)設計專(zhuān)業(yè)的學(xué)生，具有一定的美術(shù)基礎和審美意趣，制作網(wǎng)頁(yè)有一定的美感優(yōu)勢，但有時(shí)也過(guò)于追求美觀(guān)而忽略用戶(hù)體驗，脫離實(shí)際，華而不實(shí)。筆者結合多年從事web開(kāi)發(fā)和網(wǎng)頁(yè)設計教學(xué)的相關(guān)經(jīng)驗，對藝術(shù)設計專(zhuān)業(yè)《網(wǎng)頁(yè)設計》課程目標、教學(xué)內容設計、教學(xué)方法三方面進(jìn)行探討，期待構建《網(wǎng)頁(yè)設計》課程教學(xué)的大致框架。其中的藝術(shù)設計專(zhuān)業(yè)，尤其是視覺(jué)傳達方向的平面設計專(zhuān)業(yè)都開(kāi)設了《網(wǎng)頁(yè)設計》課程。
一、課程目標
眾所周知，課程目標決定一門(mén)課程構建和發(fā)展的最終導向，一方面可以為學(xué)生指明正確的課程學(xué)習方向，另一方面也為教師傳授正確的知識理念提供依據，真正做到“教”和“學(xué)”的“有的放矢”。結合藝術(shù)設計專(zhuān)業(yè)學(xué)生的個(gè)性特點(diǎn)，注重網(wǎng)頁(yè)設計語(yǔ)言的學(xué)習，將藝術(shù)和技術(shù)有機的緊密結合。在課程目標制定的過(guò)程中，弱化一些在前期專(zhuān)業(yè)基礎課程中已經(jīng)學(xué)習過(guò)的相關(guān)知識（如PS圖像處理等），做好簡(jiǎn)單的銜接，將重點(diǎn)放到藝術(shù)設計專(zhuān)業(yè)學(xué)生相對薄弱的知識點(diǎn)（如網(wǎng)頁(yè)設計語(yǔ)言等）。Dreamweaver是目前最好的網(wǎng)頁(yè)制作與設計軟件工具，作為可視網(wǎng)頁(yè)編輯工作的標準，它一直在代碼編輯和應用程序開(kāi)發(fā)方面的功能比較強大。更重要的是它是所見(jiàn)即所得類(lèi)型的網(wǎng)頁(yè)設計軟件，對藝術(shù)設計專(zhuān)業(yè)的學(xué)生來(lái)說(shuō)，學(xué)習和應用的難易程度非常合適。同時(shí)，對于網(wǎng)頁(yè)設計素材的制作和處理，動(dòng)畫(huà)素材可以選擇Flash，圖片素材可以選擇photoshop，這里強調并要求和Dreamweaver相匹配和適應。作為網(wǎng)頁(yè)設計的基礎理念，在制定《網(wǎng)頁(yè)設計》教學(xué)目標時(shí)，必須考慮將W3C標準相關(guān)的新理念、新做法等元素考慮進(jìn)來(lái)，強調使用規范化語(yǔ)義標簽語(yǔ)言（X）HTML書(shū)寫(xiě)頁(yè)面結構，并強調CSS樣式表的使用，同時(shí)遵循W3C標準，了解div+css和標準頁(yè)面的優(yōu)勢所在，使用“div+css”實(shí)現網(wǎng)頁(yè)結構代碼與表現樣式相分離，以及對后面制作標準頁(yè)面所起到的促進(jìn)作用等。
二、教學(xué)內容
（一）在藝術(shù)設計專(zhuān)業(yè)的人才培養計劃中，網(wǎng)頁(yè)設計課程
一般安排在課程學(xué)習的中后時(shí)間段。就本課程而言，我建議教學(xué)內容并時(shí)間安排如下：
1.Dreamweaver軟件的學(xué)習和應用為重點(diǎn)講解，講授和實(shí)踐為5+5個(gè)學(xué)時(shí)。Dreamweaver軟件的主要任務(wù)就是完成網(wǎng)頁(yè)設計的版面架構，教學(xué)中，主要講解本地站點(diǎn)的創(chuàng )建和頁(yè)面結構搭建。在早期的網(wǎng)頁(yè)排版中一般使用網(wǎng)頁(yè)表格（table）及其嵌套的模式布局頁(yè)面，隨著(zhù)技術(shù)更新和用戶(hù)需求，表格結構已不適合現在時(shí)代發(fā)展的需要，即不適合手機及平板電腦的用戶(hù)瀏覽，呈現逐漸被淘汰的趨勢。現今網(wǎng)頁(yè)版面架構大都采用div+css的方式設計，具有瀏覽速度快，適合在手機或平板電腦上瀏覽的優(yōu)勢。結構和樣式的相分離，也便于日后的網(wǎng)頁(yè)改版的便利；
2.網(wǎng)頁(yè)編程基礎方面：HTML語(yǔ)言、CSS樣式、JavaScipt，講授和實(shí)踐7+7學(xué)時(shí)。非計算機專(zhuān)業(yè)的學(xué)生一般錯誤的認為使用Dreamweaver這樣所見(jiàn)即所得的工具頁(yè)設計，不再需要學(xué)習太多的“語(yǔ)言”。其實(shí)不然，HTML是網(wǎng)頁(yè)的靈魂，它不像C語(yǔ)言那樣“生澀難懂”，相對藝術(shù)設計學(xué)生而言，完全有能力學(xué)會(huì )和掌握。CSS通俗講是控制網(wǎng)頁(yè)中內容的顏色、字體大小、寬度背景等樣式，并由此來(lái)實(shí)現各種各樣網(wǎng)頁(yè)樣式的統稱(chēng)，也是需要熟悉和掌握的。JavaScipt與C語(yǔ)言不同，它提供一定的面向對象能力，因此模塊、名字空間、類(lèi)、對象、封裝、函數等功能在JavaScipt中的實(shí)現方式是其教學(xué)的重頭戲，它們才是現代JavaScipt語(yǔ)言的精髓；
3.Flash動(dòng)畫(huà)，講授和實(shí)踐6+4學(xué)時(shí)。Flash主要制作二維動(dòng)畫(huà)，體積小，便于使用，學(xué)習難度小，能夠滿(mǎn)足網(wǎng)頁(yè)設計的需要，如：網(wǎng)頁(yè)Banner條的設計、片頭動(dòng)畫(huà)、課件等；
4.網(wǎng)站客戶(hù)端的表現原則、開(kāi)發(fā)流程、面向客戶(hù)的網(wǎng)站設計，講授和實(shí)踐2+0學(xué)時(shí)；
5.photoshop為輔助2學(xué)時(shí)，藝術(shù)設計專(zhuān)業(yè)的學(xué)生已經(jīng)學(xué)習并掌握photoshop的使用方法。因此，減少這方面的講解，給其他新知識點(diǎn)留下更充裕的時(shí)間。
（二）結合網(wǎng)絡(luò )技術(shù)發(fā)展和用戶(hù)體驗要求，本課程教學(xué)還需注意下面要點(diǎn)：
1.面向用戶(hù)體驗的網(wǎng)頁(yè)設計：學(xué)生在學(xué)習和制作網(wǎng)頁(yè)時(shí)，總是以“自我”的感覺(jué)為主導，很少考慮并分析用戶(hù)需求，以為自己的設計有相當的“吸引力”但是對于訪(fǎng)問(wèn)者來(lái)說(shuō)，大多數的設計過(guò)于空洞、內容繁冗，徒有漂亮的外觀(guān)。所以學(xué)生應該明確，網(wǎng)頁(yè)設計應該以“用戶(hù)”為中心，而不是展示、甚至炫耀網(wǎng)頁(yè)技術(shù)或技巧。因此，有必要引進(jìn)面向用戶(hù)的網(wǎng)頁(yè)設計教學(xué)。
2.當前互聯(lián)網(wǎng)技術(shù)飛速發(fā)展，網(wǎng)絡(luò )資源共享已成趨勢，學(xué)生獲取知識的渠道已不僅僅滿(mǎn)足于課堂上教師的講解，包括每一步所要學(xué)習的知識點(diǎn)。充分利用網(wǎng)絡(luò )，包括豐富的教學(xué)資源和便利的搜索功能，面對現實(shí)中存在的問(wèn)題，引導學(xué)生如何利用互聯(lián)網(wǎng)頁(yè)設計方面的前沿知識，發(fā)現并解決。鼓勵學(xué)生使用博客、論壇，通過(guò)發(fā)現其中有趣的文章，得到解決問(wèn)題的新方法和代碼片段。向學(xué)生介紹開(kāi)源社區，并鼓勵他們在線(xiàn)發(fā)表自己的代碼，使用社交媒體進(jìn)行資源查找，并形成專(zhuān)業(yè)的社交媒體互動(dòng)，更加專(zhuān)注于他們的代碼與工作，真正激發(fā)學(xué)生的學(xué)習興趣。
三、教學(xué)方法
《網(wǎng)頁(yè)設計》課程具有交叉學(xué)科性質(zhì)，結合藝術(shù)設計專(zhuān)業(yè)學(xué)生的自身特點(diǎn)，在教學(xué)過(guò)程中，我運用任務(wù)驅動(dòng)法、模塊教學(xué)法和項目教學(xué)法等多重手段，給學(xué)生明確的思路，引導學(xué)生多動(dòng)腦，勤動(dòng)手，發(fā)現問(wèn)題，分析問(wèn)題，解決問(wèn)題。
（一）任務(wù)驅動(dòng)法
任務(wù)驅動(dòng)法，即通過(guò)創(chuàng )設問(wèn)題情境來(lái)調動(dòng)學(xué)生的學(xué)習興趣，進(jìn)而啟發(fā)學(xué)生的求知欲。“興趣是最好的老師”，只有發(fā)現問(wèn)題，才有任務(wù)和動(dòng)力，教師利用專(zhuān)業(yè)知識，結合課堂所講章節內容，分析并解決問(wèn)題。只有這樣才能有利于培養學(xué)生獨立分析問(wèn)題、解決問(wèn)題的能力和創(chuàng )新能力。具體到《網(wǎng)頁(yè)設計》課程教學(xué)中，通過(guò)導入新課環(huán)節，將所要講授的新知識隱含在一個(gè)或幾個(gè)任務(wù)之中，引導學(xué)生對所提出的任務(wù)進(jìn)行分析討論，明確大體涉及所需知識，承前啟后，找出哪些是需要復習鞏固的知識，哪些是需要探索學(xué)習的新知識，在教師的指導下找出解決問(wèn)題的方法，通過(guò)任務(wù)的完成實(shí)現對所學(xué)知識的構建。
（二）模塊教學(xué)法
團隊合作、模塊運營(yíng)是現代企業(yè)生存和發(fā)展之道，網(wǎng)頁(yè)設計公司亦是如此，很多網(wǎng)站界面都實(shí)行模塊化，每個(gè)部門(mén)負責完成自己的任務(wù)。為和現代網(wǎng)頁(yè)設計公司相適應，《網(wǎng)頁(yè)設計》課程嘗試實(shí)施有目標、有任務(wù)、有內容的模塊教學(xué)法，將本課程教學(xué)內容有意識地分化為幾個(gè)模塊，針對每一個(gè)模塊設定具體的教學(xué)目標、任務(wù)和要求，將課堂所講內容和現實(shí)所需實(shí)踐有機結合。同時(shí)讓學(xué)生自由組合成一個(gè)個(gè)小團隊，團隊之間、團隊之內分工協(xié)作，團隊合作，真正做到鍛煉學(xué)生綜合能力的教學(xué)和實(shí)踐。
（三）項目教學(xué)法
通過(guò)實(shí)施一個(gè)完整的“項目”而進(jìn)行教學(xué)活動(dòng)，其目的是在課堂教學(xué)中把理論與實(shí)踐有機的結合起來(lái)，充分發(fā)揮學(xué)生的創(chuàng )造潛能，提高學(xué)生解決實(shí)際問(wèn)題的能力。《網(wǎng)頁(yè)設計》課程相對來(lái)說(shuō)，有非常多的“項目”可供實(shí)施。一般是在知識體系講解完全后，給出一個(gè)具體的項目命題，如學(xué)生（或學(xué)校）個(gè)人（或創(chuàng )業(yè)小店）的網(wǎng)站、網(wǎng)絡(luò )上征稿的企業(yè)網(wǎng)站等，在實(shí)施這些“項目”過(guò)程中發(fā)現問(wèn)題并且解決問(wèn)題，一方面可以鍛煉學(xué)生的實(shí)踐能力，更重要的是及早讓學(xué)生有實(shí)戰意識，真正實(shí)現課堂教學(xué)和單位實(shí)習的“零距離”。
（四）雙師教學(xué)法
聘請工作在網(wǎng)頁(yè)設計一線(xiàn)，且具有豐富實(shí)踐經(jīng)驗的設計師作為兼職教員，加入到課程教學(xué)中來(lái)。兼職教員能制作最專(zhuān)業(yè)的網(wǎng)站，對本行業(yè)的最新趨勢有著(zhù)完整的把控力，對網(wǎng)頁(yè)設計實(shí)際工作中有可能遇到的問(wèn)題有著(zhù)獨到的見(jiàn)解。他們可為學(xué)生開(kāi)設講座、解惑答疑，結合全職教師對教學(xué)內容和方法的深入研究，兩種教師互補，增強學(xué)生的學(xué)習體驗和興趣，提高教學(xué)質(zhì)量。
四、結語(yǔ)
藝術(shù)設計專(zhuān)業(yè)的《網(wǎng)頁(yè)設計》課程是隨著(zhù)互聯(lián)網(wǎng)而產(chǎn)生的新興課程，同時(shí)也是為適應地方社會(huì )經(jīng)濟發(fā)展和普通用戶(hù)的生活體驗的。互聯(lián)網(wǎng)技術(shù)的日新月異、社會(huì )經(jīng)濟的迅猛發(fā)展和普通用戶(hù)的生活便捷也決定了課程的必須不斷更新變革。教學(xué)是動(dòng)態(tài)的過(guò)程，只有確立好課程目標、梳理好教學(xué)內容、掌控好教學(xué)方法，根據實(shí)施過(guò)程中的具體情況靈活調整，并不斷充實(shí)完善，才能取得更好的教學(xué)效果，真正做到培養網(wǎng)頁(yè)設計的應用型專(zhuān)業(yè)人才，服務(wù)于社會(huì )，以人為本。
網(wǎng)頁(yè)設計論文15
一、網(wǎng)頁(yè)設計視覺(jué)表達方法——以“簡(jiǎn)練”為首要原則
平面設計最基本的要求便是簡(jiǎn)潔凝練，而網(wǎng)絡(luò )傳輸的特性就要求在網(wǎng)頁(yè)設計過(guò)程中更要簡(jiǎn)練。網(wǎng)頁(yè)設計中所用到的所有設計元素，如，點(diǎn)、線(xiàn)、面、圖形、圖像、動(dòng)畫(huà)等都是要占據網(wǎng)絡(luò )空間的，尤其是圖片，如果圖片數據過(guò)大，就會(huì )影響網(wǎng)頁(yè)開(kāi)啟和傳輸的速度，同時(shí)也就會(huì )影響網(wǎng)頁(yè)的傳播。介于上述原因我們在運用圖片元素時(shí)要盡量保持“惜墨如金”的態(tài)度，做到少而精，如果非要運用大量圖片宣傳時(shí)，也要注意運用圖片的壓縮軟件為圖片適當的“減肥”。總之簡(jiǎn)潔的網(wǎng)頁(yè)能在短時(shí)間內抓住瀏覽者的視線(xiàn)，有效快捷的傳達信息。
二、網(wǎng)頁(yè)設計視覺(jué)表達方法——合理布局網(wǎng)頁(yè)的界面
電腦屏幕的顯示尺寸是十分有限的，怎樣通過(guò)有限的展示界面傳遞更多的信息，成為設計師設計布局的關(guān)鍵。合理的界面布局使視線(xiàn)流暢、融會(huì )貫通。在界面之中，不同的區域，被關(guān)注的程度不同，心里感受也不同，設計師可以依據不同元素的表達需要和畫(huà)面重心的關(guān)系，來(lái)安排它們的適當位置。瀏覽者的視線(xiàn)通常垂直在屏幕中央，然后再向四周游動(dòng)。設計師設計布局時(shí)應考慮將重要的信息或視覺(jué)流程的停留點(diǎn)安排在注目的價(jià)值高的最佳視域，突出重點(diǎn)，使主題一目了然。另外，建立網(wǎng)站導航可以激發(fā)瀏覽者訪(fǎng)問(wèn)更深層頁(yè)面的興趣，增進(jìn)對網(wǎng)站的進(jìn)一步觀(guān)賞，使網(wǎng)站信息更清晰、明了的存在于觀(guān)者的視線(xiàn)之內。
三、網(wǎng)頁(yè)設計視覺(jué)表達方法——個(gè)性化網(wǎng)頁(yè)界面的設計
獨特的創(chuàng )意、個(gè)性化的品質(zhì)是所有設計都追求的完美表達。個(gè)性獨特的網(wǎng)頁(yè)能刺激觀(guān)者點(diǎn)擊的興趣沖動(dòng)，讓觀(guān)者在“駐足”的過(guò)程中一直興趣盎然。在設計具有個(gè)性特質(zhì)的網(wǎng)頁(yè)過(guò)程中設計師應利用色彩、圖形、按鈕、動(dòng)畫(huà)、聲音等諸多元素配合最先進(jìn)的技術(shù)手段描繪和裝飾用戶(hù)所能看見(jiàn)的頁(yè)面。
四、網(wǎng)頁(yè)設計視覺(jué)表達方法——構成藝術(shù)的體現
構成藝術(shù)是現代視覺(jué)傳達藝術(shù)的基礎理論。它包括平面構成、色彩構成和立體構成，其中我們所探討的網(wǎng)頁(yè)設計中的平面素材主要應用平面構成和色彩構成進(jìn)行設計指導。平面構成學(xué)指導我們如何運用平面元素點(diǎn)、線(xiàn)、面創(chuàng )造形象；怎樣處理形象與形象之間的聯(lián)系；如何掌握美的形式規律等。在網(wǎng)頁(yè)設計過(guò)程中要依據對稱(chēng)與平衡、重復與群化、節奏與韻律、對比與變化、調和與統一等藝術(shù)構成法則設計網(wǎng)頁(yè)界面的圖形和版式。色彩構成學(xué)則側重對網(wǎng)頁(yè)色彩的選擇與指導。色彩構成屬于設計領(lǐng)域內的色彩運用的方法，它的基本概念是：兩個(gè)以上的顏色，根據設計的不同需要，按一定色彩配合的原則，重新組合，搭配構成新的色彩關(guān)系。色彩的特性、色彩的對比與調和、色彩的意蘊等等都是設計師設計色彩時(shí)的重要依據。此外色彩給人的獨特的心理感受可以指導網(wǎng)頁(yè)設計師有目的的選擇網(wǎng)頁(yè)色系。如，色彩的興奮與沉靜感：紅、橙、黃等暖色系列的純色給人以興奮感，易表現快樂(lè )的情緒。藍、藍綠等冷色系的純色給人以沉靜感，常常使人聯(lián)想到和平、安靜、休息和生機盎然。它還是一種使人鎮靜的顏色。政府、一部分企業(yè)站點(diǎn)應該選擇沉靜一些的配色，而娛樂(lè )、體育等站點(diǎn)則應該傾向于興奮一些的配色。色彩的輕與重感明亮的色彩如黃色、淡藍等給人以輕快的感覺(jué)，而黑色、深藍色等明度低的色彩使人感到較重。感覺(jué)輕的色彩給人以輕快感。相反，低明度的色彩有穩定的感覺(jué)。在網(wǎng)頁(yè)、廣告色彩設計時(shí)，應注意輕重搭配，如女性類(lèi)的站點(diǎn)宜采用明度高的色調為主進(jìn)行配色，以渲染女性溫柔、嫵媚的個(gè)性特征；為了突出男性堅實(shí)粗擴的氣質(zhì)，在男性類(lèi)網(wǎng)站中，色彩的配置應選擇凝重明度的色彩。網(wǎng)絡(luò )發(fā)展至今，傳統的設計學(xué)更多元化，并使工作結構產(chǎn)生交叉。靜態(tài)的平面設計轉化為動(dòng)態(tài)的網(wǎng)頁(yè)設計，這是應用新技術(shù)在新媒體中進(jìn)行設計的產(chǎn)物真正開(kāi)創(chuàng )了一個(gè)全新的視覺(jué)領(lǐng)域。
【網(wǎng)頁(yè)設計論文】相關(guān)文章：
網(wǎng)頁(yè)設計論文02-24
網(wǎng)頁(yè)設計論文15篇11-09
高職院校網(wǎng)頁(yè)設計論文04-20
平面規劃網(wǎng)頁(yè)設計論文04-19
網(wǎng)頁(yè)設計的課程教學(xué)探究論文01-10