網(wǎng)頁設計開題報告

1、網(wǎng)頁設計開題報告 在經(jīng)濟迅速發(fā)展的今天， Internet 顯得更為重要它是人們發(fā)布信 息與傳遞信息的重要渠道， 為了與社會發(fā)展同步， 為了讓我們成為真 正的技術性人才。 學校在本周為我們安排了維持一周的頁制作專用周 是實習，讓我們把平時所學知識運用到實踐中做到真正的學以致用而 不只是紙上談兵。 通過本周的實習使我獲得了更多的新知識同時也使 我使我認識到了自己在學習上的許多不足， 下面就談談我在本次專用 周的主要感受。一、站整體規(guī)劃， 要做頁的第一步便是做站的整體規(guī)劃這主要包括四 個方面的內容。 站整體規(guī)劃是做頁的第一步也是制作頁最關鍵的一步 它決定了你要表答的信息， 因此我選擇了我選擇我最喜

2、愛的服飾來為 它做頁。 在平時我也對服裝的頁比較關心， 無論是淘寶上的衣店還是 各種品牌裝。這次我是為 “易菲 ”服飾做的頁。2. 定位站的 CI 形象。“易菲 ”植根中國文化之精髓， 汲取自然稟賦之靈 性，形成一個既有濃厚文化底蘊， 又有現(xiàn)代自然人文氣息的特色品牌。 “易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚 德載物，是對人性寬度的一種拓展。 “菲 ”通非，是生機、是個性、是 春意盎然、是自強不息，是對人性深度的一種挖掘。 “生活如花，自 在快樂”是丫IFINI易菲的設計理念，倡導一種與自然和諧相處，如花 兒綻放般美好舒適、 自在快樂的生活方式。 這也便是我站的 CI 形

3、象。 于時間的關系在本次我準備做四張頁： 一張主頁三張二級頁面。 分別 設計了 “時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息 ”等四個欄目。在 這四張頁面中我打算都用淡藍色做背景顏色來映襯我頁的主打色綠 色。2.站的整體風格和創(chuàng)意。 整個站的創(chuàng)意就在于顏色的搭配， 與各種圖片的搭配， 它們相互輝映， 相互襯托。以便達到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍 色和綠色為我站的主打色主要是因為我的產(chǎn)品特性。在設計上， YIEINI 易菲推崇 “自然美 ”，將帶表女性氣質的花卉和自然元素融入 設計之中， 充分體現(xiàn)設計師和顧客所追求的一種灑脫、 舒適的生活氛 圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因

4、此我用天空與自然的 顏色來表達這張自然之美、和諧之美。二、頁制作的前期策劃與準備，在本階級主要有兩方面的工作。在做 頁我上收集了許多方面的資料主要是有關站的布局與服飾品牌方面 的資料，我首先進它的企業(yè)站找了一些關于 “易菲 ”服飾的圖片主要是 一些代言形象還有代表其企業(yè)形象的圖片。 其次我去瀏覽了許多的頁 觀察其頁的布局、顏色搭配、欄目、板塊等方面的內容，同時也搜集 了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集， 動態(tài)圖片其gif格式的還是好保存，但是要搜集flash動態(tài)圖片就相對 較難了。我用了一天的時間來搜集我的 flash 都不太成功，不過還搜 到了可以換自己圖片的代碼。在

5、開始時我根本就不知道 flash 是怎樣 搜索，不過經(jīng)過三次像老實詢問我終于懂得一些關于代碼的搜索。 在 搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處， 最關鍵就是平時 對知識的掌握不夠， 連最基本的資料搜尋都覺得困難。 也是我平時不 夠認真和努力的表現(xiàn)。 通過這次的教訓在以后我一定會做得更好， 爭 取不范類似錯誤。做頁主要用的工具便是 Dremweaver、 Photoshop、 Flash軟件。在這些軟件我對 Dremweaver、Photoshop相對比較熟悉， 因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用， 但是出現(xiàn)的問題還是有很多。 有很多不懂如何操作， 只有通過在次去

