網頁設計特點分析精選(九篇)
前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網頁設計特點分析主題范文，僅供參考，歡迎閱讀并收藏。
第1篇：網頁設計特點分析范文
文章從網頁設計創意思維和創意方法的角度出發，簡單解析了網頁設計創意的內涵，突出了網頁設計創意對于網站建設存在性的重要意義。希望通過文章的分析，能夠對相關工作提供參考。
關鍵詞：
網頁設計；設計創意；研究分析
當前時代是一個互聯網+爆發的時代，學習、生活、工作的方方面面都離不開互聯網。用戶、計算機、瀏覽器、應用軟件、網絡、服務器、程序員已經從過去人們并不熟知的專業詞匯成為了家喻戶曉的名詞，而這種用戶與程序員之間的“交流溝通”，也成為這個時代最頻繁而又最不為人知的對話。在如此“繁華”的時代，網絡作為這條溝通長廊的關鍵紐帶，扮演著中間信息傳遞的媒介角色，至關重要。而網頁又作為這一紐帶中與用戶交互的第一窗口，它的設計顯得尤為重要。一個好的網站，其網頁的設計自然不會松怠。一個獨特的網頁設計創意，就像一個獨特的商業模式能造就一個商業奇跡一樣，能讓一個網站獲取更多的用戶訪問量，這時網頁不僅僅是信息傳遞的媒介，已然成為新時代的一種新的營銷手段。因而，如何在數以億計的網頁中脫引而出，表達出網站中心意旨的同時吸引更多的目標用戶，自然將網頁設計創意的探索推向前沿。
1網頁設計創意思維
創———創新、創造，意———意識、思想，創意的字面意思即創新的思想。創意是對現存實物的理解及認知的基礎上衍生出的一種新的抽象思維和行為潛能。創意思維是以新穎獨特的思維活動揭示客觀事物本質及內在聯系并指引人去獲得對問題的新的解釋，從而產生前所未有的思維成果。網頁設計創意思維有以下幾個原則：（1）審美原則。好的創意必須具有審美性，沒有好的審美感受，就不會產生好的效果，這就要求我們設計的內容積極向上、生動形象、健康美好，符合大眾群體的審美評判。（2）目標原則。創意的目的是更好的反映主題、表現主題，而不是獨立成為某個藝術表現形式，脫離創意的目標性。（3）系列原則。創意的系列原則是指創意不是憑空創造的，它具有一定的系列性，在某種基礎上演化發展，可能是連續的、漸變的、重復的等等，給人一種分散的統一性，寓多樣于統一之中。（4）簡介原則。創意不能過于浮夸，喧賓奪主，本末倒置；錯落有致，層次有序方是創意之道。
2網頁設計創意方法
好的網頁設計創意往往是在借鑒的基礎上，憑借設計者豐富的經驗和知識，從而啟發出創造性的設計思路和方法。常見的網頁設計創意方法有：（1）聯想———通過豐富的想象，由A事物想到B事物，突破時間、空間、虛實等各方面的限制，以達到預期的效果。聯想手法的特點是源于人潛意識的本能以及認知和經驗的積累，是一種最常用的藝術形式表現手法。（2）對比———通過對立沖突的表現手法，將網頁整體部分中需要突出顯示的部分不和諧化，以達到預期的效果。對比手法的特點是利用差別借彼顯此地突出不同性質和特點，這種手法會給人鮮明地強調感和視覺沖擊感。（3）夸張———通過虛構夸大的表現手法，將對象的特點和個性賦予新奇變化，以達到預期的效果。夸張手法的特點是虛構、夸大、變化！（4）趣味幽默———通過喜劇特效的表現手法，巧妙安排，營造充滿情趣乃至引人發笑、耐人尋味的幽默意境，以達到預期的效果。趣味幽默的特點是喜劇性、幽默性，是一種特有的藝術感染力作用手法。（5）比喻———通過相似點以物喻物的表現手法，“借題發揮”、“婉轉曲達”。比喻手法的特點是比較含蓄，伏筆有時不會被一眼看穿，但心領神會后往往產生意猶未盡的效果。（6）懸念設置———通過“故弄玄虛”的表現手法，營造猜疑緊張的心里狀態，驅動瀏覽者的好奇心，已達到預期的效果。懸念設置的特點是藝術層階較高，有引人入勝的效果。當然，以上方法合理的綜合使用，同樣能夠設計出創造性的新成果。此外，除了以上一些常見的方法，網頁設計創意的方法還有很多。
3結束語
一個網站的成敗，很大程度上取決于是否有一個好的網頁設計創意。好的創意能巧妙、恰如其分地表現主題，渲染氣氛，引起瀏覽者的共鳴，使人過目不忘。可以說，好的網頁設計創意是網站生存的關鍵。當然，服務于網站用途的網頁設計創意最終的任務還是為了表現主題，創意階段的一切思考，都是圍繞著主題進行的。一個網站如果想在千軍萬馬中突出重圍，網頁設計上必須下足功夫，有著獨特的創意方能突出個性，在混戰中搶得先機，為利于不敗之地創造前提。
參考文獻
[1]吳偉敏.網站設計與Web應用開發技術[M].清華大學出版社，2015.
[2]王暉.網頁設計那些事兒[M].人民郵電出版社，2015.
[3]PatrickMcNeil.網頁設計創意書[M].圖靈編輯部譯.人民郵電出版社，2010.
[4]鐘垂貴.網頁創意設計[M].中國海洋大學出版社，2015.
第2篇：網頁設計特點分析范文
【關鍵詞】計算機；網頁設計；布局；特點
隨著現代化科技的發展，計算機已經成為人們生活中的重要組成部分，網頁瀏覽的形式已經代替以往書籍瀏覽的形式，也正因為如此網頁的設計與布局尤為重要。科學合理的網頁設計布局不但能夠帶給人們美感，并且還能使人們在瀏覽的過程中內心放松。計算機網頁設計的概念主要包括網頁設計布局的整體造型以及網頁設計布局頁面的尺寸。頁面設計的整體造型指的就是網頁設計中的布局形狀，其中最常見的形狀有三角形、圓形等，也有部分計算機網頁設計采用綜合體的形狀，在頁面的選擇上，大多是根據網站自身的特點來選擇的。計算機網頁設計的尺寸也較為多樣化，在計算機使用過程中，常常由于客觀影響造成屏幕的分辨率以及尺寸的影響，但由于是客觀因素無法改變，在瀏覽器自帶的功能上，對于瀏覽過程中網頁的增大與減小都能夠借助瀏覽器工具欄中的相應功能解決。計算機網頁設計中的布局與計算機的發展有著直接的聯系，并且影響網站的瀏覽量，目前最為常見的布局分為同字型布局、標題正文型布局、綜合框架型布局、封面型布局以及Flash型布局等五種形式。這五種布局形式都能夠最大程度的提高網頁的美感，并且在現代網頁布局中被廣泛運用，以下便是對五種布局類型的詳細分析。
1.同字型布局
同字型布局主要針對網頁布局的內容，這種布局其內的填充范圍較廣、填充的數量也較大。在網頁設計布局中，大多都是在網頁的標題欄進行網站主體的填充，有的是填充廣告，也有少數網頁設計布局中填充的形式是小標題。在頁面的兩側分別布置內容，其中網站的信息與動態或是服務人員以及相應的廣告等，在以往網頁設計布局中這部分并沒有受到重視，因此也是相對具有價值的部分。同字型布局網頁主要都是從中央位置布置，根據網頁內容的重點由上到下布局，或是根據網頁自身的特點以及相應的顏色進行布局，也有部分網頁是根據其中的細節進行布局的。在網頁的下端并不會進行內容的布局，就目前網頁來看下端也只是網頁的信息以及登錄方式等。
2.標題正文型布局
標題正文型布局與同字型布局不同的是標題正文型布局并沒有兩端的布局，其它布局類型相似。在頁面上端的布局中大多都是網頁的標題，其中也有廣告，頁面的中端是網頁的主要內容以及和重點內容，其中中端內容中包含同字型布局兩端布局的內容，例如，在正標題下方是對網站的簡訊，之后便是相應的附加咨詢，最為常見的就是天氣信息以及網站的注冊信息等，在下方便是網站的主要內容也就是正文，在正文的布局上，其結構都是簡單明了的。
3.綜合框架型布局
綜合框架型布局與其它布局相比形式較為復雜，主要采用框架的形式來進行網頁的布局，分別在上端、兩端以及下端，網站的主要內容都是在框架中進行布局的。這種布局形式與其他布局形式相比更具有輪廓性，能夠將其它布局中的內容類型充分地體現出來。
4.封面型布局
封面類型布局便是字面上的意思，按照書本頁面的形式進行布局，在封面型布局中大多采用的是圖片，其中圖片篇幅較大。一般在不同種類網站的主頁上大多采用封面型布局，在布局的周圍相應的分布著較小以及較為簡單的信息，此種信息所采用的形式都是超鏈接的形式，例如，最為常見的QQ空間，其主頁便采用封面型布局的形式，采用此種布局的主要目的就是能夠凸顯網頁自身的特點，能夠吸引使用者的目光的同時，對其功能更加一目了然方便操作。
5.Flash型布局
第3篇：網頁設計特點分析范文
關鍵詞：平面設計;網頁設計;課程教學;改革
隨著“互聯網+”國家策略的大力推進，我國社會發展急需大量優秀的互聯網人才，而網頁設計人才是互聯網人才的重要組成部分。為了配合國家戰略實施，目前國內各大高校紛紛把網頁設計設置為平面設計專業高年級學生的必修課程。然而，隨著近年來平面設計高等教育的不斷擴招，以往的課程體系和教學方法已無法滿足當代和未來社會對網頁設計人才的要求，而忽視市場需求的人才培養模式也會使人才培養與市場需求間的距離越來越大。所以，對平面設計專業網頁設計課程教學的探討十分重要。
一、教學現狀分析
平面設計教育在我國起步雖晚，但發展迅速，其人才培養方法備受各方關注。網頁設計是一種新興的數字藝術，它的創意取決于企業的文化屬性和互聯網的特色，它是一種附屬于互聯網、融合藝術與技術的新型設計形式，它的界面設計從平面設計入手，內涵卻遠遠超出了平面設計概念，既要注重界面中的平面構成元素，又要考慮用戶體驗，還要注重各頁面鏈接的空間關系和視覺協調性，從而成為具有互聯網特征、綜合性的平面設計。目前，國內各大本科院校多依據所屬專業確定網頁設計課程的教學側重點。計算機類的側重代碼編程，注重培養網站后臺人才；藝術類的側重界面規劃和美化，致力于培養網站前臺、網頁美工。但各專業在網頁設計課程教學上主要存在以下兩種現象：一是“輕維護、重美觀”，培養出的學生多注重靜態頁面的藝術性，不在乎是否有利于后臺維護；另一種是“輕線下、重線上”，部分學生往往只在意屏幕的視覺效果，對線下互聯網用戶的需求了解不夠。這導致他們設計的網頁界面看起來很漂亮，鏈接也很流暢，但實用性不強，更不利于線下產品的開發。因此，對平面設計專業網頁設計課程教學進行改革勢在必行。
二、教學內容的調整
對于平面設計專業網頁設計課程教學中出現的問題，首先要從教學內容上進行調整。新的教學內容調整為藝術理論課程和軟件實踐課程兩大模塊。
1.藝術理論課程模塊
藝術理論課程模塊的知識點分為三部分：網頁設計的功能元素、網頁交互設計、網站品牌形象的美學塑造。網頁設計的功能元素是網頁界面設計的基礎元件，了解功能元素的特點、作用及各元素之間的相互關系，對網頁設計工作起著至關重要的作用。網頁設計的功能元素有背景與底紋、按鈕與控件、頁眉與頁腳、導航器和目錄、功能板塊和廣告位等，這些功能元素依靠文字、圖片、色彩、多媒體和超級鏈接實現。這些功能元素的形式語言設計遵循傳統平面設計的設計原則，又和傳統平面設計有很大不同。如，傳統平面設計多以印刷為最終呈現方式，作品尺寸是固定數值，而網頁設計是以用戶的顯示器為最終呈現載體，所以作品的寬度不宜超過顯示器寬度，高度可以任意，但只能顯示一屏的高度，隨著瀏覽者拖動滾動條，作品的顯示高度隨之變化。用于傳統平面設計中的色彩在輸出過程中是以印刷色CMYK形式出現的，而網頁設計中的顏色是RGB模式，是標準的光色。因此，教師在此部分教學中不但要傳授網頁設計各功能元素的作用與特點，還應該指出它們與傳統平面設計中相對應元素的異同，讓學生在區別中學習。交互設計是網頁設計最為重要的功能設計。交互設計源于工業設計的概念，原來的平面設計專業教學中沒有交互設計的內容，為了更好地讓教學內容與市場接軌，在調整后的教學內容中新增了這一知識點。此部分教學內容包括用戶體驗研究、層級結構設計、流程設計等，通過模擬用戶上網實際操作進行分析，找出用戶的關注點，確定網站特色和欄目，將站點ID、欄目、實用工具、搜索引擎等交互設計元素和平面設計知識結合，將功能設計教學落到實處。品牌化建設是企業視覺形象設計的延續和拓展。和大多數線下公司一樣，優秀的網站也需要塑造品牌形象。從企業文化和性質入手，樹立準確而獨特的網站品牌形象，有利于企業在互聯網上從同類公司中凸顯出來，提高上網者對該企業網站的瀏覽興趣，增強上網者的瀏覽記憶，促進該企業的宣傳推廣。在藝術理論課程模塊教學內容中應滲透品牌形象概念，將此概念應用到網頁設計的各個環節之中，無論是網頁LOGO、網頁色彩還是版式和導航等設計，都應該保持品牌形象的一致性。
2.軟件實踐課程模塊
軟件實踐課程模塊包含兩部分：“新網頁三劍客”和常用簡單代碼識別。Fireworks、Dreamweaver、Flash是傳統意義上的“網頁三劍客”，過去網頁設計的教學基本是對它們的學習。這雖然具有普遍性，但對不同專業學習的針對性不強。結合平面設計專業學生現有軟件掌握情況（Photoshop是平面設計專業學生必修基礎軟件，多數學生已掌握它的基本操作技巧），把此部分內容調整為“新網頁三劍客（Photoshop+Dreamweaver+Flash）”的學習。簡單地說，就是根據界面規劃草圖，用Photoshop制作出精美的靜態界面效果圖，并在此基礎上再次利用Photoshop軟件進行切片、優化和輸出Html文檔，用Dreamweaver進行版式美化處理和超級鏈接設計，最后用Flash做特效替換，最終做出具備跳轉鏈接功能的動態網頁設計效果圖。平面設計專業最終制作的網頁設計作品需要軟件工程師根據動態效果圖代碼編程上傳，這樣才能更好地在互聯網上呈現。為了更好地與后臺工程師溝通，把動態效果圖設計得更準確，網頁美工師需要了解一些常規編程代碼知識，但平面設計專業學生多是文科生，數學和英語的掌握水平普遍不高。對此，在代碼教學內容上應選取一些常用的、簡單的代碼語言，并結合Dreamweaver的Html標簽和CSS規則的使用方法，利用框架，對現有模板進行優化和美化，提高網頁設計動態效果圖的實用性。
三、以項目教學方法為載體，提高學生的實戰能力
為了提高學生的實戰能力，將社會項目、經典案例引入課堂教學，并分層次逐級深入。
1.第一級：精選案例、分解任務階段
教師應該根據學生的特點和網頁設計所需掌握的相關知識點，精選典型實際案例，引入教學環節。分解項目到每一個知識點，邊教邊練，將實踐和理論有機結合，并逐一講解。教師選擇的案例要具有吸引力、綜合性，能涵蓋知識點，案例不需要多，兩三個即可。教師在講授案例時應強調學生的主體地位，對學生進行引導和解惑，遵循由淺入深、由易到難的原則，以具體分解任務作為驅動，進行教、學、練的課堂活動。此階段應激發學生自主學習的興趣，培養他們獨立自主分析、解決問題的能力和實踐能力。
2.第二級：項目分工合作階段
此階段將學生分成若干設計小組，幾個小組共同承擔一個項目，每組在項目中的任務各不相同，各小組分工協作，大家共同制訂項目計劃和實施方案，推舉大組長為項目總負責人，負責最終方案的定稿和項目材料的整理。在項目設計的整個環節中，每個小組擁有充分的自，大大地調動了學生的積極性。各小組成員共同面對隨時出現的問題，合作完成任務。這樣的交流過程使每名學生都能參與項目設計活動，提升自主學習能力。在這種交流中，所有學生的思維碰撞出火花，產生新的創意，大大提高了學生的創造激情和探索沖動，加強培養了他們的團隊協作能力，為他們以后步入社會打下了基礎。教師在這個階段應該全程監控，引導學生自主解決問題，表揚優點，發現不足，匯總各個組項目實施中的共性問題，對共性問題所涉及的理論知識與軟件操作集中補充講解。
3.第三級：對接社會、校企合作階段
平面設計專業網頁設計課程教學改革的最終目的是為社會輸出合格的互聯網網頁設計人才，更好地服務社會。對此，平面設計專業網頁設計課程教學對接社會、加強校企合作就顯得尤為必要和重要。學校應該根據自身特點選擇合適的企業建立教學實踐基地，聘請企業網頁設計骨干作為指導教師參與網頁設計課程實踐教學。學校也可以組織部分優秀學生組建設計團隊，成立工作坊，工作坊可以按照企業模式管理、運營，承接校外的網頁設計項目。此階段教學培養學生的社會接軌能力，為學生對接社會提供條件，將企業文化和行業規范引入教學，實現校企無障礙對接，真正將理論教學與實踐教學有機結合在一起。在計算機信息技術飛速發展的環境下，平面設計專業網頁設計課程更要緊扣時代的脈搏，求實創新，不斷地更新和豐富教學內容，結合市場發展趨勢創新教學方法，及時將最新案例和相關知識點引入課堂，最終培養出滿足“互聯網+”國家戰略實施需要、具有綜合素養的網頁設計高級應用人才。
參考文獻：
[1]（美）賈森•貝爾德.完美網頁的視覺設計法則（第2版）.石屹，譯.電子工業出版社，2011.
[2]范雙南，李希勇，萬宏輝.現代設計基礎——21世紀藝術設計專業規劃教材Dreamweaver網頁設計.北京工藝美術出版社，2009.
第4篇：網頁設計特點分析范文
一、課程目標
眾所周知，課程目標決定一門課程構建和發展的最終導向，一方面可以為學生指明正確的課程學習方向，另一方面也為教師傳授正確的知識理念提供依據，真正做到“教”和“學”的“有的放矢”。結合藝術設計專業學生的個性特點，注重網頁設計語言的學習，將藝術和技術有機的緊密結合。在課程目標制定的過程中，弱化一些在前期專業基礎課程中已經學習過的相關知識（如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.Flas，講授和實踐6+4學時。Flash主要制作二維動畫，體積小，便于使用，學習難度小，能夠滿足網頁設計的需要，如：網頁Banner條的設計、片頭動畫、課件等；
4.網站客戶端的表現原則、開發流程、面向客戶的網站設計，講授和實踐2+0學時；
5.photoshop為輔助2學時，藝術設計專業的學生已經學習并掌握photoshop的使用方法。因此，減少這方面的講解，給其他新知識點留下更充裕的時間。
（二）結合網絡技術發展和用戶體驗要求，本課程教學還需注意下面要點：
1.面向用戶體驗的網頁設計：學生在學習和制作網頁時，總是以“自我”的感覺為主導，很少考慮并分析用戶需求，以為自己的設計有相當的“吸引力”但是對于訪問者來說，大多數的設計過于空洞、內容繁冗，徒有漂亮的外觀。所以學生應該明確，網頁設計應該以“用戶”為中心，而不是展示、甚至炫耀網頁技術或技巧。因此，有必要引進面向用戶的網頁設計教學。
2.當前互聯網技術飛速發展，網絡資源共享已成趨勢，學生獲取知識的渠道已不僅僅滿足于課堂上教師的講解，包括每一步所要學習的知識點。充分利用網絡，包括豐富的教學資源和便利的搜索功能，面對現實中存在的問題，引導學生如何利用互聯網學習網頁設計方面的前沿知識，發現并解決。鼓勵學生使用博客、論壇，通過發現其中有趣的文章，得到解決問題的新方法和代碼片段。向學生介紹開源社區，并鼓勵他們在線發表自己的代碼，使用社交媒體進行資源查找，并形成專業的社交媒體互動，更加專注于他們的代碼與工作，真正激發學生的學習興趣。
三、教學方法
《網頁設計》課程具有交叉學科性質，結合藝術設計專業學生的自身特點，在教學過程中，我運用任務驅動法、模塊教學法和項目教學法等多重手段，給學生明確的思路，引導學生多動腦，勤動手，發現問題，分析問題，解決問題。
（一）任務驅動法
任務驅動法，即通過創設問題情境來調動學生的學習興趣，進而啟發學生的求知欲。“興趣是最好的老師”，只有發現問題，才有任務和動力，教師利用專業知識，結合課堂所講章節內容，分析并解決問題。只有這樣才能有利于培養學生獨立分析問題、解決問題的能力和創新能力。具體到《網頁設計》課程教學中，通過導入新課環節，將所要講授的新知識隱含在一個或幾個任務之中，引導學生對所提出的任務進行分析討論，明確大體涉及所需知識，承前啟后，找出哪些是需要復習鞏固的知識，哪些是需要探索學習的新知識，在教師的指導下找出解決問題的方法，通過任務的完成實現對所學知識的構建。
（二）模塊教學法
團隊合作、模塊運營是現代企業生存和發展之道，網頁設計公司亦是如此，很多網站界面都實行模塊化，每個部門負責完成自己的任務。為和現代網頁設計公司相適應，《網頁設計》課程嘗試實施有目標、有任務、有內容的模塊教學法，將本課程教學內容有意識地分化為幾個模塊，針對每一個模塊設定具體的教學目標、任務和要求，將課堂所講內容和現實所需實踐有機結合。同時讓學生自由組合成一個個小團隊，團隊之間、團隊之內分工協作，團隊合作，真正做到鍛煉學生綜合能力的教學和實踐。
（三）項目教學法
通過實施一個完整的“項目”而進行教學活動，其目的是在課堂教學中把理論與實踐有機的結合起來，充分發揮學生的創造潛能，提高學生解決實際問題的能力。《網頁設計》課程相對來說，有非常多的“項目”可供實施。一般是在知識體系講解完全后，給出一個具體的項目命題，如學生（或學校）個人（或創業小店）的網站、網絡上征稿的企業網站等，在實施這些“項目”過程中發現問題并且解決問題，一方面可以鍛煉學生的實踐能力，更重要的是及早讓學生有實戰意識，真正實現課堂教學和單位實習的“零距離”。
（四）雙師教學法
聘請工作在網頁設計一線，且具有豐富實踐經驗的設計師作為兼職教員，加入到課程教學中來。兼職教員能制作最專業的網站，對本行業的最新趨勢有著完整的把控力，對網頁設計實際工作中有可能遇到的問題有著獨到的見解。他們可為學生開設講座、解惑答疑，結合全職教師對教學內容和方法的深入研究，兩種教師互補，增強學生的學習體驗和興趣，提高教學質量。
四、結語
第5篇：網頁設計特點分析范文
網站風格是網頁設計藝術創新的主要對象，網站風格是一個抽象的概念，指的是網頁形象能夠給訪問者帶來的感受，這種感受可以通過網頁中的內容、文字、色彩等進行傳達，通過對網頁風格的感受，網頁本身所具有的性格和品位也會凸現出來。如果網頁沒有自身的風格，則網頁設計的過程會變成一個堆砌信息的過程
二、網頁設計藝術創新對設計者提出的要求
每一個優秀的網頁都建立在創新的基礎之上，同時也傳達著網頁設計者本身的思想和精神，在網頁設計的藝術創新中，設計師是進行網頁設計工作的主體，而要實現網頁設計的藝術創新，網頁設計者要具有以下幾點認知和素質:一是肯定創新的價值。設計師要認識到藝術創新是讓自己設計的網頁實現無可替代的重要途徑，設計師只有具有創新的意識，才能在自己設計的網頁中留下自身思想的烙印;二是藝術創新要具有針對性。即網頁信息要明確地將中心意義傳達給網頁訪問者，讓訪問者認知網頁的創新點并通過網頁獲得不同的視覺體驗和心理體驗，這種針對性需要建立在對訪問群體進行分析的基礎上，即對“小眾”心理的迎合;三是網頁設計者要具有真誠善變的特點。藝術創新是一個改變傳統的過程，善變即推陳出新，其應當是一個優秀的網頁設計者應當具有的重要素質，但是同時善變并不是胡亂設計，所以設計者也應當具有真誠的品質，因為單純的迎合以及虛假的創新都是沒有任何生命力的。
三、網頁設計中的藝術創新
(一)色彩藝術創新。色彩是網頁設計中的重要元素，不同色彩能夠喚起人們的不同感知，同時色彩也是網頁中最能夠給予訪問者視覺沖擊力的設計原色，所以在網頁藝術創新中，對色彩的運用作出創新是一個重要的突破口。色彩的創新可以有多種形式，其中色彩表現和選擇的自由化以及色彩簡約設計就是其中的兩種主要形式:一是色彩表現與選擇的自由化，網頁的個性可以通過自由地選擇色彩來實現，而自由化的色彩表現能夠使網頁具有更加獨特的風格，色彩的選擇會受到訪問群體和時代的影響，但是設計者可以在色彩的選擇和使用中通過一些小的調整來表達自身的心理和情感使網頁具有個性化的特質;二是設計色彩奉行簡約。簡約化的色彩設計已經逐漸成為了網頁設計中的主流，良好的簡約化色彩設計可以達到以少勝多，以簡勝繁的藝術效果，雖然簡約的色彩設計更容易突出網頁的主題，但是卻對網頁設計者的能力提出了更好的要求，即要求網頁設計者運用更少的設計元素來表達出更多的藝術內涵。
第6篇：網頁設計特點分析范文
隨著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軟件各個工具，運用到每個學習情境任務中，學習網頁各獨立元素與整體學習情境相結合。
3.在網絡學習平臺上，教師上傳課前準備《Dreamweaver網頁設計》學習指南、課堂講解八個學習情境模擬、仿真實踐、在線測試、網絡資源、網絡答疑等環節。(1)學習指南：包括課程介紹、課程標準、學習建議、鏈接優秀網站的網址等，讓學生了解本門課程的教學目的、要求和學時分配，當學生遇到網頁設計問題時，就可以在學習指南資源庫中找到滿意的答案。(2)學習情境模擬:教師授課、實踐操作視頻。(3)情境模擬部分:有10個訓練素材，學生可以選擇訓練企業項目進行自我訓練，學生之間還可以通過網絡互相交流；(4)仿真實踐環節:在一定程度需要借助仿真實訓軟件，應用于學生日常實訓和各階段試。(5)網絡答疑：網絡給師生提供了一個交流的平臺，師生可以通過QQ、郵箱、論壇等形式進行交流，教師可以及時了解學生的學習情況。(6)網絡資源:網絡資源包括相關網站、相關視頻、課程課件、講義、行業信息、參考書籍、學生實訓實錄等補充資源，供學生課外學習。這樣便于因材施教，使好生更優，差生進步更快。
5小結
第7篇：網頁設計特點分析范文
關鍵詞：計算機；圖像處理；網頁設計
計算機圖像處理技術的應用過程，就是利用計算機的制圖工具將圖像進行加工和設計。圖像質量的好壞對網頁的影響非常大，因為圖像是現在網頁設計的主體部分，而且人們瀏覽網頁時，最先映入眼簾的就是圖像，然后才會看到網頁的其他內容。所以，圖像處理技術在網頁設計中起到重要作用。
一、計算機圖像處理技術在網頁設計中的作用
（1）增加網頁美感，提升視覺吸引效果。利用計算機圖像處理技術可以根據網站的需要設計出符合該網站的圖片，通過圖像處理技術可以調控好整個網頁的色彩、色調。運用了此技術可以提升網頁的視覺傳達效果。而且圖像會更吸引瀏覽者的眼光，就能夠增加網頁的瀏覽量。在網頁上設計時需要注意很多方面的問題，比如圖像的內容、大小、位置，以及圖像與文字的排版和圖像與網頁色彩的搭配等，這都會影響到網頁的整體設計，在兩個網站的內容相差無幾時，瀏覽者肯定會瀏覽圖片內容豐富且圖像效果好的網頁，因為這給瀏覽者的視覺體驗更加豐富。
（2）起到信息引導的作用。因為人們在瀏覽網頁時，普遍先看到的是網頁的圖片內容，在網頁設計時，要將圖片的內容設計的更加充分，要讓瀏覽者通過圖片就能了解該網頁的主要內容，而且要發揮好圖像信息的引導作用，要讓瀏覽者僅通過圖像引導就能快速找到所需內容。圖像的引導功能所帶來的便利程度可以讓用戶更喜歡該網頁，尤其是在這種快餐式閱讀的時代，用戶很難仔細瀏覽網頁的所有內容，只想盡快找到自己的所需要的內容，所以圖像的引導功能的設計尤為重要。而且圖像不僅可以讓用戶快速找到自己的所需內容，還能讓他們在這種快速閱讀的環境下緩解自己的情緒，讓人們放松心情。因此，在網頁設計中，必須要加圖像與文字結合的圖片內容，讓人們能夠在欣賞圖片的同時獲取到自己想要的內容。
二、計算機網頁設計中圖像處理技術的概述
計算機圖像處理技術最早誕生于20世紀末。他是在計算機技術的快速發展下產生的。早期的圖像處理技術僅應用于航空航天方面，隨著技術的不斷發展開始普及到人們的生活中。計算機圖像處理技術主要有以下幾種功能。
（一）圖像壓縮技術
直接拍攝的圖像內存很大，會占用網頁的很多內存，會出現網頁內存過大而引起的網頁運轉速度降低的狀況。利用計算機圖像處理的壓縮技術，能夠將內存很大的圖片壓縮到很小，而且經過壓縮的圖片更清晰，視覺效果更好。
（二）圖像去噪技術
計算機在采集圖像時，會產生一些噪聲，這是由于計算機本身的物理性質產生的，由于這種噪聲會使圖像的質量降低，所以，必須要進行去噪處理，以保證圖片在網頁上的質量和效果。
（三）圖像增強技術
圖像增強技術的主要作用就是將低質量的圖像進行增強。因為在不理想的拍攝條件下，拍出來的圖片會模糊或者像素太差，使用圖像增強技術能夠將模糊的畫質變的清晰，而且能夠將圖片要展示的重要信息進行強化處理并能弱化掉不重要的信息。給后續的圖像制作帶來方便。
三、網頁設計中計算機圖像處理技術的功能
（1）構造多種樣式圖像組合。在進行計算機網頁設計時，處理圖像的過程中，要先注意圖像的格式，因為計算機圖像有多種格式，如GIF、JPEG、PNG等，他們分別有自己的特點，所以要根據網頁的設計標準來選擇合適的格式。如果要設計生動有趣的網頁界面，可以選擇GIF的格式，因為這種格式的圖像可以由一個靜態的圖像轉為動態的圖像。而如果想要不將低網頁的運轉速度的話，就可以選擇PNG格式，這種格式的圖像在壓縮的過程中不會破壞圖像的質量，保持原有的清晰度，而且生成的圖像文件的空間很小。
（2）控制圖像在網頁中的大小。一個網頁會有很多個電腦去打開，而電腦的尺寸是不同的，不同的計算機顯示屏的長度與寬度會影響到圖像的顯示效果，所以，要控制圖像的大小，不能讓圖片超過顯示屏的長度或寬度。還有，在放大或縮小圖片時會影響到圖像的清晰度，放大圖片會降低圖像的清晰度，而縮小圖片會導致設計的圖片與網頁設計要求不符。所以要控制好圖像的大小，同時也要把握好圖像的清晰度，因為高清圖片會影響到網頁的運行速度。計算機圖像處理技術就能夠平衡圖像的清晰度和網頁的加載速度，實現網頁質量的提升。
四、結語
總之，在信息技術快速發展的今天，網頁設計已經成為一個新的技術產業，要想設計出高質量，高水平的網頁，必然離不開計算機處理技術的支持。在整個網頁設計的過程中，設計者要考慮到很多方面的因素，才能設計出讓瀏覽者滿意的網頁。
參考文獻：
[1]陳智蓋.新時期網頁設計中計算機圖像處理技術應用分析[J].計算機光盤軟件與應用，2014（15）.
[2]韋燕.網頁設計中計算機圖像處理技術的應用[J].現代商貿工業，2013（22）.
[3]雷萌.如何在網頁設計中運用計算機圖像處理技術[J].信息與電腦，2016，11（2）.
第8篇：網頁設計特點分析范文
【論文摘要】《網頁設計》課程是一門實用性和綜合性都很強的課程。本課程教學的最大特點是易學易忘。為了提高《網頁設計》課程的教學效果，必須不斷改革與充實教學內容，注重突出人才培養的實踐性、應用性。改革教學方法，培養學生的實際動手能力和計算機的操作能力，使學生能夠運用所學的知識進行網頁設計。
《網頁設計》是近年來計算機專業領域發展最快和應用最廣泛的課程之一，當今社會急需培養掌握計算機網頁設計、面向不同應用層次的專業人才。因此，本課程自開設以來，受到學生的普遍歡迎，學生對這門課程教學的要求也越來越高。
《網頁設計》課程以Dreamweaver MX軟件為主干，專門介紹網頁設計和制作的基本技巧。通過這門課程的學習，能夠讓學生掌握網頁設計的基礎知識，并能熟練地制作出動態網站。但是網頁制作技術也在不斷地發展變化，新的技術、新的方法也在不斷涌現，所以我們也需要將網頁設計的最新、最實用的技術引用到課堂上去。
為了提高《網頁制作》課程的教學質量，筆者不斷地從教學內容、教學方法、實驗環節等多方面對本課程進行了積極的創新。在此基礎上總結出一些實際教學經驗與體會，與大家一起探討。
一、《網頁設計》課程的特點
高等學校計算機專業開設《網頁設計》課程的主要目的，是通過本課程的學習，培養學生的實際動手能力和計算機的操作能力，使學生能夠運用所學的知識進行網頁設計。
《網頁設計》不是作為一門課程孤立存在的，它要靠多門學科的知識給予支撐。它們相互滲透和依賴，構成一個科學的、完整的課程體系。
《網頁設計》課程的教學內容實踐性較強，能極大的激發學生的參與性，鍛煉學生的動手能力，培養學生的專業興趣。學習中一定要注意理論與實踐相結合，其中實踐內容是教學的主線。學生應該有較充足的動手實踐機會，較熟練地創作出實用的動態網頁來。理論教學服務于實踐教學，實踐教學反過來又作用于理論教學。在教學過程中常有學生反映，上課能看懂、理解，但課后就忘了，更不要說以后的實驗了。這是本課程教學的最大特點：易學易忘。下面將探討若干提高《網頁設計》課程教學效果的方法。
二、《網頁設計》課程的教學方法
1、教學內容的改革
為了讓學生能夠適應計算機技術的快速發展，筆者在教授這門課程的過程中，對這門課程的教學內容不斷地進行著調整。教學調整的目的就是讓學生能夠獨立完成網頁設計。所以在課堂上，主要以學生掌握知識為根本、以“能懂、夠用、實用”為教學原則、以培養學生動手能力為目標來指導整個教改思路。
《網頁設計》課程以前主要是應用FrontPage軟件，再結合圖像處理軟件來處理一些網頁圖片。而現在網頁制作主要講授的內容是由Dreamweaver軟件、Fireworks軟件和Flash軟件組成。講授時是按這三個軟件的先后順序對各部分進行講解，這三個軟件的功能更新也非常快，講授內容不能一成不變，如果這樣，容易出現學生學習到的知識陳舊。通過調研并根據網頁技術的發展狀況，在每學期的教學過程中，筆者都會對本課程的內容進行調整，刪除以前教學中過時的、理論性較強的內容，增加目前實用的、流行的新技術。
2、分階段模塊化教學
在教學中應注重突出人才培養的實踐性、應用性。將整個教學內容分為四個階段，每一階段設計了若干教學模塊。第一階段使學生能熟練使用網頁設計的超文本標記語言HTML；第二階段能熟悉并熟練使用網頁制作工具Dreamweaver MX；第三階段能進行網頁設計中的圖像和簡單動畫的制作；第四階段掌握在網頁中嵌入Javascript腳本語言，實現網頁動態效果。每一階段的教學內容完成后，在專業機房組織單元考核，以實現分階段達標，最終使學生能獨立設計小型WEB站點。 轉貼于
3、案例教學法
案例教學是在學生掌握了有關基本知識和分析技術的基礎上，在教師的精心策劃和指導下，根據教學目的和教學內容的要求，運用典型案例，將學生帶入特定事件的現場進行案例分析，通過學生的獨立思考或集體協作，進一步提高其識別、分析和解決某一具體問題的能力，同時培養溝通能力和協作精神的教學方式。
案例教學使得學生成為了教學活動的主體，形成了學生自主學習、合作學習、研究性學習和探索性學習的開放型的學習氛圍。與傳統的以教師為主導的教學法相比，案例教學法有以下幾個方面的特點：①傳統教學方式是以教師和教材為中心，以灌輸的方式從書本到書本，從概念到概念，關注的是向學生灌輸了哪些知識，忽視了對學生學習潛能的開發，導致學生理論與實踐的脫節。而案例教學十分注重學生的主體性、主動性、自主性的發揮，注重引導學生通過案例的分析推導、運用概念較好地解決實際問題，促使學生的思維不斷深化，并在力圖對一個問題尋找多種解答的過程中培養和形成創造性思維。②案例教學有利于提高學生分析問題和解決實際問題的能力。區別于傳統的注入式教學方式，案例教學是一種動態的、開放的教學方式，在案例教學中，學生被設計成自身處在特定的情境中，在信息不充分的條件下對復雜多變的形勢獨立做出判斷和決策，在這過程中鍛煉了自我綜合運用各種理論知識、經驗分析和解決問題的能力。③案例教學有利于促使學生學會學習。學會學習是學習型社會對人們能力的基本要求。傳統教學方式教給學生的是運用概念解決問題的現成答案，學生獲得的是背誦、機械記憶、按標準答案答題的知識。而案例教學告訴學生“答案不止一個”，答案是開放的、發展的。在案例教學中，教師通過有意識的引導，讓學生自己去查資料，通過個體獨立或群體合作的方式做出分析和判斷，積極尋找多種答案，這樣經過反復多次的積淀后，就會獲得了自主學習的方法，使其學會學習成為現實。④案例教學有利于促使學生學會溝通與合作，在合作中互相溝通，在溝通中增進合作。
在教學中，教師通過精心挑選案例，明確提出需要掌握的知識點及操作技能，以案例帶動知識點，貫穿整個教學過程。具體做法是通過具體案例提出任務，將任務分解到每次的課堂教學中實現，教學過程中為了調動學生的學習積極性，教學過程中常常采用互動方式，即老師提出一種解決問題的思路，然后讓學生采用其它方式來解決同一個問題，課堂上每介紹一個任務后，都要首先讓學生上機去模仿著實現，然后再要求他們采用自己的解決方案來完成任務。實踐證明，采用這種方式進行實踐性強的課程教學收效非常明顯。
4、注重實踐環節
當學生已基本掌握了本課程的大部分內容時，就可以布置一份綜合作業，要求每位學生設計一個個人網站并添加一個動態效果。要求每位學生對自己的網站要做到既有鮮明、統一的風格又有完善的內容，將頁面的結構、圖片的位置、鏈接的方式設置合理，做到網頁布局的和諧統一，并且還要做到容易更新等。要做到這些，就必須在制作網站之前，對網站進行一個總體規劃，然后再逐步進行設計。
為了讓學生有良好的創作技巧和獨特的風格，把綜合作業布置之后，先讓學生進行選題，構建出自己的網站結構，再上網查詢相關的資料，然后對網站進行規劃，寫出書面的網站設計方案，教師對每個學生的方案進行審查和評閱，及時指出應改進的地方和存在的問題，滿足要求了，學生方可開始制作。通過這些環節讓學生學會了創建、查找、閱讀專業文獻資料的方法，培養了學生撰寫方案的能力。
總之，教師應以培養能力為主線，強化實踐性教學。
教學工作是學校工作的重點，教學方法的革新是一個永久的話題，在教學過程中必須不斷探索、不斷創新，只有這樣才能順應時代潮流的發展，培養出素質高能力強的人才。
【參考文獻】
[1]呂慧娟. 《網頁設計》課程教學的創新與實踐. 電腦知識與技術. 2007.13.
第9篇：網頁設計特點分析范文
關鍵詞：移動互聯網；4G；網頁設計；通訊產品；智能手機；平板電腦
通行設備性能與無線網絡通信速度的提升，以移動智能終端數量的快速增長為主要標志，主要體現在智能手機和平板電腦在大眾生活中的出現。據中國工業和信息化部的研究與統計及互聯網應用報告分析認為，中國在全球互聯網世界中所扮演的角色，部分程度上是由其互聯網市場的規模所決定的。據研究顯示，2015年，中國移動互聯網用戶數預計達到了7.9億人，與2014年數量相比增長8.4%，增速呈現走低的趨勢，進入平穩增長階段。2015年，中國移動互聯網市場規模達到23134.3億元，增幅達到72.2%。而2016年，移動互聯網整體將繼續保持高增長速度。雖然人口福利消失，但是基于商業模式的不斷創新，單用戶價值將呈現大幅提升的趨勢。預計在未來3～5年的時間里，移動互聯網規模將繼續保持高增長的速度。但是，每一項科學技術的發展都會帶來相關產業的變化，從互聯網到移動互聯網，體現在網絡速度得到飛速提高、網絡資費套餐更加優惠。同時，擺脫了寬大固定的顯示屏和鍵盤鼠標的局限，替代的是小巧方便的智能手機，易于攜帶的平板電腦以及各種各樣的袖珍終端。這樣，網頁設計作為網絡瀏覽的載體，在一定程度上也帶來了變化及要求。如何應對及改造這一變化，成為移動互聯網中重要的問題。
1 移動互聯網當前發展現狀
1.1 4G網絡的應用推動了移動通信服務的發展
移動互聯網通信服務全世界得到了長足發展，而且發展勢頭十分迅猛，主要是通過4G網絡的推動。4G網絡，即移動通信系統的第四代產品，它的最大特點主要就是在通信容量上超大，在速度上超快，以及可在全球范圍內實現自由對接、任意漫游。并且，能夠很好地處理圖像、聲頻和視頻，能夠以影視等各種多媒體形式來提供商務電話與視頻、電話會議及網頁瀏覽等信息服務。[1]所以，4G移動在生活中的廣泛應用，給人們生活與工作帶來了便利，也有效地提高了移動互聯網的發展。
1.2 移動互聯網應用的采用模式
在應用的層面上，移動互聯網的業務在目前階段主要使用兩種應用模式，其一為WAP方式。它所使用的是無線網絡應用協議，其網站模式主要是針對手機電腦而設計的。移動終端與移動通信網絡二者的速率都有著自身的特點，固定互聯網就是依照它們的速率特點，從而設計出全新的適應移動互聯網應用的采用模式。在這個過程中也相應地失去了一定的固定互聯網內容。其二為Web方式。它所使用的是固定互聯網，將移動終端的速配完全輸進固定互聯網的內容。它不需要再次開發網站內容，只要通過移動客戶終端，使用移動瀏覽器就能夠實現。目前所采用的兩種移動互聯網應用模式，都可以滿足在互聯網中用戶實現網絡沖浪的需求。
2 移動互聯背景下網頁設計的可行性原則分析
2.1 明確目標用戶群
在每一項產品設計中，最重要的是對目標用戶群的確定。對移動互聯產品進行網頁設計。通常的慣性要求是以使用移動網絡用戶的需求為主要設計目標，設計對象是移動手機電腦終端客戶群。因為利用手機上互聯網的用戶比使用電腦上互聯網的用戶數量多得多，所以在網頁設計上應充分考慮到手機用戶的喜好特性，明確設計產品具體針對哪些用戶群，以達到事半功倍的效果。
2.2 了解應用平臺的細節
由于網頁本身和外在的因素影響，在瀏覽網頁上呈現出的移動通訊產品具有一定的復雜性。所以，首先要掌握目標應用平臺的相關細節。一般來說，生產軟件或硬件的廠家會根據用戶的需要提供和介紹詳細的規范文檔，以便從中規范文檔中獲得自己所要求的目標平臺信息，然后將所有不同的信息進行綜合處理，形成一種個性化的版本，這樣就提高了移動應用的可用性。[2]
3 移動互聯產品在網頁設計上的具體策略
智能手機、平板電腦及各種移動互聯網的載體，為了使用戶方便攜帶及被充分利用，需要挖掘出一些使用功能。例如，功能的多方面改造提升，需要提高產品價格；尺寸的大小變化，要考慮到電池上的耐用問題。最重要而言，移動互聯網具有豐富而精彩的多媒體服務，這是受到終端客戶群青睞的重要原因。因此，要想使這些豐富的多媒體服務成為現實，在網頁設計上實行人性化設計是必不可少的。
3.1 改造舒適性整體
為了移動通訊產品能夠走進人們的現實生活中，并被廣泛地接受，首先要針對網頁設計在整體性上進行有效改造。一般來說，用戶在瀏覽網頁時都是處于隨機狀態或者是浮動狀態。因此，網站上所有的信息要達到迅速、準確、容易、方便地被瀏覽或者被閱讀。所以，在網頁設計中要合理地規劃菜單和文本，盡可能地優化圖片與內容，把較大面積與分辨率縮小成手機或平板電腦的顯示屏中，避免由此造成各種不合理的縮放變化，為用戶打造一個舒適性的網頁整體。
3.2 精準化內容
利用最小的成本呈現最有價值的內容，是對流量的節約，用戶體驗的改善，最直接的是為用戶省去不必要的費用。[3]網頁設計者可以從精簡頁面設計到導航與書簽功能，盡可能地幫助用戶避免不必要的文本信息輸入，縮減不必要的程序與功能，減少設計過深的多級菜單，以人性化與客戶滿意度為主要目標，對呈現內容盡量精準化。
3.3 增添延續性操作
互聯網的發展十分迅速，由Web1.0發展到Web2.0，再由Web2.0發展到現在的Web3.0[4]，所用時間非常之短。Web1.0是互聯網的發展初期，使用的技術是靜態網頁開發技術，由于靜態網頁為互聯網的發展初期，交互性差是它的短板，但是它具有快速訪問的特點以及穩定性強的特點。Web2.0的發展保存了Web1.0的優點，而揚棄了它的交互性差的缺點，從而改善了Web1.0存在的漏洞，提高了網站與用戶的交互性，給新聞網站、博客和電子商務等帶來了便利，但是它的缺點是安全性能不高。隨著在傳統技術上的改造與發展，Web3.0改善了這些技術問題，并逐步完善了網絡體系。因此，移動科學技術的發展與更替，還是以傳統互聯網為基礎。現不少手機用戶仍然堅持著傳統的互聯網操作，所以在網頁設計上，最好延續傳統互聯網的特點，取其精華，去其糟粕，讓用戶能夠更快地熟悉移動通訊產品的新興上網功能，更快地與移動互聯網融合。
3.4 設計視覺要素
在網頁設計中，文字、色彩、圖形以及圖像是最為根本的視覺傳達元素。通過點、線、面構成了立體基本形態，在交互中以瞬息萬變的視覺變化沖擊著受眾的眼球，從而形成了網頁設計的視覺語言。文字作為一種傳統的視覺符號，設計人員通過對復雜繁瑣的文字信息經過精心處理變成簡單濃縮的特性，有利于改善客戶的心理體驗。
把文字信息逐步向圖形、圖像及色彩轉變。[5]隨著網絡的不斷發展，原本只能呈現單一文字的互聯網現在可以利用每一個栩栩如生的圖形和圖像進行顯示。并且，這些圖形和圖像所表達的信息量大大超過了任何文字的表述，從而使用戶在視覺上受到了強烈的沖擊。但因圖形圖像本身數據量占用空間及數據量較大，給用戶在時間上和流量上產生了不少的費用。因此，網頁設計要盡可能地減少使用色彩艷麗的圖像。這樣不但能夠使數據量的穩定性得到有效的保證，而且又可保障圖形圖像的表達效果，提高設計程序的工作效率。
3.5 增加返回按鈕和鏈接
為用戶帶來更好的人性化服務及直觀體驗，最好在網頁上設計出返回按鈕，以及設置鏈接等。[6]由于一些智能手機和平板電腦其自身程序沒有設置返回按鈕，所以在設計的過程中盡量設置返回按鈕，以便為用戶提供更多的方便。由于在移動網站上進行輸入非常不方便，其難度較大。因此，在網頁設計過程中，應當向客戶給出單選按鈕及列表，這樣用戶就能夠根據自己意愿進行自由選擇。一般來說，移動設備屏幕面積尺寸都較小，用戶點擊鏈接時需要準確地點擊，所以設計師可以使用以下方法：第一，要適當地設計出較大的字體；第二，在鏈接的周圍，應當設計出較大面積的留白；第三，要為鏈接加上下劃線及背景顏色，以方便移動設備用戶能更快地確認他們點擊的鏈接內容。
4 結語
通過對移動互聯網的使用，人民群眾的工作和生活變得更加豐富多彩、方便快捷。移動互聯網將成為一種嶄新的多功能平臺，它包括媒體信息服務、社會公共服務、電子商務以及生活娛樂等等。網頁設計技術必須緊跟科學時代的發展不斷改革創新，為移動互聯網服務。如今，移動互聯網已成為大眾獲得信息和生活交流的一種重要方式，對移動設備的網頁進行科學設計是時代的要求。移動通訊產品的網頁設計大大地提高了人民群眾的生活水平。
參考文獻：
[1] 梅倩.移動互聯網時代下的網頁設計[J].科技創新導報，2010（4）.
[2] 陸遠蓉，李曉婷.與職業能力對接的高職計算機課程開發探索――以《移動互聯網站設計》為例[J].九江職業技術學院學報，2014（2）.
[3] 陸遠蓉，李曉婷.基于工作過程系統化的《移動互聯網站設計》學習情境設計[J].當代職業教育，2014（6）.
[4] 楊穎.高職“網頁設計與制作”課程教學改革探索[J].職教通訊，2015（18）.
[5] 周勝安，王圓.移動互聯網下的電子商務專業課程體系構建[J].中國信息技術教育，2014（19）.
[6] 李歡.基于移動互聯的IM交互設計研究[D].北京交通大學，2013.
[7] 于淼.淺析網頁設計的發展趨勢[J].中國科技博覽，2011（14）.
