CSS+DIV課程實驗報告

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

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

三、實驗教師審閱意見：審閱意見：實驗成績：審閱教師（簽名）：批閱日期：說明：1.請使用A4紙打印或復(fù)印空表；2.