關(guān)于網(wǎng)頁設(shè)計(jì)的開題報(bào)告論文

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

2、信息，因此我選擇了我選擇我最喜愛的服飾來為它 做網(wǎng)頁。在平時(shí)我也對(duì)服裝的網(wǎng)頁比較關(guān)心，無論是淘寶網(wǎng)上的衣 店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。2.定位網(wǎng)站的 CI 形象。“易菲”植根中國(guó)文化之精髓，汲取自 然稟賦之靈性， 形成一個(gè)既有濃厚文化底蘊(yùn)， 又有現(xiàn)代自然人文氣 息的特色品牌?！耙住奔词侨荩前?，是寬容，是五千年中華民 族的文化精髓，是厚德載物，是對(duì)人性寬度的一種拓展。“菲”通 非，是生機(jī)、是個(gè)性、是春意盎然、是自強(qiáng)不息，是對(duì)人性深度的 一種挖掘?！吧钊缁ǎ栽诳鞓贰笔?YIFINI易菲的設(shè)計(jì)理念，倡 導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活 方式。這

3、也便是我網(wǎng)站的 CI 形象。3. 確定欄目和板塊。2. 網(wǎng)站的整體風(fēng)格和創(chuàng)意。整個(gè)網(wǎng)站的創(chuàng)意就在于顏色的搭配， 與各種圖片的搭配， 它們相 互輝映，相互襯托。以便達(dá)到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍(lán)色和綠色為我網(wǎng)站的主打色主要是因?yàn)槲业漠a(chǎn)品特性。 在設(shè)計(jì)上， YIEINI 易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和 自然元素融入設(shè)計(jì)之中，充分體現(xiàn)設(shè)計(jì)師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我 用天空與自然的顏色來表達(dá)這張自然之美、和諧之美。二、網(wǎng)頁制作的前期策劃與準(zhǔn)備，在本階級(jí)主要有兩方面的工 作。1. 資料的搜集。在做網(wǎng)頁我上網(wǎng)收集了許多方

4、面的資料主要是有關(guān)網(wǎng)站的布局與 服飾品牌方面的資料，我首先進(jìn)它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲” 服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。 其次 我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊 等方面的內(nèi)容，同時(shí)也搜集了一些對(duì)我有用的資料。在搜索資料最 困難的便是動(dòng)態(tài)圖片的搜集，動(dòng)態(tài)圖片其gif 格式的還是好保存， 但是要搜集 flash 動(dòng)態(tài)圖片就相對(duì)較難了。我用了一天的時(shí)間來搜 集我的 flash 都不太成功，不過還搜到了可以換自己圖片的代碼。 在開始時(shí)我根本就不知道 flash 是怎樣搜索，不過經(jīng)過三次像老實(shí) 詢問我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過程之中我

5、發(fā) 現(xiàn)了自己的許多不足之處，最關(guān)鍵就是平時(shí)對(duì)知識(shí)的掌握不夠，連 最基本的資料搜尋都覺得困難。也是我平時(shí)不夠認(rèn)真和努力的表現(xiàn)。通過這次的教訓(xùn)在以后我一定會(huì)做得更好，爭(zhēng)取不范類似錯(cuò)誤。2. 熟悉制作軟件。做網(wǎng)頁主要用的工具便是 Dremweaver、 Photoshop、Flash 軟件。 在這些軟件我對(duì) Dremweaver、 Photoshop 相對(duì)比較熟悉，因?yàn)樵谄?時(shí)上課是老師帶領(lǐng)我們運(yùn)用過。所以我還可以正常的運(yùn)用，但是出 現(xiàn)的問題還是有很多。有很多不懂如何操作，只有通過在次去看書 才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點(diǎn)，它是我平時(shí)不夠認(rèn)真 的具體表現(xiàn)。三、網(wǎng)頁制作，這便進(jìn)入我該次的主題了

6、具體制作流程如下。1. 構(gòu)建站點(diǎn)框架。在我打開 Dremweaver 后第一步便是新建站點(diǎn)， 我把我的站點(diǎn)建 立在 儀下面。并將我搜集的全部資料都保存在其文件夾中，以便 網(wǎng)頁制作時(shí)可以方便的使用。2. 設(shè)計(jì)主頁及二級(jí)頁面。在主頁我設(shè)首頁制作時(shí)，時(shí)刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連 貫，分割，對(duì)比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，美 容美體，一個(gè)網(wǎng)站強(qiáng)調(diào)的就是一個(gè)整體，只有圍繞一個(gè)統(tǒng)一的目標(biāo) 所做的設(shè)計(jì)才是成功的 ;連貫，頁面之間關(guān)系連貫，統(tǒng)成一體 ; 每版 內(nèi)容都自成一體，顏色各異，便于瀏覽 ; 整個(gè)網(wǎng)頁有動(dòng)有靜，色彩呼 應(yīng)，搭配協(xié)調(diào)，不呆板，富有生氣 ;顏色各異，但又不同之中又相同，

7、渾然一體。而且制作過程中，不忘以下原則：簡(jiǎn)潔實(shí)用 : 這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率 的方式將用戶所要想得到的信息傳送給他就是最好的， 所以要去掉 所有的冗余的東西。使用方便 : 同第一個(gè)是相一致的，滿足使用者的 要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美 ; 頁面用色協(xié)調(diào)， 布局符合形式美的要求 :布局有條理，充分利用美的形式，是網(wǎng)頁富 有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。交互式強(qiáng) : 發(fā)揮網(wǎng)絡(luò)的優(yōu)勢(shì)，是每個(gè)使用者都參與到其中來，這 樣的設(shè)計(jì)才能算成功的設(shè)計(jì)。這樣的網(wǎng)頁才算真正的美的設(shè)計(jì)。每 個(gè)子頁都設(shè)有上導(dǎo)航欄，便于瀏覽和跳轉(zhuǎn)。 3 個(gè)二級(jí)網(wǎng)頁制作時(shí)， 使用的是表格，每一個(gè)頁面都用表格為它布局好，然后在插入圖片 文字及其他，這樣有一定的規(guī)劃性，體現(xiàn)