本篇文章給大家談談HTML小米商城網(wǎng)頁設計心得，以及小米官網(wǎng)網(wǎng)頁設計優(yōu)缺點對應的知識點，希望對各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、當時搭建小米商城網(wǎng)站的關鍵想法是什么?
• 2、網(wǎng)頁設計實訓心得
• 3、網(wǎng)頁設計實訓總結心得6篇(2)
• 4、制作網(wǎng)頁的心得體會

當時搭建小米商城網(wǎng)站的關鍵想法是什么?

1.宣傳小米品牌DNA，讓用戶使用產(chǎn)品時能感受到小米的品牌力。

當前小米公司有著非常強大的品牌勢能，給人們留下了性價比高、高端、簡約、科技、堅持的好印象，這些都可以看作是小米的品牌DNA；因此在設計小米商城APP時，設計需要貼合小米品牌DNA，讓用戶使用產(chǎn)品時能感受到小米的品牌力。

打開小米商城APP，處處能感受到小米的品牌元素，橘色的品牌色、小米的產(chǎn)品圖標等，都在傳遞著小米的符號；整體UI的設計秉承了小米硬件產(chǎn)品的一貫風格，如簡約的風格、高質感元素等，細節(jié)上體現(xiàn)品質。

2.推動用戶布局體驗的設計。

用戶瀏覽電商產(chǎn)品首頁，第一屏流量最高，隨著往下走第二屏、第三屏…跳失率會越來越高，根據(jù)數(shù)據(jù)統(tǒng)計通常產(chǎn)品第三屏之后流量會大打折扣。

網(wǎng)頁設計實訓心得

網(wǎng)頁設計實訓心得 篇1

通過這次實訓對這門課程的學習，做好網(wǎng)頁，并不是一件容易的事，它包括網(wǎng)頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網(wǎng)頁的色調等很多東西。所以我得出一下總結：

一、準備資料和挑選符合目的主題的合適素材。

做網(wǎng)頁當然要收集、準備資料。在網(wǎng)上多轉轉，看到什么漂亮的網(wǎng)頁，把它保存起來，作為以后自己設計主頁時的參考。另外，還包括搜集美化主頁可能要用到的各種材料，如背景、小動畫圖標等等?？梢栽谟脖P上建一個文件夾，下分“圖片、聲音、動畫”等文件夾，養(yǎng)成上網(wǎng)時看到有創(chuàng)意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應文件夾的習慣，時間一長就擁有了一個可觀的圖庫，等做網(wǎng)頁時隨手拈來或加以修改就成你自己的東西了。

二、規(guī)劃好整個網(wǎng)站。

主頁的設計應以醒目優(yōu)先，應該令人一目了然，切勿堆砌太多不必要的細節(jié)，或使畫面過于復雜。切記，頁面給人的第一觀感最為重要！在網(wǎng)上到處瀏覽網(wǎng)站的人很多，如果你的主頁給人的第一印像沒有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會訪問你的網(wǎng)站了。

三、善用圖片，增強藝術效果。

我記得老師說過網(wǎng)頁的迷人之處之一，要算它上面能點綴許多漂亮的圖片。精美的圖片設計，可以使自己的網(wǎng)頁增輝不少，令人過目不忘。圖片的內容應有一定的實際作用，切忌虛飾浮夸，同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。

四、善于借鑒他人主頁制作中的設計技巧。

由于在網(wǎng)上用瀏覽器瀏覽任何主頁時，都能查看到該主頁制作時所編寫的絕大部分網(wǎng)頁編程源代碼。因此，如果想知道并掌握一些優(yōu)秀的主頁采用的設計技巧，試著將其源代碼調出來仔細揣摩，并模仿著一步一步去實現(xiàn)。

最后感謝老師多日來的辛勤教導！

網(wǎng)頁設計實訓心得 篇2

[實習目的]

通過網(wǎng)頁設計理論聯(lián)系實際操作，鞏固所學的知識，提高處理實際問題的能力。充分學習網(wǎng)頁設計實踐中的操作理論，提高自己網(wǎng)頁設計水平，并為能順利與社會環(huán)境接軌做準備。

[實習任務]

