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

網(wǎng)頁設(shè)計實驗報告心得體會網(wǎng)頁設(shè)計的好壞確定著人們運用的愉悅性和滿足度，最終確定著網(wǎng)頁的商業(yè)目標(biāo)。學(xué)習(xí)啦我為大家整理了網(wǎng)頁設(shè)計報告及心得體會范文，供你參考!

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

轉(zhuǎn)瞬間，已到了期末，學(xué)習(xí)網(wǎng)頁設(shè)計這門課程也要完畢了，雖然時間有點短，但是學(xué)過這個幾周以后我受益匪淺。

記得最初接觸dreamweaver的時候，我很茫然，因為剛接觸生疏的軟件心里會很膽怯跟不上教師的進程。剛起先幾節(jié)課，教師講得比擬根底，還能跟得上，慢慢的教師授課的進程起先加速，有些跟不上了，須要下課后自己補上，問教師和四周的同學(xué)。慢慢的，在教師的悉心教育下，我們起先熟識這個軟件了。教師布置的第一個任務(wù)，要求做一個自我形象網(wǎng)站。由于學(xué)習(xí)的時間較短，教師只要求用PS做好模板即可，任務(wù)相對簡潔。但也要求設(shè)計感強，色調(diào)搭配和諧，并且盡可能的做成管用又符合實際的美麗網(wǎng)頁。

其次個網(wǎng)頁設(shè)計教師要求相對較高，用dreamweaver做一個比擬接近真實的網(wǎng)頁，還要做一個二級頁面。于是起先收集各方面的資料。確定了主題就起先布局了。最起先運用了一個表格，然后在表格內(nèi)進展拆分合并處理，接著就把通過ps處理出來一個版頭并且把修改正大小的圖片放進去了。

中間時預(yù)覽，問題出現(xiàn)了，發(fā)覺版頭與下面的圖片文字之間出現(xiàn)了很大的一段距離，但是在軟件中已經(jīng)把距離縮小為0了，屢次嘗試后沒有效果。最終想到可以另外再加一個表格，把版頭放在一個表格內(nèi)面，這樣問題就解決了。預(yù)覽是效果還不錯。但是總覺得首頁做得太平凡，一次閱讀學(xué)長做的網(wǎng)頁時，覺得他們的文字滾動窗口做得效果做得不錯，于是想借見一下。就確定把自己網(wǎng)站的左邊修改修改。復(fù)制了他的代碼，把上面的內(nèi)容修改成我的網(wǎng)站須要的文字。本以為可以輕松的完成，但是卻出現(xiàn)大問題了。

因為須要滾動的文字占的空間太大，把左邊的那局部表格全部占滿了，而在實際的網(wǎng)頁預(yù)覽中，這個有文字滾動的框只占了左邊Oeasy教你玩轉(zhuǎn)網(wǎng)頁設(shè)計閱讀的工具建站程序三分之一，左邊有三分之二留白了。我就想可不行以把文字這樣一層層的放在上面，試了許多方法，在網(wǎng)站查了許多資料，可能因為沒有專業(yè)術(shù)語作為搜尋的關(guān)鍵詞，查不到任何相關(guān)的資料，試過div標(biāo)簽，試過不停的拆分表格，最終還是沒有效果。就這樣試著試著，突然想到了層這個概念。于是在布局中點擊了繪制層，結(jié)果勝利了，經(jīng)過一些加工，最終勝利的完成左邊的布局。印象還比擬深刻的是插入聲音，記得教師曾經(jīng)給我們講過許多次怎樣插入聲音，可是等到自己做網(wǎng)頁的時候卻遺忘了，于是問其他人，結(jié)果盡然都遺忘了，于是自己在百度上收。最終最終找到了一個可以運用的代碼，但是在參加聲音路徑時出現(xiàn)了問題。在屬性內(nèi)參加源文件，結(jié)果就是加不進去MP3的音樂文件，然后自己就嘗試參加了一個視頻，登記了路徑格式，然后照著這種格式寫下了指向聲音源文件的路徑，最終勝利了。在設(shè)計過程中還出現(xiàn)了許多的問題，但通過看書，上網(wǎng)查詢，請教同學(xué)等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計出的網(wǎng)頁不管是外觀還是內(nèi)容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網(wǎng)頁設(shè)計水平得到了很大的提高。熱忱和執(zhí)著，我將來設(shè)計出的網(wǎng)頁會更加專業(yè)，更完善。

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

