網頁設計的心得體會

從互聯網的操作平臺和編程語言的發展過程中我們可以清楚地看到，邏輯思維在當今時代具有的重要作用和能夠發揮出來的巨大威力。沒有邏輯思維能力的提高，就不會導致多媒體的產生和動漫世界無處不在的現象出現。互聯網的發展不僅改變了當今的世界面貌，它同時也改變了人類自身固有的靜態思維模式。在當今時代，老子大道強調的真實邏輯在互聯網的演化過程中已經充分顯露出來。

從框架結構、層次關系和語句之間的嵌套關系中，我們可以看到老子的一個圓圈模式自身具有的應用價值。如果我們將人類思維具有的三種邏輯規則以直觀形象的實例展示出來，那么，語言邏輯就是人們在日常生活和工作中使用的邏輯規則，例如刑偵邏輯，它總是強調分析和判斷的結果要與真實的作案過程同一起來。表述形式要求清晰性、條理性和無矛盾性，可見，強調無矛盾的同一律是語言邏輯的特點：思維和存在二者直接同一是語言邏輯的屬性，表述形式和表述內容之間不允許出現對立性和矛盾性。由此構成形式邏輯同一律的實質。

數理邏輯是計算機硬件自身具有的邏輯規則，它把握了中央處理器CPU、信息交換的存儲器、記載時間和次數的計數器以及豐富多彩的顏色區分模式之間的相互關系，它直接通過邏輯真值表、二進制的語言和編碼結構展示出來，這是純粹抽象的邏輯規則在現實中的應用模式。其鮮明特征是：它把握了思維和存在二者本質同一這一屬性。

哲學邏輯則體現在計算機軟件上面，例如電腦的操作系統平臺以及網頁設計和制作的具體方法，它是真實邏輯模式的體現。電腦中動畫圖像的制作就是通過層次來把握過程和系統，把握繁雜的關系網模式。從而實現了互聯網模式與客觀存在模式二者之間的同一性，它們全都以“多樣性的統一”這一模式出現，不是理性思辨強調的“從一到多”的發展和演變模式。其理論根據在于：互聯網的根基是建立在相互聯系和相互作用的關系上面，它不是單純的存在物自身具有屬性，而是以關系網形式出現的新事物?？梢姡S著互聯網的發展，人類思維就會從直觀的具體存在提升到間接的關系網模式這一高度。而老子的哲學理念恰恰就建立在系統聯系的關系網基礎上，可見它與時代發展的氣息是緊密聯系在一起的。通過網頁制作中的邏輯規則這種形式理解和把握老子大道的哲學理念，將是老子大道之謎的一條捷徑。人們在學習網頁設計和編程語言的過程中就可以把握住老子講述的邏輯規則。二者之間只有表現形式不同，在邏輯規則環節絕對同一，沒有本質的區別。

這就是人類的智慧，它在遠古時代就把握了復雜多變的關系網。然而，只有在互聯網充分發展的今天，人們才能夠深刻地理解老子大道的內涵，才能夠揭示出真實邏輯自身具有的一個圓圈模式。

從老子大道的終極謎底中人們看到，真實的邏輯模式是一個將四種邏輯規則有機結合在一起的關系網。它與互聯網的存在模式和運行模式完全一致。其中存在模式表現為大小圓圈環環相套，大圓圈就相當于服務器，小圓圈則相當于終端的電腦。整體的運動模式則體現出對立統一的矛盾關系。操作系統相當于基礎理論：它是本質環節的工具，各種軟件則是它的具體應用工具。

如果我們用邏輯圖的形式將三種邏輯規則和相互之間的關系展示出來的話，它是這樣的形式：

┌屬性：思維和存在直接同一，無矛盾的關系

┌語言邏輯┤具體環節：經驗理論

│ └形式：如日常交流、刑偵破案，無概念的形式

│ ┌屬性：抽象的本質關系，無矛盾的形式

邏輯┼思辨邏輯┤本質環節：計算機硬件中的邏輯規則：圖形、符號理論

│ └形式：符號邏輯、數理邏輯、模式邏輯，知識理論

│ ┌屬性：具體存在的關系模式，無矛盾的模式

└真實邏輯┤系統環節：計算機軟件中的邏輯規則：圖像、概念理論

└形式：哲學邏輯、辯證邏輯、邏輯模式，可視化編程

