【文章內(nèi)容簡介】 *****************/另外在游戲區(qū)還加入了五個JavaScript小游戲，每個小游戲各對應一個網(wǎng)頁。效果圖留言板該部分也依然延續(xù)了主css文件中的布局，只是在html文件中加入了一個table標簽，因為還沒有連接數(shù)據(jù)庫所以現(xiàn)在其實還無法實現(xiàn)留言的功能，但可以完整的顯示界面。效果圖（1）設計中遇到的問題及解決通過JavaScript文件編寫一些特效，但通過網(wǎng)頁調(diào)用時發(fā)現(xiàn)有些JavaScript文件無法將其添加到html的onload事件中，也就是網(wǎng)頁在加載的時候并不調(diào)用該JavaScript。雖然通過將其改為id的形式在div標簽中調(diào)用可以實現(xiàn)，但是目前還不知道有些js程序無法隨html的onload加載的原因。一開始并沒有寫過多的css方法，css也只是將基本的標簽加以定義，而網(wǎng)頁的各部分都是通過talbe標簽來實現(xiàn)的，后來發(fā)現(xiàn)如果一個網(wǎng)頁有多個衍生的網(wǎng)頁，這樣不但要反復的定義table而且如果發(fā)現(xiàn)錯誤，一點一點的修改也過于麻煩，因而采用了再css里定義各種區(qū)域的類和id的方法，結(jié)果是編譯變的簡單很多。由于寫了過多的css文件，所以在調(diào)用的時候發(fā)現(xiàn)會有覆蓋的現(xiàn)象出現(xiàn)，因此將各部分網(wǎng)頁以及相應的css保存在同一個文件中，結(jié)果顯示正常。（2）心得體會 本次課設雖然做了19個網(wǎng)頁，但是由于時間關(guān)系，還是有許多想要實現(xiàn)的功能沒有實現(xiàn)，同時還有許多問題沒有解決。比如有些文字的排版還不夠整齊，而且背景音樂只加載到了主頁還沒有加載到其他分頁面。同時還希望能夠通過IIS假設站點能夠使其變?yōu)檎嬲木W(wǎng)站，是諸如注冊和留言頁面能夠連接到數(shù)據(jù)庫。 此次課程設計加深了我對css和javascript的認識。之前我也只是在課本上知道兩者的主要特點和大致內(nèi)容，但是這次實踐之后，我更清楚了所謂的頁面風格和函數(shù)功能的體現(xiàn)。特別是相冊的制作，它并非直接用CSS實現(xiàn)，而是很靈活地利用div將相應的代碼作為一個塊來實現(xiàn)切換圖片的功能，所以，并不是一種功能只能由一種技術(shù)來實現(xiàn)，我們應該學會用更簡單明了的技術(shù)實現(xiàn)更為復雜的功能，我認為，這才是技術(shù)發(fā)展的最終目標。通過本次課設我加深了對web編程的理解，能夠比原來更為清晰的認識到網(wǎng)頁的制作。提高自己的編程技術(shù)，也為今后的jsp學習打下了基礎。1.《web開發(fā)技術(shù)使用教程》陳軼主編 清華大學出版社2．JavaScript分享網(wǎng) 3. W3Cschool在線教程 主Css和JavaScript定義Cssbody{background:url(images/) norepeat center top 000000。padding:0。fontfamily:Georgia, Times New Roman, Times, serif。fontsize:12px。margin:0px auto auto auto。color:696767。}p{padding:0px 0 20px 0。textalign:justify。margin:0px。lineheight:17px。}{padding:0px 0 7px 0。textalign:justify。margin:0px。lineheight:17px。borderbottom:1px cebf91 dashed。}h1{color:7e5025。padding:5px 0 10px 0。margin:0px。fontsize:19px。fontweight:normal。}h2{color:2d7513。padding:0px 0 5px 0。margin:0px。fontsize:12px。fontweight:bold。}marquee_content{ width:288px。 height:201px。 border:solid thin CCC。}ul_side{ margin:0px。 paddingtop:20px。 paddingleft:40px。 liststyle:none。 fontsize:14px。}ul_side li{ color:F30。 liststyletype:disc。}{display:block。color:855f35。float:right。fontstyle:italic。margin: