網(wǎng)頁設計實驗報告心得體會（精選4篇）

網(wǎng)頁設計實驗報告心得體會 篇1

　　現(xiàn)在，計算機和網(wǎng)絡已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡成了我們獲取知識和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學習網(wǎng)絡知識是我們作為一名大學生迫切所需的。我通過這一學期的學習，對網(wǎng)頁設計有了初步的認識和了解，并基本掌握了Dreamweaver的應用。

　　在學習了網(wǎng)頁設計的同時，我更加深入的了解了關于計算機和網(wǎng)絡的知識。基于對計算機基礎與C語言的基本掌握，學習網(wǎng)頁設計的基礎部分便顯得較為輕松。雖然如此，在設計過程中依然出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，等方式，不斷的學習、解決、提高，設計出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網(wǎng)頁設計水平得到了很大的提高。

　　通過對網(wǎng)頁設計書籍的翻閱，我學習到了一些關于建設網(wǎng)站和制作網(wǎng)頁的知識，在實踐查閱資料時，對flash也有所了解。我還了解了一些基礎的網(wǎng)絡技術。通過學習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎知識也有了一定的掌握。在這個過程中，我同樣認識到網(wǎng)頁設計不是一門學科的獨秀，而是多種課程的綜合，他是Flash、Fireworks等網(wǎng)頁軟件的綜合應用。

　　下面闡述一下我在設計我的網(wǎng)站時的一些關于網(wǎng)頁設計的見解。在具體的制作時我了解到一個優(yōu)秀的網(wǎng)頁設計應該具備一些基本原則。

　　首先，要確定網(wǎng)頁設計的內(nèi)容，一個優(yōu)秀的風站要有一個明確的主題。整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設計之前要明確你這個網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的作用;其次，要了解你網(wǎng)站所在行業(yè)的客戶，及你的網(wǎng)頁屬于哪個類別。用戶是一個網(wǎng)站成敗的關鍵,如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設計,只會讓用戶失望的離去.

　　在完成以上的基本內(nèi)容之后網(wǎng)頁的基本框架便成形成了。下面要開始的便是優(yōu)化工作。

　　內(nèi)容是整個網(wǎng)頁的核心。在網(wǎng)頁設計之前必須明確網(wǎng)頁的內(nèi)容安排。優(yōu)秀網(wǎng)頁設計是要建立在平凡的基礎上的。然后在具體的規(guī)劃一個網(wǎng)頁時，可以用樹狀結(jié)構(gòu)先把每個頁面的內(nèi)容大綱列出來，尤其要制作一個大的網(wǎng)站 (有很多頁面) 的時候，特別需要把這個架構(gòu)規(guī)劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網(wǎng)站的架構(gòu)，很浪費時間和財力。大綱列出來后，還必須考慮每個頁面之間的鏈接關系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內(nèi)容的發(fā)揮。 框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的基礎。下一步，就以動手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。

　　如果是個人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內(nèi)容。大部分人的方法是：從報紙，雜志，光盤等媒體中把相關的資料收集整理，再加上一定的編輯后就可以了。 另外一個好的方法是從網(wǎng)絡上收集，您只要到搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。在準備材料的時候我們可以用一些小的動畫和動態(tài)圖片，F(xiàn)lash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。然后是開始正式制作主頁。 通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置;文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網(wǎng)頁。

　　總體來說，通過這個學期對網(wǎng)頁設計的學習，有收獲也有遺憾。但是，我已經(jīng)邁入了網(wǎng)頁設計的大門，只要我再認真努力的去學習，在今后的閑余時間學習制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高，我堅信將來設計出的網(wǎng)頁會更加專業(yè)，更加華麗，使它最終成為自己的一項技能。

網(wǎng)頁設計實驗報告心得體會 篇2

　　作為一個以前從來沒有接觸過互聯(lián)網(wǎng)產(chǎn)品設計的菜鳥級產(chǎn)品設計人員，在沒有人指導，只能自己摸索的情況下設計出并和技術與美工培訓和將網(wǎng)站做出來，其中的艱辛只能自己體會。不過，雖然過程艱辛，但自己的收獲頗大。一直以來希望能夠轉(zhuǎn)型做互聯(lián)網(wǎng)的產(chǎn)品，但總是沒有機會。這次公司網(wǎng)站的策劃及設計給了自己很好的學習和實踐機會。在這斷斷續(xù)續(xù)的七個月中，自己對于網(wǎng)站的策劃和設計有了一定的認識，也通過實踐的對照，對過去自己看過的產(chǎn)品設計和產(chǎn)品經(jīng)理書籍中的理論有了更加深刻的理解。

　　在此，將在網(wǎng)站設計過程中的一些心得總結(jié)如下。雖然對于已經(jīng)身為產(chǎn)品經(jīng)理的人可能沒有用處。但，我想，可能對于那些想要入行，或者希望在自己的公司內(nèi)部轉(zhuǎn)入產(chǎn)品行業(yè)的人來說，可能多少有一點點用。

