(實(shí)習(xí)報(bào)告)網(wǎng)頁(yè)設(shè)計(jì)開(kāi)題報(bào)告范文

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

2、頁(yè)比較關(guān)心，無(wú)論是上的衣店還是各種品牌裝。這次我是為 “易菲 ”服飾頁(yè)。2.站的 ci 形象。 “易菲 ”植根中國(guó)文化之精髓，汲取自然稟賦之靈性，形成一個(gè)既有濃厚文化底蘊(yùn)， 又有現(xiàn)代自然人文氣息的特色品牌。 “易”即是容，是包容，是寬容，是五千年中華民族的文化精髓， 是厚德載物，是對(duì)人性寬度的一種拓展。“菲”通非，是生機(jī)、是個(gè)性、是春意盎然、是自強(qiáng)不息，是對(duì)人性深度的一種挖掘?！吧钊缁ǎ栽诳鞓?lè) ”是 yifini 易菲的設(shè)計(jì)理念， 倡導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂(lè)的生活方式。這也便站的ci 形象。3.確定欄目和板塊。于時(shí)間的關(guān)系在本次我準(zhǔn)備做頁(yè)：一張主頁(yè)三張二級(jí)頁(yè)面。

3、分別設(shè)計(jì)了 “時(shí)尚首頁(yè)、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息 ”等四個(gè)欄目。在這四張頁(yè)面中我打算都用淡藍(lán)色做背景顏色來(lái)映頁(yè)的主打色綠色。站的整體風(fēng)格和創(chuàng)意。站的創(chuàng)意就在于顏色的搭配， 與各種圖片的搭配，它們相互輝映，相互襯托。以便達(dá)到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍(lán)色和綠色站的主打色主要是因?yàn)槲业漠a(chǎn)品特性。 在設(shè)計(jì)上， yieini 易菲推崇 “自然美 ”，將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計(jì)之中，充分體現(xiàn)設(shè)計(jì)師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來(lái)表達(dá)這張自然之美、和諧之美。頁(yè)制作的前期策劃與準(zhǔn)備，在本階級(jí)主要有兩方面的工作

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

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

6、。在我打開(kāi) dremweaver 后第一步便是新建站點(diǎn)，我把我的站點(diǎn)建立在儀下面。并將我搜集的全部資料都保存在其文件夾中，頁(yè)制作時(shí)可以方便的使用。2.設(shè)計(jì)主頁(yè)及二級(jí)頁(yè)面。在主頁(yè)我設(shè)首頁(yè)制作時(shí)，時(shí)刻考頁(yè)的基本原則：統(tǒng)一，連貫，分割，對(duì)比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)， 美容美體，站強(qiáng)調(diào)的就是一個(gè)整體，只有圍繞一個(gè)統(tǒng)一的目標(biāo)所做的設(shè)計(jì)才是成功的；連貫，頁(yè)面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；頁(yè)有動(dòng)有靜，色彩呼應(yīng)，搭配協(xié)調(diào)，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過(guò)程中，不忘以下原則：簡(jiǎn)潔實(shí)用 : 這是非常重要絡(luò)特殊環(huán)境下，盡量以最高效

7、率的方式將用戶(hù)所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便 : 同第一個(gè)是相一致的， 滿(mǎn)足使用者的要頁(yè)做得越適合使用， 就越顯示出其功能美；頁(yè)面用色協(xié)調(diào)，布局符合形式美的要求 : 布局有條理，充分利用美的形式頁(yè)富有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。交互式強(qiáng) : 絡(luò)的優(yōu)勢(shì)，是每個(gè)使用者都參與到其中來(lái)，這樣的設(shè)計(jì)才能算成功的設(shè)計(jì)。這頁(yè)才算真正的美的設(shè)計(jì)。每個(gè)子頁(yè)都設(shè)有上導(dǎo)航欄，便于瀏覽和跳轉(zhuǎn)。 3 個(gè)頁(yè)制作時(shí)，使用的是表格，每一個(gè)頁(yè)面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內(nèi)容根據(jù)各自的特色建立了不同的表格

8、，突出各自的主題，增強(qiáng)了對(duì)比性。在做頁(yè)的時(shí)候我就進(jìn)行了如上所述的方法。 但我頁(yè)的背景顏色及主題顏色都是相同的以便突出我每頁(yè)都是為凸顯我主題而服務(wù)。3.頁(yè)間的鏈接。我的鏈接按鈕主要有四個(gè) “時(shí)尚首頁(yè)、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息 ”它分別鏈接到我所做的頁(yè)。鏈接的過(guò)程其實(shí)很簡(jiǎn)單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈頁(yè)單擊確定便可以了。4.向頁(yè)插入動(dòng)態(tài)效果。在這一階段我遇到了許多的問(wèn)題，主要是我在主頁(yè)插入我的 flash 的時(shí)候，開(kāi)是我將帶碼粘貼到頁(yè)上可是在頁(yè)的時(shí)候 flash 卻不能夠顯示。最后我向老師的請(qǐng)教后終于在老師的幫助下我成功的在我的主頁(yè)插入了 flash。而在其它的頁(yè)我主頁(yè)插入的是一些 gif 格式的動(dòng)態(tài)圖片。頁(yè)的調(diào)試在站才發(fā)現(xiàn)，怎么所有的圖片素材并不是在一個(gè)文件夾中，而有許多的子文件夾上下頁(yè)全都是頁(yè)