學習網(wǎng)頁設計實際問題處理方法及常規(guī)網(wǎng)頁設計內容（網(wǎng)頁設計切片、數(shù)據(jù)庫的搭建、新聞管理、留言管理、網(wǎng)頁設計在線編輯器等），網(wǎng)頁設計后臺管理方面的知識應用，及利用所學知識管理和編輯網(wǎng)站，并從實際出發(fā)，簡單了解關于網(wǎng)站安全性問題的實際解決措施（md5密碼加密等網(wǎng)頁設計知識）。

[實習時間]

xxxxxx

[實習地點]

xxxx

[實習內容]

按照老師的安排，我制定了相應的實習計劃，并記錄了相關的實訓內容，以備后鑒，且完成實訓作業(yè)及實習心得。注重在實習階段對所學知識的鞏固和提高，以達到根據(jù)理論知識，指導日后工作實踐的目的。其主要網(wǎng)頁設計實習具體內容情況報告如下：

第一、收集網(wǎng)站所需信息。

第二、運用PHOTOSHOP處理的網(wǎng)頁設計所需圖片。處理圖片要保持圖片不失真，并按照網(wǎng)頁設計需求設計所需的效果。

第三、對所完成的網(wǎng)頁頁面進行合理的切片處理，并按照網(wǎng)頁設計效果完成網(wǎng)站整體框架的構建。

第四、搭建網(wǎng)站所需數(shù)據(jù)庫。

第五、網(wǎng)站的虛擬建設和初步完善。

[實習體會]

大學生活讓我對計算機理論知識有了一定的了解，但實際操作領域依舊是一片空白。紙上得來終覺淺，絕知此事要躬行。經(jīng)過網(wǎng)頁實訓課的實習，讓我對自己有了新的認識，并明確了網(wǎng)頁設計方面的前進方向。

1．繼續(xù)學習，不斷提升理論素養(yǎng)

在信息時代，學習是不斷地汲取新信息，獲得事業(yè)進步的動力?，F(xiàn)在通過實習總感覺自己學的不夠，要用到知識時總感覺腦袋總是空白。實習后讓我明白，為了能更好的適應工作，不得不利用自己空閑時間去彌補學習中的不足。實訓內容是與自己所學專業(yè)有密切聯(lián)系的，所以自己在這方面格外側重，希望能夠加強自己的專業(yè)知識。

2．加強信心，堅持下去

上學的時候大家都說“能珍惜現(xiàn)在的日子就好好珍惜！”，等工作了才真正的領悟這句話的涵義。經(jīng)歷第一次實訓課的學習后，就希望能把實習所學習的知識，也能運用到課堂上。對自己多一點信心，多給自己點贊賞，多給自己鼓鼓勁，相信自己總會走出一條寬敞大道。

3、實訓學習中的同學相處

感覺學生時代很美好，不僅僅是不需要去努力工作，而是在學生時代你可以有很好的同學，很好的朋友，大家相互噓寒問暖，不必勾心斗角。我感覺這里才真的有純潔的友誼。我想當踏上了社會，就會存在著利益關系，有工作繁忙，也多了份人情世故。希望以后自己努力，可以多幾個朋友，希望自己可以有個團結工作的環(huán)境。在整個網(wǎng)頁設計實訓的過程中，實訓同學之間的關系總是那般融洽！

實習，是開端也是結束。在書本上學過很多理論，但從未付諸實踐過，也許等到真正運用時，才會體會到難度有多大。在今后的工作和生活中，自己需要更加努力的奮斗下去。

實習的同時也讓我了解到了自己的不足，我會繼續(xù)努力，完善自我。對于學校的精心安排和指導老師的用心輔導非常感謝。

光陰似箭，日月如梭。轉眼間，愉快而又充實的網(wǎng)頁實習課程結束了，在這幾個月的時間里，在實訓的過程中，讓我嘗試了理論與實踐的結合。網(wǎng)頁設計理論一點點轉化為實踐經(jīng)驗，模擬網(wǎng)頁實訓變成了真正面對社會的基礎，盡管生澀但在慢慢趨近成熟。豐富的實訓知識，讓我的實習生活充滿驚喜、快樂和充實，當然也少不了網(wǎng)頁設計處理過程中的困難。實習結束了，感覺腦袋里又注入了新的知識，對網(wǎng)頁設計也有了更深的了解，在以后的工作中，希望能用自己了解的東西去處理相關的問題，再探究新的問題，使自己和公司不斷進步。