此時此刻，計算機和網(wǎng)絡(luò)已經(jīng)深化到了我們生活中的方方面面，也已經(jīng)成了生活中不行缺少的一局部，網(wǎng)絡(luò)成了我們獲得學(xué)問和信息的一種便捷工具，此時此刻的網(wǎng)民也在不斷的增多，所以，了解和學(xué)習(xí)網(wǎng)絡(luò)學(xué)問是我們作為一名大學(xué)生迫切所需的。我通過這一學(xué)期的學(xué)習(xí)，對網(wǎng)頁設(shè)計有了初步的相識和了解，并根本駕馭了Dreamweaver的應(yīng)用。

在學(xué)習(xí)了網(wǎng)頁設(shè)計的同時，我更加深化的了解了關(guān)于計算機和網(wǎng)絡(luò)的學(xué)問。基于對計算機根底與C語言的根本駕馭，學(xué)習(xí)網(wǎng)頁設(shè)計的根底局部便顯得較為輕松。雖然如此，在設(shè)計過程中仍舊出現(xiàn)了許多的問題，但通過看書，上網(wǎng)查詢，等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計出的網(wǎng)頁不管是外觀還是內(nèi)容，都在不斷的進步、改善?？梢哉f在自己動手，不斷實踐的過程中，網(wǎng)頁設(shè)計水平得到了很大的提高。

通過對網(wǎng)頁設(shè)計書籍的翻閱，我學(xué)習(xí)到了一些關(guān)于建立網(wǎng)站和制作網(wǎng)頁的學(xué)問，在實踐查閱資料時，對flash也有所了解。我還了解了一些根底的網(wǎng)絡(luò)技術(shù)。通過學(xué)習(xí)，我對計算機有了更深層次得到了解，也有了更深厚的愛好。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的根底學(xué)問也有了必須的駕馭。在這個過程中，我同樣相識到網(wǎng)頁設(shè)計不是一門學(xué)科的獨秀，而是多種課程的綜合，他是Flash、Fireworks等網(wǎng)頁軟件的綜合應(yīng)用。

下面闡述一下我在設(shè)計我的網(wǎng)站時的一些關(guān)于網(wǎng)頁設(shè)計的見解。在詳細的制作時我了解到一個優(yōu)秀的網(wǎng)頁設(shè)計應(yīng)當(dāng)具備一些根本原那么。

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

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

內(nèi)容是整個網(wǎng)頁的核心。在網(wǎng)頁設(shè)計之前必需明確網(wǎng)頁的內(nèi)容支配。優(yōu)秀網(wǎng)頁設(shè)計是要建立在平凡的根底上的。然后在詳細的規(guī)劃一個網(wǎng)頁時，可以用樹狀構(gòu)造先把每個頁面的內(nèi)容大綱列出來，尤其要制作一個大的網(wǎng)站(有許多頁面)的時候，特殊須要把這個架構(gòu)規(guī)劃好，也要考慮到以后可能的擴大性，免得做好以后又要一改再改整個網(wǎng)站的架構(gòu)，很奢侈時間和財力。大綱列出來后，還必需考慮每個頁面之間的鏈接關(guān)系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標(biāo)記。鏈接混亂，層次不清的站點會造成閱讀困難，影響內(nèi)容的發(fā)揮?？蚣芏ㄏ聛砹?，然后起先一步一步有條理，有次序地做來，就心中有數(shù)得多，也會為主頁將來開展打下良好的根底。下一步，就以動手制作詳細內(nèi)容了，題材選定，框架選定，接下來就起先往主頁里面填內(nèi)容。

