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