最后談談我個人對自身的職業(yè)之路規(guī)劃。當然這些還不夠成熟，僅僅是這一個學期的實習帶給我的一點想法，今后我會結合學習生活進一步修正。首先是個人學習，通過實習我認識到利用課堂外的時間也是關鍵，下一步打算結合自己的興趣，利用課余時間自我培訓；其次是社會實踐，初步打算是利用假期等時間充分工作，以提高自身實際工作能力為目的，畢竟“想”和“做”是不一樣的，這次實習中我也認識到了這點，平時覺得自己能夠勝任的簡單事情，當真正動手做時卻總不是那么簡單了；最后，打算結合個人的興趣、價值觀、能力、職業(yè)發(fā)展傾向做個詳細的職業(yè)發(fā)展規(guī)劃。

總體來說，這次xxxx實習，讓我受益匪淺，以上是我的實習心得與體會，不足之處望得到指正。

實習生：xxx

20xx年x月

網(wǎng)頁設計實訓心得 篇3

現(xiàn)在，計算機和網(wǎng)絡已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡成了我們獲取知識和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學習網(wǎng)絡知識是我們作為一名大學生迫切所需的。

通過一周的實習，在這門課上我學習到了一些關于制作網(wǎng)頁的知識，對flash也有所了解，還學會了一些基礎的PS技能。

通過一周對這門課的實習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎知識也有了一定的掌握。

在準備材料的時候我們可以用到學習的Flash知識來制作一些小的動畫和動態(tài)圖片，F(xiàn)lash提供了功能齊全的繪圖和編輯圖形工具?？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。

然后是對圖片的處理，用到了Photoshop等相關的圖像軟件。也對Photoshopcs4這款軟件有了一定的了解，學會了一些基本的ps方法。

接下來是開始正式制作網(wǎng)頁。

通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網(wǎng)頁。

在網(wǎng)頁制作的時候，我覺得首先要列出大綱。列出來后，還必須考慮每個頁面之間的鏈接關系。層次不清的站點會造成瀏覽困難，影響內容的發(fā)揮。

框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的基礎。

下一步，就以動手制作具體內容了，題材選定，框架選定，接下來就開始往網(wǎng)頁里面填內容。

最后就是對網(wǎng)頁的一些細節(jié)調整了，保證預覽網(wǎng)頁的整齊和沒有錯誤。

網(wǎng)頁設計實訓心得 篇4

不知不覺，我已經(jīng)學習《網(wǎng)頁設計與制作》這門課程一個學期了，雖然時間有點短，但這一個學期以后我卻受益匪淺，不僅讓我全面的、系統(tǒng)的學會了頁設計與制作的基礎知識，還讓我學會了自己動手去制作屬于自己的網(wǎng)頁，這對于我來說是很值得高興的，能讓我在以后的工作生活中更好的展現(xiàn)自己。

建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網(wǎng)站。

首先，我們要確立網(wǎng)站主題。網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內容，一個網(wǎng)站必須要有一個明確的主題。特別是對于像我這樣的個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力。網(wǎng)站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

然后，我們要找材料。明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。

找到材料后，我們還要規(guī)劃網(wǎng)站。一個網(wǎng)站設計得成功與否，很大程度上決定于設計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內容很多，如網(wǎng)站的結構、欄目的設置、網(wǎng)站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內容，我們在下面會有詳細介紹。

做好以上三步之后，我們就要選擇合適的制作工具。

盡管選擇什么樣的工具并不會影響你設計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，在這里，我們一般都是用有“網(wǎng)絡三劍客”之稱的Dreamweaver、Fireworks、flash來制作網(wǎng)頁，對于圖片部分的處理，個人覺得Photoshop比較好用。

最后，我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結構設計好，然后再逐步完善小的結構設計。所謂先簡單后復雜，就是先設計出簡單的內容，然后再設計復雜的內容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。

網(wǎng)頁做好之后，就要發(fā)布到Web服務器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。

以上就是我對于網(wǎng)頁制作的一些個人心得，由于本人的.技術還不是很成熟，還存在很多的不足（如：背景過于單調和網(wǎng)頁布置不合理）。選擇學習這門課是很正確的選擇，雖然在以后不會再有機會去上了，但我還是會通過各種方式繼續(xù)頁設計和制作的，同時很感謝帶我入門的徐兵老師，讓我有機會去學習有關網(wǎng)頁的知識，謝謝！

