網頁設計與製作實習報告

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

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

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

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

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

（1）用户登錄註冊。

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

（3）提供會員註冊

（4）提供管理員後台管理入口。管理員通過本頁面登錄後台管理程序。

（5）通過後台對各類信息進行管理和審核。

（6）對網站會員信息進行管理和審核。審核註冊本網站的會員，對其進行管理。

（7）友情鏈接。設置相關的友情鏈接頁面。

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

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

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

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

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

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

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

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