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