　　* 要注意網(wǎng)站的定位

　　任何一個公司或單位，要設計一個網(wǎng)站，都必然有其核心定位，即這個網(wǎng)站設計出來要干什么。這一點對網(wǎng)站的設計具有決定性的影響。如果不能將網(wǎng)站的定位把握好，作為一個設計人員，其工作往往會是無功而返。因此，在網(wǎng)站策劃階段，產(chǎn)品設計人員必須多和上層溝通，甚至多和領導爭辯，通過溝通和爭辯來明晰公司對網(wǎng)站的定位。同時，也可以讓領導對網(wǎng)站的定位更加明晰。只有完成了這一項，其余的策劃和設計工作才應該繼續(xù)進行。

　　* 要了解用戶

　　產(chǎn)品經(jīng)理或產(chǎn)品設計人員很容易將自己作為用戶來判斷產(chǎn)品的功能或體驗是否好用，但現(xiàn)實的情況是大部分用戶很可能與產(chǎn)品經(jīng)理所屬的人群差距很大。比如，在網(wǎng)站設計過程中，發(fā)現(xiàn)本網(wǎng)站的使用人群中 竟然有不知道如何注冊網(wǎng)站的人，這這真是出乎意料。但這就是現(xiàn)實。所以，在產(chǎn)品設計的過程中，不能以自己為中心，把自己當做用戶。事實上，很多用戶的互聯(lián)網(wǎng)水平真得沒有達到我們的水平。

　　* 明確、牢記目的和需求

　　網(wǎng)站的定位明確后，接下來要明確的是網(wǎng)站設計的目的和要滿足的需求。即：網(wǎng)站整體設計完成要達成什么目的，每個模塊設計完成要達成什么目的。從另一個層面來講，也就是，網(wǎng)站整體要滿足用戶什么需求，每個模塊又要滿足用戶什么需求。同時，在網(wǎng)站的設計過程中，要一直將目的和需求牢記心中，不斷地對照當前的設計是否能夠達到目的或滿足用戶需求。在設計過程中不斷修改不斷調(diào)整最終導致偏離目的和需求的情況屢見不鮮。

　　* 保持簡潔

　　為什么要簡潔?因為，無論是設計一個網(wǎng)站，還是設計一個其他的產(chǎn)品，都不可能一步到位。尤其在人力物力時間等資源有限的情況下，更是不可能一次性滿足所需求，達成所有目的。因此，在這種情況下，為了確保核心目標和需求的達成，只能也必須優(yōu)先保證核心功能的完成，只上核心模塊或功能。同時，在產(chǎn)品設計的過程中，也要不斷地向同事和領導灌輸這種意識。否則，需求無止境，網(wǎng)站永遠難以完成上線。

　　* 注意細節(jié)

　　這次的網(wǎng)站設計師自己第一次設計網(wǎng)站。因此，在設計網(wǎng)站的過程中自然而然地非常關注網(wǎng)站的整個架構(gòu)，什么模塊放什么地方，模塊之間如何相互聯(lián)系等等。但網(wǎng)站最終出來的結(jié)果展示了殘忍的一面。由于在細節(jié)上把握不夠，網(wǎng)站的設計和實現(xiàn)結(jié)果和想象中出入很大，甚至一些格式、排版上的問題都出現(xiàn)在了網(wǎng)站的各個地方。自然，最終的結(jié)果就是網(wǎng)站成品與原始設計相差甚遠。因此，在產(chǎn)品設計的過程中，作為設計人員，一定不能小看細節(jié)。一定要將細節(jié)想細致，沒有細節(jié)餓網(wǎng)站很容易出問題。

　　* 注重邏輯性

　　網(wǎng)站的設計過程中，必須要注意邏輯判斷。對于輸入信息或注冊流程中的每一個環(huán)節(jié)的每一種狀態(tài)都要考慮到。舉一個最簡單的例子，一個輸入框輸入數(shù)據(jù)，有正確的輸入、必然有錯誤的輸入，也必然有空輸入。那么，每種狀態(tài)下系統(tǒng)都要考慮到，也都要有相應的反應。

　　* 流程圖很重要。

　　說到邏輯性，就不能不談流程圖。作為梳理邏輯的工具，流程圖非常重要。它不但可以幫助我們梳理每隔一環(huán)節(jié)的不同狀態(tài)，更可以幫助我們和技術進行溝通，確保技術對核心流程的把握。雖然每個技術的邏輯能力都不錯，但在編程的過程中不可能次次幫我們想到邏輯的不合理處。因此，一個合格的流程圖就非常重要了。

　　* 沒想清楚的事情不錯

