網(wǎng)頁制作實習報告

1、江蘇農(nóng)林職業(yè)技術學院整周實習報告指導老師： 劉翠芬 班 級：08計算機應用技術 學 號： 0809180137 姓 名： 趙婉 實習一 一、作品主題 （如果發(fā)布到Internet網(wǎng)站上，請說明網(wǎng)站網(wǎng)址）： 婉子俱樂部二、作品簡介 婉子俱樂部主要是為了交朋友。在這里，你可以找到真心朋友。雖然你們沒有見過面，但這里的成員可以保證都是真心的對待每一個人。你又傷心的事可以向他們傾訴；有開心的事也可以和她們分享。朋友是一種相助。風雨人生路，朋友可以為你擋風寒，分憂愁。時時會向你伸出友誼之手。心與心的融合，情與情的燃燒，把握好幸福的一瞬間。真正的朋友，其實無所謂遠近，無所謂性別。也許他身在咫尺，也許他遠在

2、天涯，只要彼此相擁，彼此關照這份相知，就是人間最美好、最愜意、最暢快的意境，就是人間最真摯的友情。這里有一個小故事：有一天友情和愛情相遇。愛情問友情：“世界上有了我為什么還要有你的存在？”友情笑著說：愛情會讓人們流淚，而友情的存在就是幫助人們擦干眼淚，偶爾會為你擔心，想你關心，想你開心。距離不代表什么，沒聯(lián)絡也沒有什么，沒通 也沒有什么，沒有見面更沒有什么！在這里你可隨心所欲，不用擔心別人會把你的心里話泄露出去，這里的每一個成員都會成為你最真心的傾聽者！趕快加入吧！三、素材準備 明確了網(wǎng)站的主題以后，就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住

3、用戶，就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。另外，還要使用PhotoShop、Flash等工具，進行圖像的處理、美化，還有一些flash的制作四、總體規(guī)劃 材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結構設計好，然后再逐步完善小的結構設計。所謂先簡單后復雜，就是先設計出簡單的內(nèi)容，然后再設計復雜的內(nèi)容，以便出現(xiàn)問

4、題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。五、設計步驟及設計效果一、創(chuàng)建本地站點 首先在本地機上建立一個文件夾，命名為“0809180137趙婉”，并且將素材文件放在站點中。 單擊菜單欄中的【站點】-【新建站點】-【站點名稱】為“婉子俱樂部”，本地文件夾為“0809180137趙婉”。二、制作首頁1.新建HTML文檔，并將文件保存在本地站點根文件下，命名為“index。html”。2.點擊，選擇背景圖像3.插入一行一列的表格，【邊框粗細】、【單元格邊距】、【單元格間距】均設置為0.。將單元格居中，并插入圖片4.插入flash，如圖6再插入一個表格，【邊框粗細】、【單元

5、格邊距】、【單元格間距】均設置為0.背景顏色值設置為#FFFF99，插入相應圖片，8.再插入一個表格，【邊框粗細】、【單元格邊距】、【單元格間距】均設置為0.背景顏色設置為黃色，插入相應圖片，首頁效果圖三、制作二級頁面點擊，設置背景顏色值為#B1CFDA，插入一行一列的表格，【邊框粗細】、【單元格邊距】、【單元格間距】均設置為0.。將單元格居中，并插入圖片插入flash，如圖插入導航條再插入一個表格，【邊框粗細】、【單元格邊距】、【單元格間距】均設置為0，居中對齊.表格布局如圖所示頁面整體效果如圖2、制作俱樂部章程頁面，具體步驟和環(huán)境頁面的步驟差不多，最后的效果圖如下留言本頁面的效果圖會員相冊

6、頁面效果圖下面的是個人主頁的效果圖六、改進意見由于是初學，所以沒能夠很好的建立站點，導致站點里的內(nèi)容比較混亂，沒有將圖片、文字、Flash、聲音等進行分別歸類。網(wǎng)頁內(nèi)容比較單一，沒能夠進行很好的顏色搭配。七、實習心得（一） 頁面的設計方面網(wǎng)頁設計跟學習別的東西一樣，也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。學習網(wǎng)頁設計需要耐心，如果沒有耐心，就學不好網(wǎng)頁設計，應為當你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了很長時間才解決。學習網(wǎng)頁設計需要堅持，堅持不斷的學習，因為設計網(wǎng)頁的軟件在不斷的更新，因此我們要不斷的學習。并且我認為網(wǎng)頁設計

7、應該注重實用性，因為它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以交互的。因此我提倡簡單的美。（二）網(wǎng)頁的整體布局和導航網(wǎng)頁的布局通常指的是網(wǎng)頁的整體架構，說的通俗一點就是排版。如何突出最重要的內(nèi)容，即讓用戶第一眼就看到這個網(wǎng)頁所想要傳達的信息。這一點至關重要。在大多數(shù)做的比較成功的網(wǎng)頁中，一個共同的特點就是網(wǎng)頁的整體架構十分的清晰明了，便于用戶瀏覽網(wǎng)頁布局大致可分為“國”字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型網(wǎng)頁布局是主要考慮以下幾點：1、首先要考慮整個網(wǎng)頁的長和寬，以及長度和寬度之間的比例。2、其次就應該考慮導航條的設置了。3、正文的框架

8、設置（橫向因素和縱向因素交錯）（三）網(wǎng)頁制作過程中的其他注意事項不要過于注重色彩的燦爛，只要簡單就行。我們最終追求的主要是實用價值。通過這次實習，在制作時想想使自己的網(wǎng)頁更加豐富多彩，在網(wǎng)頁中插入圖象，動畫，動態(tài)特效?？墒强傆龅竭@樣那樣的問題，但在同學的幫助和自己摸索的情況下完成了這個實習的成果?？吹搅艘恍┲木W(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。以我們的經(jīng)驗，當前的軟件的功能日趨復雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。虛在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網(wǎng)頁而努力。近一個星期的實訓結束了，其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網(wǎng)頁過程中，我學到了新的美化網(wǎng)頁的方法，運用了更多以前未運用的技巧。