網(wǎng)頁設計實訓心得 篇5

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

一、實習時間

xxx

二、實習介紹

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

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

三、實習內容

（一）初級考試

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

（二）三天的培訓工作

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

（三）最后的考核

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

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

（四）正式工作

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

四、實習體會

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

網(wǎng)頁設計實訓總結心得6篇(2)

網(wǎng)頁設計實訓總結心得體會范文4

上周，也就是5月31日到6月4日的五天里，我們電商專業(yè)進行了為期五天的網(wǎng)頁制作實訓。

在機房里待了一個星期，雖然生理反應不大，但是還是不好受。原本以為是實訓比平時上課要舒服多了吧，但是這一個星期下來差點沒被累死，比平時上課還疼苦。但是在這實訓的一星期里我的收獲還是很多的。

第一、從這次實訓當中我深刻的體會到理論知識的重要性，只有在自己熟練理論知識后再能在實踐中游刃有余，才不會出現(xiàn)“書到用時方恨少”的尷尬體會。

第二、實訓中我印象最深的是對各種網(wǎng)頁制作工具的使用不熟練，甚至還有個別不會用的，只是自己想要做個圖片或圖標等都做不好，其心情想而知。所以對這些網(wǎng)頁是做工具的使用都要練習。

第三、集體協(xié)作是我又一個體會。這次網(wǎng)頁制作由于某些原因我一個人一組，是我搞掘到壓力很大而且很累，而且我自己的思維能力很有限，網(wǎng)站設計和制作上也略顯粗糙和不足，正所謂：你有一個思想，我有一個思想，分享后我們就都有兩個思想。所以與同學合作是很有必要的。

總之，這5天里自己雖然很累，但是自己的收獲也是很不小的，所以我也是很開心的。

網(wǎng)頁設計實訓總結心得體會范文5

實訓的五天中，我的心情就好像這五天的天氣變化，有晴有陰，只是差了點眼淚。但這并沒有使我放棄，我不想落后，也不想拖小組的后腿，我告訴自己只有努力做好一切才是我的選擇。一次次的失敗，一次次的嘗試，做好的那一刻，激動、高興。我不是天才，有些知識不會。查書，問同學，找代碼等等，時間飛速的流逝著，有些學會了，但仍然有不會的。

我們的小組從開始就產(chǎn)生了分歧，網(wǎng)站主題不一致。直到制作網(wǎng)站的第三天，我們才達成共識，兩方各退一步。還好，大家做出來的效果差不多，接下來的幾天大家一起努力制作網(wǎng)頁。遇到問題了，互相討論，找出解決的方法，解決不了的就找人問。

在規(guī)劃網(wǎng)站結構前，我們在互聯(lián)網(wǎng)上大量的尋找網(wǎng)站布局規(guī)劃，“不行”、“不行”、“與主題不搭”等一遍遍否定的話不斷說出，終于確定了。我們做旅游的，以春夏秋冬四季分作，色調意思及顏色搭配。制作的過程中，我們改變了初衷，不知道是好，還是壞，決定做春夏冬三季及另外涉及天下旅游方面的主網(wǎng)頁。

選取素材，一個個的挑，看的越多也變得越難選，好多與自己想要的想差太遠，找的眼都花了，還是得找。磨練又一次的來了，堅持吧，努力吧，找完就好了。

制作網(wǎng)頁，一遍遍的改。不對、不對，顏色不搭，不能突出主題，瀏覽出來的結構不搭，改吧。累啊，煩呢，還是得繼續(xù)做。做網(wǎng)站是即使出現(xiàn)再多的錯誤，也要堅持做，耐心點，做好做完就好了，就輕松了。

我們經(jīng)常在嘴邊掛著要有“團隊合作理念”，但行動起來時，有些人還是會忘記，也許是固執(zhí)，也許是其他原因。遇到這種情況時，要有人站出來調節(jié)，盡快解決矛盾，否者會影響整體的工作進程，彼此不高興。制作網(wǎng)頁不協(xié)調，影響質量。

