網頁設計的實驗報告心得（精選5篇）
網頁設計的實驗報告心得（精選5篇）
我們心裡有一些收穫後，寫一篇心得體會，記錄下來，這樣能夠培養人思考的習慣。那麼你知道心得體會如何寫嗎？下面是小編收集整理的網頁設計的實驗報告心得，供大家參考借鑑，希望可以幫助到有需要的朋友。
網頁設計的實驗報告心得 篇1
一 實驗過程
1.資料的蒐集。
2.熟悉製作軟體。
3.構建站點框架。
開啟dremweaver後第一步便是新建站點
4設計主頁及二級頁面。
5實現網頁間的連結
連結的過程其實很簡單，主要是把要連結的文字選擇在選擇工具欄的連結按鈕最後選擇自己要連結的網頁單擊確定便可以了。
6向靜太網頁插入動態效果
具體情況如下：
透過這半年的學習實踐中 和老師的指導下以大量明晰的操作步驟和典型的應用例項，教會我們。使更豐富全面的軟體技術和應用技巧，使我們真正對所學的軟體融會貫通。所以我結合所學專業的內容製作了個人網站，作為實習的成果。其內容是多樣化的。製作網頁用的軟體是ｄreamweaver , banner軟體。dreamweaver大大加速了網路時代電子交易應用中的專案交付。它提供了網頁和表單的動態生成到企業級的解決方案，如電子商店，庫存管理系統和企業內部區域網的資料庫應用等功能。例如，網頁上很流行的陰影和立體按紐等效果，只需單擊一下就可以製作完成。當然，其最方便之處是，它可以將圖象切割，圖象對映，懸停按紐，圖象翻轉等效果直接生成html程式碼，或者嵌入到現有的網頁中，或者作為單獨的網頁出現。主圖是一個網頁的門面，它能體現出這個網頁的整體風格。
製作網頁,首先是確定主題,經過再三考慮,就做了個關於中國的網站,平時也總是瀏覽類似的網站,對這些還有些瞭解,於是確定主題,做一些類似的網站,但考慮到,現在網路上好多類似的網站,但有些內容不適合我們大學生閱讀,對於我們來說有點不實際,根據這種情況,最後決定建立一個簡單的中國介紹和相關的事蹟網站,專門介紹一些即使用,又便宜的小秘笈。於是網站主題確立。
然後是整體規劃，每一版塊都有其個性的色彩，清晰明瞭，便於閱讀瀏覽，大致分幾部分，中國簡介，中國歷史，使用者登入註冊頁面留言，再加入個別網站等，每一部分又分幾小部分，內容比較充分，多樣。
再後是收集資料與素材，大量瀏覽相關網站，收集關於中國的一些事蹟歷史圖片，好的文章和圖片等，還有參考一些好的網站的佈局，特色，顏色搭配，背景圖等。
再後是設計網頁圖片，用flash製作網頁的banner。
再後是建立站點，站點分佈如下：
再後是製作網頁了，使用dreamweaver製作。
首頁內容精彩豐富，簡潔明快，語言風趣，通俗易懂。頁面可愛清爽。首頁主要是導航作用。首頁製作時，時刻考慮著網頁的基本原則：統一，連貫，分割，對比及和諧的原則，內容統一，都是為了主題服務，一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的；連貫，頁面之間關係連貫，統成一體；每版內容都自成一體，顏色各異，便於瀏覽；整個網頁有動有靜，顏色不同，形成對比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且製作過程中，不忘以下原則：
簡潔實用: 這是非常重要的，網路特殊環境下，儘量以最高效率的方式將使用者所要想得到的資訊傳送給他就是最好的，所以要去掉所有的冗餘的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美；頁面用色協調，佈局符合形式美的要求: 佈局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。
利用我們所學的框架集，製作更完美的頁面。將動態網頁與靜態網頁結合起來
再後，除錯過程，好多次本來在dream裡好好的，把字調的好好的，位置很對，可在瀏覽器裡御覽就出毛病了，不是靠上了，就是靠下了，很不老實，經過再三除錯，整理，加了好多表格，終於滿意了，很是麻煩，想請問老師，為什麼會出現這種情況啊，還有怎麼解決啊，不用這麼反覆調整的辦法，還有什麼好辦法啊？
還有，在最超連結過程中，明明在頁面屬性裡設定的是超連結的文字是原色，點選連結後也是原色，可一連結上就變色了，想了老半天，也做了很多研究，實驗，終於知道怎麼回事了，原來應該對文字所在的單元格整體做連結，而不是隻選中文字做連結。
還有，這次的網站大部分用的是表格，層用的很少，因為它太靈活了，不好控制，用的很少。
再後，是網頁的上傳與釋出，用ftp將製作好的網站上傳
製作過程中，才發現，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應用，操作，可這樣要修改模版可就麻煩了，要一個網頁一個的修改，於是趕緊上網學習相關內容，閱覽書籍，最後才知道檔案這有個資源，點選
進入資源面板，點選到數第二個的模版，選項，所有模版就都顯示了，點選資源面板左下角的應用命令，好了，這個模版就應用到你建立的網頁中去了。
這只是在製作過程中出現的問題之一，其它問題也是類似相同。現在想想，自己所會的東西太少了，現在做的網站只是一些簡單的網站，看到了一些知名的網站開發出的網頁，不僅欄目內容豐富，資訊量大，而且頁面圖文並茂，五彩繽紛，使得網民讚歎不已，流連忘返。以我們的經驗，當前的軟體的功能日趨複雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。需在加以刻苦鑽研及學習，不斷開拓視野，增強自己的實踐操作技能，為以後能做出出色的網頁而努力。
同學告訴我，要做好網頁，一定要學從c++,java,php，asp，資料庫。以後要學的實在是太多了，而且我也很喜歡這方面，在以後的日子裡，會努力填充自己，豐富自己的。希望以後有不懂的地方，老師能多多指點。
二 實驗心得
在internet飛速發展的今天，網際網路成為人們快速獲取、釋出和傳遞資訊的重要渠道，它在人們政治、經濟、生活等各個方面發揮著重要的作用。因此網站建設在internet應用上的地位顯而易見，它已成為政府、企事業單位資訊化建設中的重要組成部分，從而倍受人們的重視。
對於現在的社會，科技的飛速發展已經成為社會發展的標誌。其中計算機的發展可謂快中之快，而在計算機的發展中計算機網路的發展又是首當其衝的。計算機網路從為我們所知，到現在才經歷的短短的幾年時間，在這幾年中隨著計算機網路的廣泛應用，特別是internet的普及和發展，網路已經成為了不可或缺的通訊手段。不論是最新的新聞資訊、新產品的出臺、新遊戲的釋出、最新的各種it動態，包括等候就業人才的個人簡歷，我們都是可以透過網路來獲得。但是什麼為這所有的一切提供平臺的呢。我們又是透過什麼來獲取這些訊息的呢對就是網頁。現如今，數以萬計的網站以網頁的方式提供了豐富、精彩的資訊。在人類社會進入資訊時代的時候，在網路成為通訊的主要手段的時候，在計算機網路普及的今天，網頁也在它自己的崗位上做出了突出的貢獻。網頁是我們在網路上的代言人。我們將什麼樣的資訊傳達給瀏覽者，要講述什麼樣的事情，網頁在這裡起著重要的作用。
企業網站在企業的網路營銷當中佔有及其重要的地位，只要是涉及網路宣傳的企業，都應該建立屬於自己的個性企業網站。他不僅能夠讓企業在網路上展示自己的產品，促進實際銷售的增長，更能夠透過一根網線，向目標客戶展示企業自身的形象。
對於企業網站設計的觀點，偏重網站的形象設計，即在功能務實、體系完善的情況下，重點結合企業理念打造網站的形象。logo就能很好的表現企業的形象。企業標誌(logo)是指用於代表企業形象的獨特的、有意義的圖案，是企業形象識別當中最核心的環節，可用於與企業形象相關的所有環節。由於企業標誌所處的特殊地位，決定了其不能夠隨意更換，因此能否設計一個有內涵、有文化、便於識別的標誌，並建立相關的應用系統，關乎到企業長遠的發展，不容小視。
建設網站的一般過程包括：前期內容確立、網站架構搭建、創意策劃、設計、網站建設。網站的功能版塊一般分為首頁（含引導頁）、新聞部分、產品部分、資訊交流部分、定製系統、零散頁面等。根據不同的企業需求，各網站的功能版塊數量、佈局、結構各異。
（一） 頁面的設計方面
網頁設計跟學習別的東西一樣，也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執著。
頁設計需要耐心，如果沒有耐心，就學不好網頁設計，應為當你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了很長時間才解決。
頁設計需要堅持，堅持不斷的學習，因為設計網頁的軟體在不斷的更新，因此我們要不斷的學習
並且頁設計不要掉入技術的陷阱，如果你的網頁設計技術一流，並且對軟體的掌握程度已經達到一定水平，但是你設計的網頁確不堪目睹，這是因為網頁設計是介於平面設計和程式設計技術兩者之間的邊緣科學.不僅涉及到美學,心理學,平面構成,色彩搭配等平面設計的方面的知識,還涉及到html,javascript,css,asp,php等程式語言技術方面的知識.只有綜合運用多種知識,才能設計出視聽特效,動感十足,富於個性的web頁面,才能全面展現網際網路這一新型媒體的獨特魅力和多維空間的超強功能.
並且我認為網頁設計應該注重實用性，因為它是讓人瀏覽的，是使用者可以撫摸，可以評論，可以互動的。因此我提倡簡單的美。
（二）網頁視覺效果
視覺形象識別即我們通常所說的vi（visualidentity），與bi一起用於深化表現企業理念，同時也受到bi的影響。所謂視覺形象識別，就是指能夠被目標客戶透過視覺來認知與企業相關的一切事物，從最基礎的企業標誌、吉祥物、標準色到企業日常業務中的信紙、服裝、名片等等，在將其系統化以後就形成了企業的視覺形象識別系統。
視覺形象識別系統在整套cis中處於最表層的位置，其中所有的`設計都將與目標客戶發生直接的接觸。
（三）網頁的整體佈局和導航
網頁的佈局通常指的是網頁的整體架構，說的通俗一點就是排版。如何突出最重要的內容，即讓使用者第一眼就看到這個網頁所想要傳達的資訊。這一點至關重要。在大多數做的比較成功的網頁中，一個共同的特點就是網頁的整體架構十分的清晰明瞭，便於使用者瀏覽
網頁佈局大致可分為國字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、flash型、變化型
網頁佈局是主要考慮以下幾點：
1、首先要考慮整個網頁的長和寬，以及長度和寬度之間的比例。
2、其次就應該考慮導航條的設定了。
3、正文的框架設定（橫向因素和縱向因素交錯）
（四）網頁中文字、影象
圖象我利用網上搜索和自己所學過的banner進行處理,這樣做起來節約了很多時間。。
（五）網頁製作過程中的其他注意事項
不要過於注重色彩的燦爛，只要簡單就行。我們最終追求的主要是實用價值。
透過這次實習，在製作時想想使自己的網頁更加豐富多彩，在網頁中插入圖象，動畫，動態特效。可是總遇到這樣那樣的問題，但在同學的幫助和自己摸索的情況下完成了這個實習的成果。看到了一些知名的網站開發出的網頁，不僅欄目內容豐富，資訊量大，而且頁面圖文並茂，五彩繽紛，使得網民讚歎不已，流連忘返。以我們的經驗，當前的軟體的功能日趨複雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。虛在加以刻苦鑽研及學習，不斷開拓視野，增強自己的實踐操作技能，為以後能做出出色的網頁而努力。
近一個星期的實訓將要結束，其中的酸甜苦辣我會在今後的日子裡不斷地去咀嚼，去回味，去探索。從製作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，並且為我自己在製作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今後走上社會後的一筆巨大的財富。這次實習的收穫對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收穫。總體來說這次是對我的綜合素質的培養，鍛鍊和提高。
網頁設計的實驗報告心得 篇2
網頁設計伴隨著網路的快速發展而快速興起，作為上網的主要依託，由於人們使用網路的頻繁而變得非常重要。生活中我每天上網都要接觸到網頁，原來沒有留意過網頁的設計，但是經過這段時間的學習瞭解，現在我開啟一個網頁都會習慣性的先看看排版、佈局和色彩運用。
透過老師的講解和對課本的翻閱，我學習到了一些關於建設網站和製作網頁的知識，對網頁製作的基礎知識也有了一定的掌握。透過Dreamweaver製作網頁，我用到了一些基本的功能：圖片插入和對齊設定；文字的格式、顏色、背景顏色的設定等。但是在自己嘗試著做的時候，總是出現這裡那裡的問題。不是圖片不能固定在自己想要的位置，就是滾動文字的顯示區域不知道為什麼撐過了頁面，還有就是不同解析度、不同瀏覽器都會對瀏覽網頁產生影響。而且在CSS方面，我總是不太熟悉各種程式碼是控制哪些東西的。除了查詢解決問題我還總結了經驗。例如：
1、命名站點或者資料夾的的時候一定要注意，最好用相應的英語或者漢語拼音，要見名知意，如圖片資料夾用image或者tu，這樣可以避免頁面呼叫時不正確的現象發生。
2、呼叫Style時可以單擊滑鼠右鍵選擇Custon Style來呼叫Style標準，也可以在狀態列中的元素列表上單擊右鍵來呼叫Style。雖然不同的方法達到的效果看似一樣，但實際上產生的HTML程式碼則完全不同。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，它是Flash、Photoshop等網頁軟體的綜合應用。例如Flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區裡繪畫，編輯修改非常靈活，它的另一大特點是“互動性”強。在動畫播放時，可以用滑鼠或鍵盤對動畫的播放進行控制，可以很直觀的反映出效果。 頁面設計應以美觀、大方、簡潔為原則，保持一致的風格。為了達到最佳的視覺表現效果，應講究整體佈局的合理性，使瀏覽者有一個流暢的視覺體驗。網頁最主要的功能就是給每個上網者提供一種形式，讓他們能夠了解網站提供的資訊。要研究網頁設計，就需要站在使用者的角度來看。使用者是一個網站成敗的關鍵。如果使用者要花很多時間進入網站，很有可能他會立即關掉網站，或者網站操作很不方便使用者也會馬上離開，這種網站是很失敗的設計，只會讓使用者失望的離去。所以網頁容量即包括影象在內的網頁位元組數最好不要超過50K。
還涉及到介面弱化的問題。一個好的介面設計它的介面是弱化的，它突出的是功能，著重體現的是網站業提供給使用者主要是什麼。這就涉及到瀏覽順序、功能分割槽等等。要讓訪客在0.5秒內就能把握網站的行業性質，1秒內就知道該從哪個地方開始使用這個網站，能點一次的，絕不點第二次。當然上面說的是大多數功能性網站，對於宣傳展示性網站，諸如加特效的或Flash網站，可能就不得不花哨一些，但不能太過分。網站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現意境，點到為止。
下面簡單介紹下網頁設計的理念和要點。網頁設計理念：
（1）內容決定形式：先把內容充實上，再分割槽塊，再定色調，再處理細節。
（2）先整體，後區域性，最後迴歸到整體：全域性考慮，把能填上的都填上，佔位置。然後定基調，分模組設計。最後調整不滿意的幾個區域性細節。
（3）功能決定設計方向: 看網站的用途，決定設計思路。商業性的就要突出贏利目的；政府型的就要突出形象和權威性的文章；教育性的，就要突出師資和課程。
網頁設計的兩大要點是：整體風格和色彩搭配。
一、確定網站的整體風格:
1、將標誌logo，儘可能的放在頁面最突出的位置。
2、突出標準色彩。
3、總結一句能反映網站精髓的宣傳標語。
4、相同型別的影象採用相同效果，比如說標題字都採用陰影效果，那麼在網站中出現的所有標題字的陰影效果的設定應該是完全一致的。
二、網頁色彩的搭配:
1、用一種色彩。指選定一種色彩，然後調整透明度或飽和度，這樣頁面看起來色彩統一，有層次感。
2、用兩種色彩。先選定一種色彩，然後選擇它的對比色。
3、用一個色系。就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。在網頁配色中，還要切記一些誤區：
1、不要將所有顏色都用到，儘量控制在三至五種色彩以內。
2、背景和前文的對比儘量要大(絕對不要用花紋繁複的圖案作背景)，以便突出主要文字內容。
針對我所學的平面設計方向，那麼這次應用到了創意思維，版面設計，色彩配置。圖形創意等方面都很重要，對於網頁設計作為一種視覺語言，特別講究編排和佈局，雖然主頁的設計不等同於平面設計，但它們有許多相近之處，版式設
計透過文字圖形的空間組合，表達出和諧與美。不積跬步，無以至千里。我已經在老師的指引下邁入了網頁設計的大門，在今後的閒餘時間繼續認真學習製作網頁的更多知識以實現自身技能的提高。
網頁設計的實驗報告心得 篇3
實習目的：熟悉和掌握計算機網頁設計的基本技巧及網頁製作相關工具軟體等內容。培養我們利用計算機進行商務網頁設計的 基本思路和應用開發能力，提高我們的計算機文化素質。
網頁是世界上最有價值的不動產之一。人們在這個不足0.1平米的空間內投資達數百萬美元。網頁對公司的影響比簡單的電子商務增收方法大得多;網頁也是公司對外的臉面。WEB站點就像一棟房子，它的每一個視窗都可以看成一扇門，人們可以沿著搜尋引擎其他WEB站點的連結，繞過主頁而進入WEB的深層。
一.網站的整體規劃
1.討論網站主題：因為自己對普羅旺斯很感興趣，於是就想到要是一下為心中的仙境設計一個旅遊網站。
2.定位網站CI形象：旅遊網站最重要的就是是瀏覽者產生想去親身體驗一下的共鳴。於是在網頁設計上面，根據普羅旺斯夢幻般的意境，我採用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。
3.確定欄目和板塊：
1]首先要考慮整個網頁的長和寬，以及長度和寬度之間的比例。
2]其次就應該考慮導航條的設定了。
3]正文的框架設定 (橫向因素和縱向因素交錯)
在瀏覽了很多精美的旅遊網站之後，再結合自己的想法，我先在草紙上畫出了大體的欄目和板塊。
4.網站的整體風格和創意：建立一個浪漫的旅行網站，走映像派路線，目的務必使瀏覽者留下映像。
二.網頁製作的前期策劃與準備
1.資料的蒐集：由於個人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就蒐集了一些有夢幻效果的網頁背景，FIASH原始碼、小圖示和一些GIF的動畫等。
2.熟悉製作工具軟體：
主頁製作的基本條件有：
硬體：
一臺電腦(64mb以上記憶體，當然越大越好啦);可以撥號上網;如果你有條件的話,建議:配置掃描器,這將大大方便影象和文字的輸入;
軟體：
html編輯軟體：常用的有frontpage、hotdog等，本文重點介紹 dreamweaver;
影象處理軟體：常用的有photoshop、flash、fireworks 等;
檔案上傳軟體：常用的有cuteftp、wsftp等。
三.網頁製作
真 的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規格，一下子把其他內容的框架擠開;插入的層太多，大一點的就把小一點的給覆蓋掉了;插入的 flash不能產生效果。總之問題一籮筐。實踐出真知，原來自己還有那麼多欠缺的知識。於是迴歸本源，先把課本上的東西弄通再談其他。然後又到圖書管裡借 了幾本網頁製作方面的書籍來參考。
在對基本知識有了詳細的瞭解之後，做起東西來就得心應手多了，知道引導頁能過加映像之後，我決定為我的網頁設計一個引導頁。
然後是主頁和二級頁面的設定。要注意,網上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網上,因為它們太大了,但可以用圖象軟體進行轉換，比如office 97的照片編輯器。把準備在主頁上出現的圖象放進相應的目錄裡後.
在一步一步的邊學邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網頁技術還差的遠，但是回顧一下這周真的學到了很多的東西。
四.網頁的除錯
之前把作過的東西放到u盤裡，發生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把原始檔和web頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。
總 結：在www上,不論你是資產上億的大公司,還是捉襟見肘的窮學生,只要你建立了自己的網頁,你們的地位就是平等的。經過這周的相關學習，我瞭解到網頁設 計與製作是一門龐大的工程。網站的反饋與評價網站要注意經常維護更新內容、保持內容的新鮮,不要做好就放到伺服器永遠不變了,只有不斷地補充、更新內容、 才能夠吸引瀏覽者.維護更新時可以充分利用dreamweaver提供的模板和庫技術,以提高工作效率. 一個真正的網站,不僅應該實現傳統媒體的電子化,給使用者提供需要的內容、而且還應該做更多的事情、完成比頁面瀏覽更高層次的需求,例如收集資訊,資料傳 遞,資料儲存以及系統維護等.自己還有許多要學習的地方。
網頁設計的實驗報告心得 篇4
在經濟迅速發展的今天，Internet顯得更為重要它是人們釋出資訊與傳遞資訊的重要渠道，為了與社會發展同步，為了讓我們成為真正的技術性人才。學校在本週為我們安排了維持一週的網頁製作專用周是實習，讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。透過本週的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足，下面就談談我在本次專用周的主要感受。
一、網站整體規劃，要做網頁的第一步便是做網站的整體規劃。這主要包括四個方面的內容
1。討論網站的主題。
網站整體規劃是做網頁的第一步也是製作網頁最關鍵的一步它決定了你要表答的資訊，因此我選擇了我選擇我最喜愛的服飾來為它做網頁。在平時我也對服裝的網頁比較關心，無論是淘寶網上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網頁。
2。定位網站的CI形象。
“易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既有濃厚文化底蘊，又有現代自然人文氣息的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展。“菲”通非，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘。“生活如花，自在快樂”是YIFINI易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網站的CI形象。
3。確定欄目和板塊。
於時間的關係在本次我準備做四張網頁：一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產品、潮流資訊”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網頁的主打色綠色。
4。網站的整體風格和創意。
整個網站的創意就在於顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網站的主打色主要是因為我的產品特性。在設計上，YIEINI易菲推崇“自然美”，將帶表女性氣質的花卉和自然元素融入設計之中，充分體現設計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現悠閒、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。
二、網頁製作的前期策劃與準備，在本階級主要有兩方面的工作
1。資料的蒐集。
在做網頁我上網收集了許多方面的資料主要是有關網站的佈局與服飾品牌方面的資料，我首先進它的企業網站找了一些關於“易菲”服飾的圖片主要是一些代言形象還有代表其企業形象的圖片。其次我去瀏覽了許多的網頁觀察其網頁的佈局、顏色搭配、欄目、板塊等方面的內容，同時也蒐集了一些對我有用的資料。在搜尋資料最困難的便是動態圖片的蒐集，動態圖片其gif格式的還是好儲存，但是要蒐集flash動態圖片就相對較難了。我用了一天的時間來蒐集我的flash都不太成功，不過還搜到了可以換自己圖片的程式碼。在開始時我根本就不知道flash是怎樣搜尋，不過經過三次像老實詢問我終於懂得一些關於程式碼的搜尋。在蒐集資料的過程之中我發現了自己的許多不足之處，最關鍵就是平時對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現。透過這次的教訓在以後我一定會做得更好，爭取不範類似錯誤。
2。熟悉製作軟體。
做網頁主要用的工具便是Dremweaver、Photoshop、Flash軟體。在這些軟體我對Dremweaver、Photoshop相對比較熟悉，因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現的問題還是有很多。有很多不懂如何操作，只有透過在次去看書才能夠了解，這也體現了我學習方面的缺點，它是我平時不夠認真的具體表現。
三、網頁製作，這便進入我該次的主題了具體制作流程如下
1。構建站點框架。
在我開啟Dremweaver後第一步便是新建站點，我把我的站點建立在F儀下面。並將我搜集的全部資料都儲存在其資料夾中，以便網頁製作時可以方便的使用。
2。設計主頁及二級頁面。
在主頁我設首頁製作時，時刻考慮著網頁的基本原則：統一，連貫，分割，對比及和諧的原則，內容統一，都是為了主題服務，美容美體，一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的；連貫，頁面之間關係連貫，統成一體；每版內容都自成一體，顏色各異，便於瀏覽；整個網頁有動有靜，色彩呼應，搭配協調，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。
而且製作過程中，不忘以下原則：
簡潔實用：這是非常重要的，網路特殊環境下，儘量以最高效率的方式將使用者所要想得到的資訊傳送給他就是最好的，所以要去掉所有的冗餘的東西。使用方便：同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美；頁面用色協調，佈局符合形式美的要求：佈局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。
互動式強：發揮網路的優勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網頁才算真正的美的設計。每個子頁都設有上導航欄，便於瀏覽和跳轉。3個二級網頁製作時，使用的是表格，每一個頁面都用表格為它佈局好，然後在插入圖片文字及其他，這樣有一定的規劃性，體現了連貫統一性，不同的內容根據各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網頁的時候我就進行了如上所述的方法。但我所以網頁的背景顏色及主題顏色都是相同的以便突出我每一個網頁都是為凸顯我主題而服務。
3。實現網頁間的連結。
我的連結按鈕主要有四個“時尚首頁、時尚衣秀、推薦產品、潮流資訊”它分別連結到我所做的四個網頁。連結的過程其實很簡單，主要是把要連結的文字選擇在選擇工具欄的連結按鈕最後選擇自己要連結的網頁單擊確定便可以了。
4。向靜太網頁插入動態效果。
在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼貼上到我的網頁上可是在瀏覽網頁的時候flash卻不能夠顯示。最後我向老師的請教後終於在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網頁我主頁插入的是一些gif格式的動態圖片。
四、網頁的除錯
在做完網站才發現，怎麼所有的圖片素材並不是在一個資料夾中，而有許多的子資料夾，從網上下載的網頁全都是一個網頁對應一個資料夾。製作過程中，才發現，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應用。而對於動態flash的插入我更是問題多多，開始是我對程式碼基本上是不懂，這就是自己學校上的問題，當真正開始運用的時候在向老師提問。
這只是在製作過程中出現一些問題，其它問題也是類似相同。現在想想，自己所會的東西太少了，現在做的網站只是一些簡單的靜態的網站，看到了一些知名的網站開發出的網頁，不僅欄目內容豐富，資訊量大，而且頁面圖文並茂，五彩繽紛，使得網民讚歎不已，流連忘返。從我做的網頁來看可以反映出學習的還不夠，缺點疏漏。需在加以刻苦鑽研及學習，不斷開拓視野，增強自己的實踐操作技能，為以後能做出出色的網頁而努力。同時我也希望能夠有更多的類似動手練習，讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術性。
網頁設計的實驗報告心得 篇5
網頁設計的本質是為使用者的體驗服務，網頁設計的具體設計實踐活動主要包括互動和視覺兩個部分，互動的重要程度決定了匹配對應的視覺效果。下面是小編整理的網頁課程設計報告書，希望對你有幫助。
網頁設計作為高校設計學專業的專業課程，在教學課程知識體系的不斷探索和完善中，形成了以藝術和技術分別主導的側重不同而又緊密關聯的兩種課程知識體系。隨著網頁設計理論與方法研究的不斷深入和發展，人們對網頁的產品設計的屬性認知越來越明確，對網頁設計的工作分工更細緻也更專業，這種認知進步也應該體現於當前的高校網頁設計課程的知識構建體系中。
1.從程式碼知識到網頁製作工具知識的轉變
早期，高校網頁類課程的知識體系構建得益於院校的科研優勢，網際網路的發展直接促成了計算機專業的開設和網頁設計課程的設立。20世紀90年代末，網頁設計課程陸陸續續被列入部分高校設計類專業課程目錄。面向高校學生的網頁設計課程內容是一種全新的事物，即使面向藝術類專業，也由計算機專業相關教師承擔教學任務。各高校、科研院所對網頁製作方法不斷探索，並將成果釋出於各種學術研究出版物，教學方面則直接引用案例教學，教學內容以HTML知識為主。由於面向物件的設計思想在軟體開發中普及，各種不需要使用者直接面對程式碼的網頁製作工具相繼誕生，於是，這方面的知識成為課堂的新內容，大大減輕了學生的記憶負擔。2.網頁製作向網頁美工的轉變網站製作的快速發展、網頁製作技術的傳播，使網站在技術層面進入了同質化階段，市場需求開始轉向頁面視覺效果方面的提升。在網頁設計課程中，由於對網頁設計分工認知不足，早期的網頁設計課程時常將設計和製作的名稱與授課內容混用，沒有嚴格區分，也沒有明確的網頁前端設計與視覺設計分工。高校網頁設計課程的授課內容以網頁製作技術為主，以美化頁面效果為輔。此時，高校對於網頁設計課程的視覺設計方面的專業教學研究處於摸索階段。之後，隨著時代的發展，網頁設計課程教學核心開始轉變為製作具有更佳視覺效果的網頁。3.網頁視覺設計與網頁前端設計的內容分離側重於設計的網頁設計課程知識體系重構從探索、發展到成熟，經歷了較長的準備階段。隨著介面設計方法和流程理論體系的日益完善，分工協作機制日趨成熟，前端設計分離後，網頁設計課程的重心確定為符合網頁製作技術規範和條件的頁面創意表達、視覺效果設計與最佳化。網頁視覺設計的探索從傳統的平面設計方法尋找切入點，透過對網頁設計中的審美需求和各種視覺構成要素（如文字、圖片、顏色等）進行分析，結合人們在瀏覽資訊時的視覺習慣，探索網頁視覺資訊如何被更有效、更合理地表達。網頁設計教學重心內容在轉移到視覺設計之後，該階段還未意識到網頁互動設計的核心地位。
網頁設計的本質是使用者的體驗設計。網站作為網際網路非可觸形態的產品，對其認知的構建包含產品屬性認知與服務屬性認知兩個層面的內容。1.網頁設計是一種產品設計設計是一門交叉學科，網頁本身也是一種產品。網頁設計最初被視作平面領域的設計，而連結互動是網頁設計有別於平面設計的基本特徵。網頁設計存在互動性，使其具有互動設計可用性與易用性體驗的內在要求，適用於工業產品的基本設計流程。2.網頁設計是一種服務設計服務設計層面，各種網頁互動體驗、視聽資訊、線上內容服務與線下互動等，是網站向用戶提供服務的設計組成部分。作為一種廣義的產品形態，網頁設計與傳統的實物形態的工業產品設計有一定區別，更傾向於體驗的系統化設計。隨著網際網路向物聯網的可用技術研究與拓展，基於智慧化網路的服務設計將成為跨越線上線下的主流設計形態。3.網頁頁面資訊設計是關係網頁設計品質的深度設計網頁設計作為一種資訊量龐大的網際網路單元，從工效學角度來看，網站資訊本身也擔負著面對使用者、有效傳遞資訊的功能和任務，在具體的設計活動中，表現為對資訊的設計。資訊設計具有多學科交叉性、空間多維性、時間流動性等基本特徵，資訊設計的目的是為了提高資訊的可理解度和可閱讀性。優質的網頁資訊設計可以降低使用者獲取資訊的時間和精力成本，提升頁面資訊獲取體驗。
網頁設計的本質是對體驗的設計，即以使用者為核心思考設計方案，研究使用者在訪問網站時的需求是網頁課程設計任務的基本出發點。課程內容模組應該以回答網頁設計是什麼、怎麼設計、為什麼這樣設計三個問題為主線，構建網頁設計課程的知識體系。1.課程的基本目標掌握網站專案與網頁製作的基本設計流程，培養設計專案管理和組織能力；掌握使用者需求研究分析的基本方法，對使用者體驗和需求研究有較為敏銳的洞察力；掌握網站互動原型相關的設計方法與工具；掌握網頁視覺設計方法和設計規範；瞭解目前網頁前端設計的相關技術和工具。2.知識體系與模組組成（1）設計方法教學內容模組設計方法教學內容模組主要為了解決面對具體問題時設計師怎樣展開分析研究工作並確定設計執行方案。網頁設計方法主要分為專案流程設計與管理、網站策劃方法與規範、使用者體驗研究、互動原型設計方法等，讓學生透過貫穿整個課堂教學的專案流程設計和每個流程的具體設計方法的實踐，掌握基本的設計理論。（2）軟體工具教學內容模組軟體工具教學內容在形式方面包括課堂內的指導和課堂外的自學兩個部分。鑑於設計軟體的頻繁更新和新的設計軟體不斷湧現，教師必須培養學生自學工具的主動意識以適應社會需求。在工具種類方面，包括圖形處理工具、互動原型工具和程式碼工具三類。第一類是圖形處理工具，其中常見的Photoshop、Illustrator等圖形設計軟體，已經在前置課程中基本完成學習。第二類是互動原型製作工具，常見的工具有墨刀、Axure等。第三類是程式碼編輯工具，選擇較多，作為對網頁前端知識的入門介紹部分，在本課程中以介紹為主。（3）設計經驗教學內容模組設計經驗教學以啟發式案例實踐為主，按照網站專案設計的流程需要，設定不同層次、不同要求的設計實踐任務作為課程結課的考核內容。學生透過案例的練習能從優秀作品中學到設計經驗，從具體的案例模仿中獲得設計的成就感。網頁設計課程案例教學同時也是對網頁設計方法的實踐驗證，有助於學生對網頁設計方法的理解和體會。結語任何一種技術變革，都可能讓網頁設計出現新的藝術形態，前端依然是課程必須瞭解的知識。目前，就設計藝術角度而言，網頁設計課程的內容以互動和視覺設計為基礎，在資訊設計層面也有較大的提升空間，設計途徑也已經拓展到使用者的視覺、行為、聲音和邏輯等方面。網頁設計課程的知識體系構建必須以產品的視角，讓學生更深刻、更完整地理解使用者模式下的網頁設計藝術。