　　即使是一個非常小的網(wǎng)站，也是一個系統(tǒng)，如果需要添加功能或模塊，就需要考慮到方方面面的變動，是一個比較復雜的過程。而若是一個較大的網(wǎng)站，那需要考慮的方面就更多了。因此，在設計過程中要本著一個原則：如果一個功能或模塊沒有想清楚為什么添加，有什么用處，那就不要無謂地添加這類功能或模塊。除了增加技術人員和設計人員的工作量、增加網(wǎng)站的復雜程度外，基本沒有啥好處。

　　* 一定要評審

　　評審對于所有的產(chǎn)品設計人員來說都是一場“噩夢”。但是評審可不可以省略呢?不可以。一方面，我們需要通過評審讓大家認可自己的設計。如果對我們的設計不認可，那么在真正執(zhí)行過程中便會有更多的障礙。另一方面，我們需要通過評審收集意見，查漏補缺，找到我們沒有注意到的地方。不過，在評審過程中，我們也一定要做好心理準備，畢竟，讓一大堆人說你設計的這不行那也不行，心里是絕對不會好受的。唯一能夠減少這種情況出現(xiàn)的方法，也許就是盡可能細致地想到各個方面，有充足的理由來說服對方。

　　* 一定要寫產(chǎn)品需求文檔。

　　在自己設計網(wǎng)站之前，看過一些產(chǎn)品經(jīng)理方面的書，每本書里都介紹到了產(chǎn)品需求文檔的撰寫，可見產(chǎn)品需求文檔的重要性。但說來奇怪，在自己真正做網(wǎng)站時，由于團隊里人很少，所以自己竟然認為不需要寫產(chǎn)品需求文檔，認為只要當面溝通就可以了。但事實是，沒有需求文檔，很多細節(jié)的東西，自己設計的時候哦想得很好，但過段時間卻模糊了，結(jié)果技術人員詢問時只能憑感覺給出解決方案。當然，結(jié)果可想而知，出現(xiàn)了很多不應該出現(xiàn)的問題和BUG。這些問題和BUG讓我真正體會到了產(chǎn)品需求文檔的重要性。

　　* 要懂得妥協(xié)和聽取意見。

　　在產(chǎn)品設計過程中，經(jīng)常會出現(xiàn)一種情況：產(chǎn)品設計人員或產(chǎn)品經(jīng)理苦思冥想找到一種解決方案或展現(xiàn)形式，可以上級領導或公司管理層不認可。這種情況下，我們常常會因為“自家孩子就是好”的心理而忽略他人的意見，或者堅決不妥協(xié)、不接納他人意見。這樣做非常不利于我們工作的推進。因此，在這種時候，產(chǎn)品人員一要沉下心來，耐心聽取別人的意見，看看是否有可取之處。而是要懂得妥協(xié)，不在非常細節(jié)的地方和領導層較勁，阻礙工作的推進。

　　* 要堅定，更要執(zhí)行。

　　當然，在產(chǎn)品設計過程中，也會出現(xiàn)這種情況：我們認為某個功能非常重要，可上級認為不需要，要砍掉;或者，我們認為一個功能或模塊完全沒必要展現(xiàn)，可上級堅持要求添加。這種不可調(diào)和的矛盾怎么處理呢?我的建議是：要堅定，更要執(zhí)行。首先，我們要堅定我們的想法和做法，盡量通過種種方法去說服上級。只要我們的說法和做法有道理，上級應該會同意我們的做法。其次，如果無法說服上級，那么，一旦上級決定如何做，我們則堅決執(zhí)行。雖然我們常說產(chǎn)品是為客戶設計的，但很多時候，產(chǎn)品也是為老板設計的。

　　* 要抱著做完美產(chǎn)品的心態(tài)去設計產(chǎn)品。

　　看過很多產(chǎn)品類的書籍，都說完美主義要不得。在這點上，我也同意。但是，從另一個層面來講，在產(chǎn)品設計或構(gòu)思的過程中，一定要保證做完美產(chǎn)品的心態(tài)去設計。因為，很多時候，即使完美的設計，在通過執(zhí)行的種種換屆后，也可能變得慘不忍睹，或者最終也就是成為一個及格產(chǎn)品。而如果我們抱著湊乎的心態(tài)來設計產(chǎn)品，那做出來的東西可能真的就沒辦法用了。

　　* 要相信自己的直覺

　　在產(chǎn)品設計或制作的過程中，可能常常會有這種感覺：“好像哪兒不對呀。”以我的經(jīng)驗來說，這種感覺的出現(xiàn)往往是自己忘掉了一些地方或做的東西中有錯誤，潛意識在提醒我們。所以，在這種情況下，一定要相信自己的直覺，來對相應的模塊或功能進行審查，找出不合理的地方進行修改或彌補。

　　* 要看鍋下菜

