網頁製作設計開題報告

在經濟迅速發展的今天，Internet顯得更為重要它是人們發佈信息與傳遞信息的重要渠道，為了與社會發展同步，為了讓我們成為真正的技術性人才。學校在本週為我們安排了維持一週的網頁製作專用周是實習，讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。通過本週的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足，下面就談談我在本次專用周的主要感受。

一、網站整體規劃，要做網頁的第一步便是做網站的整體規劃這主要包括四個方面的內容。

1.討論網站的主題。

網站整體規劃是做網頁的第一步也是製作網頁最關鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛的服飾來為它做網頁。在平時我也對服裝的網頁比較關心，無論是淘寶網上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網頁。

2.定位網站的CI形象。“易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既有濃厚文化底藴，又有現代自然人文氣息的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展。“菲”通非，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘。“生活如花，自在快樂”是YIFINI易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網站的CI形象。

3.確定欄目和板塊。

於時間的關係在本次我準備做四張網頁：一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網頁的主打色綠色。

2.網站的整體風格和創意。

整個網站的創意就在於顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網站的主打色主要是因為我的產品特性。在設計上，YIEINI易菲推崇“自然美”，將帶表女性氣質的花卉和自然元素融入設計之中，充分體現設計師和顧客所追求的一種灑脱、舒適的生活氛圍，力求表現悠閒、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。

二、網頁製作的前期策劃與準備，在本階級主要有兩方面的工作。

1.資料的蒐集。

在做網頁我上網收集了許多方面的資料主要是有關網站的佈局與服飾品牌方面的資料，我首先進它的企業網站找了一些關於“易菲”服飾的圖片主要是一些代言形象還有代表其企業形象的圖片。其次我去瀏覽了許多的網頁觀察其網頁的佈局、顏色搭配、欄目、板塊等方面的內容，同時也蒐集了一些對我有用的資料。在搜索資料最困難的便是動態圖片的蒐集，動態圖片其gif格式的還是好保存，但是要蒐集flash動態圖片就相對較難了。我用了一天的時間來蒐集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經過三次像老實詢問我終於懂得一些關於代碼的搜索。在蒐集資料的過程之中我發現了自己的許多不足之處，最關鍵就是平時對知識的'掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現。通過這次的教訓在以後我一定會做得更好，爭取不範類似錯誤。

2.熟悉製作軟件。

做網頁主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟悉，因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現了我學習方面的缺點，它是我平時不夠認真的具體表現。

三、網頁製作，這便進入我該次的主題了具體制作流程如下。

1.構建站點框架。

在我打開Dremweaver後第一步便是新建站點，我把我的站點建立在F儀下面。並將我搜集的全部資料都保存在其文件夾中，以便網頁製作時可以方便的使用。

2.設計主頁及二級頁面。

在主頁我設首頁製作時，時刻考慮着網頁的基本原則：統一，連貫，分割，對比及和諧的原則，內容統一，都是為了主題服務，美容美體，一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的；連貫，頁面之間關係連貫，統成一體；每版內容都自成一體，顏色各異，便於瀏覽；整個網頁有動有靜，色彩呼應，搭配協調，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且製作過程中，不忘以下原則：

簡潔實用:這是非常重要的，網絡特殊環境下，儘量以最高效率的方式將用户所要想得到的信息傳送給他就是最好的，所以要去掉所有的宂餘的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美；頁面用色協調，佈局符合形式

美的要求:佈局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

交互式強:發揮網絡的優勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網頁才算真正的美的設計。每個子頁都設有上導航欄，便於瀏覽和跳轉。3個二級網頁製作時，使用的是表格，每一個頁面都用表格為它佈局好，然後在插入圖片文字及其他，這樣有一定的規劃性，體現了連貫統一性，不同的內容根據各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網頁的時候我就進行了如上所述的方法。但我所以網頁的背景顏色及主題顏色都是相同的以便突出我每一個網頁都是為凸顯我主題而服務。

3.實現網頁間的鏈接。

我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產品、潮流信息”它分別鏈接到我所做的四個網頁。鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最後選擇自己要鏈接的網頁單擊確定便可以了。

4.向靜太網頁插入動態效果。

在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網頁上可是在瀏覽網頁的時候flash卻不能夠顯示。最後我向老師的請教後終於在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網頁我主頁插入的是一些gif格式的動態圖片。

四、網頁的調試

在做完網站才發現，怎麼所有的圖片素材並不是在一個文件夾中，而有許多的子文件夾，從網上下載的網頁全都是一個網頁對應一個文件夾。製作過程中，才發現，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應用。而對於動態flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學校上的問題，當真正開始運用的時候在向老師提問。

這只是在製作過程中出現一些問題，其它問題也是類似相同。現在想想，自己所會的東西太少了，現在做的網站只是一些簡單的靜態的網站，看到了一些知名的網站開發出的網頁，不僅欄目內容豐富，信息量大，而且頁面圖文並茂，五彩繽紛，使得網民讚歎不已，流連忘返。從我做的網頁來看可以反映出學習的還不夠，缺點疏漏。需在加以刻苦鑽研及學習，不斷開拓視野，增強自己的實踐操作技能，為以後能做出出色的網頁而努力。同時我也希望能夠有更多的類似動手練習，讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術性。