DreamweaverCS6+HTML+CSS+DIV+JavaScript網(wǎng)站開發(fā)案例教程

目錄第1章網(wǎng)頁基礎(chǔ)知識(shí)1本章導(dǎo)讀2知識(shí)目標(biāo)2技能目標(biāo)21．1課堂案例：企業(yè)網(wǎng)站的規(guī)劃和站點(diǎn)管理21．2準(zhǔn)備知識(shí)：網(wǎng)頁的基礎(chǔ)知識(shí)21．2．1網(wǎng)頁元素21．2．2網(wǎng)頁的分類41．2．3常用的術(shù)語51．2．4常用的網(wǎng)頁制作工具軟件51．2．5網(wǎng)站的開發(fā)流程71．3DreamweaverCS6工具介紹和基本操作81．3．1DreamweaverCS6工具介紹91．3．2Dreamweaver對(duì)網(wǎng)頁文檔的基本操作171．4案例實(shí)施過程：企業(yè)網(wǎng)站的規(guī)劃和站點(diǎn)的管理201．4．1網(wǎng)站的需求分析階段201．4．2網(wǎng)站的規(guī)劃211．4．3站點(diǎn)管理221．5本章小結(jié)23第2章（X）HTML和CSS25本章導(dǎo)讀26知識(shí)目標(biāo)26技能目標(biāo)262．1課堂案例：人物介紹網(wǎng)頁的制作262．2準(zhǔn)備知識(shí)：HTML語言和XHTML語言272．2．1HTML與XHTML概述272．2．2HTML文檔結(jié)構(gòu)272．2．3HTML標(biāo)簽和屬性282．2．4XHTML與HTML的區(qū)別292．2．5常用的HTML標(biāo)簽292．2．6DOCTYPE（文檔類型）的含義和選擇372．3案例實(shí)施過程：人物介紹網(wǎng)頁的制作（一）382．4準(zhǔn)備知識(shí)：CSS樣式表412．4．1CSS樣式表簡介412．4．2CSS的語法規(guī)則412．4．3Dreamweaver的CSS工具422．4．4在網(wǎng)頁中引入CSS的方法432．4．5CSS選擇器452．4．6DreamweaverCS6中的CSS規(guī)則定義面板512．4．7課堂練習(xí)：CSS制作水平菜單562．5案例實(shí)施過程：人物介紹網(wǎng)頁的制作（二）602．6本章小結(jié)62第3章圖文混排和超鏈接63本章導(dǎo)讀64知識(shí)目標(biāo)64技能目標(biāo)643．1課堂案例：人物主題介紹網(wǎng)站643．2準(zhǔn)備知識(shí)：常用的網(wǎng)頁元素653．2．1網(wǎng)頁中的文本653．2．2設(shè)置網(wǎng)頁的頁面屬性743．2．3課堂練習(xí)：水果介紹頁面763．2．4插入圖像783．3案例實(shí)施過程：人物主題介紹網(wǎng)站（一）843．4準(zhǔn)備知識(shí)：超鏈接863．4．1文本的超鏈接873．4．2圖像的超鏈接883．4．3錨記893．4．4電子郵件的超鏈接903．5案例實(shí)施過程：人物主題介紹網(wǎng)站（二）913．6擴(kuò)展知識(shí)：插入多媒體元素923．6．1插入音頻文件923．6．2插入FLV格式的視頻文件943．6．3插入Flash格式的視頻文件953．6．4插入其他格式的多媒體文件973．6．5課堂練習(xí)：制作電影播放網(wǎng)頁993．7本章小結(jié)100第4章網(wǎng)頁布局方式—表格和DIV+CSS101本章導(dǎo)讀102知識(shí)目標(biāo)102技能目標(biāo)1024．1課堂案例一：電影介紹網(wǎng)頁1024．2準(zhǔn)備知識(shí)：表格的布局模式1034．2．1表格1034．2．2課堂練習(xí)：下載圖片的表格1074．2．3單元格的合并與拆分1104．2．4課堂練習(xí)：推薦模塊制作1104．2．5增加或刪除行或列1124．2．6課堂練習(xí)：菜單模塊1134．3案例實(shí)施過程：電影介紹網(wǎng)頁1164．4課堂案例二：企業(yè)網(wǎng)站首頁的制作1214．4．1準(zhǔn)備知識(shí)：DIV+CSS布局模式1214．4．2課堂練習(xí)：小說文學(xué)網(wǎng)1274．5案例實(shí)施過程：企業(yè)網(wǎng)站首頁的制作1314．6本章小結(jié)138第5章模板和庫139本章導(dǎo)讀140知識(shí)目標(biāo)140技能目標(biāo)1405．1課堂案例：快速完成企業(yè)二級(jí)網(wǎng)頁的制作1405．2準(zhǔn)備知識(shí)：模板1415．2．1創(chuàng)建模板和保存1415．2．2創(chuàng)建可編輯區(qū)域1445．2．3修改或刪除可編輯區(qū)域1465．2．4應(yīng)用模板文件新建網(wǎng)頁1465．3案例實(shí)施過程：使用模板創(chuàng)建網(wǎng)頁1495．4擴(kuò)展知識(shí)1535．4．1模板的可選區(qū)域和重復(fù)區(qū)域1535．4．2脫離模板和應(yīng)用模板1565．4．3庫文件1575．4．4課堂練習(xí)：環(huán)保主題網(wǎng)站1585．5本章小結(jié)168第6章表單169本章導(dǎo)讀170知識(shí)目標(biāo)170技能目標(biāo)1706．1課堂案例：制作用戶留言網(wǎng)頁和在線調(diào)查問卷頁1706．2準(zhǔn)備知識(shí)：表單1716．2．1表單標(biāo)簽1716．2．2表單元素—文本框1736．2．3表單元素—選擇框1746．2．4表單元素—菜單列表1766．2．5表單元素—按鈕1776．2．6其他表單元素1786．2．7表單中的Spry元素1806．3案例實(shí)施過程：制作用戶留言網(wǎng)頁1856．4案例實(shí)施過程：制作在線調(diào)查問卷頁1896．5本章小結(jié)191第7章框架和浮動(dòng)框架192本章導(dǎo)讀193知識(shí)目標(biāo)193技能目標(biāo)1937．1課堂案例：企業(yè)郵箱網(wǎng)頁的制作1937．2準(zhǔn)備知識(shí)：框架和框架集1937．2．1框架和框架集介紹1937．2．2創(chuàng)建框架1947．2．3保存框架1987．2．4刪除框架和增加框架1997．2．5在框架中使用超鏈接2007．3案例實(shí)施過程：企業(yè)郵箱網(wǎng)頁的制作2007．4擴(kuò)展知識(shí)：浮動(dòng)框架2107．4．1浮動(dòng)框架2107．4．2浮動(dòng)框架案例：企業(yè)網(wǎng)站產(chǎn)品頁制作2117．4．3課堂練習(xí)一：玫瑰分類介紹網(wǎng)頁2147．4．4課堂練習(xí)二：網(wǎng)站后臺(tái)管理頁2167．5本章小結(jié)222第8章網(wǎng)頁特效223本章導(dǎo)讀224知識(shí)目標(biāo)224技能目標(biāo)2248．1課堂案例：在企業(yè)網(wǎng)站首頁中添加網(wǎng)頁特效2248．2準(zhǔn)備知識(shí)：JavaScript網(wǎng)頁特效2258．2．1JavaScript的常量和變量2258．2．2JavaScript的函數(shù)2258．2．3JavaScript的事件2268．2．4在網(wǎng)頁中嵌入JavaScript代碼的方法2268．2．5使用jQuery庫2298．2．6網(wǎng)頁中的行為2318．3準(zhǔn)備知識(shí)：Dreamweaver中的行為腳本2328．3．1課堂練習(xí)：交換的日歷頁2328．3．2課堂練習(xí)：網(wǎng)頁中彈出信息框2348．3．3課堂練習(xí)：彈出廣告頁2358．3．4課堂練習(xí)：使用拖動(dòng)AP元素制作拼圖游戲2368．3．5課堂練習(xí)：制作電子圖冊(cè)2408．3．6課堂練習(xí)：制作跳轉(zhuǎn)網(wǎng)頁2438．3．7課堂練習(xí)：制作關(guān)閉網(wǎng)頁的按鈕2448．3．8課堂練習(xí)：檢查瀏覽器插件2468．3．9課堂練習(xí)：制作能改變DIV文字顏色和邊框效果的網(wǎng)頁2478．3．10課堂練習(xí)：制作一個(gè)有趣的發(fā)帖網(wǎng)頁2488．4準(zhǔn)備知識(shí)：Dreamweaver中的Spry框架2518．4．1Spry菜單欄2518．4．2Spry選項(xiàng)卡式面板2538．4．3課堂練習(xí)：新聞卡式面板2538．4．4Spry折疊式2568．4．5課堂練習(xí)：折疊菜單的制作2568．4．6Spry可折疊式2588．4．7Spry工具提示2598．5案例實(shí)施過程：在企業(yè)網(wǎng)站首頁中添加網(wǎng)頁特效2598．5．1導(dǎo)航下拉菜單的制作2598．5．2動(dòng)感焦點(diǎn)圖的制作2628．5．3橫向滾動(dòng)產(chǎn)品推薦的制作2638．6本章小結(jié)266第9章網(wǎng)站測試、發(fā)布與推廣267本章導(dǎo)讀268知識(shí)目標(biāo)268技能目標(biāo)2689．1網(wǎng)站測試2689．1．1瀏覽器的兼容性測試2689．1．2鏈接測試2719．1．3全站測試報(bào)告2729．1．4設(shè)置【W(wǎng)3C驗(yàn)證程序】2739．1．5網(wǎng)頁的完整性檢查2749．2網(wǎng)站發(fā)布2759．2．1注冊(cè)域名2759．2．2申請(qǐng)?zhí)摂M主機(jī)2789．2．3網(wǎng)站發(fā)布2799．3網(wǎng)站推廣2859．4本章小結(jié)287