6、 看書才能夠了解， 這也體現(xiàn)了我學習方面的缺點， 它是我平時不夠認 真的具體表現(xiàn)。三、頁制作，這便進入我該次的主題了具體制作流程如下。在我打開Dremweaver后第一步便是新建站點，我把我的站點建立在 儀下面。 并將我搜集的全部資料都保存在其文件夾中， 以便頁制作時可以方便 的使用。2.設計主頁及二級頁面。 在主頁我設首頁制作時，時刻考慮著頁的基本原則：統(tǒng)一，連貫，分 割，對比及和諧的原則，內容統(tǒng)一，都是為了主題服務，美容美體， 一個站強調的就是一個整體， 只有圍繞一個統(tǒng)一的目標所做的設計才 是成功的；連貫，頁面之間關系連貫，統(tǒng)成一體；每版內容都自成一 體，顏色各異，便于瀏覽；整個頁有動有靜

7、，色彩呼應，搭配協(xié)調， 不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而 且制作過程中，不忘以下原則：簡潔實用 :這是非常重要的，絡特殊環(huán)境下，盡量以最高效率的方式 將用戶所要想得到的信息傳送給他就是最好的， 所以要去掉所有的冗 余的東西。使用方便 :同第一個是相一致的，滿足使用者的要求，頁 做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調，布局符合形 式美的要求 :布局有條理，充分利用美的形式，是頁富有可欣賞性， 提高檔次。當然雅俗共賞是人人都追求的。交互式強 :發(fā)揮絡的優(yōu)勢，是每個使用者都參與到其中來，這樣的設 計才能算成功的設計。 這樣的頁才算真正的美的設計。 每個子頁都設

8、有上導航欄，便于瀏覽和跳轉。 3 個二級頁制作時，使用的是表格， 每一個頁面都用表格為它布局好， 然后在插入圖片文字及其他， 這樣 有一定的規(guī)劃性， 體現(xiàn)了連貫統(tǒng)一性， 不同的內容根據(jù)各自的特色建 立了不同的表格，突出各自的主題，增強了對比性。在做這些頁的時 候我就進行了如上所述的方法。 但我所以頁的背景顏色及主題顏色都 是相同的以便突出我每一個頁都是為凸顯我主題而服務。3. 實現(xiàn)頁間的鏈接。我的鏈接按鈕主要有四個 “時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信 息”它分別鏈接到我所做的四個頁。鏈接的過程其實很簡單，主要是 把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接 的頁單擊確定便可以

9、了。4. 向靜太頁插入動態(tài)效果。 在這一階段我遇到了許多的問題，主要是我在主頁插入我的 flash 的 時候，開是我將帶碼粘貼到我的頁上可是在瀏覽頁的時候 flash 卻不 能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我 的主頁插入了 flash。而在其它的二級頁我主頁插入的是一些gif格式的動態(tài)圖片。 在做完站才發(fā)現(xiàn)， 怎么所有的圖片素材并不是在一個文件夾中，而有許多的子文件夾， 從上下載的頁全都是一個頁對應一個 文件夾。制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的 地方，才趕緊查書，開始的時候只是會建立模版，可不會應用。而對 于動態(tài) flash 的插入我更是問題多多， 開始是我對代碼基本上是不懂， 這就是自己學校上的問題，當真正開始運用的時候在向老師提問。 這只是在制作過程中出現(xiàn)一些問題， 其它問題也是類似相同。 現(xiàn)在想 想，自己所會的東西太少了，現(xiàn)在做的站只是一些簡單的靜態(tài)的站， 看到了一些知名的站開發(fā)出的頁，不僅欄目內容豐富，信息量大，而 且頁面圖文并茂，五彩繽紛，使得民贊嘆不已，流連忘返。從我做