網站建設實驗心得體會三篇

　　網站(Website)是指在因特網上根據一定的規則，使用HTML(標準通用標記語言)等工具製作的用於展示特定內容相關網頁的集合。簡單地説，網站是一種溝通工具，人們可以通過網站來發布自己想要公開的資訊，下面是本站小編帶來的有關網站建設實驗心得，希望大家喜歡。

網站建設實驗心得1

　　在這實習當中，我知道了span是html(超文本語言)中的一個元素,span+css是一種網頁的佈局方法,span+css包括行內樣式、內嵌式、鏈接式、導入式、css選擇器、標記選擇器、類別選擇器、id選擇器、選擇器聲明、css繼承。還有id與class區別：id不允許重複使用，只能用一次，css規範和其他規範javascript控制方法一樣。

　　説實話，我對span+css一點兒都不懂，但起碼我知道了這是一種網頁的佈局格式，總比不知道強。有句話説，不懂就要學。是的，既然學了了這個專業，就不能對這個專業模糊。所以，就要學習學習再學習。征服畏懼、建立自信的最快最確實的方法，就是去做你害怕的事，直到你獲得成功的經驗。

　　我們經過兩週的實訓，通過前期的合同洽談、簽訂，到後期的網站製作、網站發佈，讓我受益匪淺。不僅讓我瞭解通過網絡洽談商務的禮儀和細節，也讓我的網站製作知識及技能有了很大提高。

　　前期我們通過發送電子郵件，進行網上商務的接洽。由於沒有做好工作——瞭解商務郵件的格式，導致郵件發了很長一段時間，雙方還僅僅停留在認識階段，確實説來很失敗。

　　在擬定合同時，由於不能真正滿足客户的需求，一些條款及報價不合理，因此要一次又一次反覆的修改合同。這主要是因為我們不能正確解讀客户的要求，並且我們不能拿出我們公司為大洋禮品公司網站建設的特色。

　　在網站製作的起初階段，由於不曾製作過網頁，雖然團隊確立了分工，但還是有些迷茫。公司沒有確立風格和大體的佈局，並且蒐集資料是一個漫長而又複雜的過程。通過瀏覽各類禮品網站，心裏大概有了一定的想法和設計。

