網頁製作實訓報告

在現實生活中，報告的使用頻率呈上升趨勢，其在寫作上具有一定的竅門。爲了讓您不再爲寫報告頭疼，下面是小編爲大家整理的網頁製作實訓報告，希望能夠幫助到大家。

網頁製作實訓報告1

通過這次實訓對這門課程的學習，做好網頁，並不是一件容易的事，它包括網頁的選題、 內容採集整理、 圖片的處理、 頁面的排版設置、 背景及其整套網頁的色調等很多東西。

所以我得出一下總結：

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

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

二、 規劃好整個網站

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

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

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

四、善於借鑑他人主頁製作中的設計技巧

由於在網上用瀏覽器瀏覽任何主頁時， 都能查看到該主頁製作時所編寫的絕大部分網頁編程源代碼。因此，如果想知道並掌握一些優秀的主頁採用的設計技巧，試着將其源代碼 調出來仔細揣摩，並模仿着一步一步去實現。

篇二：

（一）、主題介紹

大家都知道聖誕節是西方的節日，也是基督教世界最大的節日，這一天，世界所有的基督教會都舉行特別的禮拜儀式。但是有很多聖誕節的歡慶活動和宗教並無半點關聯。交換禮物，寄聖誕卡，這都使聖誕節成爲一個普天同慶的日子。由於是聖誕節的臨近，我們想抓住這個主題給大家展示一個不一樣的聖誕節，也希望所有的人都能過的開心，聖誕節的來臨，也意味着新年即將到來，我想以這個爲主題，預祝大家在20xx年裏有好運氣、學習成績更優，每個人的生活都很精彩。

（二）、製作目的及其方法

主要目的是掌握網頁設計與製作流程並熟練運用Dreamweaver、Firework、Flash、Photoshop等相關輔助軟件。

1、應用遠程站點管理的知識和技能；

2. 應用本地站點管理的知識和技能；

3. 應用網頁頁面設計的知識和技能；

4. 應用網頁製作的知識和技能；

5. 培養以上知識和技能的綜合應用能力。

主要方法是通過使用Dreamweaver8中文版軟件規劃站點、佈局表格、插入圖像、鏈接、建立框架製作、創建分層、運用時間軸等相關素材進行操作。

（三）、網站規劃及其實現過程

我們通過前期的網站策劃首先蒐集相關資料並最終確定了製作一個以聖誕節爲主題網站，網站頁面我們選擇以灰色爲背景色輔以鮮色點吸引訪問者的視覺，網站欄目主要有：首頁，聖誕起源，聖誕雪景，聖誕老人，聖誕大餐，聖誕前夕，聖誕活動，聖誕祝福語，內容不多，我們選擇頁面設計寬950像素，能夠在各類型顯示器下很好的呈現。前期的策劃完畢，現在我們開始勾畫出了網站設計草圖，最後開始實施網站頁面設計工工作，頁面設計主要運用Dreamwever製作，圖片設計選擇Fireworeks和photoshop製作。

1、通過綜合實訓進一步鞏固、深化和加強我們的理論知識與專業技能。掌握規劃動態網站的內容結構、目錄結構、連接結構的方法，讓我們熟練掌握動態網頁製作軟件和基本操作和使用技能，頁面的整體控制和頭部設置的方法。

2、運用Dreamweaver完成網站建設任務的方法，能獨立設計一個內容完整、技術運用得當的網站；

3、在網頁設計的實踐中培養分析問題、解決問題的能力，培養協作、交流的能力，培養創新能力和團隊意識；

4、作爲學生學習這門課程的階段性總結，使學生複習、鞏固所學過的理論，並予以適當的深化，進一步訓練我們的基本技能。

網頁製作實訓報告2

實驗過程

1.資料的蒐集，網頁製作實習報告。

2.熟悉製作軟件。

3.構建站點框架。

打開dremweaver後第一步便是新建站點

4設計主頁及二級頁面。

5實現網頁間的鏈接

鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最後選擇自己要鏈接的網頁單擊確定便可以了。

6向靜太網頁插入動態效果

具體情況如下：

通過這半年的學習實踐中 和老師的指導下以大量明晰的操作步驟和典型的應用實例，教會我們。使更豐富全面的軟件技術和應用技巧，使我們真正對所學的軟件融會貫通。所以我結合所學專業的內容製作了個人網站，作爲實習的成果。其內容是多樣化的。製作網頁用的軟件是ｄreamweaver , banner軟件。dreamweaver大大加速了網絡時代電子交易應用中的項目交付。它提供了網頁和表單的動態生成到企業級的解決方案，如電子商店，庫存管理系統和企業內部局域網的數據庫應用等功能。例如，網頁上很流行的陰影和立體按紐等效果，只需單擊一下就可以製作完成。當然，其最方便之處是，它可以將圖象切割，圖象映射，懸停按紐，圖象翻轉等效果直接生成html代碼，或者嵌入到現有的網頁中，或者作爲單獨的網頁出現。主圖是一個網頁的門面，它能體現出這個網頁的整體風格。

