網頁設計與製作實習報告

在當下社會，越來越多人會去使用報告，不同種類的報告具有不同的用途。其實寫報告並沒有想象中那麼難，下面是小編整理的網頁設計與製作實習報告，希望對大家有所幫助。

這次實習內容包括網站原型設計及Photoshop切片技術在網頁整體設計時的應用； “DIV+CSS”頁面佈局技術;設計電子購物商城主頁。我深深體會到，做好主頁，並不是一件容易的事，網頁的選題、內容採集整理、圖片的處理、頁面的排版設定、背景及其整套網頁的色調等很多東西。不過能懂得基本的框架和思路，這一點在以後的工作過程中是非常有幫助的。

透過這次實習，我也總結出來一些網站建設的基本流程。

製作網頁，首先是確定主題。

網上購物系統發佈平臺爲顧客提供了各種商品、供求資訊瀏覽、查詢，購買等功能，全面的爲顧客提供服務，幫助顧客更多的瞭解本網站的動態資訊，提供最新動態通知。要求系統具有以下功能：

（1）用戶登入註冊。

（2）提供類別導航，購物推薦，熱銷商品，加入購物車等

（3）提供會員註冊

（4）提供管理員後臺管理入口。管理員透過本頁面登入後臺管理程序。

（5）透過後臺對各類資訊進行管理和審覈。

（6）對網站會員資訊進行管理和審覈。審覈註冊本網站的會員，對其進行管理。

（7）友情連結。設定相關的友情連結頁面。

主頁的設計是整個網站的靈魂，構思導航欄的分類，然後是整體規劃，每一個版塊都有其個性，清晰明瞭，便於閱讀瀏覽，大致分幾部分，首頁，小店簡介，產品展示，售後服務，友情連結這幾個板塊，再加入個別網站等，每一部分又分爲幾個小部分，內容比較充分，多樣。確定導航欄的各個分了標題之後對於建立二級子網頁尤爲重要。

主頁的導航設計好後，接下來就是對主頁導航欄的各個內容進行資料的`收集，在網上多轉轉，看到什麼漂亮的網頁，把它儲存起來，作爲以後自己設計主頁時的參考。另外，還包括蒐集美化主頁可能要用到的各種材料，如背景、小動畫圖標等等。你可以在硬盤上建一個檔案夾，下分“圖片、聲音、動畫”等檔案夾，養成上網時看到有創意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應檔案夾的習慣，時間一長你就有擁有了一個可觀的圖庫，等做主頁時隨手拈來或加以修改就成你自己的東西了。我們再對大量收集的資料進行篩選，得到最合適的導航內容的資料。

網站建設中如果大量運用模板，對於建立網站提供便利同時也減少了大量的工序。主頁的設計應以醒目優先，應該令人一目瞭然，勿堆砌太多不必要的細節，或使畫面過於複雜。頁面給人的第一觀感最爲重要。網上商城系統採用了敏捷開發的設計思想，我們對整個系統主要分成了2個大模組，即前臺交易模組和後臺管理模組。而其中各個模組我們又進行了進一步的細分，如前臺交易模組又分爲註冊會員、商品瀏覽、查詢商品、購買商品等；後臺管理模組則包括對用戶的管理、商品管理和銷售管理。使得整個系統具有易用性、個性化、跨平臺等特點，同時又保證交易數據的安全、穩定、快速和完整，使其執行得高速、安全、穩定。

商品管理模組，管理員對商品資訊的管理主要包括商品以及對商品類別的查詢、添加、刪除、修改等操作。

訂單管理模組，用戶選擇滿意的商品會進行下訂單操作，同時會進行確認訂單、付款等操作，但同時也會存在未確定訂單、未付款等操作。

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

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

透過這次實習，我學到了很多有價值的東西。雖然我不能完成網站設計的過程，把設計中散亂的網頁連結成框架體系，但至少使平時學到的知識點有了提高。我感受最深的是：想要最好一個網站，素材和技能都十分重要。好的素材需要多放面查找資料的，可以從圖書、網站和新聞上查找的。好的技能需要不斷的實踐，經常鍛鍊。只有擁有好的素材和精湛的技能纔可以做出最精湛的網頁。