網頁製作心得

江蘇經貿職業技術學院

實訓報告

(2011 /2012 學年第一學期)

二00六年二月制

三、實訓步驟:

這一周，我們要進行《**設計與製作》實訓，我們認為做**前最主要的是確定主題、框架和標題欄的設計。因此我確定製作以「個人**」為主題的「個人網」，之後**規劃，上網瀏覽他人優秀**，蒐集相關材料並整理。

1. 確定主題。製作網頁眉先確定主題，我想做乙個個人**，所以就上網瀏覽了許多優秀的個人**和有名的主題**，確定了以我的經歷為主來介紹自己。

我覺得既然是個人**就要自己的特色，而且我是乙個女孩子，主題就應該素雅一點，所以整個**就以青色為主。讓人一看就知道我的特點。

2. 設計主頁。主頁的設計是整個**的靈魂，構思導航欄的分類，然後是整體規劃，每一版塊都有其個性的色彩，清晰明了，便於閱讀瀏覽，我就構思大致分幾部分。

首頁，個人資訊，我的收藏，留言板。再加入個別**等，每一部分又分幾小部分，內容比較充分，多樣。確定導航欄的各個分類標題之後對於建立二級子網尤為重要。

在頁面設計時，主要考慮整體布局、視覺平衡、頁面尺寸和頁面框架等四個方面的因素。保持**的整體設計風格統一一致，避免凌亂的思維方式，要做到有步驟、有計畫的設計和製作。我就上網搜尋，決定以乙個優秀的**首頁作為模板，來來構建我自己的首頁。

3. 素材的蒐集。主頁的導航欄設計好後，接下來就是對主頁導航欄的各個內容進行資料的收集，我採用大量的資料收集再對資料進行塞選，得到最適合導航欄內容的資料。

網頁是否生動、別具特色，還需強調文字、**、flash小動畫或gif動畫的編輯以及聲音和**等的處理和加工是否保持相對的一致性。素材的選擇，要符合**的主題，然後放入站點底下，進行**的鏈結和排版。

4. 實現網頁間的鏈結。做好各個子網和首頁後，接下來就是通過模板的鏈結，將整個**中的網頁鏈結起來，過程其實很簡單，主要是把要鏈結的文字和圖示選擇在選擇工具欄的鏈結按鈕最後選擇自己要鏈結的網頁單擊確定便可以了。

我是用框架集做的**，因此子網很多，而且用框架集做了之後覺得排版不太好看，又要再修改，各個頁面完成後，就要進行站點的除錯，力求準確、簡潔、明快、結構簡單。做好這一步後，**基本算是建好了。

5. 動態效果。乙個**全是靜態的覺得不太好看，我就插入了一些gif動態**和幾個flash小動畫，這樣我的**就有點動態了，製作其動態效果，讓整個網頁充滿生機。

我還在網上進行flash素材的收集，通過flash cs3設計出主題下的風格動態效果。然後插入到靜態網頁中，使網頁更加生動形象。

6. 進行站點的製作。新建站點，然後所有的素材就都在站點裡了。

四、實訓中遇到的問題及解決方法：

1.首頁無法居中，偏在了左邊。參考了其他**之後，我首先用乙個一行二列的**，第一列就空著不用，在第二列開始編輯。

2.框架集很難排版。每次在設計的時候看的蠻好的，在預覽的時候就不好了，總是位置不對。

每次設計left的時候總是不能進行下拉設計。之後，每次對left進行排版時，我都用層去排版，因為層很方便想拖到**都可以。

4.就框架的應用很難把握，當插入**的時候把原有的模板給撐破了。這就又需要層了，因為學藝不精，所以不會網頁的**設計。