製作網頁,首先是確定主題,經過再三考慮,就做了個關於中國的網站,平時也總是瀏覽類似的網站,對這些還有些瞭解,於是確定主題,做一些類似的網站,但考慮到,現在網絡上好多類似的網站,但有些內容不適合我們大學生閱讀,對於我們來說有點不實際,根據這種情況,最後決定建立一個簡單的中國介紹和相關的事蹟網站,專門介紹一些即使用,又便宜的小祕笈。於是網站主題確立。

然後是整體規劃，每一版塊都有其個性的色彩，清晰明瞭，便於閱讀瀏覽，大致分幾部分，中國簡介，中國歷史，用戶登錄註冊頁面留言，再加入個別網站等，每一部分又分幾小部分，內容比較充分，多樣。

再後是收集資料與素材，大量瀏覽相關網站，收集關於中國的一些事蹟歷史圖片，好的文章和圖片等，還有參考一些好的網站的佈局，特色，顏色搭配，背景圖等。

再後是設計網頁圖片，用flash製作網頁的banner。

再後是建立站點，站點分佈如下：

再後是製作網頁了，使用dreamweaver製作。

首頁內容精彩豐富，簡潔明快，語言風趣，通俗易懂。頁面可愛清爽。首頁主要是導航作用。首頁製作時，時刻考慮着網頁的基本原則：統一，連貫，分割，對比及和諧的原則，內容統一，都是爲了主題服務，一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計纔是成功的；連貫，頁面之間關係連貫，統成一體；每版內容都自成一體，顏色各異，便於瀏覽；整個網頁有動有靜，顏色不同，形成對比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且製作過程中，不忘以下原則：

簡潔實用: 這是非常重要的，網絡特殊環境下，儘量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗餘的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美；頁面用色協調，佈局符合形式美的要求: 佈局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

網頁製作實訓報告3

在這兩週的網站建設實訓過程中，我練習掌握了很多關於網站建設的知識和技巧。因爲這是我比較感興趣的課程，所以對於所學的知識非常珍惜，也很欣慰，因爲學到了很多對以後工作和生活很有幫助的知識。

我們這一小組做的主要內容爲建設一個網上商店的網站，網上商店的名稱是“衣之谷”。主要內容包括網站主頁、商品分類、新品推薦、購物幫助和客戶服務。而我負責客戶服務的網頁製作。在整個實訓過程中，難免會遇到一些比較困難的問題。每當這時，我們先是通過組內成員間共同討論商量解決的辦法。若沒有討論出結果，我們會向其他同學詢問意見，綜合分析後會找指導老師幫忙解決問題，找出問題所在，改正錯誤。最後我們的網站終於圓滿完成了，這是值得慶幸也令我們比較有成就感的一件事情。最後我們的一番努力終於取得了成果，心裏挺開心的。我們的努力是值得的。

