2016網頁設計實訓報告

從事網站開發工作的，公司在技術團隊這部分是比較正規的。這下面是小編收集的2016網頁設計實訓報告，歡迎大家參考!

　　【2016網頁設計實訓報告】

　　一 實驗過程

1.資料的蒐集。

2.熟悉製作軟件。

3.構建站點框架。

打開dremweaver後第一步便是新建站點

4設計主頁及二級頁面。

5實現網頁間的鏈接

鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最後選擇自己要鏈接的網頁單擊確定便可以了。

6向靜太網頁插入動態效果

具體情況如下：

通過這半年的學習實踐中 和老師的指導下以大量明晰的操作步驟和典型的應用實例，教會我們。使更豐富全面的軟件技術和應用技巧，使我們真正對所學的軟件融會貫通。所以我結合所學專業的內容製作了個人網站，作爲實習的成果。其內容是多樣化的。製作網頁用的軟件是dreamweaver , banner軟件。dreamweaver大大加速了網絡時代電子交易應用中的項目交付。它提供了網頁和表單的動態生成到企業級的解決方案，如電子商店，庫存管理系統和企業內部局域網的數據庫應用等功能。例如，網頁上很流行的陰影和立體按紐等效果，只需單擊一下就可以製作完成。當然，其最方便之處是，它可以將圖象切割，圖象映射，懸停按紐，圖象翻轉等效果直接生成html代碼，或者嵌入到現有的網頁中，或者作爲單獨的網頁出現。主圖是一個網頁的門面，它能體現出這個網頁的整體風格。

製作網頁,首先是確定主題,經過再三考慮,就做了個關於中國的網站,平時也總是瀏覽類似的網站,對這些還有些瞭解,於是確定主題,做一些類似的網站,但考慮到,現在網絡上好多類似的網站,但有些內容不適合我們大學生閱讀,對於我們來說有點不實際,根據這種情況,最後決定建立一個簡單的中國介紹和相關的事蹟網站,專門介紹一些即使用,又便宜的小祕笈。於是網站主題確立。

然後是整體規劃，每一版塊都有其個性的色彩，清晰明瞭，便於閱讀瀏覽，大致分幾部分，中國簡介，中國歷史，用戶登錄註冊頁面留言，再加入個別網站等，每一部分又分幾小部分，內容比較充分，多樣。

再後是收集資料與素材，大量瀏覽相關網站，收集關於中國的一些事蹟歷史圖片，好的文章和圖片等，還有參考一些好的網站的佈局，特色，顏色搭配，背景圖等。

再後是設計網頁圖片，用flash製作網頁的banner。

再後是建立站點，站點分佈如下：

再後是製作網頁了，使用dreamweaver製作。

首頁內容精彩豐富，簡潔明快，語言風趣，通俗易懂。頁面可愛清爽。首頁主要是導航作用。首頁製作時，時刻考慮着網頁的基本原則：統一，連貫，分割，對比及和諧的原則，內容統一，都是爲了主題服務，一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計纔是成功的;連貫，頁面之間關係連貫，統成一體;每版內容都自成一體，顏色各異，便於瀏覽;整個網頁有動有靜，顏色不同，形成對比，不呆板，富有生氣;顏色各異，但又不同之中又相同，渾然一體。而且製作過程中，不忘以下原則：

簡潔實用: 這是非常重要的，網絡特殊環境下，儘量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗餘的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美;頁面用色協調，佈局符合形式美的要求: 佈局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

利用我們所學的框架集，製作更完美的頁面。將動態網頁與靜態網頁結合起來

再後，調試過程，好多次本來在dream裏好好的，把字調的好好的，位置很對，可在瀏覽器裏御覽就出毛病了，不是靠上了，就是靠下了，很不老實，經過再三調試，整理，加了好多表格，終於滿意了，很是麻煩，想請問老師，爲什麼會出現這種情況啊，還有怎麼解決啊，不用這麼反覆調整的辦法，還有什麼好辦法啊?

還有，在最超鏈接過程中，明明在頁面屬性裏設置的是超鏈接的文字是原色，點擊鏈接後也是原色，可一鏈接上就變色了，想了老半天，也做了很多研究，實驗，終於知道怎麼回事了，原來應該對文字所在的單元格整體做鏈接，而不是隻選中文字做鏈接。

還有，這次的網站大部分用的是表格，層用的很少，因爲它太靈活了，不好控制，用的很少。

再後，是網頁的上傳與發佈，用ftp將製作好的網站上傳

製作過程中，才發現，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應用，操作，可這樣要修改模版可就麻煩了，要一個網頁一個的修改，於是趕緊上網學習相關內容，閱覽書籍，最後才知道文件這有個資源，點擊

進入資源面板，點擊到數第二個的模版，選項，所有模版就都顯示了，點擊資源面板左下角的應用命令，好了，這個模版就應用到你建立的網頁中去了。

這只是在製作過程中出現的問題之一，其它問題也是類似相同。現在想想，自己所會的東西太少了，現在做的網站只是一些簡單的網站，看到了一些知名的網站開發出的網頁，不僅欄目內容豐富，信息量大，而且頁面圖文並茂，五彩繽紛，使得網民讚歎不已，流連忘返。以我們的經驗，當前的軟件的功能日趨複雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。需在加以刻苦鑽研及學習，不斷開拓視野，增強自己的實踐操作技能，爲以後能做出出色的網頁而努力。

同學告訴我，要做好網頁，一定要學從c++,java,php，asp，數據庫。以後要學的實在是太多了，而且我也很喜歡這方面，在以後的日子裏，會努力填充自己，豐富自己的。希望以後有不懂的地方，老師能多多指點。

　　二 實驗心得