網(wǎng)頁設(shè)計(jì)調(diào)研報(bào)告
引導(dǎo)語: 網(wǎng)頁設(shè)計(jì)是二十世紀(jì)中期隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的產(chǎn)生和發(fā)展而誕生的一門全新的藝術(shù)設(shè)計(jì)形式,是平面設(shè)計(jì)在現(xiàn)代社會(huì)中的延伸和發(fā)展。下面是yjbys小編為大家整理的網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告范文,歡迎閱讀。
篇一:網(wǎng)頁設(shè)計(jì)調(diào)研報(bào)告
實(shí)習(xí)目的:熟悉和掌握計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的基本技巧及網(wǎng)頁制作相關(guān)工具軟件等內(nèi)容。培養(yǎng)我們利用計(jì)算機(jī)進(jìn)行商務(wù)網(wǎng)頁設(shè)計(jì)的 基本思路和應(yīng)用開發(fā)能力,提高我們的計(jì)算機(jī)文化素質(zhì)。
網(wǎng)頁是世界上最有價(jià)值的不動(dòng)產(chǎn)之一。人們?cè)谶@個(gè)不足0.1平米的空間內(nèi)投資達(dá)數(shù)百萬美元。網(wǎng)頁對(duì)公司的影響比簡(jiǎn)單的電子商務(wù)增收方法大得多;網(wǎng)頁也是公司對(duì) 外的臉面。WEB站點(diǎn)就像一棟房子,它的每一個(gè)窗口都可以看成一扇門,人們可以沿著搜索引擎其他WEB站點(diǎn)的鏈接,繞過主頁而進(jìn)入WEB的深層。
一.網(wǎng)站的整體規(guī)劃
1.討論網(wǎng)站主題:因?yàn)樽约簩?duì)普羅旺斯很感興趣,于是就想到要是一下為心中的仙境設(shè)計(jì)一個(gè)旅游網(wǎng)站。
2.定位網(wǎng)站CI形象:旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗(yàn)一下的共鳴。于是在網(wǎng)頁設(shè)計(jì)上面,根據(jù)普羅旺斯夢(mèng)幻般的意境,我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。
3.確定欄目和板塊:
1]首先要考慮整個(gè)網(wǎng)頁的長(zhǎng)和寬,以及長(zhǎng)度和寬度之間的比例。
2]其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。
3]正文的框架設(shè)置 (橫向因素和縱向因素交錯(cuò))
在瀏覽了很多精美的旅游網(wǎng)站之后,再結(jié)合自己的想法,我先在草紙上畫出了大體的欄目和板塊。
4.網(wǎng)站的整體風(fēng)格和創(chuàng)意:建立一個(gè)浪漫的旅行網(wǎng)站,走映像派路線,目的務(wù)必使瀏覽者留下映像。
二.網(wǎng)頁制作的前期策劃與準(zhǔn)備
1.資料的搜集:由于個(gè)人的愛好,我很早以前就收集了許多普羅旺斯的美圖,這次就方便多了。接著就搜集了一些有夢(mèng)幻效果的網(wǎng)頁背景,F(xiàn)IASH源代碼、小圖標(biāo)和一些GIF的動(dòng)畫等。
2.熟悉制作工具軟件:
主頁制作的基本條件有:
硬件:
一臺(tái)電腦(64MB以上內(nèi)存,當(dāng)然越大越好啦);可以撥號(hào)上網(wǎng);如果你有條件的話,建議:配置掃描儀,這將大大方便圖像和文字的輸入;軟件:
HTML編輯軟件:常用的有Frontpage、Hotdog等,本文重點(diǎn)介紹 Dreamweaver;
圖像處理軟件:常用的有Photoshop、flash、Fireworks 等;
文件上傳軟件:常用的有Cuteftp、WSftp等。
三.網(wǎng)頁制作
真的是萬事開頭難啊,遇到了很多問題,比如:插入的圖片不符合規(guī)格,一下子把其他內(nèi)容的框架擠開;插入的層太多,大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了;插入的 FLASH不能產(chǎn)生效果?傊畣栴}一籮筐。實(shí)踐出真知,原來自己還有那么多欠缺的知識(shí)。于是回歸本源,先把課本上的東西弄通再談其他。然后又到圖書管里借 了幾本網(wǎng)頁制作方面的書籍來參考。
在對(duì)基本知識(shí)有了詳細(xì)的了解之后,做起東西來就得心應(yīng)手多了,知道引導(dǎo)頁能過加映像之后,我決定為我的網(wǎng)頁設(shè)計(jì)一個(gè)引導(dǎo)頁。
然后是主頁和二級(jí)頁面的設(shè)置。要注意,網(wǎng)上只能使用JPG和GIF兩種圖象格式,其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,因?yàn)樗鼈兲罅?但可以用圖象軟件進(jìn)行轉(zhuǎn)換,比如Office 97的照片編輯器。把準(zhǔn)備在主頁上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后.
在一步一步的邊學(xué)邊做的過程中,看著心中的.東西一點(diǎn)一點(diǎn)的出來,真的很有成就感。雖然自己的網(wǎng)頁技術(shù)還差的遠(yuǎn),但是回顧一下這周真的學(xué)到了很多的東西。
四.網(wǎng)頁的調(diào)試
之前把作過的東西放到U盤里,發(fā)生過圖片顯示不出來的狀況,還好即使找到了解救的方法,把源文件和WEB頁面放到一起這樣就算路徑改變的話也不會(huì)影響頁面的效果。
總結(jié):在WWW上,不論你是資產(chǎn)上億的大公司,還是捉襟見肘的窮學(xué)生,只要你建立了自己的網(wǎng)頁,你們的地位就是平等的。經(jīng)過這周的相關(guān)學(xué)習(xí),我了解到網(wǎng)頁設(shè) 計(jì)與制作是一門龐大的工程。網(wǎng)站的反饋與評(píng)價(jià)網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容、保持內(nèi)容的新鮮,不要做好就放到服務(wù)器永遠(yuǎn)不變了,只有不斷地補(bǔ)充、更新內(nèi)容、 才能夠吸引瀏覽者.維護(hù)更新時(shí)可以充分利用Dreamweaver提供的模板和庫技術(shù),以提高工作效率. 一個(gè)真正的網(wǎng)站,不僅應(yīng)該實(shí)現(xiàn)傳統(tǒng)媒體的電子化,給用戶提供需要的內(nèi)容、而且還應(yīng)該做更多的事情、完成比頁面瀏覽更高層次的需求,例如收集信息,數(shù)據(jù)傳 遞,數(shù)據(jù)存儲(chǔ)以及系統(tǒng)維護(hù)等.自己還有許多要學(xué)習(xí)的地方。
篇二:網(wǎng)頁設(shè)計(jì)調(diào)研報(bào)告
轉(zhuǎn)眼間,已到了期末,學(xué)習(xí)網(wǎng)頁設(shè)計(jì)這門課程也要結(jié)束了,雖然時(shí)間有點(diǎn)短,但是學(xué)過這個(gè)幾周以后我受益匪淺。
記得最初接觸dreamweaver的時(shí)候,我很茫然,因?yàn)閯偨佑|陌生的軟件心里會(huì)很害怕跟不上老師的進(jìn)程。剛開始幾節(jié)課,老師講得比較基礎(chǔ),還能跟得上,漸漸的老師授課的進(jìn)程開始加速,有些跟不上了,需要下課后自己補(bǔ)上,問老師和周圍的同學(xué)。漸漸的,在老師的悉心教導(dǎo)下,我們開始熟悉這個(gè)軟件了。老師布置的第一個(gè)任務(wù),要求做一個(gè)自我形象網(wǎng)站。由于學(xué)習(xí)的時(shí)間較短,老師只要求用PS做好模板即可,任務(wù)相對(duì)簡(jiǎn)單。但也要求設(shè)計(jì)感強(qiáng),色彩搭配和諧,并且盡可能的做成實(shí)用又符合實(shí)際的漂亮網(wǎng)頁。
第二個(gè)網(wǎng)頁設(shè)計(jì)老師要求相對(duì)較高,用dreamweaver做一個(gè)比較接近真實(shí)的網(wǎng)頁,還要做一個(gè)二級(jí)頁面。于是開始收集各方面的資料。確定了主題就開始布局了。最開始使用了一個(gè)表格,然后在表格內(nèi)進(jìn)行拆分合并處理,接著就把通過ps處理出來一個(gè)版頭并且把修改過大小的圖片放進(jìn)去了。
中間時(shí)預(yù)覽,問題出現(xiàn)了,發(fā)現(xiàn)版頭與下面的圖片文字之間出現(xiàn)了很大的一段距離,但是在軟件中已經(jīng)把距離縮小為0了,多次嘗試后沒有效果。最后想到可以另外再加一個(gè)表格,把版頭放在一個(gè)表格內(nèi)面,這樣問題就解決了。預(yù)覽是效果還不錯(cuò)。但是總覺得首頁做得太普通,一次瀏覽學(xué)長(zhǎng)做的網(wǎng)頁時(shí),覺得他們的文字滾動(dòng)窗口做得效果做得不錯(cuò),于是想借見一下。就決定把自己網(wǎng)站的左邊修改修改。復(fù)制了他的代碼,把上面的內(nèi)容修改成我的網(wǎng)站需要的文字。本以為可以輕松的完成,但是卻出現(xiàn)大問題了。
因?yàn)樾枰獫L動(dòng)的文字占的空間太大,把左邊的那部分表格全部占滿了,而在實(shí)際的網(wǎng)頁預(yù)覽中,這個(gè)有文字滾動(dòng)的框只占了左邊Oeasy教你玩轉(zhuǎn)網(wǎng)頁設(shè)計(jì)瀏覽的工具建站程序三分之一,左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面,試了很多方法,在網(wǎng)站查了很多資料,可能因?yàn)闆]有專業(yè)術(shù)語作為搜索的關(guān)鍵詞,查不到任何相關(guān)的資料,試過div標(biāo)簽,試過不停的拆分表格,最后還是沒有效果。就這樣試著試著,突然想到了層這個(gè)概念。于是在布局中點(diǎn)擊了繪制層,結(jié)果成功了,經(jīng)過一些加工,終于成功的完成左邊的布局。印象還比較深刻的是插入聲音,記得老師曾經(jīng)給我們講過很多次怎樣插入聲音,可是等到自己做網(wǎng)頁的時(shí)候卻忘記了,于是問其他人,結(jié)果居然都忘記了,于是自己在百度上收。最后終于找到了一個(gè)可以使用的代碼,但是在加入聲音路徑時(shí)出現(xiàn)了問題。在屬性內(nèi)加入源文件,結(jié)果就是加不進(jìn)去MP3的音樂文件,然后自己就嘗試加入了一個(gè)視頻,記下了路徑格式,然后照著這種格式寫下了指向聲音源文件的路徑,最后成功了。在設(shè)計(jì)過程中還出現(xiàn)了很多的問題,但通過看書,上網(wǎng)查詢,請(qǐng)教同學(xué)等方式,不斷的學(xué)習(xí)、解決、提高,設(shè)計(jì)出的網(wǎng)頁不論是外觀還是內(nèi)容,都在不斷的進(jìn)步、改善。可以說在自己動(dòng)手,不斷實(shí)踐的過程中,網(wǎng)頁設(shè)計(jì)水平得到了很大的提高。熱情和執(zhí)著,我將來設(shè)計(jì)出的網(wǎng)頁會(huì)更加專業(yè),更完善。
【網(wǎng)頁設(shè)計(jì)調(diào)研報(bào)告】相關(guān)文章:
網(wǎng)頁設(shè)計(jì)開題實(shí)踐報(bào)告10-06
網(wǎng)頁設(shè)計(jì)類開題報(bào)告10-07
網(wǎng)頁設(shè)計(jì)畢業(yè)實(shí)習(xí)報(bào)告04-01
網(wǎng)頁設(shè)計(jì)的論文開題報(bào)告10-15
網(wǎng)頁設(shè)計(jì)的開題報(bào)告范文10-20
關(guān)于寫網(wǎng)頁設(shè)計(jì)開題報(bào)告09-25