網站開發實訓報告報告人：10計1班20號朱桂霞一、題目：班級網站的開發二、開發環境及工具是在WindowsXP的開發環境下設計和完成的，用到了AdobeDreamweaverCS5、可牛圖片處理工具等等三、網站的規劃我所做的是班級網站，只要包括了班級介紹、班級通訊錄、班級相冊、班級活動以及生活貼士等六個大方面，該網站主要的色彩是淡淡的天藍色和柔和的淡紫色，是給人一種寧靜但卻不缺失青春朝氣的感覺。做這個網站的規劃之前我參考了“猛龍過江的班級網站”以及我們學校的各個網站。也引用到了校園網里的部分資料。整個網站用到了超鏈接、表單、滾動文字、滾動圖片以及JAVA的部分知識等。網站的草圖大概內容如下：班級主頁班級相冊班級主頁班級相冊班級介紹生活貼士班級通訊錄班級活動科任老師班級描述專業介紹班委成員勵志美文相冊1相冊2相冊3相冊4活動1活動2活動3活動4生活妙招娛樂專區就業政策各成員的聯系方式………….…………………四、網站欄目介紹4.1首頁首頁下屬有班級介紹，班級相冊，班級活動，班級通訊錄，生活貼士五個子頁面。同時首頁面里包括了班級新聞，留言板，對班級網站的評價，幻燈片播放和用滾動文字的通告欄。其中班級新聞的部分中也包括有七條班級新聞，也就是說在班級新聞下還有七個子頁面。首頁的內容基本上包含了一個班級上的大范圍的事情，文字和圖片的恰當結合，會讓內容更豐富充實。首頁的截圖如下：4.2班級介紹（欄目1）在班級介紹這一欄目中包括了科任老師，班委成員，班級描述，專業介紹，勵志美文五個大的內容，其中班級描述，專業介紹，勵志美文部分里面還有下一級的超鏈接欄目。勵志美文中還包括有四篇美文。在這一頁中，對班級進行了詳細的介紹，也友情鏈接了勵志美文，增加網頁的可讀性。班級介紹的這一頁截圖如下：4.3班級相冊（欄目2）在班級相冊這一欄目中包括了四大部分，分別是相冊一（第一次秋游）、相冊二（春游的記憶）、相冊三（公益活動，我們的寫真）、相冊四（廣播操比賽精彩回放）。在這四部分里還各自有著子頁面，子頁面里就是對應相冊的照片。該網頁的色調主要是活潑開朗的，所以在選圖片時我選擇了比較有活力的那種。該頁的截圖如下：4.3班級活動（欄目3）該頁面包括了四部分，分別是幾次的班級活動，有春游的，秋游，廣播操，公益活動的，其中也附有照片。4.4班級通訊錄（欄目4）該頁面做得比較簡單，有每個同學的電話號碼和QQ號碼，在名字前有個人的頭像，截圖如下：4.5生活貼士（欄目4）該頁面包含的內容比較豐富，涉及到的有“生活貼士，給你妙招”、“娛樂專區，笑笑更健康”、“

就業相關政策”三大部分，每一部分還有具體的子頁面，生活常識，給你妙招這一部分只要是一些在日常生活中要用到挺多的小常識，符合我們學生的需要。娛樂專區，笑笑更健康這部分只要是收集了一些幽默搞笑但又富有哲理的笑話，可以給我們適當的放松一下。而相關的就業政策，對我們在校生而言也是需要多加關注，我覺得這些內容對我們都是挺有意義的。該頁面的截圖如下：五、總結和體會經過這一次的實訓，讓我對書本所學的知識能進一步地熟悉和鞏固，在鞏固舊知識的同時，也能學到新知識，特別是通過和同學、老師的交流以及參觀別人做得好的網站，讓自己知道要如何去設計網頁的內容和排版配色等。在實訓的過程中也遇到了一些問題，比如說看到別人的網站做得很好，但是自己卻做不出這樣的效果，雖然可以通過上網查詢，但是也還是不太明白，只能硬搬代碼。同時也發現自己在Java方面掌握的知識還是很少，希