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