Dreamweaver網(wǎng)頁設(shè)計(jì)與制作 教學(xué)課件 作者 林曉峰 王曉平《Dreamweaver網(wǎng)頁設(shè)計(jì)與制作》第1-5章教學(xué)課件第2章.ppt

《Dreamweaver網(wǎng)頁設(shè)計(jì)與制作 教學(xué)課件 作者 林曉峰 王曉平《Dreamweaver網(wǎng)頁設(shè)計(jì)與制作》第1-5章教學(xué)課件第2章.ppt》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、2.1網(wǎng)頁的基本操作2.2使用表格2.2.1插入表格2.2.2設(shè)置表格屬性2.2.3合并單元格2.3Flash動(dòng)畫的使用2.3.1插入Flash動(dòng)畫2.3.2Flash動(dòng)畫的屬性第2章制作簡單網(wǎng)頁2.4使用文本2.4.1設(shè)置文檔標(biāo)題2.4.2設(shè)置單元格顏色2.4.3輸入文字2.4.4設(shè)置文字的屬性2.4.5插入特殊文本字符2.4.6插入水平線2.4.7插入更新日期2.4.8插入背景圖片2.4.9插入背景音樂2.5習(xí)題與上機(jī)操作◆?文字的使用◆?插入Flash動(dòng)畫◆?給網(wǎng)頁設(shè)置背景◆?給網(wǎng)頁添加背景音樂

2、◆?插入水平線和更新日期教學(xué)進(jìn)程本章要點(diǎn)：雙擊“index.htm”文件2.1網(wǎng)頁的基本操作教學(xué)進(jìn)程執(zhí)行【插入】

3、【表格】命令2.2使用表格將光標(biāo)移到要插入表格的位置。方法一：在【插入】工具欄中選擇【常用】項(xiàng)，單擊【表格】按鈕。方法二：執(zhí)行【插入】

4、【表格】命令。2.1.1插入表格1教學(xué)進(jìn)程設(shè)置參數(shù)2.1.1插入表格2教學(xué)進(jìn)程得到的效果2.1.1插入表格3教學(xué)進(jìn)程2.1.2設(shè)置表格屬性調(diào)節(jié)參數(shù)1教學(xué)進(jìn)程2.1.2設(shè)置表格屬性調(diào)節(jié)參數(shù)后的效果2教學(xué)進(jìn)程2.2.3合并單元格教學(xué)進(jìn)程2.3Flash動(dòng)畫的使

5、用方法一：將Flash動(dòng)畫文件拖動(dòng)到單元格內(nèi)即可。方法二：執(zhí)行【插入】

6、【媒體】

7、【Flash】命令●步驟教學(xué)進(jìn)程2.3.1插入Flash動(dòng)畫2.3.2設(shè)置Flash動(dòng)畫的屬性選擇該Flash動(dòng)畫，在屬性面板中可以設(shè)置【寬度】。調(diào)整對應(yīng)單元格的尺寸。教學(xué)進(jìn)程2.4使用文本2.4.1設(shè)置文檔標(biāo)題教學(xué)進(jìn)程在【文檔】工具欄的【標(biāo)題】文本框中輸入需要的標(biāo)題●步驟●將光標(biāo)放在單元格內(nèi)，在屬性面板中的背景顏色可設(shè)置單元格顏色。2.4.2設(shè)置單元格顏色教學(xué)進(jìn)程●文本排版常見問題：?使用回車換行時(shí)，段落間距太大時(shí)，可

8、以使用換行符來代替回車，方法有兩種?！穹椒ㄒ粓?zhí)行【插入】

9、【HTML】

10、【特殊字符】

11、【換行符】命令來完成●方法二使用快捷鍵Shift+Enter教學(xué)進(jìn)程2.4.3輸入文字●文章開頭無法按空格鍵空出兩格?！穹椒ㄒ粏螕簟咀址堪粹o右邊的小三角按鈕，在彈出的菜單中選擇【不換行空格】命令●方法二執(zhí)行【插入】

12、【HTML】

13、【特殊字符】

14、【不換行空格】命令來完成教學(xué)進(jìn)程2.4.4設(shè)置文字的屬性●——重要知識點(diǎn)●設(shè)置字體、顏色、大小、對齊方式和樣式：●設(shè)置文字的屬性教學(xué)進(jìn)程選中文字，可以通過調(diào)整【屬性】面板中各

15、個(gè)參數(shù)來改變文字的字體、顏色、大小和對齊方式●根據(jù)自己的喜好設(shè)置文字的效果●設(shè)置文字的屬性后的效果教學(xué)進(jìn)程2.4.5插入特殊文本字符教學(xué)進(jìn)程●插入特殊文本字符的方法●方法一：在【插入】工具欄中選擇【文本】項(xiàng)，打開【文本】工具欄?！穹椒ǘ簣?zhí)行【插入】

16、【HTML】

17、【特殊字符】

18、【其他字符】命令。●方法三：選擇一種中文輸入法，在輸入法面板的小鍵盤圖標(biāo)上右擊鼠標(biāo)，在彈出的菜單中選擇【特殊符號】。教學(xué)進(jìn)程2.4.6插入水平線實(shí)例制作要求插入水平線設(shè)置寬為750設(shè)置高為1對齊方式為居中實(shí)例效果教學(xué)進(jìn)程2.4

19、.7插入更新日期(1)方法一執(zhí)行【插入】

20、【日期】命令(2)方法二單擊【常用】工具欄中的【日期】按鈕。插入日期教學(xué)進(jìn)程2.4.8插入背景圖片(1)步驟一(2)步驟二打開【頁面屬性】對話框。在【外觀】分類中，單擊【背景圖像】后面的【瀏覽】按鈕。選擇“images”目錄下的“back.gif”文件。(3)步驟三教學(xué)進(jìn)程2.4.9插入背景音樂步驟切換到【代碼】視圖或者【拆分】視圖，在與之間加入如下代碼：“l(fā)oop”的

21、值為循環(huán)的次數(shù)-1表示無限循環(huán)。(1)（1）對文本進(jìn)行簡單排版時(shí)，使用回車鍵后，每行文字距離太大，使用（）命令可以解決這個(gè)問題。A．換行符B．回車C．不換行空格D．Shift+Enter(2)（2）對文本進(jìn)行簡單排版時(shí)，如果按空格鍵無法輸出空格來，可以使用（）命令解決這個(gè)問題。A．換行符B．空格C．不換行空格D．Shift+Enter選擇題1教學(xué)進(jìn)程2.5習(xí)題與上機(jī)操作(3)如果想在頁面中插入一條長為100的水平線，那么在【屬性】面板中將水平線的【寬】設(shè)置為（），【高】設(shè)置（）；相反，如果要插入高10

22、0的垂直線，只要將【寬】的值設(shè)定（），【高】的值設(shè)定為（）即可。A．100B．1C．0D．10選擇題1教學(xué)進(jìn)程(1)新建一個(gè)站點(diǎn)，并在站點(diǎn)目錄中新建網(wǎng)頁文件First.htm。上機(jī)操作題2教學(xué)進(jìn)程(2)在網(wǎng)頁中添加文本、表格及圖像，并加入背景圖。(3)插入水平線、更新日期等信息，最終的網(wǎng)頁效果如下圖所示。