web課程設(shè)計(jì)報(bào)告范例(編輯修改稿)
2025-06-19 18:09 本頁面
【文章內(nèi)容簡介】 *****************/另外在游戲區(qū)還加入了五個(gè)JavaScript小游戲，每個(gè)小游戲各對應(yīng)一個(gè)網(wǎng)頁。效果圖留言板該部分也依然延續(xù)了主css文件中的布局，只是在html文件中加入了一個(gè)table標(biāo)簽，因?yàn)檫€沒有連接數(shù)據(jù)庫所以現(xiàn)在其實(shí)還無法實(shí)現(xiàn)留言的功能，但可以完整的顯示界面。效果圖（1）設(shè)計(jì)中遇到的問題及解決通過JavaScript文件編寫一些特效，但通過網(wǎng)頁調(diào)用時(shí)發(fā)現(xiàn)有些JavaScript文件無法將其添加到html的onload事件中，也就是網(wǎng)頁在加載的時(shí)候并不調(diào)用該JavaScript。雖然通過將其改為id的形式在div標(biāo)簽中調(diào)用可以實(shí)現(xiàn)，但是目前還不知道有些js程序無法隨html的onload加載的原因。一開始并沒有寫過多的css方法，css也只是將基本的標(biāo)簽加以定義，而網(wǎng)頁的各部分都是通過talbe標(biāo)簽來實(shí)現(xiàn)的，后來發(fā)現(xiàn)如果一個(gè)網(wǎng)頁有多個(gè)衍生的網(wǎng)頁，這樣不但要反復(fù)的定義table而且如果發(fā)現(xiàn)錯(cuò)誤，一點(diǎn)一點(diǎn)的修改也過于麻煩，因而采用了再css里定義各種區(qū)域的類和id的方法，結(jié)果是編譯變的簡單很多。由于寫了過多的css文件，所以在調(diào)用的時(shí)候發(fā)現(xiàn)會有覆蓋的現(xiàn)象出現(xiàn)，因此將各部分網(wǎng)頁以及相應(yīng)的css保存在同一個(gè)文件中，結(jié)果顯示正常。（2）心得體會 本次課設(shè)雖然做了19個(gè)網(wǎng)頁，但是由于時(shí)間關(guān)系，還是有許多想要實(shí)現(xiàn)的功能沒有實(shí)現(xiàn)，同時(shí)還有許多問題沒有解決。比如有些文字的排版還不夠整齊，而且背景音樂只加載到了主頁還沒有加載到其他分頁面。同時(shí)還希望能夠通過IIS假設(shè)站點(diǎn)能夠使其變?yōu)檎嬲木W(wǎng)站，是諸如注冊和留言頁面能夠連接到數(shù)據(jù)庫。 此次課程設(shè)計(jì)加深了我對css和javascript的認(rèn)識。之前我也只是在課本上知道兩者的主要特點(diǎn)和大致內(nèi)容，但是這次實(shí)踐之后，我更清楚了所謂的頁面風(fēng)格和函數(shù)功能的體現(xiàn)。特別是相冊的制作，它并非直接用CSS實(shí)現(xiàn)，而是很靈活地利用div將相應(yīng)的代碼作為一個(gè)塊來實(shí)現(xiàn)切換圖片的功能，所以，并不是一種功能只能由一種技術(shù)來實(shí)現(xiàn)，我們應(yīng)該學(xué)會用更簡單明了的技術(shù)實(shí)現(xiàn)更為復(fù)雜的功能，我認(rèn)為，這才是技術(shù)發(fā)展的最終目標(biāo)。通過本次課設(shè)我加深了對web編程的理解，能夠比原來更為清晰的認(rèn)識到網(wǎng)頁的制作。提高自己的編程技術(shù)，也為今后的jsp學(xué)習(xí)打下了基礎(chǔ)。1.《web開發(fā)技術(shù)使用教程》陳軼主編 清華大學(xué)出版社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:
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1