　　現(xiàn)實里，每個公司的資源都是有限的。而做一個網(wǎng)站也好，做一個產(chǎn)品也好，公司能夠提供的資源也是有限的。因此，作為產(chǎn)品經(jīng)理或設計人員，一定要有現(xiàn)實感。要知道在現(xiàn)有資源情況下，能夠做到什么程度。比如：不要指望一個拿3000塊工資的美工設計出一流的頁面，也不要指望一個臨時來幫忙上傳資料的同事能夠一步到位地將資料的格式調(diào)整到最好的狀態(tài)，更不要指望剛畢業(yè)的程序員能夠迅速地解決你所提出的BUG。一句話，不要指望同事做出超過其能力以外的事情，不要指望公司提供超出其能力范圍外的資源。

　　* 永遠不要偷懶。

　　最后一條，永遠不要偷懶。我的感受是，偷懶絕對會讓我們在后期多花費更多的時間和精力。不要因為自己懶不想寫產(chǎn)品需求文檔就隨便弄個原型給技術，那樣后期會讓你有無窮BUG去修改;不要因為自己懶或時間緊急就不做評審，否則，一旦領導層看到設計沒有滿足其要求，你可能得重頭再來;不要技術改了BUG你就天真地相信一定是沒問題了，一定要自己確認，否則，過兩天就會有人找你問為什么BUG沒有修改。今天的偷懶往往需要明天的雙倍甚至多倍付出。

網(wǎng)頁設計實驗報告心得體會 篇3

　　網(wǎng)頁設計的本質(zhì)是為用戶的體驗服務，網(wǎng)頁設計的具體設計實踐活動主要包括交互和視覺兩個部分，交互的重要程度決定了匹配對應的視覺效果。下面是小編整理的網(wǎng)頁課程設計報告書，希望對你有幫助。

　　網(wǎng)頁設計作為高校設計學專業(yè)的專業(yè)課程，在教學課程知識體系的不斷探索和完善中，形成了以藝術和技術分別主導的側(cè)重不同而又緊密關聯(lián)的兩種課程知識體系。隨著網(wǎng)頁設計理論與方法研究的不斷深入和發(fā)展，人們對網(wǎng)頁的產(chǎn)品設計的屬性認知越來越明確，對網(wǎng)頁設計的工作分工更細致也更專業(yè)，這種認知進步也應該體現(xiàn)于當前的高校網(wǎng)頁設計課程的知識構(gòu)建體系中。

　　1.從代碼知識到網(wǎng)頁制作工具知識的轉(zhuǎn)變

　　早期，高校網(wǎng)頁類課程的知識體系構(gòu)建得益于院校的科研優(yōu)勢，互聯(lián)網(wǎng)的發(fā)展直接促成了計算機專業(yè)的開設和網(wǎng)頁設計課程的設立。20世紀90年代末，網(wǎng)頁設計課程陸陸續(xù)續(xù)被列入部分高校設計類專業(yè)課程目錄。面向高校學生的網(wǎng)頁設計課程內(nèi)容是一種全新的事物，即使面向藝術類專業(yè)，也由計算機專業(yè)相關教師承擔教學任務。各高校、科研院所對網(wǎng)頁制作方法不斷探索，并將成果發(fā)布于各種學術研究出版物，教學方面則直接引用案例教學，教學內(nèi)容以HTML知識為主。由于面向?qū)ο蟮脑O計思想在軟件開發(fā)中普及，各種不需要用戶直接面對代碼的網(wǎng)頁制作工具相繼誕生，于是，這方面的知識成為課堂的新內(nèi)容，大大減輕了學生的記憶負擔。2.網(wǎng)頁制作向網(wǎng)頁美工的轉(zhuǎn)變網(wǎng)站制作的快速發(fā)展、網(wǎng)頁制作技術的傳播，使網(wǎng)站在技術層面進入了同質(zhì)化階段，市場需求開始轉(zhuǎn)向頁面視覺效果方面的提升。在網(wǎng)頁設計課程中，由于對網(wǎng)頁設計分工認知不足，早期的網(wǎng)頁設計課程時常將設計和制作的名稱與授課內(nèi)容混用，沒有嚴格區(qū)分，也沒有明確的網(wǎng)頁前端設計與視覺設計分工。高校網(wǎng)頁設計課程的授課內(nèi)容以網(wǎng)頁制作技術為主，以美化頁面效果為輔。此時，高校對于網(wǎng)頁設計課程的視覺設計方面的專業(yè)教學研究處于摸索階段。之后，隨著時代的發(fā)展，網(wǎng)頁設計課程教學核心開始轉(zhuǎn)變?yōu)橹谱骶哂懈�佳視覺效果的網(wǎng)頁。3.網(wǎng)頁視覺設計與網(wǎng)頁前端設計的內(nèi)容分離側(cè)重于設計的網(wǎng)頁設計課程知識體系重構(gòu)從探索、發(fā)展到成熟，經(jīng)歷了較長的準備階段。隨著界面設計方法和流程理論體系的日益完善，分工協(xié)作機制日趨成熟，前端設計分離后，網(wǎng)頁設計課程的重心確定為符合網(wǎng)頁制作技術規(guī)范和條件的頁面創(chuàng)意表達、視覺效果設計與優(yōu)化。網(wǎng)頁視覺設計的探索從傳統(tǒng)的平面設計方法尋找切入點，通過對網(wǎng)頁設計中的審美需求和各種視覺構(gòu)成要素（如文字、圖片、顏色等）進行分析，結(jié)合人們在瀏覽信息時的視覺習慣，探索網(wǎng)頁視覺信息如何被更有效、更合理地表達。網(wǎng)頁設計教學重心內(nèi)容在轉(zhuǎn)移到視覺設計之后，該階段還未意識到網(wǎng)頁交互設計的核心地位。

　　網(wǎng)頁設計的本質(zhì)是用戶的體驗設計。網(wǎng)站作為互聯(lián)網(wǎng)非可觸形態(tài)的產(chǎn)品，對其認知的構(gòu)建包含產(chǎn)品屬性認知與服務屬性認知兩個層面的內(nèi)容。1.網(wǎng)頁設計是一種產(chǎn)品設計設計是一門交叉學科，網(wǎng)頁本身也是一種產(chǎn)品。網(wǎng)頁設計最初被視作平面領域的設計，而鏈接交互是網(wǎng)頁設計有別于平面設計的基本特征。網(wǎng)頁設計存在交互性，使其具有交互設計可用性與易用性體驗的內(nèi)在要求，適用于工業(yè)產(chǎn)品的基本設計流程。2.網(wǎng)頁設計是一種服務設計服務設計層面，各種網(wǎng)頁交互體驗、視聽信息、線上內(nèi)容服務與線下互動等，是網(wǎng)站向用戶提供服務的設計組成部分。作為一種廣義的產(chǎn)品形態(tài)，網(wǎng)頁設計與傳統(tǒng)的實物形態(tài)的工業(yè)產(chǎn)品設計有一定區(qū)別，更傾向于體驗的系統(tǒng)化設計。隨著互聯(lián)網(wǎng)向物聯(lián)網(wǎng)的可用技術研究與拓展，基于智能化網(wǎng)絡的服務設計將成為跨越線上線下的主流設計形態(tài)。3.網(wǎng)頁頁面信息設計是關系網(wǎng)頁設計品質(zhì)的深度設計網(wǎng)頁設計作為一種信息量龐大的互聯(lián)網(wǎng)單元，從工效學角度來看，網(wǎng)站信息本身也擔負著面對用戶、有效傳遞信息的功能和任務，在具體的設計活動中，表現(xiàn)為對信息的設計。信息設計具有多學科交叉性、空間多維性、時間流動性等基本特征，信息設計的目的是為了提高信息的可理解度和可閱讀性。優(yōu)質(zhì)的網(wǎng)頁信息設計可以降低用戶獲取信息的時間和精力成本，提升頁面信息獲取體驗。

　　網(wǎng)頁設計的本質(zhì)是對體驗的設計，即以用戶為核心思考設計方案，研究用戶在訪問網(wǎng)站時的需求是網(wǎng)頁課程設計任務的基本出發(fā)點。課程內(nèi)容模塊應該以回答網(wǎng)頁設計是什么、怎么設計、為什么這樣設計三個問題為主線，構(gòu)建網(wǎng)頁設計課程的知識體系。1.課程的基本目標掌握網(wǎng)站項目與網(wǎng)頁制作的基本設計流程，培養(yǎng)設計項目管理和組織能力；掌握用戶需求研究分析的基本方法，對用戶體驗和需求研究有較為敏銳的洞察力；掌握網(wǎng)站交互原型相關的設計方法與工具；掌握網(wǎng)頁視覺設計方法和設計規(guī)范；了解目前網(wǎng)頁前端設計的相關技術和工具。2.知識體系與模塊組成（1）設計方法教學內(nèi)容模塊設計方法教學內(nèi)容模塊主要為了解決面對具體問題時設計師怎樣展開分析研究工作并確定設計執(zhí)行方案。網(wǎng)頁設計方法主要分為項目流程設計與管理、網(wǎng)站策劃方法與規(guī)范、用戶體驗研究、交互原型設計方法等，讓學生通過貫穿整個課堂教學的項目流程設計和每個流程的具體設計方法的實踐，掌握基本的設計理論。（2）軟件工具教學內(nèi)容模塊軟件工具教學內(nèi)容在形式方面包括課堂內(nèi)的指導和課堂外的自學兩個部分。鑒于設計軟件的頻繁更新和新的設計軟件不斷涌現(xiàn)，教師必須培養(yǎng)學生自學工具的主動意識以適應社會需求。在工具種類方面，包括圖形處理工具、交互原型工具和代碼工具三類。第一類是圖形處理工具，其中常見的Photoshop、Illustrator等圖形設計軟件，已經(jīng)在前置課程中基本完成學習。第二類是交互原型制作工具，常見的工具有墨刀、Axure等。第三類是代碼編輯工具，選擇較多，作為對網(wǎng)頁前端知識的入門介紹部分，在本課程中以介紹為主。（3）設計經(jīng)驗教學內(nèi)容模塊設計經(jīng)驗教學以啟發(fā)式案例實踐為主，按照網(wǎng)站項目設計的流程需要，設定不同層次、不同要求的設計實踐任務作為課程結(jié)課的考核內(nèi)容。學生通過案例的練習能從優(yōu)秀作品中學到設計經(jīng)驗，從具體的案例模仿中獲得設計的成就感。網(wǎng)頁設計課程案例教學同時也是對網(wǎng)頁設計方法的實踐驗證，有助于學生對網(wǎng)頁設計方法的理解和體會。結(jié)語任何一種技術變革，都可能讓網(wǎng)頁設計出現(xiàn)新的藝術形態(tài)，前端依然是課程必須了解的知識。目前，就設計藝術角度而言，網(wǎng)頁設計課程的內(nèi)容以交互和視覺設計為基礎，在信息設計層面也有較大的提升空間，設計途徑也已經(jīng)拓展到用戶的視覺、行為、聲音和邏輯等方面。網(wǎng)頁設計課程的知識體系構(gòu)建必須以產(chǎn)品的視角，讓學生更深刻、更完整地理解用戶模式下的網(wǎng)頁設計藝術。

網(wǎng)頁設計實驗報告心得體會 篇4

　　一 實驗過程

　　1.資料的搜集。

　　2.熟悉制作軟件。

　　3.構(gòu)建站點框架。

　　打開dremweaver后第一步便是新建站點

　　4設計主頁及二級頁面。

　　5實現(xiàn)網(wǎng)頁間的鏈接

　　鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。

　　6向靜太網(wǎng)頁插入動態(tài)效果

　　具體情況如下：

　　通過這半年的學習實踐中 和老師的指導下以大量明晰的操作步驟和典型的應用實例，教會我們。使更豐富全面的軟件技術和應用技巧，使我們真正對所學的軟件融會貫通。所以我結(jié)合所學專業(yè)的內(nèi)容制作了個人網(wǎng)站，作為實習的成果。其內(nèi)容是多樣化的。制作網(wǎng)頁用的軟件是dreamweaver , banner軟件。dreamweaver大大加速了網(wǎng)絡時代電子交易應用中的項目交付。它提供了網(wǎng)頁和表單的動態(tài)生成到企業(yè)級的解決方案，如電子商店，庫存管理系統(tǒng)和企業(yè)內(nèi)部局域網(wǎng)的數(shù)據(jù)庫應用等功能。例如，網(wǎng)頁上很流行的陰影和立體按紐等效果，只需單擊一下就可以制作完成。當然，其最方便之處是，它可以將圖象切割，圖象映射，懸停按紐，圖象翻轉(zhuǎn)等效果直接生成html代碼，或者嵌入到現(xiàn)有的網(wǎng)頁中，或者作為單獨的網(wǎng)頁出現(xiàn)。主圖是一個網(wǎng)頁的門面，它能體現(xiàn)出這個網(wǎng)頁的整體風格。

　　制作網(wǎng)頁,首先是確定主題,經(jīng)過再三考慮,就做了個關于中國的網(wǎng)站,平時也總是瀏覽類似的網(wǎng)站,對這些還有些了解,于是確定主題,做一些類似的網(wǎng)站,但考慮到,現(xiàn)在網(wǎng)絡上好多類似的網(wǎng)站,但有些內(nèi)容不適合我們大學生閱讀,對于我們來說有點不實際,根據(jù)這種情況,最后決定建立一個簡單的中國介紹和相關的事跡網(wǎng)站,專門介紹一些即使用,又便宜的小秘笈。于是網(wǎng)站主題確立。

　　然后是整體規(guī)劃，每一版塊都有其個性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，中國簡介，中國歷史，用戶登錄注冊頁面留言，再加入個別網(wǎng)站等，每一部分又分幾小部分，內(nèi)容比較充分，多樣。

　　再后是收集資料與素材，大量瀏覽相關網(wǎng)站，收集關于中國的一些事跡歷史圖片，好的文章和圖片等，還有參考一些好的網(wǎng)站的布局，特色，顏色搭配，背景圖等。

　　再后是設計網(wǎng)頁圖片，用flash制作網(wǎng)頁的banner。

　　再后是建立站點，站點分布如下：

　　再后是制作網(wǎng)頁了，使用dreamweaver制作。

