- 相關推薦
網頁設計論文
在平平淡淡的日常中，說到論文，大家肯定都不陌生吧，借助論文可以有效訓練我們運用理論和技能解決實際問題的的能力。那么一般論文是怎么寫的呢？下面是小編幫大家整理的網頁設計論文，歡迎大家分享。
網頁設計論文1
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、結語
使用者能夠使用網站無論在任何時間或者地點接收和發送信息，因此不再受環境和時間的限制。網絡媒體已經變成了重要的傳播途徑，如果注意多媒體元素的合理應用，就能夠讓客戶觀看更加有效率。多媒體技術的應用以及體現在社會的各個地方，為人們的生活和工作提供了便利，今后多媒體的應用也會給人類帶來巨大的改變。
網頁設計論文2
一、、如何在視覺構成上提高網頁設計的視覺效果
（一）點、線、面有效結合
點、線、面是視覺構成的基本要素，網頁的所有信息都是通過點、線、面的合理搭配出來的效果，因此，要提高網頁的視覺效果，首先就要從這三者的結合上來分析。例如：在點的運用中，工作者可以通過將點聚合或者離散使用，從而達到動靜態結合的效果，滿足用戶的需求。另外，通過點的有效結合形成線，線之間交叉使用，虛實線的結合、線的明暗漸變等，讓整個網頁的版面形成大概的輪廓，達到版面的基本效果。
（二）圖文、色彩的合理搭配
在網頁設計中，圖文、色彩也是必不可少的視覺構成因素，不同的圖文、色彩搭配達到的網頁效果就會千差萬別。所以，設計者要想提高網頁的視覺效果，還需要將更多的精力放在圖文與色彩的合理搭配上。在選擇網頁的圖片、文字、色彩等信息時需要與網頁的主題結合起來。所選的文字、圖片要具有代表性，能夠體現出網頁的主題，選擇的色彩更應該科學合理，對于比較柔情的網站可以選擇淡粉色，而對于某些具有科技研究性能的網站要選用藍色、綠色等有生機的色調來渲染。另外，所選的色彩還需要合理搭配才能體現出網站的主題，同色調的搭配、相似色調的搭配、反差大的色調搭配以及主色調的選擇、輔色調的選擇等都要設計者仔細掂量，并將網站的主題結合進來，才能讓網頁的視覺效果吸引用戶的眼球。
（三）將用戶的認知習慣合理的結合起來
不同的用戶具有不同的'思維習慣，他們的審美觀也各不相同，要想讓用戶對網頁的設計效果滿意，還需要將他們的認知習慣科學合理地結合到網頁設計的過程中。設計者不僅要具有良好的專業素質，還要具有明確用戶需求、了解用戶認知習慣的能力，才能將各種網頁設計中的視覺構成要素科學系統地結合起來，達到設計網頁的效果，達到用戶的需求。
二、結語
總之，要想做好網頁設計，視覺構成是必不可少的設計環節，我們要考慮到各種各樣的視覺因素，將不同的色調、動態效果等科學有效地結合起來，才能讓人們從視覺上接受所設計的網頁，并將其投入到日后的工作應用中。所以，網頁設計人員在設計網頁的同時，要綜合考慮到視覺構成部分，在滿足用戶需求的前提下，讓他們達到視覺上的享受。同時，我們還需要更深入地探討研究其視覺構成，并及時地將有效的視覺構成研究落到實處，有效地提高網頁設計的工作效率，為我國信息技術的發展做貢獻，還能進一步促進經濟水平的提高。
網頁設計論文3
時光飛逝，轉眼間，三年的研究生學習生涯即將落下帷幕。回首往昔點滴，在我學習成長的道路上，有太多的良師益友，他們陪伴我、鼓勵我、幫助我，與我一同走過了最難忘青春年華。
首先，我要感謝我的導師。在我論文撰寫的過程中，導師總是不厭其煩的為我指點迷津、答疑解惑，從最初的.選題方向到論文的框架結構、理論支撐、案例分析以及作品的安排都給了我合理的建議與指導，這些都為我順利的完成論文的撰寫打下了堅實的基礎。在與導師相處的三年中，他淵博的知識，對專業執著、嚴謹、認真的態度，凡事親歷親為，力求盡善盡美的精神，都深深的影響了我，也教會了我很多。同時，我也要感謝學院諸多老師曾經的悉心教誨，讓我能夠更好的學習和成長。
其次，我要感謝我的學長、學姐以及共處三年的同窗好友。他們非常優秀，又十分勤奮，保有著一顆對專業的熱忱之心，是我學習的好榜樣，總會在我需要時伸出援助之手，并時刻激勵著我向上前行。因為有了他們，我的學習、生活才更加多姿多彩。
另外，感謝一直以來陪伴我的父母，謝謝他們多年來的呵護與支持。
網頁設計論文4
摘要：通過對傳統教學模式的調查研究，了解到傳統模式逐漸無法滿足學生的需求。項目教學法作為一種新的教學模式，在《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)
網頁設計論文5
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小結
混合式教學模式突破了傳統的單一課堂教學模式，在網絡教學平臺上信息量大，開放性、靈活性、交互性強，與傳統教學相互融合，不斷補充和完善網頁設計教學內容，拓展了學生的視野，為學生提供了廣闊的學習時間與空間，全面提高高職學生網頁設計操作技能和綜合能力培養；調動了學生的積極性，變“要我學為我要學”，使得以學生為中心自主學習得以實現，提高學生自主性學習能力；從教學形式上，進一步完善了教學方法與教學手段，在信息技術環境下，混合式教學模式是網頁設計教學的一個新的發展方向。
網頁設計論文6
【摘要】
本文以就業信息管理平臺為例，研究網頁設計中表格與層的應用，提出表格與層可以讓網頁的布局整齊美觀，將網頁中的文字、圖片、動畫等眾多元素有條理地統一組織起來。雖然表格的使用整體上是好的，但在一些細節的美化上表格的設計就難以做到，這就要采用層來搭配表格的設計解決相應的排版美化問題。
【關鍵詞】網頁設計；表格；層；就業信息管理平臺
隨著信息技術的日新月異，網頁設計的重要性也逐漸凸顯，如何快速、方便地設計出相關的網頁、網站就顯得非常重要。在網頁設計與制作的教學過程中，如何讓學生快速地掌握網頁設計的一些排版技巧是非常有必要的。因此，筆者結合網頁設計與制作教學中的一些體會，并通過就業信息管理平臺的設計案例，探索網頁設計中表格與ApDiv（層）的排版設計技巧。
一、Dreamweavercs簡介
Dreamweavercs是由Adobe公司推出的一套擁有可視化編輯界面，用于制作并編輯網站和移動應用程序的網頁設計軟件。目前，最新的版本為DreamweaverCC，網頁設計軟件的功能強大。對網頁的瀏覽已經是我們生活中的不可分割的一部分，網頁作為網絡信息傳播的主要載體，其設計也為大家所關注。網頁設計軟件的種類有很多，但最出名、最專業的網頁設計工具，非Dreamweaver莫屬。它是著名的“所見即所得”的可視化網站開發工具，目前的網頁設計幾乎都采用Dreamweaver來設計。Dreamweaver不僅提供了強大的網頁編輯功能，而且還提供了網頁的上傳工具。利用FTP進行大文件的傳輸，節省了文件的傳輸時間，它是一個集網頁創作和文件傳輸管理等多功能的設計工具。
二、表格與層在網頁設計中的使用
在就業信息管理平臺的設計中，采用程序設計，可以很好地提高網頁的下載與瀏覽速度，但對于初學者來說，程序設計是一件頭痛的事。因此，如何利用表格與層來進行設計，就非常重要。網頁設計中的排版有很多種方法，其中表格結合層的使用排版是最基本也是最有效的方法。表格與層，對職業院校的學生來說，非常容易學，而且使用也非常方便，做出來的網頁也非常的漂亮，因此，在網頁設計中表格與層是非常重要的。
（一）網頁設計中表格的使用。在網頁設計中，利用表格的'排版，它的整體效果好是毋庸置疑的，表格在網頁中的位置可以通過表格屬性來進行設置。在Dreamweaver中，頁面內容的設計、排版主要是通過表格來完成。通過表格的相互嵌套、合并與拆分，可以將自己構思好的頁面完整地表現出來。表格在網頁中的重要作用，主要是它在不同的顯示上，可以根據網頁的大小、顯示器的大小進行相應的變化。并始終都處于瀏覽的相對位置，完整地把內容顯示出來，具有很好的兼容性。因此，使用表格排版比較規范，整體性強，可以讓網頁的設計顯得非常的整齊，達到想要的效果。但由于表格的整體性，在一些細微的地方以及操作上還不夠細化，在內容的設計表現上還不夠豐富。
（二）網頁設計中層的使用。層的使用在網頁設計中也是非常的普遍，由于它的定位比較精確，又是一種可視化操作元素，它的使用讓網頁增加了豐富的表現。層與表格的使用基本差不多，但在位置的定位上要比表格方便很多，這也是層的主要優點。在網頁設計中，文本、圖像、表格等元素只能固定其位置，不能相互疊加。如果要想使多個元素進行疊加或者定位要精確，在這種情況下，就需要使用層來進行設置。層具有很多表格所不具備的特點，如層的重疊、移動、隱藏等一些功能，層還可以添加一些動作行為，讓層的內容表現更加豐富，也正是基于這一點，層成了網頁設計中一個重要的元素。層的這些特點有助于設計思維不受局限，從而在設計上有很大的空間。由于它是一種流元素，層在具有上述優點的同時，也存在著一些不可避免的缺陷，例如層在網頁中的定位不會隨著瀏覽器大小的變化而變化，層的位置是固定不動的，在這樣的情況下就失去了層在網頁設計布局中的意義。
（三）就業信息管理平臺中表格與層的結合使用。表格與層的結合使用才能更好地體現出它們的優勢，層也才能更好地體現出它在網頁設計中的強大功能。在網頁設計中，如何做到表格跟層的統一、層與表格融為一個整體，這就要用到層在表格中的插入操作，以及層的嵌套使用，下面以就業信息管理平臺中制作下拉菜單為例來設計。首先，在網頁中插入一個三行一列的表格，在表格的第一行插入一張圖片，作為網頁設計的Logo，而在第二行中插入一個嵌套的一行五列的表格作為網頁的導航條，表格的第三行作為主要內容的設計與排版。
三、表格與層的正確應用表格與層
在網頁設計中雖然有強大的功能，但在使用的過程中也不能太隨意，如果隨意地使用就會增加瀏覽器的負擔，瀏覽下載的速度就會變慢，影響網頁的瀏覽。
（一）表格布局出現的問題。在網頁設計中，利用表格排版的時候，不能使用一個大大的表格鋪滿整個頁面，這樣不利于瀏覽器的打開。瀏覽器打開一個表格，是要等一個表格全部下載完成，這樣就需要很長的時間來打開這個網頁。在表格的嵌套中，也不能無限制地嵌套下去，一般表格的嵌套，應該控制在最多三層表格，如果嵌套的表格太多，打開時也會消耗大量的資源，不利于網頁的打開。有數據統計，一般瀏覽者打開網頁的等待時間為7秒以內。如何解決這個問題，主要采用拆分表格的方法，將一個大的表格拆分成幾個小的表格，并要盡可能地避免表格的層層嵌套。
（二）層布局出現的偏差。在網頁的設計中，層的單獨使用沒有多大的意義，因為層是流元素，不會隨著網頁瀏覽器的變化而變化，它的位置是固定的，不會產生移動。雖然有時候，我們在利用表格與層排版的時候，看起來很整齊，但一預覽就完全錯位了，根本不是想要的效果。如何才能使層與頁面中的表格一樣，能夠隨瀏覽器的變化而產生相對位置上的變化，這就需要先使用表格對整個網頁的整體進行規劃，然后添加一個層到表格中的一個單元格中，作為一個父層。操作的方法為：菜單欄中的插入—布局對象—ApDiv，插入后，這個層的位置左、上必須為空，沒有任何內容。然后，其他的子層就通過這個父層進行嵌套，在這里必須強調的是，父層必須通過菜單欄的插入，不能通過用鼠標畫出來的方式操作。采用這種方法設置層后，無論瀏覽器的窗口大小如何變化，它都會跟著變化，體現了與表格成為一個整體，在瀏覽時就不會產生位置上的移動，因此，層只有結合表格的使用才能更好地豐富網頁內容。
總之，在網頁設計中，表格與層是非常重要的元素，但在布局設計中，只有把表格與層結合使用，才能讓網頁的布局精美與豐富。網頁中的內容雖然很重要，但網頁中的設計與布局才是最重要的。因此，通過合理的布局設置，特別是主頁設計要整齊美觀，才可能更好地吸引讀者。因此，在平時的網頁設計中，要多看一些優秀網站的排版設計，只有這樣，才能更好地提高自己的網頁設計能力。
【參考文獻】
［1］俞燕丹．項目教學法在《網頁設計與制作》課程中的實踐研究［J］．新課程研究（中旬刊），20xx（10）
［2］韓媛媛．淺談Dreamweaver在網頁設計中的應用［J］．信息與電腦，20xx（7）
［3］周金容．網頁制作過程與技巧［J］．軟件導刊，20xx（15）
網頁設計論文7
一、網頁設計中的構成要素
1、文字的編排
在網頁設計中，其中文字的編排作為必不可少的基本構成元素，對這些文字的要求是易讀性和可讀性。其中易讀性顧名思義就是文字的清晰表達，可讀性則是指的是網頁整體上的可視性，在文字的設計、詞語的間距、行距等方面的處理。易讀性和可讀性在網頁設計中對于文字的編排的作用是非常重要的。另外，和利用紙張閱讀的方式相比，網頁設計中的文字的易讀性相對較差，再加上一般的用戶在普通的頁面上花的時間比較短，所以對于網頁設計中的文字編排應該滿足以下幾個要求：一是，因為在不同的電腦、操作系統中安裝的文字的字體都是相同的，所以應該在文字編排的過程中選擇一些經常使用，用戶經常見到的字體，不然的話他們的系統就可能默認一種字體，就會導致網頁看起來不能達到設計者的期望。二是，鑒于屏幕的顯示會對字體造成一定的.影響，在生活中人們大多都是采用的黑體和宋體，站在視角的角度上說，宋體的閱讀方式最便捷，更富有現代氣息，但是對于字體的形狀應該注意。三是，因為不同的字體以及不同的字體屬性可以幫助人們識別標題和信息。但是應該注意的是一個頁面中字體風格是有限制的，如果使用太多面，就失去了強調的作用。
2、圖片的編排
在網頁設計中，圖片可以算得上是最早被使用的元素。這是因為網絡可以利用圖片傳達自己的信息，讓用戶更直接的了解，加大了網絡提供的信息量，再加上圖片的使用在很大的程度上也使頁面更美化。因此，在網頁設計中，要想單純文字表達的信息變得有趣，最簡單的方法就是使用圖片。經調查顯示：對于一條信息來講，圖片對觀眾造成的吸引往往要高于文字產生的影響。在網頁中使用圖片時，應該注意以下規則：一是網頁的統一性；二是圖片要吸引用戶；三是要注意突出圖片的重點，特別是在處理和相關文字編排的時候。
二、網頁設計與現在網絡新技術的結合
1、網頁設計和多媒體技術的結合
多媒體的使用能讓人機交互技術趨向接近人的自然方向發展，能夠讓網頁用自然的方式跟人交往。多媒體的產生實現了信息的多樣化，讓人與網頁在交互的過程中，具有更寬闊和自由的發展空間。對于多媒體技術的信息多維化不僅指信息的輸入，還包括信息的輸出。從目前的形式來看，多維化包括人的視覺和聽覺這兩個方面，因為多媒體的使用，讓頁面設計表達的信息更具有人性化。為了增強網頁的視覺效果，在網頁設計中通過豐富的表現形式，能夠讓觀眾產生視覺效果，從而產生了繼續觀看的念頭。在網頁設計中，網頁包含的內容是各個方面的。幾乎容納了所有的媒體的優點，現在已經成為了一種炙手可熱的傳播手段。
2、網頁設計和多媒體相結合主要是增強了網頁的交互性
一個優秀或者是成功的網站都應該和用戶之間形成良好的互動關系，互動關系主要包括在整個頁面的設計過程中以及使用界面上的指導體現出來，并且都應該堅持互動的原則，讓用戶在使用的過程中的每一個不走都能夠得到相應的會用。在現在，交互性不僅是一種利用網絡傳播發揮信息的最大優勢，而且是傳達信息的人和用戶進行交流的一種方式，在網頁設計中，有效的互動性能夠提高用戶使用接受信息的主動性以及參與信息反饋的積極性，與此同時，還有助于傳達信息的人了解信息傳達取得的實際效果以及和預期之間存在的偏差，以便在下一步的網頁設計中進行適當的改正，實現消息的升格傳達。隨著我國的動態設計技術，例如ASP以及PHP等的不斷發展和普及，交互式設計的重要性也逐漸顯現出來，采用交互式設計的目的不是為了控制用戶采用怎樣的行動，而是給他們的各種行動創造實現的基礎。在多媒體以及網頁技術中，設計人員采用的絕大部分的交互方式都是人們熟悉的模擬系統，例如，人們熟悉的撥號盤、按鈕、開關以及滾動條等。所以設計師在創建人機交互方式時，瀏覽者所接觸到的交互式界面，通常都采用這些方式，例如聊天室的界面，完全可以設計成房屋的場景，以給用戶營造一種親切的感覺。適當的對網頁中的各種設計元素，例如flash、js等動態效果，就會增強網頁的視覺審美，更具藝術欣賞性和互動性，對瀏覽者具有充分調動的作用，產生的效果也比傳統的媒體要好。
三、總結
在我國不斷發展的進程中，網頁可以說是一種全新的視覺表現形式，不僅包含了平面設計的各種理念，還具有跟其他文化不同的優點。如果要做好網頁設計，絕對不是一件容易的事情，這是因為網頁設計涉及了視覺設計美學、人類心理學、人機工程等多個領域。一個好的網頁設計不僅需要設計者精心組織內容，更需要其對整體視覺的傳達進行科學的規劃。在信息技術飛速發展的今天，網頁設計的價值不應該只局限于提高信息的傳達效率，還應該重視給用戶帶來視覺的審美享受。
網頁設計論文8
（一）一、教學內容的確定
教學內容通常包括HTML語言、CSS樣式、網頁設計原理及原則。由于針對的是中職生，在教學內容的安排上就會有所取舍，主要以實際案例為基礎，重點掌握可視化網頁編輯器的使用。除了介紹軟件的使用外，還加入對于網頁設計非常重要的圖像處理的內容，傳授網站結構、風格、配色及頁面布局等知識。教學內容的選擇上主要有以下幾方面：
1、網頁制作軟件的掌握。學校開設的網頁設計課程一般會選擇FrontPage和Dreamweaver，而Dreamweaver使用方便，是一款比較專業的網頁設計工具，因而通常選擇它作為主要的網頁設計平臺。除了讓學生掌握怎樣使用這款軟件制作網頁，還要讓學生了解網頁基礎知識，如讓學生知道什么是網頁文件；學會規劃好自己的文件夾，將所有的網頁文件和圖片都放在自己的工作文件夾中，不要鏈接工作文件夾之外的圖片，有的學生將做好的網頁放到別的計算機上結果需要的圖片無法顯示，就是這個地方沒有做好。
2、增加圖像處理和Flash方面的內容。隨著網頁設計技術的不斷變化，Photoshop、Fireworks與Dreamweaver網頁制作軟件的結合越來越緊密，由于網絡速度的提升，圖像元素在頁面中早已變得不可或缺，利用圖像處理軟件的功能直接生成網頁已經變得非常簡單。而Flash以文件體積小、風格多樣及良好的交互功能等優點在網頁中所占的份額越來越大，甚至出現了完全使用Flash完成的網頁作品，在教學中為了讓學生簡單了解，一般讓學生通過設計常見的Flash廣告條來實現。所以，在開設這門課程的同時，也開了Photoshop和Flash這兩門課。
二、教學方法的探索
網頁設計課程通常在機房授課，便于學生上機操作、鞏固課堂教學效果。傳統教學方法是教師在課堂上講授理論知識，然后學生上機練習，教師在一旁進行輔導。這種枯燥的灌輸方式難以調動學生的興趣，即使學生將課堂上所學的知識都聽明白了，上機操作時仍然無從下手，因而必須采用有效的教學方法。
1、采用案例教學法。案例教學是在學生掌握基本理論知識的基礎上，根據教學目的和教學內容的要求，由教師精心策劃和指導，運用典型案例，將學生帶入特定事件現場進行案例的分析，使學生獨立思考或集體協作，進一步提高學生分析問題、解決具體問題的能力的教學方式。筆者對教學目的和教學內容選用實際網頁中的典型案例，在教學中先展示網頁效果，再講解相關的理論知識，在學生理解基本理論的基礎上再演示完成案例，并對案例進行適當總結，將枯燥的理論知識融入生動的案例之中，理論與實際相結合，有利于學生更好地掌握知識。另外，根據學生的實際情況，還可在本案例的基礎上延伸到其他類似的例子，達到舉一反三的效果。采用案例教學法，學生不但可以掌握課堂上學過的案例，而且能靈活地運用課堂知識，提高綜合運用能力。
2、采用任務驅動教學法。所謂“任務驅動”，就是在學習過程中，學生在教師的幫助下，緊緊圍繞一個共同的任務活動中心，在強烈的問題動機的驅動下，通過學習資源的積極主動應用，進行自主探索和互動協作的學習。這種教學模式強調學生的學習活動必須與任務相結合，以問題來引導和維持學生的學習興趣和動機。所以，安排第一次教學內容時，給學生欣賞一些優秀的、獲獎的網頁設計作品或瀏覽比較熟悉的網頁，可激發學生的學習熱情。在欣賞過程中，讓學生說出該網頁吸引他們的優點，教師適時講解網頁設計中關于色彩搭配和布局的知識，這樣可提高學生學習的主動性，讓學生主動地學習知識。同時，確定本門課的`總體任務———設計并制作一個完整的網站，學生在后續的學習中就有了任務感，有了目標學習才會更認真。再針對課程中的每一部分內容，將總體任務細分為若干個小任務，如文本、圖像、表格、鏈接、CSS樣式等，由淺入深，讓學生通過完成這一個個任務來掌握網頁設計與制作的基本操作。例如，介紹Fireworks軟件時，筆者采用了模仿式教學法，著重于網站Logo、整體效果設計與制作能力的培養，通過學習、模仿優秀網站的設計圖稿，提高學生的審美能力，對各類網站的設計風格、色彩搭配、網頁布局等有一定的認知。四、考核方法的探索根據中等職業教育的教學需要和課程教學特點，課程考核形式要能全面地評價學生的綜合素質和技能應用能力。在網頁課程的考核過程中，期末總評學習成績可由兩部分組成：平時成績（平時到課考勤、課堂表現、作業和能力考核）和期末考核（期末上機考試），各占總成績的50%。這種考核方式注重實踐操作和應用開發能力的培養，可發揮學生的學習積極性和主動性。此外，還可在校園內舉辦網頁設計比賽，設置獎勵分。如學校舉辦的藝術節、網頁作品展示等，不但能提高學生學習本課程的積極性，還可讓學生找到彼此的差距，激發學生的學習動力，不斷提高網頁設計水平。
網頁設計論文9
《網頁設計》是一門綜合性的“大課程”，鑒于其專業的特殊性，至目前藝術設計專業開設的此課程尚沒有相對完善的教材，教學內容和教學方法也處于探索階段。筆者結合多年從事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.當前互聯網技術飛速發展，網絡資源共享已成趨勢，學生獲取知識的渠道已不僅僅滿足于課堂上教師的講解，包括每一步所要學習的知識點。充分利用網絡，包括豐富的教學資源和便利的搜索功能，面對現實中存在的問題，引導學生如何利用互聯網頁設計方面的前沿知識，發現并解決。鼓勵學生使用博客、論壇，通過發現其中有趣的文章，得到解決問題的新方法和代碼片段。向學生介紹開源社區，并鼓勵他們在線發表自己的代碼，使用社交媒體進行資源查找，并形成專業的社交媒體互動，更加專注于他們的代碼與工作，真正激發學生的學習興趣。
三、教學方法
《網頁設計》課程具有交叉學科性質，結合藝術設計專業學生的自身特點，在教學過程中，我運用任務驅動法、模塊教學法和項目教學法等多重手段，給學生明確的思路，引導學生多動腦，勤動手，發現問題，分析問題，解決問題。
（一）任務驅動法
任務驅動法，即通過創設問題情境來調動學生的學習興趣，進而啟發學生的求知欲。“興趣是最好的老師”，只有發現問題，才有任務和動力，教師利用專業知識，結合課堂所講章節內容，分析并解決問題。只有這樣才能有利于培養學生獨立分析問題、解決問題的能力和創新能力。具體到《網頁設計》課程教學中，通過導入新課環節，將所要講授的新知識隱含在一個或幾個任務之中，引導學生對所提出的任務進行分析討論，明確大體涉及所需知識，承前啟后，找出哪些是需要復習鞏固的知識，哪些是需要探索學習的新知識，在教師的指導下找出解決問題的方法，通過任務的完成實現對所學知識的構建。
（二）模塊教學法
團隊合作、模塊運營是現代企業生存和發展之道，網頁設計公司亦是如此，很多網站界面都實行模塊化，每個部門負責完成自己的任務。為和現代網頁設計公司相適應，《網頁設計》課程嘗試實施有目標、有任務、有內容的模塊教學法，將本課程教學內容有意識地分化為幾個模塊，針對每一個模塊設定具體的教學目標、任務和要求，將課堂所講內容和現實所需實踐有機結合。同時讓學生自由組合成一個個小團隊，團隊之間、團隊之內分工協作，團隊合作，真正做到鍛煉學生綜合能力的教學和實踐。
（三）項目教學法
通過實施一個完整的“項目”而進行教學活動，其目的是在課堂教學中把理論與實踐有機的結合起來，充分發揮學生的創造潛能，提高學生解決實際問題的能力。《網頁設計》課程相對來說，有非常多的“項目”可供實施。一般是在知識體系講解完全后，給出一個具體的項目命題，如學生（或學校）個人（或創業小店）的網站、網絡上征稿的企業網站等，在實施這些“項目”過程中發現問題并且解決問題，一方面可以鍛煉學生的實踐能力，更重要的是及早讓學生有實戰意識，真正實現課堂教學和單位實習的“零距離”。
（四）雙師教學法
聘請工作在網頁設計一線，且具有豐富實踐經驗的設計師作為兼職教員，加入到課程教學中來。兼職教員能制作最專業的網站，對本行業的最新趨勢有著完整的把控力，對網頁設計實際工作中有可能遇到的問題有著獨到的見解。他們可為學生開設講座、解惑答疑，結合全職教師對教學內容和方法的深入研究，兩種教師互補，增強學生的學習體驗和興趣，提高教學質量。
四、結語
藝術設計專業的《網頁設計》課程是隨著互聯網而產生的新興課程，同時也是為適應地方社會經濟發展和普通用戶的生活體驗的。互聯網技術的日新月異、社會經濟的迅猛發展和普通用戶的生活便捷也決定了課程的必須不斷更新變革。教學是動態的過程，只有確立好課程目標、梳理好教學內容、掌控好教學方法，根據實施過程中的具體情況靈活調整，并不斷充實完善，才能取得更好的教學效果，真正做到培養網頁設計的應用型專業人才，服務于社會，以人為本。
網頁設計論文10
摘要：網絡技術的變革和高速發展，對人類的視覺語言起著強有力的推動作用。視覺符號始終以其獨特的可視性語言追求自身審美價值的實現，并爭取與社會、大眾心靈的溝通、融合，力圖超越國家和民族的界限。該文針對當前網頁設計的風格，探究創造性思維的主導作用。
關鍵詞：網頁設計;視覺;創造性思維
隨著互聯網技術的迅速普及和網站的大量建立，人們把互聯網納入六大媒介，并稱其為繼傳統媒體（廣播、電視、報紙）之后的“第四大眾傳媒”。互聯網這種交互式傳播媒體的出現，使人類進入信息時代，媒體與受眾之間不再是傳統的相互關系，兩者之間的關系正面臨巨大的改變。而在此過程中，網站建設也愈發趨向于一門藝術，而不僅僅是一項技術。因此，創造性思維對網頁設計起著主導作用。
一、創造性思維的基本方法
廣義的創造性思維是指人們運用新穎的方式思考和解決問題，并能產生新的、有社會價值的思維活動，每個正常人都有這種創造性思維。狹義的創造性思維是指人們的發明創造、形成新的概念、創造新的成果、提出新的假說等探索未知領域的'思維活動，這種創造性思維一般人是沒有的。創造性思維的基本方法是發散思維和聚合思維、順向思維和逆向思維、橫向思維和縱向思維的有機結合。
二、創造性思維在網頁設計實踐中的運用
網頁設計作品主要由圖形、文字、版式等設計元素組成，這些元素經過設計師的藝術加工，最終構建出完整的網頁。在創意理念的指導下，設計師對多個設計元素進行組合，使其不僅僅具有審美和裝飾功能，同時具有商業化的目的。圖形是網頁設計作品中受眾關注的視覺中心，也是傳達感情信息和創意表現主要形式的重要載體。優秀的網頁設計作品不僅具有獨特的創意思維，運用簡潔的設計語言清晰地表達設計主題，而且可以有效地展現設計師的情感和商業目的。因此，創意思維對于網頁圖形的表現起著重要的作用。以下是創意表現常用的幾種手法：
1.互補形借用
互補形借用，即正形與負形相互借用。這種圖形巧妙組合，結構嚴謹，形與形之間相互包含、補充，又相互獨立，具有一形多義的視覺幻象的效果。在視覺設計中，圖形在人們心中是情感和思維形態凝固的視覺符號，它可以超越國界，是人們溝通情感、傳播信息的直接途徑。網頁設計的圖形、文字等是正形，而留白是負形，留白能使網頁作品產生空間感。優秀的網頁設計師善于運用互補形借用的手法，使正負形之間既對比又統一，作品往往能夠產生獨特的藝術魅力，給人以獨特的視覺感受。網頁設計的另一個主要元素是文字，一些院校專門把字體設計作為一門課程。設計離不開有創意的文字造型表現，有設計師把字體作為主要的設計元素。不同的字體設計在表達同一設計主題時所呈現的視覺效果和情感是不同的。如，宋體給人的感覺是規范、正統、嚴肅，黑體則顯得厚重、實在，圓體看起來比較親切，等等。因此，設計師在設計過程中創造出獨特的文字形象顯得非常重要。設計師在進行文字創意時，必須深入理解文字的內涵，還要有自己獨到的見解，要對字體的結構進行巧妙組合，對筆畫的大小、粗細、顏色等進行藝術加工。設計師要將文字作為設計中的一個重要元素，抓住創意要點，增強文字的藝術感染力。
2.變異
一個物形有次序、循序漸進地按照一定規律和美學法則轉變成另一個物形，如此美妙的變換使兩個不相關的物形發生聯系，從而形成獨特的視覺效果。如，經典作品《烏龜與汽車》就充分利用了異變圖形的構形方式，將一只卡通的烏龜與甲殼蟲汽車有機地結合起來，兩者交織漸變、相互襯托，既生動有趣又自然。設計師要巧妙處理各項設計元素，有秩序、有節奏地進行排列、組合，從而營造出一種全新的視覺效果。
3.求同存異
求同存異，就是將兩種或者兩種以上不完全相同但有聯系的視覺符號運用藝術手法進行巧妙結合，從而組成新的更有意義的視覺符號。這種視覺符號具有獨特的個性，同時體現了對立統一的理念。設計師可結合客戶需求設計作品的版式編排，同一版式可讓不同網頁元素和諧統一。如果網頁設計作品具有新穎的版式，就更能吸引受眾，從而充分展現個性。不同版式編排方式具有不同的意境、個性和感情。網頁版式是創意性理念的體現，也是一種形式語言，它必須與內容緊密匹配，所有這些語言和技巧的目的都在于清晰、鮮明地傳達主題內容。網頁設計不僅僅是一項技術，更是一門藝術，需要設計師具有獨特的創造性思維。設計師運用美學法則對網頁的構成元素進行巧妙處理，旨在獲得最佳的主題訴求效果，使受眾更快捷地獲得需要的信息。
參考文獻：
[1]彭蘭.網絡傳播概論.中國人民大學出版社，20xx.
[2]匡文波.網絡媒體概論.清華大學出版社，20xx.[3]明安香.信息高速公路與大眾傳播.華夏出版社，1999.
作者:謝潔萍 單位:廣東生態工程職業學院
網頁設計論文11
摘要：網頁設計是運用網絡技術對網頁進行設計的學科，其中也會運用到設計藝術的知識，是一門交叉學科。伴隨著互聯網電商的發展，茶葉的銷售很多也會從線下轉變到線上，目前，很多茶產品的展示和銷售逐漸向互聯網上轉移，茶產品網頁層出不窮。但是由于茶葉產品的網頁藝術設計是新出現的東西，所以在藝術呈現上還不是很成熟，還存在一些問題。筆者在本文從茶產品網頁的藝術設計定義入手，分析了茶產品網頁藝術設計的內容和技術，從色彩搭配、元素構成、文字排版等方面提出了茶產品網頁藝術設計視覺呈現的方法。
關鍵詞：網頁設計；茶產品；藝術設計；視覺呈現
近年來，互聯網電商發展迅猛，很多產品都有了網絡銷售渠道，茶產品也不例外。茶產品的網絡銷售離不開網頁的展示，好的網頁藝術設計才能讓茶產品從眾多品牌中脫穎而出，具有更強的競爭力，所以茶產品網頁設計的視覺呈現越來越受到人們的重視。茶產品網頁以互聯網為載體，將茶產品的各種信息以方便、快捷的形式傳達給消費者，所以茶產品網頁藝術設計必須符合人們的審美需求和高標準、高要求。茶產品的網頁是信息和主要表現形式的載體，要想設計出更加便捷、美觀的茶產品網頁，網頁中的藝術設計元素必須更具有觀賞性，視覺呈現方式應該更加獨特和新穎，整個呈現效果應該風格統一，主題明確。
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.
網頁設計論文12
摘 要：網頁設計既是一門全新的設計領域，又是平面設計在信息時代的多元化發展的一個重要方向。文章分析了網頁設計與平面設計有著相同的視覺傳達和審美目的，但在設計范疇等方面和平面設計有著不同特點。這些不同之處是由網絡技術的特性決定的。網頁設計是設計藝術與網絡技術的結合，是對傳統平面設計的延續和革新。
關鍵詞：設計論文
前言
網頁設計是網站建設的重要組成部分，特別注重講究編排和布局，它的實現通過電腦屏幕來表現出來，為了達到最佳的視覺表達效果，與瀏覽者有一個流暢的交互體驗，做網頁設計時要反復推敲整體布局的人性化。平面設計作為一種藝術活動，具有商業性和大眾性的特點，平面設計體現在它的二維性，主要在平面上開展設計工作，在表現形式上給人一種美的享受，從而實現有效傳達相關信息的目的。平面設計的設計原則可以在到網頁設計中充分運用，更好地實現網頁的藝術美感。
一、網頁設計與平面設計的概念
（一）網頁設計
網頁設計是對網頁進行編輯、排版等一系列設計活動的行為。網頁設計概念的'萌芽和發展與瀏覽器這一新技術的出現和發展息息相關，因為瀏覽器這一技術使得信息的傳遞與傳播以及思想的溝通與交流有了實現的另外一種可能，互聯網為網頁設計提供了新的舞臺和天地，豐富的資源、高效益、高速度以及圖文并茂的典型特征對傳統設計工具和媒體來說是一種強大的沖擊，此外對設計行業來說網絡經濟也為之帶來了不可估量的影響。伴隨著人性化的科技理念和社會信息密集程度越來越高，人們生活的方方面面將互相牽連，人們不用出門就可以獲取自己想要的信息和滿足自己在物質上的需求。因而，在一定程度上可以說承載網絡信息傳達重要職能的網頁視覺表現將發展演變為人們正常生活中不可或缺的一個重要因素，在新媒體影響下，人們正享受著新視覺表現下對信息的瀏覽和獲取，因而對傳達信息來講獨具一格的視覺符號及其網頁設計中新穎的視覺元素顯得也就至關重要了。
（二）平面設計
從人們嘗試著用文字和圖形來交流與溝通開始，人們就在無意識中對文字和圖形進行加工和處理，圖形與文字、圖形與圖形以及文字與文字之間在視覺上呈現在受眾眼前的關系也就有了相對比較簡單的圖形設計、排版乃至平面設計。傳統的平面設計的意思是指在平面二維空間上的一系列設計行為，主要涉及到在二維空間中視覺元素的相互組合、布局構造以及設計，表現為圖形的設計、文字的設計、插圖、編排以及攝影的設計等，其核心主要是實現信息的傳達、向導和勸說等方面內容。在信息時代的今天，網頁設計也被囊括在平面設計內容之中，其是平面設計在當今社會生活中的一種發展和延續，是一個新的平面設計種類和課題。
二、網頁設計中的平面設計原則
網頁設計是動態的平面設計，其設計原則在很多方面都有共同之處，主要體現在以下幾點：
（一）藝術性
人們都喜歡欣賞美好的事物，作為設計師我們要制作出好的設計，讓讀者賞心悅目，把文字、圖形、色彩在版面中進行藝術化設計，使其在優美的基礎上，更加的易讀、易懂、易記。
（二）準確性
不論是網頁設計還是平面設計都是信息傳達的設計，所以信息傳達的準確性是十分重要的，它需要設計師做到信息準確、可靠、復合邏輯、條理清晰這些基本點。精煉的信息在信息泛濫的時代是極具價值的，不僅要提煉信息，還要對各種繁雜、無序的信息進行歸納總結，使之達到傳達的準確。
（三）整體與協調性
整體性從本質上說是一種規律性，是事物存在運動發展變化的一種有序性。設計的各要素在形式上都具有秩序化的特點，協調性要求頁面中各個元素之間要相互協調，互相襯托，使版面具有秩序美、條理美，從而獲得更好的視覺效果。
三、網頁設計與平面設計之間的關系
網頁設計與平面設計之間是有著非常密切的聯系的，但是兩者之間也是存在著區別的。網頁的設計與平面的設計都屬于具有現代化特色的藝術形式，在現在社會中這兩種藝術形式都是能夠通過電腦技術來輔助或者直接完成的，并且能夠產生更好的效果。網頁設計與平面設計之間存在的區別也是比較的大的，其主要區別是它們的表現范圍的不同。
表現范圍是兩者之間非常重要的區別。網頁設計就是局限于網絡環境中的，通過優秀的網頁設計，使得網站整體的效果得到大幅度地提升，然后把網站的主題反映給客戶，然后客戶就能夠通過企業或者是產品在網站上表現出來的東西對其做好了解。進而為企業或者是產品做宣傳，提升競爭力度，促進經濟效益的提高。但是平面設計表現的范圍還要更廣，并且其影響力度也是比較的大的。其是基于二維空間的一種藝術性創作，并且也不需要非常嚴格的表現手法，不受到工具或者是宣傳途徑的限制，作品成形之后，可以借助雜志還有周刊或者是廣告等任何的形式進行宣傳，然后達到提升影響力的目標。平面設計的作品比網頁設計的作品使用范圍更加廣闊一點，但是在另一個角度來講，網頁設計比平面設計在媒體介質上具有更大的發展空間。
四、結語
網頁設計對于平面設計的不同之處是由信息社會中網絡技術的特性決定的。網頁設計是設計藝術與網絡技術的結合，是平面設計在信息時代多元化發展的一個重要方向，是對傳統平面設計的延續和革新。
網頁設計論文13
引言
隨著計算機網絡技術的迅速發展，網站的網頁設計布局也顯得越來越復雜，在專業技術上的要求也越來越綜合。同時，電子商務在這樣的潮流下飛速發展，但電子商務網頁設計卻成了阻礙電子商務發展的一個重要因素，在這樣的形勢下，電子商務網頁設計與制作就需要有專業的技術來實現，僅僅依靠傳統的網頁設計技術已不能滿足時代的需求。目前，基于Web標準的網頁設計思路已成為網站開發的主流，以Web標準為基本思想探究出一套有效的、緊跟時代步伐的設計流程，同時針對電子商務領域研究有效的網頁設計策略。
1、關于Web標準的主要技術
1.1 什么是Web標準
Web標準不僅僅是一個標準，而是一系列標準的組合。一般的網頁都由三個部分組成，即結構、行為和表現，而這三個部分中結構對應的標準為XML和XHTML，行為對應的標準為對象模型等，表現對應的標準為CSS。
① 結構
其中的主要技術包括可擴展超文本標記語言(XHTML)和可擴展標記語言(XML)，主要應用在對網頁數據的分類以及整合方面。在這兩個標準中，XML是一種源語言，它能夠讓用戶對自己的語言進行標記定義，其具有的數據轉換能夠相對來說比較強大，而XHTML在性能上結合了超文本置標語言(HTML)的簡單特性，同時，它還使用了XML的強大的功能系統，在語法上相對來說也比較嚴格。
② 行為
其中的主要技術包括ECMAScript和對象模型(DOM)，主要應用在交互操作網頁文檔方面。ECMAScript能夠有效的實現界面上操作對象的交互操作，而DOM能夠定義、修改以及表示文檔所需的對象、所需的對象的屬性和行為，同時還能處理這些所需的對象之間的關系。
③ 表現
其中的主要技術是CSS，即層疊樣式表，主要應用在對瀏覽器的顯示控制方面。CSS控制的表現與XHTML決定的結構相分離，主要用來設計網頁的風格。
1.2 Web標準下的網頁設計流程
Web標準下的網頁設計流程主要包括語義結構定義、網頁內容添加、CSS美化網頁以及添加動態元素四個部分。
語義結構定義：進行這個部分時，需要我們能夠根據網頁上的設計圖，對我們所需要的DIV層塊進行進一步分析，同時也要分析各個層塊之間的相互關系，為達到一個好的訪問速度，DIV層塊應該小于等于三層。
網頁內容添加：在第一步中定義好語義結構后，然后根據網頁設計圖添加內容，并且在每一個層塊添加合適的網頁內容，其中包括添加文字、圖像、表單、列表等。
CSS美化網頁：在進行網頁設計時，需要使用CSS對網頁的整個頁面進行布局，其中包括在頁面中加入邊框和背景等;同時，還需要使用CSS的相關設置，其中包括字體和大小等。
添加動態元素：在網頁中添加動態元素時，需要根據網頁設計圖對各個方面的要求，利用JavaScript技術完成網頁中動態元素的添加，包括添加導航菜單、焦點圖及其它動態元素等。
2、電子商務網站網頁設計所需要的技術
隨著互聯網科學技術的飛速發展，越來越多的企業應用互聯網技術推動了企業的發展，人們的生活方式也受到互聯網的影響。在這樣的背景下，電子商務也逐漸發展壯大，而電子商務網站網頁設計就成了相對重要的一部分，網頁設計是以網絡為載體，把一些對人們有用的信息方便快速的傳達給他們。在進行電子商務網站網頁設計時，整個過程都要用到大量的電子商務設計軟件，而設計的過程又需要計算機技術作為基礎。在研究基于Web標準的電子商務網站網頁設計時，在設計過程中需要有縝密的思想來進行設計的每一個流程，然后開發網上商店系統，以達到對網店實行有效的管理以及擴展網店的業務。在Web的標準下，網頁設計者能夠有效的將網頁結構劃分清楚，這樣就能夠提升電子商務網站網頁開發的效率，同時還能夠盡可能的降低網頁設計成本。
3、電子商務網站網頁設計過程
在設計電子商務網站網頁時，可以按照下面的流程進行：內容分析、結構設計、方案設計以及表現設計。
第一，內容分析：即通過了解需要展示在網頁上的具體內容，清楚各內容所具有的邏輯關系，最后分清楚各個內容的重要程度從而合理安排位置。第二，結構設計：即根據內容分析得出的相關結論，找到合理有效的網頁布局，從而設計出好的XHTML結構。第三，方案設計：使用好的美工設計軟件，設計出一個能給人視覺帶來享受的網站頁面設計圖。第四，表現設計：表現設計又可分視覺設計和布局設計，視覺設計即是使用CSS美化網頁的方式，同時配合美工設計元素，將設計方法轉化為網頁的方式。布局設計即是通過使用CSS和XHTML對網站頁面進行布局設計。
3.1 內容分析
一個電子商務網站能否起到吸引客戶的效果，取決于這個電子商務網站網頁的布局是否清晰明了，能否給人一種視覺上的享受。網頁設計就是一種視覺語言，對布局和色彩的搭配要求很高，要求網站的主頁也能給人一種美的享受，其它網站頁面的布局也應該與主頁相協調。電子商務網站中網頁布局形式多種多樣，有“廠”字型、“國”字型、“封面”型以及經濟“框架”型等。
對電子商務網站網頁的版面進行好的布局是網頁設計中的一項重要內容，網頁的版面即是在瀏覽器中我們能看到的一個完整的頁面。網頁布局即是采用最好的搭配方式將所需要展示的'文字內容與圖片顯示在整個網頁中，網頁版面布局即將指定內容在瀏覽器中顯示出來，例如導航欄的顯示、徽標的位置、主要內容的排版等。我們經常使用到的版面布局結構主要有!字型和! 字型兩種，在設計過程中，還可以采用CSS實現將!字型設計成式，中間幾列的盒子必須用一個大盒子包含起來，否則這幾列無法實現居中，這樣就能展現設計的美，給人一種視覺享受。
3.2 結構設計
為電子商務網站開發網頁時，網頁中展示的有突出核心的業務區，也有展現其它功能的區域，整個網頁開發完成后，用戶可以在后臺進行可視化的操作，同時，用戶還可以創建屬于自己的個性化的網頁。在設計電子商務網站網頁時，框架是整個網頁的核心部分，它決定了整個網頁的整體布局效果，框架一般都是HTML格式的文件，它能夠將頁面劃分區域。
在制作電子商務網站時，首先要在硬盤上新建一個文件夾，并把這個文件夾作為網站的根目錄，最后將這個目錄上傳到服務器上就行了。一個網站就對應一個磁盤上的文件夾，設計網站所需要的全部資源以及所有網頁都放在這個文件夾里面。
3.3 表現設計
在設計好網頁和它的結構后，可以使用CSS為網頁文檔添加樣式。首先要將已經設計好的方案中的網頁圖片分離出來，然后使用CSS為其添加合適的樣式，在進行這個操作的整個過程中，涉及到CSS的布局以及背景圖片應用，在使用CSS時，可在網站的前臺觀察到網頁的板塊區域，板塊區域的個數會根據有設計的電子商務網站的類型不同而有所變化，這個過程是由CSS規則確定的，并且整個框架結構是由HTML文件確定的。這樣設計的網站，可以在其后臺進行可視化設計，向所需要的區域添加好的插件等，這樣網頁表現出來的畫面效果更好。
4、結語
隨著時代的發展，人們不再滿足于單調的生活模式，在這樣的背景下，互聯網技術慢慢融入到人們的生產與生活中去，這就使得方便人們生活的電子商務逐漸發展起來。目前，大多數人的生活開始與電子商務緊密聯系在一起，而電子商務的網頁設計的好壞直接關系到整個電子商務模式的運行。因此，研究基于Web標準下的網頁設計技術成為了電子商務門戶的重點，這樣才能有效的提升電子商務網站的性能以及開發效率。
網頁設計論文14
二十一世紀是信息化的時代，通過互聯網，就能達到足不出戶便可了解世界的目的。為了加深對互聯網的了解，《網頁設計與制作》這門課的出現就成為了必然。
1《網頁設計與制作》現狀問題分析
（1）對課程不了解
很多學生都有這個困惑，這門課能干什么？答案就是--開發網站！簡單的來說，學好了這門課，你就有開發、設計網站的能力。
這門課包含了靜態網頁制作、動態網頁制作、Photoshop、數據庫以及程序的開發等。通過程序代碼將網頁與數據庫連接，可以實現信息的實時更新。使你的網站成為一個“有生命”的網站。通過DIV層、框架、flash、樣式表等對網頁進行布局和規劃,再加上像JavaScript這種腳本語言來實現用戶與網頁的互動功能，經過這些專業技能的學習，讓學生真正掌握一種技術。
（2）學校以及教師的指導不夠
很多老師通過上理論課的時候將知識授予學生，并未在做后續的指導，這是一門重在實踐的課程，多實踐才能熟練。學校開展相關專業的比賽活動很少，僅憑平常的上機實踐很難完全掌握所學內容。
（3）側重點不明確
很多學校教師在上這門課時，將很大一部分精力放在了對工具的操作上，而忽略了內容的講解，這就導致學生可能工具用的不錯，但是做出來的東西卻很一般，甚至于連一些基本的功能都不能實現。有的學生不太明白這門課程的含義，不知道學這個有什么用，將來能干什么，態度比較猶豫，這也導致對這門課不重視。
2解決當前問題的方法
（1）學校教學思路
這門課程分為理論部分跟實踐部分，理論知識的講解一般在課堂上進行，通過授課教師的講解，同學之間的演講和作品展示來進行學習，舉例學習是一種更快更有效率的教學方法，授課教師可以結合案例跟教材的內容去詳細給學生進行分析。通過有效正確的教學方法來提高學校的教學質量。在實踐部分，將重心放在學生上面，著重鍛煉和培養學生自主動手實踐的能力，學生有自己的想法后，可以結合教材自己去做網頁，教師在布置任務不應死板的規定學生們必須要完成一個相同的作品，這樣容易將一些學生的想法鎖死。在課程設計上，讓學生以自己的想法去進行設計是《網頁設計與制作》這門課的一個關鍵點，充分展示學生的想法跟意見，讓學生創造自己的作品，培養學生的創新意識。學校應該多給學生提供一些可供實踐操作以及討論的機會，尤其是用所學知識去解決實際問題的機會，與此同時，還應讓學生自己創造機會，慢慢建立自己的學習方式。
（2）教師的教學理念
如今的社會，互聯網的普及率非常高，各種新興的行業發展非常迅猛，所以，學校授課內容應該緊跟時代的發展。技術是在不斷更新的，育人的目的就是想找到一份好的工作，將就業放在第一位，及時歸納總結問題，現實遇到的問題及時解決達到活學活用的目的。教師在授課的同時，應該深入研究教學要求，確保教學內容跟目的合理性，考慮不同學生的實際情況去合理教學。鼓勵學生自我動手實踐能力，支持與同學一起探討問題，教師要積極幫助學生解決他們所遇到的問題，學生通過對教材內容的了解，結合課程模塊方面的實踐將學到的知識運用到實際生活中，最大程度的激發學生學習的熱情，進而形成良好的學習習慣。很多大學生對未來沒有清晰的規劃，在就業選擇上不知該如何做出選擇，所以他們主觀意識上不太確定自己適合做什么，這就導致他們在選專業上的猶豫和不明確。校方要多做對學生未來職業方面指導的.工作，讓學生能從一而終認真專心的學習，不再將心思放在“能不能找到工作”上，方向明確了，自然而然學習動力就會充足。
（3）解決學生的困惑
《網頁設計與制作》這門課程，教師給學生應該傳達這樣一個信息：在已經掌握的技術水平跟理論知識之上，還要能夠獨立去實踐。把重點教給學生，合理平衡的分配理論知識與實踐操作所占比例，在掌握學習工具以后，一定要多實踐，多去了解學習理論方面的知識，技術在不斷進步，學無止境，要不斷的更新自己的知識，而不能安于現狀。一種技術可能就是將來的求生技能，所以，學生對任何東西不要有排斥的心理，既然能有一門課程，那肯定是有道理的，有的學生不愿意去學習，是因為他不了解這門課程的作用，這時候，教師跟學校扮演了相當重要的角色，他們應該為學生答疑解難，讓他們明白課程的重要性以及作用。及時指正他們認知上的錯誤。
3結語
《網頁設計與制作》是一門涉及面很廣的課程，在教師的教學方法跟課程設計實踐的作用下，都能去激發出學生對這門課的興趣，學生自主的探究學習可以豐富完善他們的專業技能更能加深印象，教師在傳授專業知識時應該讓學生明白這門課程的特色和作用，可以使他們在今后的學習和擇業中方向更加明確。
參考文獻：
[1]張宏升，章明珠。《網頁設計與制作》課程教學體系的構建與研究[J].電子制作，20xx,（9）。
[2]勞飛。基于項目化教學的“網頁設計與制作”課程改革與實踐[J].教育與職業，20xx,（29）。
[3]呂蕓。基于工作過程的“網頁設計與制作”模塊化課程開發研究[J].職教通訊，20xx,（30）。
網頁設計論文15
網頁能否有好的發展，不僅體現在好的創意上，也體現在網頁的設計上，好的網頁設計可以吸引網民的眼球，提高瀏覽量，但是我國目前網頁中的圖片視覺效果依然停滯不前，沒有太大的發展，在圖片的瀏覽上，缺乏靈活性，圖片設計方面沒有創意，網頁設計人員的技術得不到提高，圖片的視覺效果很差。
一、網頁視覺設計的原則
要想有展現出完美完美的圖片視覺效果，需要了解網頁視覺設計的原則，依據原則進行圖片設計，從而達到是事半功倍的效果，在設計網頁的時候，為了使網頁中的圖片與內容合為一體，遵循形式美與內容美，要從以下幾點出發：
（一）比例尺寸得當，對稱均衡適度
合理的比例是美的前提。比例得當不僅適用于繪畫，同樣也適用于網頁設計。在網頁設計中，要想把握好比例，需要做好組版元素間和諧的關系。把握好比例尺寸，可以以中心線為軸線，這樣做出來的網頁圖片，帶給人一種大方、穩定、端莊的感覺，既體現了秩序的原則，又給人高貴的美。在網頁設計中，點線面是很注重的要求之一，首先要在平面中找到平衡點，讓絕食產生舒服的感受，接著要找到對稱的部位，最后要以整個尺寸為基調，找到平衡點。
（二）動靜變化有序，節奏韻律明快
網頁中的動態和靜態的變化是根據三維空間和圖片的比例等因素體現出來的。同種元素因為布局與層次的變化會造成不同的視覺體驗。在網頁設計中，對空間的要求是很高的，需要考慮動態與靜態的結合，節奏韻律的快慢。在網頁的.設計中，運用動靜結合的方式，給人生動活潑的視覺感受，對節奏韻律把握明確，可以增加網頁圖片的感染力，同時又可以渲染氣氛，展開聯想。
（三）繁簡互襯，多樣統一
網頁設計，需要考慮好網頁的內容和圖片版面，既不能使網頁看起來太過繁雜，也不能使網頁太過簡單。在設計網頁的時候，可以針對內容的多少進行合理的排版，同時也可以通過色彩搭配來對網頁中的內容和圖片進行分開。對網頁的合理布置，使網頁看起來繁簡互襯，又能夠使整體多樣統一，各個元素獨立而統一。按照視覺藝術的原則，給人以美的感受。
（四）圖形
在網頁設計中，圖形的設計也是很重要的，圖形和圖片的比例需要恰到好處。圖形是圖片的縮小化，它可以幫助網頁中的文字更加清晰，使整個網頁看起來更加的美觀和立體。小的圖形在視覺上給人帶來一種清新可愛的感覺。對圖片的位置和形式的合理的布置，可以使網頁更加美觀大方。
二、提高網頁設計圖片視覺的方法
網頁設計需要遵循形式美和內容美的有機結合，需要比例尺寸上把握得當，動靜變化有序，節奏韻律明快，繁簡互襯，多樣統一的原則，同時也要做好圖形的設計，要想提高網頁設計圖片視覺，就要從以下幾點來進行：
（一）單項視覺流程
網頁設計的單項視覺流程是指對網頁中的圖形、文字和符號等在平面上進行不同方向的變化，可以表現為橫向、縱向和斜向這幾種形式，然后對其進行構圖。單項視覺流程在操作起來簡單，同時也能夠使網頁的平面結構看起來更加的清楚直觀，能夠直接明了地升華主題，在視覺上給人鮮明的層次感，表現出單項視覺流程的穩定、端莊的效果，具有堅定、直觀的感覺。
（二）反復視覺流程
網頁設計的反復視覺流程是把相似或者同樣的視覺元素進行三次或者三次以上的編排，使網頁的圖片畫面有規律、有節奏、有秩序。運用反復視覺流程，給人的視覺帶來沖擊性，同時有體現出了網頁圖片的韻律美、節奏美和秩序美，給人眼前一亮的感覺。
（三）曲線視覺流程
網頁設計的曲線視覺流程只要根據人眼來回擺動舒適感的舒適感進行設計，人們的眼睛可以依據弧線的運動變化方式來觀看網頁中的圖片。其中曲線視覺流程主要包括了弧線形（c形）視覺流程和回旋線形（s形）視覺流程。弧線形（c形）視覺流程給人飽滿的感覺，具有明確的方向感和擴張感，回旋線形（s形）視覺流程給人流暢，柔美的感覺，使圖片生動起來，有很強的動感美和節奏美。雖然曲線視覺流程不如單項視覺流程看起來直觀，但是卻有飄逸美。
（四）焦點視覺流程
網頁設計的焦點視覺流程主要是用焦點來吸引人們的眼球，聚集瀏覽者的目光。焦點視覺流程為了更好的吸引人們的眼球，往往還要用鮮明的顏色來對焦點進行強化，與網頁圖片的背景形成對比，同時也會別出心裁的設計焦點，分從從焦點的形式、焦點的層次和焦點與圖片的結構進行。焦點視覺流程通常是以圖形為主要元素，形成視覺磁場。
三、結語
隨著信息科技的不斷發展強大，圖片對網頁的影響也是極其重要的，快節奏的生活，使人們更加傾向于借助圖片來獲得自己想要的信息。因此只有遵循網頁圖片的設計原則，分別從單項視覺流程、反復視覺流程、曲線視覺流程和焦點視覺流程出發，才能更好地發揮出圖片的價值，給社會大眾帶來美的感受。
【網頁設計論文】相關文章：
網頁設計總結11-09
網頁設計報告04-25
網頁設計心得12-21
網頁設計與制作報告02-16
網頁html設計心得12-22
設計網頁的心得01-14
《網頁設計與制作》的教學設計與實踐12-11
《網頁設計與制作》課程教學設計與實踐12-10
網頁設計崗位職責04-10