《網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告 (2)》由會(huì)員分享,可在線閱讀,更多相關(guān)《網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告 (2)(2頁珍藏版)》請?jiān)谘b配圖網(wǎng)上搜索。
1、網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(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)之一。人們在這個(gè)不足平米的空間內(nèi)投資達(dá)數(shù)百萬美元。網(wǎng)頁對公司的影響比簡單的電子商務(wù)增收方法大得多;網(wǎng)頁也是公司對外的臉面。WEB站點(diǎn)就像一棟房子,它的每一個(gè)窗口都可以看成一扇門,人們可以沿著搜索引擎其他WEB站點(diǎn)的鏈接,繞過主頁而進(jìn)入WEB的深層。
一.網(wǎng)站的整體規(guī)劃
1.討論網(wǎng)站主題:因?yàn)樽约簩ζ樟_旺斯很感興趣,于是就想到要是一下為心中的仙境設(shè)計(jì)一
2、個(gè)旅游網(wǎng)站。
2.定位網(wǎng)站CI形象:旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗(yàn)一下的共鳴。于是在網(wǎng)頁設(shè)計(jì)上面,根據(jù)普羅旺斯夢幻般的意境,我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。
3.確定欄目和板塊:
1首先要考慮整個(gè)網(wǎ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)頁制作的前
3、期策劃與準(zhǔn)備
1.資料的搜集:由于個(gè)人的愛好,我很早以前就收集了許多普羅旺斯的美圖,這次就方便多了。接著就搜集了一些有夢幻效果的網(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
4、 等;
文件上傳軟件:常用的有Cuteftp、WSftp等。
三.網(wǎng)頁制作
真的是萬事開頭難啊,遇到了很多問題,比如:插入的圖片不符合規(guī)格,一下子把其他內(nèi)容的框架擠開;插入的層太多,大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了;插入的FLASH不能產(chǎn)生效果??傊畣栴}一籮筐。實(shí)踐出真知,原來自己還有那么多欠缺的知識(shí)。于是回歸本源,先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。
在對基本知識(shí)有了詳細(xì)的了解之后,做起東西來就得心應(yīng)手多了,知道引導(dǎo)頁能過加映像之后,我決定為我的網(wǎng)頁設(shè)計(jì)一個(gè)引導(dǎo)頁。
然后是主頁和二級(jí)頁面的設(shè)置。要注意,網(wǎng)上只能使用JPG
5、和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í)的地方。