我們這次實訓的目的及要求是：以小組為單位，合作完成從確定網(wǎng)站主題、規(guī)劃網(wǎng)站結構、選取網(wǎng)頁素材、到制作網(wǎng)頁內容等步驟，從而掌握網(wǎng)站建設的全流程。同時，培養(yǎng)團隊協(xié)作精神，提高綜合運用所學分析、解決實際問題的能力，實現(xiàn)由理論知識向操作技能的轉化。

網(wǎng)頁設計實訓總結心得體會范文6

從學校 畢業(yè) 后，我第一次步入了社會，從此開始了面對社會、工作的生活。剛剛走入社會的我是一個性格有些內向的人，面對陌生的人，我不善言辭，不會給自己的外表進行很好的包裝，不適合做那些銷售、接待的工作，只有技術類的工作，少說多干的活適合我，這個我很清楚?，F(xiàn)在，中國每年都有很多畢業(yè)的大學生找不到工作，我也不例外，所以，這第一次實習工作肯定不會太好找，但是相反，我的運氣還不錯。找到了一份網(wǎng)頁設計的工作?，F(xiàn)將我在工作中的情況 報告 如下。

一、工作介紹

我工作的這家公司，從事網(wǎng)站開發(fā)工作的，公司在技術團隊這部分是比較正規(guī)的，一般是五到六人為一個小組，小組中有明確分工，有負責聯(lián)系客戶接恰生意的，有專門做技術的，而在技術這塊分為網(wǎng)站前臺、后臺開發(fā)，我在學校主要做的是后臺開發(fā)，當然前臺設計工作也還算熟練，但不是很精通。我們這個小組一般接下的活都是一些小型網(wǎng)站的開發(fā)工作，這樣的網(wǎng)站技術難度不大，而且工作周期短，有相當一部分的，只需要通過cms軟件就可以進行開發(fā)。但是有個別的網(wǎng)站開發(fā)時，我們還是需要進行一些手寫代碼工作的。

二、開發(fā)技術

做為一個剛畢業(yè)的大學生，我的知識儲備肯定有不足的地方，畢竟學校教的東西肯定會有一部分和社會是脫節(jié)的，但好在我的領導對于我沒有太多的要求，他只是要求我盡快的適應公司的工作和生活，在短時間內熟練的掌握相關技術，干好本職工作。

在大學里對一個學生來說什么是最重要的，那就是學習能力。要知道，這個世界上，知識在發(fā)展，人類在進步，每天都在進行日新月異的變化，我們的知識儲備總會有不夠的地方，但是一定要有學習能力，將不會知識快速掌握，只有這樣才能占據(jù)主動，減少被動情況的尷尬發(fā)生，通過二個星期的時間，我成功的適應了公司的工作和生活節(jié)奏，每天早九點上班，晚17:30下班，中午休息一個半小時，每周還有兩天假期。我利用業(yè)余時間，抓緊學習，將工作中所需要的技術進行了強化學習，其實這些東西在學校的時候就接觸過，只是不精通。那個時候學的東西多，難免有個主次之分，這次工作了，才知道哪個應該多學點，但好在我都有學過，所以有個好的基礎在這里，也就不怕了，比如說：flash，公司要求技術人員會做flash，flash這東西以前我在宿舍的時候經(jīng)常玩的，可是后來在分析就業(yè)情況時，分析錯了方向，以為這東西沒有什么用處，結果就給荒廢了。但好在還有印象，并且當初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、xml、數(shù)據(jù)庫這些東西我都學過，只是實踐能力稍差一點，但好在從前在學習方面用的功不是白費的。通過這種實戰(zhàn)環(huán)境，和半個月的刻苦學習，我終于可以感上小組的工作進度了，已經(jīng)可以很好的完成領導教給我的任務了。

像我這個組常用的是css+div排版，后臺使用php技術進行開發(fā)，服務器平臺采用，linux+apache+mysql+php,這種lamp組合，我很高興在學校學的東西能學有所用。以前我們是用表格(table)進行排版，這種方式簡單但是已經(jīng)有些過時了，現(xiàn)在大部分網(wǎng)站都開始了重新構架，所以都采用css+div進行網(wǎng)頁排版，我目前正在學習，掌握的還算比較快。而在后臺開發(fā)部分，我們使用php來進行開發(fā)，我的工作是手寫一些小模塊?；蛘哂胘avascript寫一些特效小代碼。

三、工作流程