　　首頁內(nèi)容精彩豐富，簡潔明快，語言風趣，通俗易懂。頁面可愛清爽。首頁主要是導航作用。首頁制作時，時刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務，一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設計才是成功的；連貫，頁面之間關系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個網(wǎng)頁有動有靜，顏色不同，形成對比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：

　　簡潔實用: 這是非常重要的，網(wǎng)絡特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調(diào)，布局符合形式美的要求: 布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

　　利用我們所學的框架集，制作更完美的頁面。將動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁結(jié)合起來

　　再后，調(diào)試過程，好多次本來在dream里好好的，把字調(diào)的好好的，位置很對，可在瀏覽器里御覽就出毛病了，不是靠上了，就是靠下了，很不老實，經(jīng)過再三調(diào)試，整理，加了好多表格，終于滿意了，很是麻煩，想請問老師，為什么會出現(xiàn)這種情況啊，還有怎么解決啊，不用這么反復調(diào)整的辦法，還有什么好辦法啊？

　　還有，在最超鏈接過程中，明明在頁面屬性里設置的是超鏈接的文字是原色，點擊鏈接后也是原色，可一鏈接上就變色了，想了老半天，也做了很多研究，實驗，終于知道怎么回事了，原來應該對文字所在的單元格整體做鏈接，而不是只選中文字做鏈接。

　　還有，這次的網(wǎng)站大部分用的是表格，層用的很少，因為它太靈活了，不好控制，用的很少。

　　再后，是網(wǎng)頁的上傳與發(fā)布，用ftp將制作好的網(wǎng)站上傳

　　制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應用，操作，可這樣要修改模版可就麻煩了，要一個網(wǎng)頁一個的修改，于是趕緊上網(wǎng)學習相關內(nèi)容，閱覽書籍，最后才知道文件這有個資源，點擊

　　進入資源面板，點擊到數(shù)第二個的模版，選項，所有模版就都顯示了，點擊資源面板左下角的應用命令，好了，這個模版就應用到你建立的網(wǎng)頁中去了。

　　這只是在制作過程中出現(xiàn)的問題之一，其它問題也是類似相同。現(xiàn)在想想，自己所會的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡單的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。以我們的經(jīng)驗，當前的軟件的功能日趨復雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。需在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網(wǎng)頁而努力。

　　同學告訴我，要做好網(wǎng)頁，一定要學從c++,java,php，asp，數(shù)據(jù)庫。以后要學的實在是太多了，而且我也很喜歡這方面，在以后的日子里，會努力填充自己，豐富自己的。希望以后有不懂的地方，老師能多多指點。

　　二 實驗心得

　　在internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。因此網(wǎng)站建設在internet應用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設中的重要組成部分，從而倍受人們的重視。

　　對于現(xiàn)在的社會，科技的飛速發(fā)展已經(jīng)成為社會發(fā)展的標志。其中計算機的發(fā)展可謂快中之快，而在計算機的發(fā)展中計算機網(wǎng)絡的發(fā)展又是首當其沖的。計算機網(wǎng)絡從為我們所知，到現(xiàn)在才經(jīng)歷的短短的幾年時間，在這幾年中隨著計算機網(wǎng)絡的廣泛應用，特別是internet的普及和發(fā)展，網(wǎng)絡已經(jīng)成為了不可或缺的通信手段。不論是最新的新聞信息、新產(chǎn)品的出臺、新游戲的發(fā)布、最新的各種it動態(tài)，包括等候就業(yè)人才的個人簡歷，我們都是可以通過網(wǎng)絡來獲得。但是什么為這所有的一切提供平臺的呢。我們又是通過什么來獲取這些消息的呢對就是網(wǎng)頁。現(xiàn)如今，數(shù)以萬計的網(wǎng)站以網(wǎng)頁的方式提供了豐富、精彩的信息。在人類社會進入信息時代的時候，在網(wǎng)絡成為通信的主要手段的時候，在計算機網(wǎng)絡普及的今天，網(wǎng)頁也在它自己的崗位上做出了突出的貢獻。網(wǎng)頁是我們在網(wǎng)絡上的代言人。我們將什么樣的信息傳達給瀏覽者，要講述什么樣的事情，網(wǎng)頁在這里起著重要的作用。

　　企業(yè)網(wǎng)站在企業(yè)的網(wǎng)絡營銷當中占有及其重要的地位，只要是涉及網(wǎng)絡宣傳的企業(yè)，都應該建立屬于自己的個性企業(yè)網(wǎng)站。他不僅能夠讓企業(yè)在網(wǎng)絡上展示自己的產(chǎn)品，促進實際銷售的增長，更能夠通過一根網(wǎng)線，向目標客戶展示企業(yè)自身的形象。