從這個邏輯圖中人們看到，邏輯的屬性是強調思維和存在的同一性，它是實現思維和存在同一性的手段、方法、形式。不同的邏輯規則把握思維和存在的同一性程度不同，它分為三種形式：具體環節是形式同一，理性環節是本質同一，系統環節是模式同一。亞里士多德的《工具論》就停留在形式同一環節，德國古典哲學上升到本質同一的高度。老子的大道以隱藏形式把握了模式同一，《思維工具論》將這種模式同一從隱藏形式轉化為直觀的顯露形式。由此構成人類邏輯思維發展演變的全過程。

隨著互聯網的普及，網頁制作技術的廣泛應用，人們對于邏輯規則就不會感到陌生，因為HTML語言結構已經將哲學的邏輯模式以可視化的形態展示出來，同時也將哲學邏輯自身具有的應用價值和能夠發揮的巨大威力展示出來。此時，“邏輯”對于懂得電腦知識的人們來說已經不再是一個抽象的名詞概念，而是幫助人們邁進網絡世界大門的思維工具。

以框架結構的邏輯規則為例，它充分體現出思維規則：兩個層次、兩種形式的對立統一。邏輯圖為：

┌具體：內聯式樣式表：只對使用它的元素起作用：文字和段落

┌自身形式┤

┤ └一般：嵌入式樣式表：通過標記形式規范整個文本：統一格式

│ ┌外部式樣式表，通過CSS模式進行規范整個網站的風格

└聯系形式┤

└系統模式：同時使用多層樣式表，即各種格式之間的有機結合

這就是思維規則在網頁制作中的具體應用。人們只要通過學習網頁制作的方法，就能夠理解《思維工具論》講述的邏輯規則。這就是電腦與人腦在邏輯規則上面具有的高度同一性。它就是謝林哲學強調的“絕對同一”理念。

邏輯屬于抽象的形式聯系，它不涉及里面的具體內容，屬于科學的思維方法和工具。網頁語言結構恰恰將邏輯的屬性、形式和特點全面地展示出來。它揚棄了里面的內容，只考慮抽象的結構和形式之間的關系，無論是文本，圖片、還是動畫，都可以作為“同一的事件”看待起來，具體內容的變化與邏輯形式、邏輯規則無關。可見，人們在學習網頁制作的時候只要反思一下里面的邏輯規則，就會把握住科學的思維方法。只要將編制網頁的方法應用到各種理論問題的分析過程中，就能夠擺脫經驗理論的束縛，從而上升到科學理論的高度。

邏輯是方法、手段、工具，它是人類智慧創造出來的精神財富，是認識論規律的表現形式。人們的頭腦中如果沒有邏輯規則的話就會偏離真理的軌道，就會停留在經驗理論和生活常識中，不能邁進科學理論的門檻。

這就是老子講述的不言之教包含的豐富內容，它是科學的認識方法、認識模式、邏輯規則、思維工具。

網頁設計的心得體會篇2

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

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

_ 要注意網站的定位

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

_ 要了解用戶

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

_ 明確、牢記目的和需求

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

_ 保持簡潔

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

_ 注意細節

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

_ 注重邏輯性

網站的設計過程中，必須要注意邏輯判斷。對于輸入信息或注冊流程中的每一個環節的每一種狀態都要考慮到。舉一個最簡單的例子，一個輸入框輸入數據，有正確的輸入、必然有錯誤的輸入，也必然有空輸入。那么，每種狀態下系統都要考慮到，也都要有相應的反應。

_ 流程圖很重要。

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

_ 沒想清楚的事情不錯

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

_ 一定要評審

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

_ 一定要寫產品需求文檔。

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

_ 要懂得妥協和聽取意見。

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

_ 要堅定，更要執行。

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

_ 要抱著做完美產品的心態去設計產品。

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

_ 要相信自己的直覺

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

_ 要看鍋下菜

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

_ 永遠不要偷懶。

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

網頁設計的心得體會篇3

回顧這一個月來的實習生活是一件很值得紀念的事，這是我第一次在外實習，第一次在網上投簡歷能收到回復。對于我們這樣的藝術設計學生，我深刻的體會到單單是學校教的遠遠不夠，學校教的很籠統，很抽象，很大概，如果可以，我希望這個專業的師弟師妹們，有空多多到圖書館充實自己，靜下心來充分自學。在外實習前，第一件事是把自己賣出去，包裝自己，所以簡歷很重要，務必屬實，因為你有多少兩重，閱人無數的人事主管和老板在面試的交談中很快就能從你各方面行為和語言中找到答案。既然要面試，衣服當然要穿正裝，其實我也想的只是大二實習期沒有大三的三個月那么長，就那么一個月。這樣短期的工作其實根本沒有什么公司愿意招聘，所以我感覺到萬分榮幸能夠進到這一支專業的創業團隊，真的是一件了不起的事，而且這個崗位與我學習的和自己喜愛的科目對的很準，我自己也十分樂于這份工作。

