引導語： 網頁設計是二十世紀中期隨著計算機網路技術的產生和發展而誕生的一門全新的藝術設計形式,是平面設計在現代社會中的延伸和發展。下面是本站小編為大家整理的網頁設計實習報告範文，歡迎閱讀。
篇一：網頁設計調研報告
實習目的：熟悉和掌握計算機網頁設計的基本技巧及網頁製作相關工具軟體等內容。培養我們利用計算機進行商務網頁設計的 基本思路和應用開發能力，提高我們的計算機文化素質。
網頁是世界上最有價值的不動產之一。人們在這個不足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提供的模板和庫技術,以提高工作效率. 一個真正的網站,不僅應該實現傳統媒體的電子化,給使用者提供需要的內容、而且還應該做更多的事情、完成比頁面瀏覽更高層次的需求,例如收集資訊,資料傳 遞,資料儲存以及系統維護等.自己還有許多要學習的地方。
篇二：網頁設計調研報告
轉眼間，已到了期末，學習網頁設計這門課程也要結束了，雖然時間有點短，但是學過這個幾周以後我受益匪淺。
記得最初接觸dreamweaver的時候，我很茫然，因為剛接觸陌生的軟體心裡會很害怕跟不上老師的程序。剛開始幾節課，老師講得比較基礎，還能跟得上，漸漸的老師授課的程序開始加速，有些跟不上了，需要下課後自己補上，問老師和周圍的同學。漸漸的，在老師的悉心教導下，我們開始熟悉這個軟體了。老師佈置的第一個任務，要求做一個自我形象網站。由於學習的時間較短，老師只要求用PS做好模板即可，任務相對簡單。但也要求設計感強，色彩搭配和諧，並且儘可能的做成實用又符合實際的漂亮網頁。
第二個網頁設計老師要求相對較高，用dreamweaver做一個比較接近真實的網頁，還要做一個二級頁面。於是開始收集各方面的資料。確定了主題就開始佈局了。最開始使用了一個表格，然後在表格內進行拆分合並處理，接著就把通過ps處理出來一個版頭並且把修改過大小的圖片放進去了。
中間時預覽，問題出現了，發現版頭與下面的圖片文字之間出現了很大的一段距離，但是在軟體中已經把距離縮小為0了，多次嘗試後沒有效果。最後想到可以另外再加一個表格，把版頭放在一個表格內面，這樣問題就解決了。預覽是效果還不錯。但是總覺得首頁做得太普通，一次瀏覽學長做的網頁時，覺得他們的文字滾動視窗做得效果做得不錯，於是想借見一下。就決定把自己網站的左邊修改修改。複製了他的程式碼，把上面的內容修改成我的網站需要的文字。本以為可以輕鬆的完成，但是卻出現大問題了。
因為需要滾動的文字佔的空間太大，把左邊的那部分表格全部佔滿了，而在實際的網頁預覽中，這個有文字滾動的框只佔了左邊Oeasy教你玩轉網頁設計瀏覽的工具建站程式三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多方法，在網站查了很多資料，可能因為沒有專業術語作為搜尋的關鍵詞，查不到任何相關的資料，試過div標籤，試過不停的拆分表格，最後還是沒有效果。就這樣試著試著，突然想到了層這個概念。於是在佈局中點選了繪製層，結果成功了，經過一些加工，終於成功的完成左邊的佈局。印象還比較深刻的是插入聲音，記得老師曾經給我們講過很多次怎樣插入聲音，可是等到自己做網頁的時候卻忘記了，於是問其他人，結果居然都忘記了，於是自己在百度上收。最後終於找到了一個可以使用的程式碼，但是在加入聲音路徑時出現了問題。在屬性內加入原始檔，結果就是加不進去MP3的音樂檔案，然後自己就嘗試加入了一個視訊，記下了路徑格式，然後照著這種格式寫下了指向聲音原始檔的路徑，最後成功了。在設計過程中還出現了很多的問題，但通過看書，上網查詢，請教同學等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。熱情和執著，我將來設計出的網頁會更加專業，更完善。