CSS+DIV課程實(shí)驗(yàn)報(bào)告

PAGE3PAGE1CSS+DIV實(shí)驗(yàn)報(bào)告系別管理系學(xué)生姓名羅強(qiáng)專業(yè)電子商務(wù)學(xué)號(hào)201020611129實(shí)驗(yàn)課程CSS+DIV指導(dǎo)老師楊忠一、實(shí)驗(yàn)內(nèi)容：實(shí)驗(yàn)內(nèi)容（實(shí)驗(yàn)中所了解、熟悉、輔助完成的內(nèi)容等）：首先是選擇做什么內(nèi)容的網(wǎng)頁(yè)，通過(guò)參考網(wǎng)站上的網(wǎng)頁(yè)模版，決定自己網(wǎng)頁(yè)的大概版式。我選擇的網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容是做一個(gè)銷售相機(jī)的網(wǎng)站，在選好內(nèi)容以后我就開(kāi)始進(jìn)行LOGO、網(wǎng)頁(yè)導(dǎo)航的設(shè)計(jì)、網(wǎng)站主體以及網(wǎng)站的尾部進(jìn)行設(shè)計(jì)與制作。在選擇好對(duì)照的模版后，我也參考了尼康、三星、索尼以及佳能的官方網(wǎng)站。最后選定了在尼康的官方網(wǎng)站中選取素材，因?yàn)槟峥诞a(chǎn)品的背景與我即將制作網(wǎng)站灰色背景相近，不會(huì)產(chǎn)生較大的顏色反差，令觀看網(wǎng)頁(yè)的人感覺(jué)舒適。在主頁(yè)的文字和圖片都弄完了以后，接下來(lái)就是子頁(yè)的設(shè)計(jì)，因?yàn)槲业膶?dǎo)航設(shè)計(jì)了相機(jī)產(chǎn)品列表，配件列表，優(yōu)惠活動(dòng)和售后服務(wù)。其中產(chǎn)品列表下有單鏡反光相機(jī)列表和輕便型數(shù)碼相機(jī)列表，配件列表下有閃光燈列表和鏡頭列表。我參照了模版子頁(yè)的樣式將單鏡放光相機(jī)列表、輕便型數(shù)碼相機(jī)列表做成相同的樣式，鏡頭和閃光燈頁(yè)面做成了相同的樣式，并且將單反相機(jī)列表和數(shù)碼相機(jī)列表歸為產(chǎn)品列表下，將鏡頭、閃光燈頁(yè)面歸在配件列表下。最后一項(xiàng)是檢查并添加圖片ALT屬性，頁(yè)面的META、標(biāo)題以及描述。給制作的頁(yè)面互相連接起來(lái)，使他們能夠互相訪問(wèn)。并且連接一張網(wǎng)頁(yè)就連接一下試試網(wǎng)頁(yè)上的連接是否正確。

二、實(shí)驗(yàn)總結(jié)：指實(shí)驗(yàn)中的感受、體會(huì)、收獲或反思等：在網(wǎng)頁(yè)制作過(guò)程中我的體會(huì)是：必須要充分了的利用時(shí)間來(lái)實(shí)踐，不能根據(jù)自己的想法來(lái)做，否則就會(huì)帶來(lái)不必要的麻煩。而且在設(shè)計(jì)和制作都完成的情況下，一定要對(duì)網(wǎng)頁(yè)進(jìn)行檢查，包括網(wǎng)頁(yè)是否有空連接，死連接，是否有META屬性以及網(wǎng)頁(yè)的瀏覽器兼容性。最好的辦法就是打開(kāi)一個(gè)一個(gè)的自習(xí)檢查，檢查出來(lái)問(wèn)題，就及時(shí)的進(jìn)行修改。也需要在不同的電腦上打開(kāi)看看網(wǎng)頁(yè)的顯示是否正常，如果不能正常顯示就要思考一下出了什么問(wèn)題，并對(duì)代碼進(jìn)行修改。我覺(jué)得我對(duì)網(wǎng)頁(yè)顏色的選擇還是新手的灰色，不敢去嘗試使用其他顏色作為背景，雖然看的網(wǎng)頁(yè)比較多，但自己使用時(shí)就局限在固定的顏色，對(duì)網(wǎng)站顏色的搭配還是沒(méi)有掌握，還需要進(jìn)一步的學(xué)習(xí)。

三、實(shí)驗(yàn)教師審閱意見(jiàn)：審閱意見(jiàn)：實(shí)驗(yàn)成績(jī)：審閱教師（簽名）：批閱日期：說(shuō)明：1.請(qǐng)使用A4紙打印或復(fù)印空表；2.