記得剛開始的一個多星期，公司并沒有讓我馬上投入工作，因為當時對產品了解不熟悉，要從學校的圈子走出來到商業模式去還是有點顧慮，但是當你接觸到這商業化的東西，你會發現，學校的東西遠遠不足。所以一般公司會進行些培訓，很感激william楊，他提供了很多設計的書籍給我自學閱讀，可惜在我深刻讀完《瞬間之美--web界面設計如果讓用戶心動》(點擊跳到本人的讀書筆記)一書后，就再也很難抽取一點時間來閱讀了。

在接下來的這個月里，除了必要的培訓以熟悉公司及其產品知識外，我也開始忙碌起來，因為產品的第一個內部版本需要再x月x日這個好日子發布。剛開始的兩個星期，因為對產品并不熟悉，一直以來在學校設計的作品都很“學?！钡巧虡I設計比較少，出頭設計的時候真的抓破頭腦，因為習慣了學校的生活，習慣了客戶給要求按照客戶的想法去做。至于什么叫很學校呢，就是一種填鴨式的，根據參考去模仿設計，然而在社會上涉及很多版權問題，所以商業上的設計基本上都是原創或者參考過后進行大幅度的提高審美設計，其次因為涉及商業利益，在商業的角度上，商業的資金來源是客戶，所以他們的需求來源于客戶，注重用戶感受的設計，是一個好設計。其實設計是件看起來簡單，但是操作起來卻感覺很漫長的一件事情，每一個細節自己不斷的琢磨推敲，自己就會讓工作時間變長，效率變低，卻又希望哪天能像那些設計家門隨心所欲的設計出自己喜歡，人們喜歡，客戶滿意的東西。設計來源與生活，應用于生活，我還需要多多積累。

x月x日這個內部版本中，我主要的工作就是設計界面，然后photoshop切圖，然后繼續傻傻的使用習慣的notepad2++手寫html和css。經歷這樣的蠢事之后，我決定還是回到dreamweaver的懷抱，因為畢竟知識不夠強，在兼容性方面還需要有dreamweaver來實時的告訴我，以提高我的工作效率。期間william楊還多次與我熟悉，很感激他們都關心我，提醒我應該有自己的就業方向，3年5年_年的計劃，說長不長說短不短的大學2年已經過去了。我應該有怎樣的人生，我有想過，但卻還沒如此認真的付出著。我想起老板那句，你喜歡設計?你覺得設計適合你嗎?我真的很需要考慮我的以后，但目前設計還是我喜歡的事情，我也愿意身心的投入到其中，有時候可以不必得到回報，只是為了滿足我小小的心靈。

當x月x日一過，為慶祝產品大賣，公司還組織爬山活動，然而平常我們在深山中休養學習的多，爬山的少。爬山是鍛煉毅力的一種好方法，工作之余不能忘了生活，忘了自然。這次高強度的爬山活動從下午3點一直爬到了晚上10點多才下到山腳，經歷的時間之長，讓我感受到一個人在公司里，不僅要有強硬的專業知識，還需要強壯的身體支撐來效益公司，而下山mk的那段話，真的讓我感受到他們很關心我，因為畢竟他們都是過來人，謝謝他們的指導。

產品的初步版本確定之后，就要開始慢慢的改進了。william作為產品經理，不僅要領導著整個團隊，還要協調工作的進度。他會制作出甘特圖，通知每個人需要做什么事情，大概需要多長時間來完成。在其中，我會不時的停滯，因為某些小bug會導致我去轉牛角尖，而這樣會導致拖慢整個進度，然而在這個環節，我學會的最多的事，做事情要分優先級。總體要現出來，大方向，模糊地對，細節的錯，慢慢改。而那個定律資源一定了，時間也定了，只能減少的剩下特性。

從x月x日開始到_日，又是另一個版本的小跨越，一個星期里做的事并不多，除了不斷配合小楊完善頁面的重構和美化工作，還要檢查最繁瑣的兼容性問題，心里知道很多房地產經紀人使用的電腦基本上都是深度、雨林木風、電腦公司特別版的ghost系統，所以基本上都是ie6ie7為主流的瀏覽器，兼容性方面的確在工作上成為一個重點。

_日的第二個小版本后，會議總結了3頁的分條建立修改文件，當看見滿是修改意見的一行行文字，寫上我負責的q，心理是有點擔心，是否能在期限內完成工作，然而15日這次的爬山活動并沒有參加，因為我知道我應該更加抓緊時間處理問題，一天下來最讓我自己感到滿意的是導航，親力親為的感覺，頗有成就感。一方面不僅要不斷的完善頁面的布局，一方面還要抽時間設計虎之翼公司的logo和網頁，他們真是替我捏了把汗似的，都有種壓力很大吧。我感覺還好吧，不過腦子真的要轉的很快了，因為沒有創作來源，讓我在上下班的途中朝思暮想的想著設計，充分利用上下班的塞車時間，不斷的觀看經過車窗的各型各類的廣告來尋來創意來源。最后還是有驚無險的完成這些工作。除了這些工作，公司越來越多人了，剛進去的時候只有我和sandy，后來多了好多個人，很羨慕參數組，能有說有笑的工作，但是我這項工作，我不是一個人在戰斗。再后來，開始招聘銷售，因為產品到_號就要正式發布了，有點讓我走也走的不放心的感覺，要配合銷售展開小單張的宣傳。時至_日，才基本完成。

希望，我的能力能幫到公司，獻出我自己一份的力量。

網頁設計的心得體會篇4

真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規格，一下子把其他內容的框架擠開;插入的層太多，大一點的就把小一點的給覆蓋掉了;插入的FLASH不能產生效果?？傊畣栴}一籮筐。實踐出真知，原來自己還有那么多欠缺的知識。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網頁制作方面的書籍來參考。

在對基本知識有了詳細的了解之后，做起東西來就得心應手多了，知道引導頁能過加映像之后，我決定為我的網頁設計一個引導頁。

然后是主頁和二級頁面的設置。要注意,網上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網上,因為它們太大了,但可以用圖象軟件進行轉換，比如Office 97的照片編輯器。把準備在主頁上出現的圖象放進相應的目錄里后.

在一步一步的邊學邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網頁技術還差的遠，但是回顧一下這周真的學到了很多的東西。

網頁的調試

之前把作過的東西放到U盤里，發生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和WEB頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。

一.網站的整體規劃

1.討論網站主題：因為自己對普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設計一個旅游網站。

2.定位網站CI形象：旅游網站最重要的就是是瀏覽者產生想去親身體驗一下的共鳴。于是在網頁設計上面，根據普羅旺斯夢幻般的意境，我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。

3.確定欄目和板塊：

1]首先要考慮整個網頁的長和寬，以及長度和寬度之間的比例。

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

3]正文的框架設置 (橫向因素和縱向因素交錯)

在瀏覽了很多精美的旅游網站之后，再結合自己的想法，我先在草紙上畫出了大體的欄目和板塊。

4.網站的整體風格和創意：建立一個浪漫的旅行網站，走映像派路線，目的務必使瀏覽者留下映像。

二.網頁制作的前期策劃與準備

1.資料的搜集：由于個人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢幻效果的網頁背景，FIASH源代碼、小圖標和一些GIF的動畫等。

2.熟悉制作工具軟件：

主頁制作的基本條件有：網頁設計實習總結

硬件：

一臺電腦(64MB以上內存，當然越大越好啦);可以撥號上網;如果你有條件的話,建議:配置掃描儀,這將大大方便圖像和文字的輸入;

軟件：

HTML編輯軟件：常用的有Frontpage、Hotdog等，本文重點介紹 Dreamweaver;

圖像處理軟件：常用的有Photoshop、flash、Fireworks 等;

文件上傳軟件：常用的有Cuteftp、WSftp等。

網頁設計的心得體會篇5

一連上了兩個星期的網頁實訓課，可以說學到很多以前沒有學到的東西。雖然在大一的時候我們的專業出開設了網頁設計課，但感覺這兩個星期學到的遠遠比以前學一個學期的要多，要豐富。

每一天都有新的內容要學，讓人感覺很興奮，很高興，恨不得馬上就把它給學會。通過這次實訓使我更熟練掌握dreamweaver、flash、fireworks、photoshop等軟件的功能和應用。不但如此，更增加了同學間的友誼，陪養了彼此間的團結。

在這期間，每一天老師都會發一些素材和實訓給我們，首先是網頁素材的準備，在網上查看一些網頁背景和背景顏色搭配，讓我了解到網頁的顏色不能多過3種色彩。接下來的幾天再結合自己的網頁來進行策劃，在做首頁之前，先用圖紙把網頁的結構畫出來，內容和結構都想清楚用fireworks把網頁設計出來，再切割圖片，把它們導成html格式在dreamweaver中進行進一步的編輯。