小組分工時，我負責后臺里小模塊的開發(fā)工作，如：留言板或論壇，還有一部分javascript代碼編寫工作。前臺部分的工作是和組里的丁珊珊做一些排版的工作，使用css+div技術。編寫代碼這種工作看起來有些枯燥，其實時間長了以后，還真有點厭煩，但是后來我明白，只有將自己的本職工作做好，提高自己的技術，做出優(yōu)良的東西，這樣自己才會有價值感，才會對自己的工作保持新鮮感。所以我每天都在工作后，記錄下每天在技術上的不足之處，回家后，將強學習，這所謂：找出不會的地方，學會它，你就變的強大了。

php是現(xiàn)在比較流行的一種網(wǎng)站開發(fā)技術，由于它是開源的免費代碼，并因良好的跨平臺性能受到了大重的喜歡，我個人認為php很簡單，適合初學者學習使用，但是在某些地方想要做好，就需要你認真的學習了。目前，我負責的只是技術性較低和規(guī)模較小的模塊，不過，我覺得從簡單處做起也挺好的，但是我在寫代碼時，還是經(jīng)常犯些小錯誤，導致代碼頁面經(jīng)常出錯，而自己往往還找不到是哪錯了，有幾次急的都不行，不管怎么弄，結果就是錯誤，后來我才發(fā)現(xiàn)，原來只是一個小錯誤，小的不仔細察看，我都找不到。于是我明白，做開發(fā)工作，一定要細心，否則就會給自己和別人帶來麻煩。

四、安全檢查

安全檢查是很重要的一個環(huán)節(jié)，就像你給人家蓋房子，房子蓋好了，可是門和窗不結實，那這種就必然不會安全的了。頁站的制做也是同樣的道理，在安全方面，有一個地方是和開發(fā)人員有很大的關系的。因為開發(fā)人員技術的高低決定了網(wǎng)站的安全性，有些人員在一些環(huán)節(jié)上的疏漏，很有可能導致網(wǎng)站在實際使用時，遭到黑客攻擊，如果造成了經(jīng)濟損失就無法挽救了。

所以，我們每個人在將各自的工作完成以后，組長和其它專門的技術人員會對網(wǎng)站的安全性進行測試，找出存在的漏洞，然后加以修改。以使它的安全性達到最高最穩(wěn)定的狀態(tài)。

在公司進行實習工作的這段時間，我在個人技術上收獲了很多，現(xiàn)在的我已經(jīng)能獨檔一面了，做一些難度比較大的工作，我通過優(yōu)異的表現(xiàn)，已經(jīng)轉為正式員工，我對自己的表現(xiàn)感到滿意，最重要的是我給自己的學校爭了光，但是在社交能力方面，溝通能力上還有不足的地方。我決定在今后的工作和學習，要加強和別人的溝通能力。使自己變的更好，為國家為社會做出更多的貢獻。

網(wǎng)頁設計實訓總結心得6篇相關 文章 ：

★ 網(wǎng)頁設計實訓總結心得6篇

★ 網(wǎng)頁設計實習心得體會3篇

★ 網(wǎng)頁設計實訓報告心得

★ 網(wǎng)頁設計實訓心得

★ 網(wǎng)頁設計實習心得體會總結

★ 網(wǎng)頁設計實訓心得三篇

★ 網(wǎng)頁設計實習心得體會

★ 網(wǎng)頁設計實習心得體會感想

★ 學習網(wǎng)頁設計的總結

★ 有關網(wǎng)頁制作實訓報告心得體會

制作網(wǎng)頁的心得體會

20世紀40年代科學字發(fā)明了計算機之后，人們的工作效率大大提高，但是單個計算機能夠存儲和處理的信息是非常有限的，為了便于信息的傳遞和處理，人們就把眾多的計算機連接起來。

網(wǎng)頁制作的心得體會 ----網(wǎng)頁制作論文摘要 通過這次個人網(wǎng)頁的制作，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎知識也有了一定的掌握。通過把自己的網(wǎng)頁上傳到互聯(lián)網(wǎng)上，對文件的保存、上傳、下載以及修改等知識有了更牢靠的掌握。通過自己的努力完成了自己上傳到網(wǎng)上的第一個作品，那種成就感是無法用語言形容的。所以我覺得這次制作網(wǎng)頁我已經(jīng)達到了自己的目的，而不是單單為了完成作業(yè)而已。這是一個完全關于自己的個人網(wǎng)頁，既然是介紹自己，就應該讓觀者在瀏覽了之后了解自己其人，我覺得這點我已經(jīng)基本上做到了。

