引言:網頁設計是伴隨著二十世紀中葉計算機網絡技術的產生和發展而誕生的壹種全新的藝術設計形式，是平面設計在現代社會的延伸和發展。下面是我為妳整理的壹份網頁設計實踐的樣本報告。歡迎閱讀。
第壹部分:網頁設計研究報告實習目的:熟悉和掌握計算機網頁設計的基本技能和網頁制作的相關工具和軟件。培養我們使用計算機設計商務網頁的基本思維和應用開發能力，提高我們的計算機文化素質。
網頁是世界上最有價值的不動產之壹。人們在這個不到0.1平方米的空間裏投入了數百萬美元。網頁對公司的影響遠大於單純的電商增收方式；網頁也是公司的臉面。網站就像壹所房子，它的每壹扇窗戶都可以看作是壹扇門。人們可以跟隨搜索引擎的其他網站的鏈接，繞過主頁，進入網絡的深層。
壹、網站總體規劃
1.討論網站主題:因為對普羅旺斯很感興趣，就想著為心中的仙境設計壹個旅遊網站。
2.定位網站的CI形象:對於壹個旅遊網站來說，最重要的是訪問者有壹個他們想親自體驗的buzz。於是在網頁設計中，根據普羅旺斯夢幻的意境，采用了清新雋永的CI形象。讓遊客感到賓至如歸。
3.確定柱和板:
1]首先考慮整個網頁的長寬以及長寬之間的比例。
2]其次，要考慮導航欄的設置。
3]文本的框架設置(水平和垂直因素交錯)
瀏覽了很多好看的旅遊網站，結合自己的想法，先在草紙上畫了大致的欄目和板塊。
4.網站整體風格與創意:打造壹個浪漫的旅遊網站，走送圖路線，讓訪客留下影像。
2.網頁制作的前期策劃和準備
1.資料收集:由於個人愛好，很早以前就收集了很多普羅旺斯的美圖，這次方便多了。然後我收集了壹些夢幻的web背景，FIASH源代碼，小圖標和壹些GIF動畫。
2.熟悉制作工具和軟件；
主頁制作的基本條件是:
硬件:
電腦壹臺(64MB以上內存，當然是越大越好)；妳可以撥號上網；如果有條件，建議:配置掃描儀，會大大方便圖像和文字的輸入；軟件:
HTML編輯軟件:常用的有Frontpage、Hotdog等。本文重點介紹Dreamweaver
圖像處理軟件:常用Photoshop、flash、Fireworks
文件上傳軟件:常用的有Cuteftp、WSftp等。
三。網頁制作
壹開始真的很難做到面面俱到，我也遇到過很多問題，比如:插入的圖片不符合規範，其他內容的框架壹下子被擠掉；插的層數太多，大的蓋住小的；插入的閃光燈不能產生效果。簡而言之，問題就是壹個籮筐。實踐出真知。原來我還有那麽多知識的匱乏。於是我又回到了最初的源頭，先把課本上的東西講清楚，再來講其他的。然後從圖書館借了幾本網頁制作方面的書參考。
對基礎知識有了詳細的了解之後，做事情就得心應手多了。在知道了向導頁可以被過度鏡像後，我決定為我的網頁設計壹個向導頁。
然後就是首頁和二級頁面的設置。應該註意的是，只有兩種圖像格式，JPG和GIF，可以在網上使用。其他常見的格式，如BMP、TIF等，因為太大無法在線使用，但可以通過圖像軟件轉換，如Office 97的圖片編輯器。將出現在主頁上的圖片放入相應的目錄後。
在壹步壹步的學習和做的過程中，看著自己心裏的東西壹點壹點的走出來，真的是壹種成就感。雖然我的網絡技能還遠遠落後，但當我回顧這壹周的時候，我真的學到了很多。
四。網頁調試
在我把我做的東西放到u盤上之前，圖片無法顯示。幸運的是，即使我找到了保存的方法，我也會把源文件和網頁放在壹起，這樣即使路徑改變，也不會影響頁面的效果。
總結:在WWW上，無論妳是資產上億的大公司，還是缺錢的窮學生，只要妳建立了自己的網頁，地位都是平等的。經過這壹周的相關學習，我了解到網頁設計與制作是壹個龐大的工程。網站的反饋和評價。網站要註意經常維護更新內容，保持新鮮。如果做得不好，在服務器上永遠不會改變。只有不斷補充和更新內容，才能吸引訪客。在維護和更新時，可以充分利用Dreamweaver提供的模板和庫技術，提高工作效率。壹個真正的網站不僅要實現傳統媒體的電子化，為用戶提供他們需要的內容，還要做更多的事情，完成比頁面瀏覽更高層次的需求，如信息采集、數據傳輸、數據存儲和系統維護等。我還有很多要學的。
第二章:網頁設計研究報告轉眼間已經到了期末，學習網頁設計的課程即將結束。雖然時間有點短，但是學了幾個星期的這門課，我受益匪淺。
記得剛接觸dreamweaver的時候，我很茫然，因為剛接觸陌生軟件的時候，我很害怕跟不上老師的進度。剛開始幾節課，老師講的比較基礎，能跟上。漸漸的，教學的進程開始加快，有些跟不上了。妳需要課後補，問老師和身邊的同學。漸漸地，在老師的悉心教導下，我們開始熟悉這個軟件。老師布置的第壹個任務是做壹個自我形象的網站。因為學習時間短，老師只需要用PS做壹個模板，任務比較簡單。但也要求設計感強，色彩搭配和諧，並盡可能做出壹個實事求是的漂亮網頁。
第二個網頁設計老師要求比較高。dreamweaver用於制作更真實的網頁和二級頁面。於是我開始收集各種信息。壹旦確定了主題，布局就開始了。壹開始用了壹個表格，然後在表格裏拆分合並，然後ps處理了壹個頭，把調整過大小的圖片放進去。
中間預覽，問題出現了，發現頁眉和下面的圖片文字有很大的距離，但是在軟件裏已經把距離縮小到0了，試了很多次也沒有效果。最後想到可以再加壹個表，把表頭放在壹個表裏，問題就解決了。預告還不錯。但是，總覺得主頁太普通了。瀏覽學長做的網頁，感覺他們的文字滾動窗口做的不錯，就想借用壹下。我決定修改我的網站的左側。我復制了他的代碼，把上面的內容改成了我的網站需要的文字。我以為這很容易做到，但是有壹個大問題。
因為需要滾動的文字占用空間太大，左邊的表格都被占滿了，但是在實際的網頁預覽中，這個有滾動文字的方框只占了Oeasy教妳玩網頁設計和瀏覽的左邊建站程序的三分之壹，左邊三分之二是空白的。我想如果我能把文字壹層壹層的放上去。我嘗試了很多方法，在網站上查了很多資料。可能因為沒有專業術語作為搜索的關鍵詞，所以找不到任何相關信息。我反復嘗試div標簽和拆分表格，還是不行。剛剛在嘗試，突然想到了層的概念。於是我在布局中點擊了繪圖層，結果成功了。經過壹些處理，我終於成功地完成了左邊的布局。印象比較深的是插入聲音。我記得老師給我們講過很多次如何插入聲音，但是我自己做網頁的時候忘記了，就問了別人，結果居然忘記了，就在百度上收藏了。終於找到了可用的代碼，但是在添加聲音路徑的時候出現了問題。把源文件加到屬性裏，結果是MP3音樂文件加不進去，然後我試著加壹個視頻，寫下路徑格式，然後按照這個格式寫下聲音源文件的路徑，最後成功。設計過程中還存在很多問題，但是通過看書、網上搜索、咨詢同學等方式，不斷學習、解決、改進，設計出來的網頁無論是外觀還是內容都在不斷改進和完善。可以說網頁設計水平在自我幫助和不斷實踐的過程中有了很大的提高。熱情和堅持，以後我會設計出更專業更完美的網頁。
；