我們的網站主要是圍繞宿舍而展開的一串活動、人物等，宿舍給我們一種很溫馨、很快樂的感覺，所以我們決定將這次的網頁名叫funnyroom。主題確定好了，那么分工出就明確了，我們組有三個人，兩個人負責找素材，另一個美術好的就負責網頁的頁面設計，但是我們始終不是學美術方面的，所以色彩方面搭配的不是很好，后來采用了色彩比較清新自然的綠色來作為首頁的主色調，讓人第一眼看上去就有難忘的感覺。而從第二頁開始就采用粉色為主色調，讓人可以感受到我們的主題，因為首頁和其它的顏色不一樣，所以我們就把首頁當作是過渡頁，第二頁開始才是網頁的內容。為了增加網頁的新鮮感和活潑感，還適當在添加一些透明flash和一些網頁特效。在這實訓的時間里面，我們分工合作，共同努力，對網頁反復調試和修改，特別是對于fireworks軟件不那么熟悉，有很多的實例都要看過老師的演示才會明白，不過這也恰恰讓我學到更多。雖然中途難不免會有因為意見的不合而發生一些小小的爭吵，但我覺得不影響我們的網頁設計，反而會因為這些不同的意見而重新學到更多的知識。

網頁設計的心得體會篇6

在學習網頁制作的這段時間里，我利用了學習之余的一切可利用的剩余時間，全心全意投入到網頁世界，去不斷的學習，去不斷的探索;同時去不斷的充實，去不斷的完善自我，在網絡的天空下逐漸的美化自己的人生!

另外做好主頁也并不是一件容易的事。它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。

標題在個人主頁中起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、有特色、簡短易記，不要符合自己主頁的主題和風格。

網頁頁面整體的排版設計也是不可忽略了，很重要的一個原則是合理也運用空間，讓自己的網頁井然有序，留下合適空間，會給人輕松的感覺。

主頁中不光要有文字，還要適當地加一些圖片。俗話說一圖勝千言，我想它不無道理。一張處理得好的圖片不需再多做解釋，就能使人一目了然，讓人去思考，去了解它。

通過這次制作網站的過程，我最大的感受就是制定網站計劃的重要性。一個好的計劃可以詳細制定網站的相關內容，為后面的工作節省很多時間，所以在制定計劃時要有充分的準備。

我通過整個包括主題的確定，網頁的設計，資料的整和等制作的過程，才更加深入地理解了這些理論。我會懷著濃厚的興趣去學習，與同事之間互相協作學習，學會把理論知識運用到實際中，真正提高我的自主學習能力、協作精神和實踐能力。向著做一個真正意義上的教育技術專業人士的目標前進。

網頁設計的心得體會篇7

畢業后，我來到了社會這個匯集眾多江河湖水的大海，感受到了獨立生活的好處與艱辛，同時我自己也更深的理解了，家長和學校老師對我們的殷切希望，在社會實習的這段日子，我吃了些苦，受了些罪，可是整個人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了?，F將我的實習情況匯報如下：

一、實習工作介紹

我所在的這家公司，是一家做網上招商的商業網站，公司接收各種廠家提供的信息，然后由網絡的技術人員，將商家的信息做成網頁廣告，然后掛在我們的網站上，以此達到商業推廣的目的，類似我們公司的網站在同行業還有u88、28招商網等。

我和其它幾位同事做為網絡部的技術人員，主要的工作就是接收美工人員的網站模板，將其通過photoshop切片，然后導入dreamweaver進行排版，(排版主要使用css+div)，并進一步的加以制作，完善美化，如加入js代碼，或透明flash，因為網頁是用css+div進行排版的，所以在最后一步的時候，我們還需要進行瀏覽器測試，因為css+div排版方式有一個的缺點就是：瀏覽器不兼容的問題，典型的如：ie與fireworks，因為各種瀏覽器使用的協議不同，所以會導致頁面在最終瀏覽的時候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個新人，我在有些方面的技術還很不成熟，所以在技術總監張偉的幫助下，解決了很多問題，所在我很感謝他，當每天我們做完網頁后，都會在代碼頁面加入注釋代碼，在里面寫上每個人姓名的漢語拼間和工作日期，這樣方便月底做統計工作，公司領導會根據每個人的工作數量進行獎勵，每做一個頁面會有2塊的提成，雖然少點，但是積少成多，也是很可觀的。