假如是個人主頁，有實力的人完全可以靠自己來創(chuàng)作全部的內(nèi)容。大局部人的方法是：從報紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上必須的編輯后就可以了。另外一個好的方法是從網(wǎng)絡(luò)上收集，您只要到搜尋引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。在打算材料的時候我們可以用一些小的動畫和動態(tài)圖片，F(xiàn)lash供應(yīng)了功能齊全的繪圖和編輯圖形工具?？梢愿纱嘣诰庉媴^(qū)里繪畫，編輯修改特別敏捷，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標(biāo)或鍵盤對動畫的播放進展限制，效果可以很直觀的反映出來。然后是起先正式制作主頁。通過Dreamweaver作為制作軟件，只須要用到軟件中的一些根本的功能：圖片插入和對齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡潔的網(wǎng)頁。

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

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

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

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

_要留意網(wǎng)站的定位

任何一個公司或單位，要設(shè)計一個網(wǎng)站，都勢必有其核心定位，即這個網(wǎng)站設(shè)計出來要干什么。這一點對網(wǎng)站的設(shè)計具有確定性的影響。假如不能將網(wǎng)站的定位把握好，作為一個設(shè)計人員，其工作往往會是無功而返。因此，在網(wǎng)站籌劃階段，產(chǎn)品設(shè)計人員必需多和上層溝通，甚至多和領(lǐng)導(dǎo)爭論，通過溝通和爭論來明晰公司對網(wǎng)站的定位。同時，也可以讓領(lǐng)導(dǎo)對網(wǎng)站的定位更加明晰。只有完成了這一項，其余的籌劃和設(shè)計工作才應(yīng)當(dāng)接著進展。

_要了解用戶

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

_明確、牢記目的和需求

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

_保持簡潔

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

_留意細微環(huán)節(jié)

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

_注意邏輯性

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

_流程圖很重要。

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

_沒想清晰的事情不錯

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

_必須要評審

評審對于全部的產(chǎn)品設(shè)計人員來說都是一場“噩夢”。但是評審可不行以省略呢?不行以。一方面，我們須要通過評審讓大家認可自己的設(shè)計。假如對我們的設(shè)計不認可，那么在真正執(zhí)行過程中便會有更多的障礙。另一方面，我們須要通過評審收集看法，查漏補缺，找到我們沒有留意到的地方。不過，在評審過程中，我們也必須要做好心理打算，終歸，讓一大堆人說你設(shè)計的這不行那也不行，心里是肯定不會好受的。唯一能夠削減這種狀況出現(xiàn)的方法，或許就是盡可能細致地想到各個方面，有足夠的理由來勸服對方。

_必須要寫產(chǎn)品需求文檔。

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

_要懂得妥協(xié)和聽取看法。

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

_要堅決，更要執(zhí)行。

當(dāng)然，在產(chǎn)品設(shè)計過程中，也會出現(xiàn)這種狀況：我們認為某個功能特別重要，可上級認為不須要，要砍掉;或者，我們認為一個功能或模塊完全沒必要呈現(xiàn)，可上級堅持要求添加。這種不行調(diào)和的沖突怎么處理呢?我的建議是：要堅決，更要執(zhí)行。首先，我們要堅決我們的想法和做法，盡量通過種.種方法去勸服上級。只要我們的說法和做法有道理，上級應(yīng)當(dāng)會同意我們的做法。其次，假如無法勸服上級，那么，一旦上級確定如何做，我們那么堅決執(zhí)行。雖然我們常說產(chǎn)品是為客戶設(shè)計的，但許多時候，產(chǎn)品也是為老板設(shè)計的。

_要抱著做完備產(chǎn)品的心態(tài)去設(shè)計產(chǎn)品。

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