上機(jī)練習(xí)二CSS樣式-網(wǎng)頁布局-表格、.doc

《上機(jī)練習(xí)二CSS樣式-網(wǎng)頁布局-表格、.doc》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、實(shí)驗(yàn)二CSS樣式，網(wǎng)頁布局，表格、框架的使用一、實(shí)驗(yàn)?zāi)康?1．掌握常用的對網(wǎng)頁進(jìn)行布局的方法。2．熟練使用表格。3．掌練使用框架。4．掌練使用CSS樣式。5．了解基本網(wǎng)頁的制作過程和文本、圖像、多媒體等對象的使用方法。二、實(shí)驗(yàn)任務(wù)：1．掌握表格的使用方法，練習(xí)使用表格對網(wǎng)頁進(jìn)行規(guī)劃布局處理。2．掌握框架的使用方法，練習(xí)使用框架結(jié)構(gòu)對網(wǎng)頁進(jìn)行處理。3．掌握CSS樣式的使用，。4．掌握網(wǎng)頁的基本制作方法，在網(wǎng)頁文檔中使用文本、圖像、多媒體、導(dǎo)航條、滾動條等基本對象。三、實(shí)驗(yàn)內(nèi)容：1．啟動DreamweaverCS4，創(chuàng)建一個包含表格的網(wǎng)頁

2、，在表格中插入文本、圖像等信息，設(shè)置表格的屬性，保存該網(wǎng)頁。2．創(chuàng)建一個包含框架集的網(wǎng)頁文件，在框架集中包含兩個以上的框架，在框架網(wǎng)頁中插入文本、圖像等信息，設(shè)置框架的屬性，保存該網(wǎng)頁。3．創(chuàng)建一個CSS樣式表，在CSS樣式表中定義“類型”、“背景”、“區(qū)塊”、“方框”“邊框”、“列表”、“定位”、“擴(kuò)展”等類型的屬性，再創(chuàng)建一個網(wǎng)頁，在該網(wǎng)頁中應(yīng)用剛才創(chuàng)建的CSS樣式。4．編輯修改已有的CSS樣式，察看編輯修改以后的效果。5.設(shè)計(jì)繼續(xù)編輯修改你的主頁文檔，為該文檔輸入需要補(bǔ)充的內(nèi)容，包括文本和圖像等信息。6．在你的網(wǎng)頁文檔中插入必要

3、的多媒體信息，包括：背景音樂、視頻、Flash動畫等信息。7．在你的主頁文檔中插入導(dǎo)航條對象。8．在你的網(wǎng)頁文件中插入必要的滾動條，在滾動條中顯示網(wǎng)頁設(shè)計(jì)者的通訊聯(lián)系信息。9．*試練習(xí)使用鼠標(biāo)特效，察看其效果。10．記錄以上操作內(nèi)容和具體過程及必要的實(shí)驗(yàn)效果以截圖的方式寫在實(shí)驗(yàn)報告中。四、實(shí)驗(yàn)結(jié)果與分析：1.圖1使用表格布局的網(wǎng)頁，包括文本、圖像2.圖2使用框架格式圖3使用框架結(jié)構(gòu)的網(wǎng)頁1.圖4CSS樣式定義圖4網(wǎng)頁中應(yīng)用CSS樣式圖5編輯CSS樣式1.圖6插入導(dǎo)航條2.插入背景音樂在首頁index.html文件中，添加了一首背景音樂

4、，有音箱的話，打開主頁就能聽到。代碼如下：1.插入媒體插入→媒體→SWF找到要插入的swf文件圖7插入swf文件五、思考題：1．網(wǎng)頁中常用的圖像文件格式分別都有哪幾種？網(wǎng)頁中常用的圖像文件格式分別有jpg、png、gif、jpeg、bmp、psd2．在導(dǎo)航條中的圖像分別有哪幾種狀態(tài)，分別表示什么含義？狀態(tài)圖像（待機(jī)狀態(tài)下現(xiàn)實(shí)的圖片）、鼠標(biāo)經(jīng)過圖像（鼠標(biāo)經(jīng)過按鈕時顯示的圖片）、按下圖像（鼠標(biāo)點(diǎn)擊時顯示的圖片）、按下時鼠標(biāo)經(jīng)過圖像（鼠標(biāo)點(diǎn)擊時鼠標(biāo)的圖片）。3

5、．如何在網(wǎng)頁中插入滾動條？菜單欄→插入→圖像對象→導(dǎo)航條4．在網(wǎng)頁中常用的多媒體信息有哪些？在網(wǎng)頁中常用的多媒體信息有：視頻（swf、flv）、音頻（mp3、wav）、圖像（jpg、gif）