　　我的主要任務有“誠聘英才”、“產品導航”、“展會禮品”、“廣告促銷禮品”。我最先做的是“誠聘英才”，我是參照中國電信誠聘英才首頁做的，它看似製作簡單，其實佈局十分複雜、精緻。在處理圖片是我遇到了不少困難，最典型的就是有一次我想在圖片中插入文字，但始終插入不了，後來通過請教老師，總算知道了其中的`奧妙。原來是圖層被鎖定了，要重新拷貝圖層，再考貝的圖層上就可以插入文字了，並且文字其實也是一個圖層，它是可以移動的。儘管我為誠聘英才網頁付出了很多，但並沒有被採納，並且此時我也設計了logo，也沒有被採納。

　　“產品導航”是一個困擾我一上午的問題(此刻公司首頁已經制作完畢，而它與合同上的“產品導航”頁面佈局類似，於是這讓我一時間很難抉擇。我就一邊設計一邊思考，此時我為公司定的色彩風格是紅色，我為導航欄設計的是交互式按鈕，並且設計了初始字體、懸停、按下時字體顏色。可是這一切都是白費，由於後來我們將風格確定為藍色，並且導航欄確定都採用首頁中插入的圖片，但我覺得這樣有些不好：例如它不可以設置超鏈接的字體顏色，這是很不專業的體現。團隊由於缺乏及時的溝通，導致其他組員一些好的想法得不到實施，確實是我們團隊合作的一個問題所在。

　　展會禮品、廣告促銷禮品由於套用相同的佈局，設計上沒有什麼難點，只是在這基礎上進行產品的進一步分類和圖片的蒐集有些費神和花時間。我在製作這一系列網頁時，都特別注意修改網頁標題。網頁標題是十分重要的，它是每打開一張網頁的頭標。

　　前面這一階段的工作我還有一個小收穫，這就是圖片位置，其實在圖片屬性中圖片定位選擇絕對定位，再在下面輸入距左距上的距離即可，這是一個很不錯的方法。

　　後期我們進行每個人作的網頁整合時遇到了不少問題，原先我們認為超鏈接是可以整合的，其實不然，只能在一個文件內作。當時已經花了一天的工時，可後來在晚上才發現，不只這個問題，還有每個人做的網頁都是保存在網站文件夾下，而最後上傳到服務器上只能有一個網站文件夾。所以後來我們組有三個人加班熬夜的。原本以為這樣已經差不多了，可是當我們把網站通過windows_iis默認web站點上傳進行本地調試時發現所有網頁導航欄的圖片都顯示不出來，一些超鏈接也無法連接，這下讓我們有些驚慌失措。通過向老師瞭解，知道可能是圖片命名的問題，web服務器無法識別中文命名的圖片，此外網頁也需命名為英文。於是我們又忙於修改圖片和網頁的名稱。我的所製作的展會禮品將網頁都放在private文件夾下，導致所有需要連接到展會禮品首頁的都不能進行。我首先需要把private文件夾下的網頁全部剪切出來，並且檢查超鏈接，而這些只能在frontpage文件夾試圖下進行。同時還要在http上檢測，進行及時的修改。超鏈接檢測是我展會禮品網頁的一個主要問題。公司主頁上的“展會禮品”始終連接不到“展會禮品首頁”，反覆的進行超鏈接都無法成功，其實是因為我所連接的超鏈接路徑不對，其實我應該根據瀏覽器上不能連接到的網頁路徑進行修改超鏈接。

　　經過這翻調試、測試，網站不存在圖片顯示不出來的問題，以及超鏈接無法連接的問題。

　　在互聯網越來越深入到生活中每一個角落的年代，網頁的表現形式就如同以前書本上的文字，傳達着的是網絡語言，每一條線、每一個色塊、每一種版式、每一種組合都傳遞給閲讀者一種感覺。實際上網頁的表現形式已是互聯網至關重要的元素。它是一種創造性、有成就感的工作。

網站建設實驗心得2

　　前後近一個月的網站課程設計終於結束了，回顧這些天來的設計歷程，感覺到收益頗多。

　　首先，從網站課程設計這個題目本身來説，使我鞏固了三年大學課堂上學到的關於網站建設與開發方面的相關知識。還有，通過這次網站設計使我懂得了理論與實際相結合是很重要的，只有理論知識是遠遠不夠的，只有把所學的理論知識與實踐相結合起來，從理論中得出結論，才能真正為社會服務，從而提高自己的實際動手能力和獨立思考的能力。

　　再次，在做公司網站的設計規劃的時候，大家集思廣益，一起思考公司網站的主題、風格、logo的設計和網站內容。最終決定採取動畫類首頁(引導頁)的網站，在頁面上插入一個簡單的動畫，因為這種類型的網站比較中性，可以根據企業的發展來制定相關的欄目，適用於所有企業。而且具有較好的視覺效果，容易吸引用户。

　　前期準備過程中，大家一起蒐集整理芒果工業設計公司的相關資料，以及工業設計這個行業的相關資料。通過互相交流討論，博採眾長，終於確定了公司網站的框架結構，風格和內容。在和團隊成員的深入交流中，開闊了我的思路和視野，學會對一個問題以多種角度思考的方式，跳出自己的思維定勢，這樣會讓我對問題有更全面的認識和理解，也就能想出更好地辦法並做出更有效的決策。這種多角度思考問題的思維方法將會對我今後的學習工作有很大的幫助。

　　再者就是，我們在網站設計中難免會遇到過各種各樣的問題，最後在小組成員的共同努力下，終於克服了一個又一個難題，成功的完成了網站的製作，這讓我深刻的體會到團隊協作的重要性，同時，在小組成員的每個人身上我都學到了很多實用的知識和可貴的品質，取長補短，令我有了很大的進步。

　　而在請教小組成員這一點上，當我在設計製作過程中遇到各種難以解決的問題時，都會適時地向老師或者小組成員請教，以保證在設計中上一定要精益求精，不能有一點紕漏。進而在得到答案以後一定要深刻理解，多加練習，使之成為真正為自己掌握的技能，不要存在依賴性，總想着老師在身邊可以依賴可以隨時幫我們解決問題，而不去認真理解自己的問題，形成自己在學習上的盲點，使在進一步的學習中存在更大的困難，從而造成惡性循環，給自己今後的工作和學習帶來不便。

　　同時也就是在設計的過程中我發現了自己的許多不足之處，對所學過的知識理解得不夠深刻，技能掌握得不夠牢固，通過這次課程設計，使我對於網站設計的基本技能有了更嫻熟的運用，在製作過程中不斷地去積累，不斷地去完善，然後就是多多嘗試，在課堂上的學習裏面，老師只能把一些重要的基礎和比較有代表性的案例教給我們，而有很多實際的技能和能力是需要我們自己在平時的練習中慢慢的體會理解的。而這次的企業網站設計正給了這樣的機會，讓我能夠以現實網站開發設計者的身份體會整個網站設計與維護的過程，真正的將理論的知識轉化為實踐。

　　再有就是通過這次的網站設計培養了我一些關於平面設計的思維方式，因為網頁設計是是介於平面設計和編程技術兩者之間的"邊緣科學."不僅涉及到美學,心理學,平面構成,色彩搭配等平面設計的方面的知識,還涉及到html，javascript，css，jsp等編程語言技術方面的知識.只有綜合運用多種知識,才能設計出視聽特效,動感十足,富於個性的web頁面,才能全面展現互聯網這一新型媒體的獨特魅力和多維空間的超強功能.而現在在觀察周圍的事物時，我會對色彩和圖形產生和從前不一樣的感受，我在平時會很留意身邊出現各種各樣平面廣告，總是會想一下那個廣告我能不能夠做出來，又會想一下如果要做這個廣告自己會用什麼方法什麼效果去表達。這都得益於我們對網站的logo和浮窗廣告的設計，使我對平面設計有了一定的認知和掌握，這不僅提高了我的欣賞能力，而且，也對我將來從事相關的工作奠定了基礎。

　　而我覺得這次設計企業網站的過程中，最讓我有所提高的就是我的耐心和細心程度。網頁設計需要耐心，當碰到問題時，通常可能需要很長時間才能解決，這時就需要堅持，堅持不斷的學習，不斷地克服難題，以持之以恆的毅力解決問題。同時，網站設計是個浩繁的工作，要做到鉅細無漏，大到內容版式，小到一個標點符號，都是要注意的地方，細微之處見功力，都是保證一個網站給用户留下好印象的要點，不容忽略和小覷。

　　再有要着重提到的便是在設計中我對一個真正成功的企業網站的一些心得，用户訪問網站，瀏覽信息，要儘可能的在這些基礎服務之上，給人們一個視覺上的美觀享受，這對於提高企業的形象起着很大的作用，但正因如此，很多網站便

　　調入了這個視覺陷阱，過多的flash等多媒體的插入會佔用大量資源，使服務器延時，造成用户的厭煩，而過於眩目的圖像和動畫其實也會給用户造成視覺疲勞，而很多網站仍然只是想着怎麼樣想方設法地做到和別人不一樣來突出自己的個性，更有甚者忽略了內容本身，這樣的效果難免有些捨本求末，漂亮的頁面是為了吸引瀏覽者的注目，讓用户來關注企業網站的內容，內容才是最重要的，而頁面只要做的利於閲讀，簡單大方，就是成功的。

　　最後在此，感謝我們一起合作了為期約一個月的小組成員，在整個設計製作過程中，她們給我的幫助和支持使我得到了很大的進步。最後還應該感謝老師給我們這個機會進行企業的網站設計，給了我很多寶貴的體驗和經歷。

網站建設實驗心得3

　　一、 課題項目：

　　二、 開發平台：

　　三、 主要任務：對_網站的首頁進行相關設計、製作。

　　這次對_女裝網店的設計是小組分任務進行的，每個人負責不同的工作。

　　馬孟佳主要負責主頁的設計：

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

　　1.標題

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

　　2.內容的採集

　　選好標題後，開始採集內容，內容必須與標題相符，在採集內容的過程中，應注重特色，所謂特色應該是有一些自己的東西。個人主頁中的特色，應該突出自己的個性，把自己的興趣、愛好盡情地發揮出來，因為在網絡上不受限制。主頁就是在網絡上的一個小小家園，在那裏，可以放上自己喜歡的任何東西，包括你自己平時喜歡一些文章，一些好聽的歌，一些好的動畫作品。

　　3.圖片

　　做個人主頁不能只用文字，必須在主頁上適當地加一些圖片，增加可看性，俗話説"一圖勝千言"，我想不無道理，一張處理得好的圖片不需要多做任何解釋，就能讓人一目瞭然，讓人去思考，去了解它。

　　4.網頁排版

　　網頁頁面整體的排版設計也是不可忽略的，很重要的一個原則是合理地運用空間，讓自己的網頁井井有條，留下必要的空白，人覺得很輕鬆。

　　5.特色

　　讓自己的網頁更有特色一些，可適當地加一些聲音、動態網頁、java、applet。

　　張紅豔主要負責新品推薦主要工作:

　　(1)收集相關衣服圖片資料：收集風衣、毛衣、褲子等的圖片。

　　(2)在ps中修改收集的圖片，按照網頁的總體設計對圖片的大小、顏色、樣式等進行修改。

　　(3)在dreamweaver中，打開html直接設計頁面。

　　(4)起草一個大綱，然後定框架。

　　(5)根據需要設置背景、插入表格、插入圖片。

　　(6)對商品圖片做一些相關説明，添加文字。

　　(7)做網頁的鏈接。

　　張清芬主要負責商品推薦工作內容：

　　1.我們整個網站要展示的商品，對其進行分類。

　　2.需對分類的每一個頁面進行規劃，細分等。

　　3.收集素材。

　　我選擇了dreamweaver作為製作軟件，看書學習了一些基礎的東西之後就着手開始了我的網頁製作，先初步對網頁作了一些頁面規劃，然後建立了站點，用軟件中的一些基本的功能製作，由於dreamweaver 沒有插入藝術字的功能，是我先在photoshop製作好了之後用圖片的方式插入的。接着有開始設計頁面，我主要用層來設計版面，再適當配合表格，還製作了特效，如閃動的字幕，滾條等。主要要掌握顏色的搭配，整體的規劃，以及增色的動畫效果。還有不同網頁的鏈接。

　　李瑩芳主要負責購物幫助：

　　網上購物這個新鮮的名詞，對於現在的人來説並不是一個陌生的東西，有的人天天都在網上購物，或多或少、或大或小，但是在網上購物過程當中，總會有人遇到這樣那樣的問題，我製作的網頁就是幫助有疑難的消費者解決問題的。同時有發現不合理的可以舉報，購物幫助就是要讓消費者瞭解到我們的熱心，在他們需要幫助的時候積極響應，讓我們的網站具有吸引力，不斷吸引顧客的眼球，讓我從中也瞭解到一些以前沒有了解到的東西，對我以後的購物旅程中也有一定的幫助。

　　袁世燕主要負責客户服務：

　　關於客户服務中心的製作，利用原圖片使用ps製作所需要的圖片材料，客户服務中心的內容包括客服首頁、常見問題、自助服務等內容，主頁中將常用服務列出，方便客户使用，並設置有留言欄，方

　　便客户提出意見。

　　這次的網頁製作使我學會了很多，有關怎麼收集資料，怎樣用最快的方法收集資料，怎樣收集有效的資料，怎樣整理資料，怎樣使自己的下載的資料便於查找，也學會了網頁的製作，學會了網頁特效，怎樣的特效才能凸現網頁主題。

　　在幾節課的網頁製作中瞭解到了合作的重要性，製作是雖然是每人負責一個網頁，但也要互相交流，互相幫助，不能只顧自己，要吸取他人的優點，如：網頁的排版，網頁的特效等等，都值得我去學習。還要聽取他人的意見和建議，不能只顧自己，這分數是集體的，不是個人的。如果有什麼好的方法和效果要和大家一起分享。這樣才能使網頁更完整，更優秀。

　　在作品交流中，其他小組的同學給我們也提供的很好的建議和意見，我們也會虛心接受，在看其他同學的作品時，也給了我很好的啟發，要多多吸收他人的優點和長處才能使自己的網站更加完善。在作品的交流中也很好的鍛鍊了自己的發言和有意義的提議。