第1章初識(shí)Dreamweaver CS3.doc

第1章初識(shí)Dreamweaver CS31.1操作界面11.1.1【操作目的】11.1.2【操作步驟】11.1.3【相關(guān)工具】21開始頁(yè)面22不同風(fēng)格的界面23伸縮自如的功能面板34多文檔的編輯界面35插入面板46更完整的CSS功能41.2創(chuàng)建網(wǎng)站框架51.2.1【操作目的】51.2.2【操作步驟】51.2.3【相關(guān)工具】61創(chuàng)建和保存網(wǎng)頁(yè)62在站點(diǎn)地圖中創(chuàng)建網(wǎng)頁(yè)83在文件列表中創(chuàng)建網(wǎng)頁(yè)91.3管理站點(diǎn)111.3.1【操作目的】111.3.2【操作步驟】111.3.3【相關(guān)工具】121站點(diǎn)管理器122創(chuàng)建文件夾153定義新站點(diǎn)151.4網(wǎng)頁(yè)文件頭設(shè)置161.4.1【操作目的】161.4.2【操作步驟】161.4.3【相關(guān)工具】171插入搜索關(guān)鍵字172插入作者和版權(quán)信息183設(shè)置刷新時(shí)間184設(shè)置描述信息195設(shè)置頁(yè)面中所有鏈接的基準(zhǔn)鏈接196設(shè)置當(dāng)前文件與其他文件的關(guān)聯(lián)性20第2章文本與文檔2.1植物香水網(wǎng)頁(yè)212.1.1【案例分析】212.1.2【設(shè)計(jì)理念】212.1.3【操作步驟】211設(shè)置頁(yè)面屬性212輸入空格和文字222.1.4【相關(guān)工具】231輸入文本232設(shè)置文本屬性233輸入連續(xù)的空格244設(shè)置是否顯示不可見元素245設(shè)置頁(yè)邊距256設(shè)置網(wǎng)頁(yè)的標(biāo)題267設(shè)置網(wǎng)頁(yè)的默認(rèn)格式262.1.5【實(shí)戰(zhàn)演練】數(shù)碼產(chǎn)品專賣網(wǎng)頁(yè)262.2美味西點(diǎn)網(wǎng)頁(yè)272.2.1【案例分析】272.2.2【設(shè)計(jì)理念】272.2.3【操作步驟】272.2.4【相關(guān)工具】291改變文本的大小292改變文本的顏色303改變文本的字體314改變文本的對(duì)齊方式335設(shè)置文本樣式336段落文本347插入換行符352.2.5【實(shí)戰(zhàn)演練】美顏知識(shí)網(wǎng)頁(yè)36 2.3兒童漫畫網(wǎng)頁(yè)362.3.1【案例分析】362.3.2【設(shè)計(jì)理念】362.3.3【操作步驟】371創(chuàng)建項(xiàng)目列表372插入版權(quán)符號(hào)372.3.4【相關(guān)工具】381設(shè)置項(xiàng)目符號(hào)或編號(hào)382修改項(xiàng)目符號(hào)或編號(hào)383設(shè)置文本縮進(jìn)格式394插入日期395特殊字符392.3.5【實(shí)戰(zhàn)演練】時(shí)尚咖啡網(wǎng)頁(yè)402.4綠色食品網(wǎng)頁(yè)402.4.1【案例分析】402.4.2【設(shè)計(jì)理念】402.4.3【操作步驟】412.4.4【相關(guān)工具】411水平線412顯示和隱藏網(wǎng)格423標(biāo)尺432.4.5【實(shí)戰(zhàn)演練】電子產(chǎn)品網(wǎng)頁(yè)442.5綜合演練鮮花速遞網(wǎng)頁(yè)452.6綜合演練精品購(gòu)物網(wǎng)頁(yè)45第3章圖像和多媒體3.1卡通素材網(wǎng)頁(yè)463.1.1【案例分析】463.1.2【設(shè)計(jì)理念】463.1.3【操作步驟】473.1.4【相關(guān)工具】481網(wǎng)頁(yè)中的圖像格式482插入圖像483設(shè)置圖像屬性494插入圖像占位符495跟蹤圖像503.1.5【實(shí)戰(zhàn)演練】家居時(shí)尚網(wǎng)頁(yè)513.2購(gòu)房中心網(wǎng)頁(yè)513.2.1【案例分析】513.2.2【設(shè)計(jì)理念】523.2.3【操作步驟】523.2.4【相關(guān)工具】531調(diào)整圖像與文本的相對(duì)位置532創(chuàng)建網(wǎng)站相冊(cè)543.2.5【實(shí)戰(zhàn)演練】健康水果網(wǎng)頁(yè)553.3營(yíng)養(yǎng)美食網(wǎng)頁(yè)553.3.1【案例分析】553.3.2【設(shè)計(jì)理念】563.3.3【操作步驟】563.3.4【相關(guān)工具】571插入Flash動(dòng)畫572插入Flash文本573插入Flash按鈕584插入Shockwave影片595影片插入Applet程序606插入ActiveX控件603.3.5【實(shí)戰(zhàn)演練】動(dòng)感音樂(lè)網(wǎng)頁(yè)613.4綜合演練商務(wù)在線網(wǎng)頁(yè)613.5綜合演練化妝品網(wǎng)頁(yè)62第4章超鏈接4.1創(chuàng)業(yè)在線網(wǎng)頁(yè)634.1.1【案例分析】634.1.2【設(shè)計(jì)理念】634.1.3【操作步驟】641制作特殊的文字超級(jí)鏈接642制作下載文件鏈接654.1.4【相關(guān)工具】661超鏈接的概念與路徑知識(shí)662創(chuàng)建文本鏈接663文本鏈接的狀態(tài)674下載文件鏈接685電子郵件鏈接684.1.5【實(shí)戰(zhàn)演練】精品家具網(wǎng)頁(yè)694.2戀之語(yǔ)素材模板網(wǎng)頁(yè)694.2.1【案例分析】694.2.2【設(shè)計(jì)理念】704.2.3【操作步驟】701制作鼠標(biāo)經(jīng)過(guò)702創(chuàng)建熱點(diǎn)鏈接714.2.4【相關(guān)工具】721圖像超鏈接722鼠標(biāo)經(jīng)過(guò)圖像鏈接723命名錨記鏈接734創(chuàng)建熱區(qū)鏈接744.2.5【實(shí)戰(zhàn)演練】旅游資訊網(wǎng)頁(yè)754.3綜合演練流行音樂(lè)網(wǎng)頁(yè)764.4綜合演練數(shù)碼相機(jī)網(wǎng)頁(yè)76第5章使用表格5.1咖啡機(jī)專賣網(wǎng)頁(yè)775.1.1【案例分析】775.1.2【設(shè)計(jì)理念】775.1.3【操作步驟】785.1.4【相關(guān)工具】801表格的組成802插入表格813表格各元素的屬性824在表格中插入內(nèi)容835選擇表格元素846復(fù)制、粘貼表格857刪除表格和表格內(nèi)容868縮放表格869合并和拆分單元格8710增加和刪除表格的行和列885.1.5【實(shí)戰(zhàn)演練】音樂(lè)世界網(wǎng)頁(yè)885.2設(shè)計(jì)師家園網(wǎng)頁(yè)895.2.1【案例分析】895.2.2【設(shè)計(jì)理念】895.2.3【操作步驟】891導(dǎo)入表格式數(shù)據(jù)892排序表格915.2.4【相關(guān)工具】921導(dǎo)入和導(dǎo)出表格的數(shù)據(jù)922排序表格943利用表格的布局模式實(shí)現(xiàn)復(fù)雜的頁(yè)面布局955.2.5【實(shí)戰(zhàn)演練】旅游渡假網(wǎng)頁(yè)975.3綜合演練時(shí)尚戒指網(wǎng)頁(yè)975.4綜合演練家具天地網(wǎng)頁(yè)98第6章使用框架6.1辦公用品網(wǎng)頁(yè)996.1.1【案例分析】996.1.2【設(shè)計(jì)理念】996.1.3【操作步驟】1001新建框架并修改框架1002在框架中插入內(nèi)容1026.1.4【相關(guān)工具】1051建立框架集1052為框架添加內(nèi)容1073保存框架1074框架的選擇1085修改框架的大小1086拆分框架1097刪除框架1106.1.5【實(shí)戰(zhàn)演練】房產(chǎn)信息網(wǎng)頁(yè)1106.2兒童玩具網(wǎng)頁(yè)1116.2.1【案例分析】1116.2.2【設(shè)計(jì)理念】1116.2.3【操作步驟】1111設(shè)置保存文檔1112添加框架元素1136.2.4【相關(guān)工具】1151框架屬性1152框架集的屬性1153框架中的鏈接1166.2.5【實(shí)戰(zhàn)演練】汽車資訊網(wǎng)頁(yè)1186.3綜合演練沙發(fā)購(gòu)物網(wǎng)頁(yè)1186.4綜合演練電子商務(wù)網(wǎng)頁(yè)119第7章使用層和時(shí)間軸7.1綠色植物網(wǎng)頁(yè)1207.1.1【案例分析】1207.1.2【設(shè)計(jì)理念】1207.1.3【操作步驟】1217.1.4【相關(guān)工具】1221創(chuàng)建層1222選擇層1233設(shè)置層的默認(rèn)屬性1234AP元素面板1245更改層的堆疊順序1246更改層的可見性1257調(diào)整層的大小1258嵌套層1269移動(dòng)層12710對(duì)齊層12811層靠齊到網(wǎng)格1287.1.5【實(shí)戰(zhàn)演練】數(shù)碼科技前線網(wǎng)頁(yè)1297.2現(xiàn)代家居購(gòu)物網(wǎng)頁(yè)1307.2.1【案例分析】1307.2.2【設(shè)計(jì)理念】1307.2.3【操作步驟】1307.2.4【相關(guān)工具】1311將AP Div轉(zhuǎn)換為表格1312將表格轉(zhuǎn)換為AP Div1337.2.5【實(shí)戰(zhàn)演練】數(shù)碼科技前線網(wǎng)頁(yè)1337.3禮品盒專賣網(wǎng)頁(yè)1337.3.1【案例分析】1337.3.2【設(shè)計(jì)理念】1347.3.3【操作步驟】1347.3.4【相關(guān)工具】1351“時(shí)間軸”面板1352使用時(shí)間軸移動(dòng)層1363錄制層路徑1374控制動(dòng)畫播放1385修改關(guān)鍵幀1386添加、刪除幀1387用時(shí)間軸改變圖像與層的屬性1387.3.5【實(shí)戰(zhàn)演練】美容護(hù)膚網(wǎng)頁(yè)1397.4綜合演練無(wú)公害水果網(wǎng)頁(yè)1397.5綜合演練數(shù)碼世界網(wǎng)頁(yè)139第8章CSS樣式8.1兒童教育網(wǎng)頁(yè)1408.1.1【案例分析】1408.1.2【設(shè)計(jì)理念】1408.1.3【操作步驟】1418.1.4【相關(guān)工具】1411CSS樣式的概念1412“CSS樣式”控制面板1423CSS樣式的類型1424創(chuàng)建重定義HTML標(biāo)簽樣式1435創(chuàng)建CSS選擇器1446創(chuàng)建和應(yīng)用自定義樣式1467創(chuàng)建和引用外部樣式1478編輯樣式1488.1.5【實(shí)戰(zhàn)演練】女士香水網(wǎng)頁(yè)1498.2時(shí)尚彩妝網(wǎng)頁(yè)1498.2.1【案例分析】1498.2.2【設(shè)計(jì)理念】1498.2.3【操作步驟】1501插入表格并輸入文字1502設(shè)置CSS屬性1518.2.4【相關(guān)工具】1531類型1532背景1543區(qū)塊1554方框1565邊框1566列表1577定位1578擴(kuò)展1588.2.5【實(shí)戰(zhàn)演練】數(shù)碼照片沖印網(wǎng)頁(yè)1588.3最新電影網(wǎng)頁(yè)1588.3.1【案例分析】1588.3.2【設(shè)計(jì)理念】1598.3.3【操作步驟】1598.3.4【相關(guān)工具】1611可應(yīng)用過(guò)濾的HTML標(biāo)簽1612CSS的靜態(tài)過(guò)濾器1613CSS的動(dòng)態(tài)過(guò)濾器1628.3.5【實(shí)戰(zhàn)演練】?jī)和婢呷伺季W(wǎng)頁(yè)1628.4綜合演練精品房產(chǎn)網(wǎng)頁(yè)1638.5綜合演練時(shí)尚前風(fēng)網(wǎng)頁(yè)163第9章模板和庫(kù)9.1家居資訊網(wǎng)頁(yè)1649.1.1【案例分析】1649.1.2【設(shè)計(jì)理念】1649.1.3【操作步驟】1651創(chuàng)建模板1652創(chuàng)建可編輯區(qū)域1659.1.4【相關(guān)工具】1661“資源”控制面板1662創(chuàng)建模板1673定義和取消可編輯區(qū)域1684創(chuàng)建基于模板的網(wǎng)頁(yè)1715管理模板1729.1.5【實(shí)戰(zhàn)演練】數(shù)碼配件網(wǎng)頁(yè)1749.2健康瑜珈網(wǎng)頁(yè)1749.2.1【案例分析】1749.2.2【設(shè)計(jì)理念】1759.2.3【操作步驟】1751創(chuàng)建庫(kù)項(xiàng)目1752利用庫(kù)中注冊(cè)的項(xiàng)目制作網(wǎng)頁(yè)文檔1769.2.4【相關(guān)工具】1771創(chuàng)建庫(kù)文件1772向頁(yè)面添加庫(kù)項(xiàng)目1783更新庫(kù)文件1799.2.5【實(shí)戰(zhàn)演練】茶文化網(wǎng)頁(yè)1809.3綜合演練個(gè)人網(wǎng)頁(yè)1819.4綜合演練新品家居網(wǎng)頁(yè)181第10章使用表單10.1咖啡廳會(huì)員注冊(cè)網(wǎng)頁(yè)18210.1.1【案例分析】18210.1.2【設(shè)計(jì)理念】18210.1.3【操作步驟】1831插入表單和表格并設(shè)置表格的屬性1832插入文本域18410.1.4【相關(guān)工具】1851創(chuàng)建表單1852表單的屬性1853單行文本域1864隱藏域1885單選按鈕1896單選按鈕組1907復(fù)選框19010.1.5【實(shí)戰(zhàn)演練】化妝品用戶登錄網(wǎng)頁(yè)19110.2兒童會(huì)員注冊(cè)網(wǎng)頁(yè)19110.2.1【案例分析】19110.2.2【設(shè)計(jì)理念】19210.2.3【操作步驟】19210.2.4【相關(guān)工具】1941創(chuàng)建列表和菜單1942創(chuàng)建跳轉(zhuǎn)菜單1953創(chuàng)建文件域1964創(chuàng)建圖像域1975提交、無(wú)、重置按鈕19810.2.5【實(shí)戰(zhàn)演練】旅游用戶登錄網(wǎng)頁(yè)19910.3綜合演練星運(yùn)奇緣網(wǎng)頁(yè)20010.4綜合演練家居購(gòu)物訂單網(wǎng)頁(yè)200第11章使用行為11.1美麗女人購(gòu)物網(wǎng)頁(yè)20111.1.1【案例分析】20111.1.2【設(shè)計(jì)理念】20111.1.3【操作步驟】20111.1.4【相關(guān)工具】2021行為2022事件2033“行為”控制面板2054應(yīng)用行為20611.1.5【實(shí)戰(zhàn)演練】?jī)和朗尘W(wǎng)頁(yè)20811.2車行天下網(wǎng)頁(yè)20811.2.1【案例分析】20811.2.2【設(shè)計(jì)理念】20811.2.3【操作步驟】20911.2.4【相關(guān)工具】2091調(diào)用JavaScript2092打開瀏覽器窗口2103轉(zhuǎn)到 URL2124播放聲音2125控制Shockwave或Flash2126檢查瀏覽器2137檢查插件2148檢查表單2159設(shè)置導(dǎo)航欄圖像21510交換圖像21711顯示隱藏層21812拖動(dòng)層22013設(shè)置容器的文本22114設(shè)置狀態(tài)欄文本22215設(shè)置文本域文字22216設(shè)置框架文本22317跳轉(zhuǎn)菜單22418跳轉(zhuǎn)菜單開始22411.2.5【實(shí)戰(zhàn)演練】企業(yè)宣傳公告網(wǎng)頁(yè)22511.3綜合演練精品汽車網(wǎng)頁(yè)22511.4綜合演練美容購(gòu)物網(wǎng)頁(yè)226第12章網(wǎng)頁(yè)代碼12.1運(yùn)動(dòng)鞋網(wǎng)頁(yè)22712.1.1【案例分析】22712.1.2【設(shè)計(jì)理念】22712.1.3【操作步驟】22812.1.4【相關(guān)工具】2291使用“參考”面板2292代碼提示功能2303使用標(biāo)簽庫(kù)插入標(biāo)簽2304