二、初來公司的時候

(一)初級考試

初來公司的時候，我們經過了初期考試，培訓，與最終考試三個階段，在接到公司讓我面試的電話后，我來到了_公司，因為要干的是網頁設計，所以要有一個小測驗，技術總監要求我們在網上自找圖片和文字，做一個簡單的頁面，要求是：什么樣的頁面都可以，考查的主要是面試者相關軟件的操作能力與代碼掌握的熟練成度，說實話，從畢業后，有一段時間沒有寫代碼了，剛一上機，還有點生疏，但是憑借在學樣扎實的學習功底，我很快就恢復了自己的英雄本色，將html代碼寫的很熟練，做了一個左右分欄的頁面，沒什么太大難度，技術總監看了以后，說不錯，讓我三天后參加培訓，合格扣就可以正式上班了。

(二)三天的培訓工作

三天后，我來到了公司，一看，來參加培訓的人有很多，大概在十多個人左右，其實所謂的培訓，就是讓大家先熟悉這家網站的工作，先做一些他們平時干的活，做一些廣告網頁，這些網頁都是靜態的，沒什么難度。我后來發現，自己在這些人當中，還是較較者，心里優勢還挺好的。

(三)最后的考核

三天的培訓后，我們迎來了最后的考核，合格的人會被留下，并得到一份為期一個月的實習合同，然后會在根據你在實習期的表現決定你的去留問題,秀的人會轉正，得到很優厚的待遇。

考核的內容，就是在公司的商務網站上任選一個頁面，然后在規定的時間內做完，我還不錯，技術比較熟練，是第四個做完的。當我們把網頁做完后由這家公司的經理進行審核，最后的結果是，最先做完的前8個人可以有底薪加提成，每人頁面的提成是2元錢，而后面做完的，只有提成，沒有底薪，他們的提成是每個頁面5元錢，最后的幾個人就被淘汰了，制度雖有點不近人情，但是剛畢業的學生能忍也就忍了，就這樣，我們每個人得到了一份一個月的臨時合同，正式開始了實習工作。

三、正式工作

我們每天的上班時間是從早上8:30分到下午的17:00，這是我見過最有激情的一些人了，年紀輕輕，干勁十足，來了以后就工作，連平時聊天的內容也和本行業分不開，我喜歡他(她)們，回為是實習期，所以每天做的數量沒有太大要求，但是每個人都玩命似的干活，抓緊時間做網頁，我們做的網頁是比較簡單的從上到下式的網頁，通過css+div排版，這樣在后期瀏覽器兼容測試中，就好做的很多了，文字與圖片之間就不會有太多的麻煩，我干的很不錯，不過有些追求精致，我做網頁的速度慢了很多，最初每天只能做3--4個網頁，這對于我來說是不能接受的，后來我改變了工作方法，我第次工作的時候，先訂下計劃，比如今天做多少網頁，然后我將要做的所有網頁，先做好排版，這時的網頁雖然排過版，但是不美觀，因為沒有進行美化工作，然后我會在下午的時間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會更快，我相信自己。

四、業余的生活

每天的工作都是是很快的，有時感覺時間過的很快，想停都停不住，早上出去的時候，見的是太陽，晚上下班后看到的是即將落日的夕陽或者是星星，每天就這么快的過去了，每個工作日結束后，我都會在下班后步行一段時間，去附近的圖書城充會電，或者放松一下，找一些我喜歡的書，看上幾個小時。

五、工作心得體會

實習期結束后，我和其它同事得到了正式合同并留在了這家公司，通過這次工作，我得到的體會就是，如果一個人在社會上沒有一技之長，那他是沒有辦法很好的活下來的，只有不斷的加強自身專業技能學習才行。所以，尊敬的老師，我會在業余時間好好學習，加強自己的專業能力，使自己變得更強，只有這樣才能上到為國家、為社會做出貢獻，下到為自己、為父母、為學校交出一份滿意的答卷。

報告人：

時間：

網頁設計的心得體會篇8

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

在學習了網頁設計的同時，我更加深入的了解了關于計算機和網絡的知識?；趯τ嬎銠C基礎與C語言的基本掌握，學習網頁設計的基礎部分便顯得較為輕松。雖然如此，在設計過程中依然出現了很多的問題，但通過看書，上網查詢，等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善?？梢哉f在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。

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

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

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

在完成以上的基本內容之后網頁的基本框架便成形成了。下面要開始的便是優化工作。

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

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

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