網頁美術設計與網站整體形象一致，符合藝術規範和網站標準，著重注意網頁色彩(主色調和次色調)、圖片的應用及版面規劃，保持網頁的整體一致性。以下是小編整理的網頁設計實訓心得，歡迎來閱讀！
通過這次實訓對這門課程的學習，做好網頁，並不是一件容易的事，它包括網頁的選題、 內容採集整理、 圖片的處理、 頁面的排版設定、 背景及其整套網頁的色調等很多東西。
所以我得出一下總結：
一、 準備資料和挑選符合目的主題的合適素材
做網頁當然要收集、準備資料。在網上多轉轉，看到什麼漂亮的網頁，把它儲存起來， 作為以後自己設計主頁時的參考。另外，還包括蒐集美化主頁可能要用到的各種材料，如背景、小動畫圖示等等。可以在硬碟上建一個資料夾，下分“圖片、聲音、動畫”等資料夾， 養成上網時看到有創意、新鮮的影象，就按滑鼠右鍵存入你硬碟相應資料夾的習慣，時間一長就擁有了一個可觀的相簿，等做網頁時隨手拈來或加以修改就成你自己的東西了。
二、 規劃好整個網站
主頁的設計應以醒目優先，應該令人一目瞭然，切勿堆砌太多不必要的細節，或使畫面 過於複雜。切記，頁面給人的第一觀感最為重要！在網上到處瀏覽網站的人很多，如果你的主頁給人的第一印像沒有吸引力， 很難令他們深入觀賞， 而且他們恐怕再也不會訪問你的網站了。
三、 善用圖片，增強藝術效果
我記得老師說過網頁的迷人之處之一， 要算它上面能點綴許多漂亮的圖片。 精美的圖片設計，可以使自己的網頁增輝不少，令人過目不忘。圖片的內容應有一定的實際作用，切忌 虛飾浮誇，同時還要注
意與文字的顏色搭配。最佳的影象集美觀與資訊於一身。
四、善於借鑑他人主頁製作中的設計技巧
由於在網上用瀏覽器瀏覽任何主頁時， 都能檢視到該主頁製作時所編寫的絕大部分網頁程式設計原始碼。因此，如果想知道並掌握一些優秀的主頁採用的設計技巧，試著將其原始碼 調出來仔細揣摩，並模仿著一步一步去實現。
最後感謝老師多日來的辛勤教導！
第二篇：網頁製作實訓報告 8100字《網頁製作》課程實訓
說 明 書
系 （部）：
班 級： 姓 名：指導教師：
摘 要
《網頁製作》實訓的目的主要是讓我們通過這門實踐課程的學習瞭解和掌握網頁設計的基本方法，通過不斷上機實習訓練達到解決實際的問題。我所作的網頁主題為《聖誕節》，其中主要是介紹關於聖誕節的起源、習俗、各種促銷活動和聖誕老人、聖誕大餐等，在主頁面中展示的是整個頁面的佈局排版，在分頁面中詳細的介紹了每個頁面的主要展現的主題。在製作初期，主要是收集設計素材、內容，下載關於聖誕節的圖片、相關的視訊和各種滑鼠特性效果程式碼，中期，主要是建立主頁面和分連結，瀏覽色彩搭配的效果，頁面是否美觀，分析如何使用框架和利用Dreamweaver8軟體建立模板和佈局表格，最後，主要是細化各個頁面，對各個頁面的影象、表格、連結進行適當的除錯，是站點更加美觀，並上傳和測試整個站點運作情況，做好所有連結工作，使用PPT展示最終的效果。
目 錄
摘要．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 2
第一章 概述．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．3
一、主題介紹．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．4
二、製作目的及其方法．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．4
三、網站規劃及其實現過程．．．．．．．．．．．．．．．．．．．．．．．．．．．．．4 1、系統結構圖．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．5
第二章 網站製作的步驟．．．．．．．．．．．．． ．．．．．．．．．．．．．．．．．．．5
一、主頁的製作．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．5
1、主頁表格的佈局及其圖片的插入．．．．．．．．．．．．．．．．．．．．．．．．．5
2、主頁文字的輸入及其最終效果圖．．．．．．．．．．．．．．．．．．．．．．．．．．6
3、導航條的設計及程式碼．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．6
二、分頁的製作．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．7
1、聖誕起源表格佈局及其效果．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．7
2、聖誕雪景程式碼顯示及其最終效果．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．8
3、插入滾動圖片的程式碼及其效果圖．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．9
4、聖誕促銷層的插入及其效果圖．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．9
三、背景音樂、Flash圖片和視訊的插入．．．．．．．．．．．．．．10
四、框架排版和時間軸的運用．．．．．．．．．．．．．．．．．．．．．．．．．11、12
五、滑鼠特效程式碼的插入．．．．．．．．．．．．．．．．．．．．．．．．．．．．13、14
第三章 心得及體會 ．．．．．．．．．．．．．．．．．．．．．．15
一、在做超連結時出現的問題及解決方法．．．．．．．．．．．．．．．．．．15
二、網頁製作的意義及實訓總結．．．．．．．．．．．．．．．．．．．．．．．．．15 參考文獻．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．16
一、 概 述
（一）、主題介紹
大家都知道聖誕節是西方的節日，也是基督教世界最大的節日，這一天，世界所有的.基督教會都舉行特別的禮拜儀式。但是有很多聖誕節的歡慶活動和宗教並無半點關聯。交換禮物，寄聖誕卡，這都使聖誕節成為一個普天同慶的日子。由於是聖誕節的臨近，我們想抓住這個主題給大家展示一個不一樣的聖誕節，也希望所有的人都能過的開心，聖誕節的來臨，也意味著新年即將到來，我想以這個為主題，預祝大家在20xx年裡有好運氣、學習成績更優，每個人的生活都很精彩。
（二）、製作目的及其方法
主要目的是掌握網頁設計與製作流程並熟練運用Dreamweaver、Firework、Flash、Photoshop等相關輔助軟體。
1、應用遠端站點管理的知識和技能；
2. 應用本地站點管理的知識和技能；
3. 應用網頁頁面設計的知識和技能；
4. 應用網頁製作的知識和技能；
5. 培養以上知識和技能的綜合應用能力。
主要方法是通過使用Dreamweaver8中文版軟體規劃站點、佈局表格、插入影象、連結、建立框架製作、建立分層、運用時間軸等相關素材進行操作。
（三）、網站規劃及其實現過程
我們通過前期的網站策劃首先蒐集相關資料並最終確定了製作一個以聖誕節為主題網站，網站頁面我們選擇以灰色為背景色輔以鮮色點吸引訪問者的視覺，網站欄目主要有：首頁，聖誕起源，聖誕雪景，聖誕老人，聖誕大餐，聖誕前夕，聖誕活動，聖誕祝福語，內容不多，我們選擇頁面設計寬950畫素，能夠在各型別顯示器下很好的呈現。前期的策劃完畢，現在我們開始勾畫出了網站設計草圖，最後開始實施網站頁面設計工工作，頁面設計主要運用Dreamwever製作，圖片設計選擇Fireworeks和photoshop製作。
1、系統結構圖
網頁製作實訓報告
第二章 網站製作的步驟
一、 主頁的製作
1、 主頁表格的佈局及其圖片的插入
2、主頁文字的輸入及其最終效果圖
網頁製作實訓報告
3、導航條的設計及程式碼
網頁製作實訓報告
利用ul序列標記設計導航:部分程式碼
<p id="templatemo_menu">
<ul> <li><a href="../" class="current">首頁</a></li>
<li><a href="">聖誕文章</a></li>