關鍵字 頁面設計 ASP和數(shù)據(jù)庫

1.一般來說，個人主頁的選材要小而精。如果你想制作一個包羅萬象的站點，把所有您認為精彩的東西都放在上面，那么往往會事與愿違，給人的感覺是沒有主題，沒有特色，樣樣有卻樣樣都很膚淺，因為您不可能有那么多的精力去維護它。注意：網(wǎng)頁的最大特點就是更新快。目前最受歡迎的個人主頁都是天天更新甚至幾小時更新一次。

2.題材最好是你自己擅長或者喜愛的內容。比如：您對詩歌感興趣，可以放置自己的詩詞；對足球感興趣，可以報道最新的球場戰(zhàn)況等等。這樣在制作時，才不會覺得無聊或者力不從心。

3.不要太濫或者目標太高?！疤珵E”是指到處可見，人人都有的題材；“目標太高”是指在這一題材上已經(jīng)有非常優(yōu)秀，知名度很高的站點，你要超過它是很困難的。

選定了一個好的題材，是不是可以立刻動手制作了？不，經(jīng)驗告訴我們，必須要先規(guī)劃框架。這是很重要的一步！每個網(wǎng)站都是一項龐大的工程。好比造高樓，沒有設計圖紙，規(guī)劃好結構，盲目的建造，結果往往是倒塌；也好比寫文章，構思好提綱，才不至于邏輯混亂，虎頭蛇尾。全面仔細規(guī)劃架構好自己網(wǎng)站，不要急于求成。

規(guī)劃一個網(wǎng)站，可以用樹狀結構先把每個頁面的內容大綱列出來，尤其當你要制作一個很大的網(wǎng)站 (有很多頁面) 的時候，特別需要把這個架構規(guī)劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網(wǎng)站的架構，十分累人，也十分費錢。

大綱列出來后，你還必須考慮每個頁面之間的鏈接關系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內容的發(fā)揮。

為了提高瀏覽效率，方便資料的尋找，本站的框架基本采用“蒲公英”式，即所有的主要鏈接都在首頁上，鏈接的層次不多，深度淺。

框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也為你的主頁將來發(fā)展打下良好的基礎。

下一步，你可以動手制作具體內容了，我將告訴你一些收集資料的竅門。

題材選定，框架選定，接下來就開始往主頁里面填內容。我們稱作資料收集

就個人主頁而言，很少有人有能力完全靠自己來創(chuàng)作所有的內容。（一些高手能夠提供自己編的軟件，文章或則音樂，是我非常佩服的?。?

大部分人的方法是：從報紙，雜志，光盤等媒體中把相關的資料收集整理，再加上一定的編輯后就可以了。

另外一個好的方法是從網(wǎng)絡上收集，您只要到雅虎，搜狐等搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。

如果您是英語高手，您可以到國外站點上把最新的信息，資料翻譯成中文，提供給大家，這叫“洋為中用”。

網(wǎng)絡上的資料呈爆炸性的增長，只要注意收集某一非常細小的題材，隨時供大家方便的查找，您的主頁就已經(jīng)有做不完的活了。

到這里我們已經(jīng)完成了制作主頁的準備工作。下面開始正式制作主頁。

先來介紹一下我這個網(wǎng)頁吧。我的網(wǎng)頁主要由三大部分組成：主頁、各子網(wǎng)頁以及各互聯(lián)網(wǎng)鏈接。