這兩週裏，我學到了很多關於網頁製作方面的`知識，也學會了怎樣與人團隊合作，這些都將會對我的成長有很大的幫助，將會在以後的學習、工作和生活中起到很大作用。這次實訓是我們從學校到以後找工作的一個過渡。有了這次學習的機會，自己成長了不少，也學到了很多。對於書本上的理論知識更加的鞏固了，更重要的是自己得到了這個寶貴的學習機會。這樣的學習方法對於我們以後不管是學習工作還是生活都是受用的。

經過這次網站建設課的實訓，讓我對自己有了新的認識，也學到了網頁設計的知識。在實訓中，我們將在書本上學習過的很多理論知識付諸實踐，實際運用，我體會到了其中的難度。在今後的工作和生活中，自己需要更加努力的奮鬥下去。實習的同時也讓我瞭解到了自己的不足，我會繼續努力，完善自我。對於學校的精心安排和指導老師的用心輔導非常感謝。

轉眼間，兩週愉快而又充實的網站建設實訓課程結束了，在這不長的時間裏，在實訓的過程中，讓我嘗試了理論與實踐的結合。網頁設計理論一點點轉化爲實踐經驗，豐富的實訓知識，讓我充滿驚喜、快樂和充實，當然也少不了網頁設計處理過程中的困難。實訓結束了，感覺腦袋裏又注入了新的知識，對網站建設和網頁設計也有了更深的瞭解，在以後的工作中，希望能用自己瞭解的東西去處理相關的問題，再探究新的問題，使自己不斷進步。

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

網頁製作實訓報告4

一、實訓目的

1．進一步熟悉和掌握網站建設的基本流程和技術規範；

2．鞏固運用Dreamweaver網頁製作軟件製作網頁、特別是製作動態網頁的知識；

3．鞏固運用Fireworks圖像處理軟件進行網頁中圖形制作和運用flash動畫製作軟件設計網頁中動畫的知識；

4．鞏固綜合運用Dreamweaver、Fireworks、flash三個軟件完成網站建設任務的方法，能獨立設計一個內容完整、圖文並茂、技術運用得當的網站；

5．具備獨立撰寫實訓報告等科技文件的基本能力；

6．在網頁設計的實踐中培養分析問題、解決問題的能力，培養協作、交流的能力，培養創新能力和團隊意識。

二、實訓任務

1．站點規劃，蒐集資料。確定網站主題內容，規劃站點結構，從網上搜索相關資料（圖片、文字等）。

2．進行主頁設計。構思主頁佈局，進行主頁標題圖片的設計（要求原創），進行主頁其餘圖片的設計和頁面內容的錄入，最後進行主頁的整體優化設計。

3．網頁設計。除主頁以外的網頁設計，首先設計網頁模版，一部分網頁由模版生成，一部分爲單獨設計（依據實際需要確定哪些網頁由模版生成，確定哪些網頁單獨設計）。包括版面設計和圖形設計、內容錄入等。

4．動畫設計。主頁動畫設計和其餘頁面動畫設計，充分運用所掌握技術，效果好。

5．綜合優化。鏈接正確、得當，動態效果好（時間軸動畫、行爲、代碼的嵌入等）

6．網站測試並遞交。在瀏覽器中對完成的網站逐頁打開測試，包括鏈接正確與否，頁面打開時間，圖片和動畫是否丟失等。

三、實訓項目網站

基本介紹網站的主題是:遊覽天下行，快樂共分享。背景圖片均爲國內外知名旅遊地圖片，體現網站主題。圖片和文字部分採用浮動形式，讓網站看起來更生動，更有吸引力；導航欄採用超鏈接，鏈接到相關網站，同時插入表單，設置了會員登陸窗口和註冊鏈接。還插入了音樂，輕柔舒緩，彷彿置身於遊覽聖地中。

四、實訓中的問題和解決辦法

1、圖片太大，鏈接上就影響整個網頁的效果，用可牛將圖片修飾裁剪後在鏈接進去。

2、不能出現完整的站點地圖。講html另存爲，並設成首頁，其他導航欄要依次鏈接並設成首頁。

3、插進的音樂撥不起，格式不對。下載wav格式的音樂，用。

4、按照設置浮動文字的形式插入浮動的圖片。請教同學後，用命令

五、實訓體會

一直很羨慕會作網站的人，是那樣的神奇，自己做了，才知道其中的技術含量。首先要掌握基本的操作，還要找各種資料，查找數據，一切並不像想象的那樣簡單，但做好後很有成就感，想要做一個漂亮的網站，不知光想就能做好的，平時上課開一點小差，有些東西就做不起了。唉，以後上課一定要認真聽講啊，網頁製作是我們的專業課，面臨現在的就業形勢，大學生畢業就失業已成普遍現象，但如果你真的有過硬的專業只是和實踐能力有何愁找不到工作呢。電子商務自上世紀興起，便以不可阻擋的勢頭迅猛發展着！它方便、快捷、省時、省力，收到企業和個人的極大親睞。在現代的信息時代中，多種交易都是通過網絡實現的，於是，對於掌握這方面的知識越來越重要了！所以，我們要啊抓緊一切機會學習，不斷的充實自己，在這個信息爆炸的時代，計算機技術的更新週期不斷縮短，緊緊掌握所學的知識是不行的，還要不斷擴展新的知識，再次實訓中，有的同學作出很漂亮的網站，還插入了自己做的視頻，而我是會插入簡單的圖片和音樂，當時的觸動很大，所以，現在的我們要有危險意識了，畢業後我們的路該怎樣走就看現在的學習了，不是抱怨學校和專業的時候了，沒有用的，再好的學校，再好的專業，自己不好好學，將來走進社會還是一無所成的！以後我會認真上每一堂課，認識完成每一次作業，每一次實習，將來的路是自己走出來的！！