　　對于企業(yè)網(wǎng)站設計的觀點，偏重網(wǎng)站的形象設計，即在功能務實、體系完善的情況下，重點結(jié)合企業(yè)理念打造網(wǎng)站的形象。logo就能很好的表現(xiàn)企業(yè)的形象。企業(yè)標志(logo)是指用于代表企業(yè)形象的獨特的、有意義的圖案，是企業(yè)形象識別當中最核心的環(huán)節(jié)，可用于與企業(yè)形象相關的所有環(huán)節(jié)。由于企業(yè)標志所處的特殊地位，決定了其不能夠隨意更換，因此能否設計一個有內(nèi)涵、有文化、便于識別的標志，并建立相關的應用系統(tǒng)，關乎到企業(yè)長遠的發(fā)展，不容小視。

　　建設網(wǎng)站的一般過程包括：前期內(nèi)容確立、網(wǎng)站架構(gòu)搭建、創(chuàng)意策劃、設計、網(wǎng)站建設。網(wǎng)站的功能版塊一般分為首頁（含引導頁）、新聞部分、產(chǎn)品部分、信息交流部分、定制系統(tǒng)、零散頁面等。根據(jù)不同的企業(yè)需求，各網(wǎng)站的功能版塊數(shù)量、布局、結(jié)構(gòu)各異。

　　（一） 頁面的設計方面

　　網(wǎng)頁設計跟學習別的'東西一樣，也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。

　　頁設計需要耐心，如果沒有耐心，就學不好網(wǎng)頁設計，應為當你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了很長時間才解決。

　　頁設計需要堅持，堅持不斷的學習，因為設計網(wǎng)頁的軟件在不斷的更新，因此我們要不斷的學習

　　并且頁設計不要掉入技術的陷阱，如果你的網(wǎng)頁設計技術一流，并且對軟件的掌握程度已經(jīng)達到一定水平，但是你設計的網(wǎng)頁確不堪目睹，這是因為網(wǎng)頁設計是介于平面設計和編程技術兩者之間的邊緣科學.不僅涉及到美學,心理學,平面構(gòu)成,色彩搭配等平面設計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術方面的知識.只有綜合運用多種知識,才能設計出視聽特效,動感十足,富于個性的web頁面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能.

　　并且我認為網(wǎng)頁設計應該注重實用性，因為它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以交互的。因此我提倡簡單的美。

　　（二）網(wǎng)頁視覺效果

　　視覺形象識別即我們通常所說的vi（visualidentity），與bi一起用于深化表現(xiàn)企業(yè)理念，同時也受到bi的影響。所謂視覺形象識別，就是指能夠被目標客戶通過視覺來認知與企業(yè)相關的一切事物，從最基礎的企業(yè)標志、吉祥物、標準色到企業(yè)日常業(yè)務中的信紙、服裝、名片等等，在將其系統(tǒng)化以后就形成了企業(yè)的視覺形象識別系統(tǒng)。

　　視覺形象識別系統(tǒng)在整套cis中處于最表層的位置，其中所有的設計都將與目標客戶發(fā)生直接的接觸。

　　（三）網(wǎng)頁的整體布局和導航

　　網(wǎng)頁的布局通常指的是網(wǎng)頁的整體架構(gòu)，說的通俗一點就是排版。如何突出最重要的內(nèi)容，即讓用戶第一眼就看到這個網(wǎng)頁所想要傳達的信息。這一點至關重要。在大多數(shù)做的比較成功的網(wǎng)頁中，一個共同的特點就是網(wǎng)頁的整體架構(gòu)十分的清晰明了，便于用戶瀏覽

　　網(wǎng)頁布局大致可分為國字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、flash型、變化型

　　網(wǎng)頁布局是主要考慮以下幾點：

　　1、首先要考慮整個網(wǎng)頁的長和寬，以及長度和寬度之間的比例。

　　2、其次就應該考慮導航條的設置了。

　　3、正文的框架設置（橫向因素和縱向因素交錯）

　　（四）網(wǎng)頁中文字、圖像

　　圖象我利用網(wǎng)上搜索和自己所學過的banner進行處理,這樣做起來節(jié)約了很多時間。。

　　（五）網(wǎng)頁制作過程中的其他注意事項

　　不要過于注重色彩的燦爛，只要簡單就行。我們最終追求的主要是實用價值。

　　通過這次實習，在制作時想想使自己的網(wǎng)頁更加豐富多彩，在網(wǎng)頁中插入圖象，動畫，動態(tài)特效。可是總遇到這樣那樣的問題，但在同學的幫助和自己摸索的情況下完成了這個實習的成果。看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。以我們的經(jīng)驗，當前的軟件的功能日趨復雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。虛在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網(wǎng)頁而努力。

　　近一個星期的實訓將要結(jié)束，其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網(wǎng)頁過程中，我學到了新的美化網(wǎng)頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收獲。總體來說這次是對我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。