首先是主頁，采用的是index格式，是第一個顯示的頁面，其實原來第一個顯示的頁面是一個封面，但在網(wǎng)上用了一段時間之后我覺得有封面比較麻煩，花哨但不實用，顯得有些多余，所以我就把它給去掉了，直接顯示主頁會讓別人有一種開門見山的感覺。主頁是我花費精力和時間最多的一個頁面，尤其是在它的視覺設計上包括結構，字體，背景以及色彩方面都花了很多工夫。頁面包括自己的一幅小照片以及個人的簡要介紹，以便讓觀者對自己有一個初步的了解。網(wǎng)頁最上面是用藝術字編輯的文字，旁邊的welcome是插入的GIF動畫，左上角顯示日期，右上角顯示你在網(wǎng)頁呆的時間，下面是一排子目錄，包括一些鏈接和子頁面，點開就可以看到關于我的詳細信息。下面是一個搜索引擎，采用的是百度是原代碼。再下來是我的近況，也采用了特效。右邊有一個滾動字幕，是一首詩，采用了特效，下面是一些常用大型網(wǎng)站的鏈接。最下面是關于瀏覽器的說明，主頁基本上就是這些了，還有要說的就是“給我留言”是到網(wǎng)上去申請的免費留言板，然后鏈接上去。

子網(wǎng)頁中， “Spear相冊”里面全是照片，大部分照片是用數(shù)碼相機照的，有兩三張是掃描上去的；“家鄉(xiāng)風情”里則是圖片與文字并存，這兩個頁面也是我精心設計制作的。其他的頁面就大部分以文字為主對自己進行詳細的介紹，背景圖片是我都是我精心挑選的，多數(shù)頁面都插上了MIDI音樂作為背景，有個別頁面還使用了特效。

接下來再介紹介紹網(wǎng)頁的功能吧。本網(wǎng)頁可以說具備了多項功能：各頁面可以讓你對我有一個比較詳細的了解；強大的搜索功能令你在網(wǎng)絡世界中暢通無阻，網(wǎng)站、mp3、flash、信息快遞應有盡有；各大型網(wǎng)站的鏈接讓你輕松登陸以便看消息、發(fā)郵件；想聽歌嗎？“我的音樂”將讓你聽歌變得如此方便；超級留言板可以讓你暢所欲言……

相信你雖然還沒有看到我的網(wǎng)頁就已經(jīng)對它有了一個大致的了解了吧！現(xiàn)在重點介紹一下我的網(wǎng)頁的制作過程以及其間遇到的種種困難。

開始時我選擇了DreamweaverMX作為制作軟件，看書學習了一些基礎的東西之后就著手開始了我的網(wǎng)頁制作，我先初步對網(wǎng)頁作了一些頁面規(guī)劃，然后建立了站點，用軟件中的一些基本的功能制作，首先是封面，由于Dreamweaver MX沒有插入藝術字的功能，所以封面上的藝術字是我先在Word文檔里制作好了之后用圖片的方式插入的。接著有開始設計主頁，我主要用層來設計版面，再適當配合表格，經(jīng)過兩個白天和一個通宵，網(wǎng)頁基本的框架就出來了，但這時卻遇到了一個很令人頭疼的問題：突然所有插上去的圖片都不能顯示了?。?！我用盡了所有能想出來的方法，請教了很多的電腦高手都不能把這個無法解釋的問題解決，就連重新安裝DreamweaverMX也毫無作用，由于是借別人的電腦，時間緊迫，沒有等到去向老師請教，我就一氣之下把那些東西都刪光了，連Dreamweaer也不例外，當時我真的很失望，想到這兩天廢寢忘食地做的東西一下全沒了就很是接受不了，我曾經(jīng)一度想放棄，不過冷靜了之后我決定從頭開始。我換了Frontpage，由于對Frontpage一無所知，也沒有相關的書籍，所以剛開始建站點和網(wǎng)頁的方法只能向別人請教。不過在開始制作了之后我發(fā)現(xiàn)Frontpage很多功能和Word相似，于是很快掌握了其許多基本的功能。接著我又熬了一個通宵，決定把前面的損失彌補過來。前面的工作也不能算完全白做，因為至少我在重新制作的時候不必話太多的時間去重新設計版面。還是按照原來的設計，只是改動了一些，大體的框架還是沒有改變。

總結 通過這次制作網(wǎng)頁，我學到了不少東西，而且學到了不少思考問題的方法。計算機會在以后的學習生活中充當越來越重要的角色，相信我也會學習到更多關于計算機和網(wǎng)絡的知識。這次制作網(wǎng)頁收獲確實不?。。?！

HTML小米商城網(wǎng)頁設計心得的介紹就聊到這里吧，感謝你花時間閱讀本站內容，更多關于小米官網(wǎng)網(wǎng)頁設計優(yōu)缺點、HTML小米商城網(wǎng)頁設計心得的信息別忘了在本站進行查找喔。