Dreamweaver網(wǎng)頁設(shè)計(jì)與制作（HTML+CSS+JavaScript）

第1章網(wǎng)頁制作基礎(chǔ) 1.1計(jì)算機(jī)網(wǎng)絡(luò)基礎(chǔ) 1.1.1計(jì)算機(jī)網(wǎng)絡(luò)的主要功能 1.1.2計(jì)算機(jī)網(wǎng)絡(luò)分類 1.2internet的工作方式和功能 1.2.1internet的工作方式 1.2.2internet服務(wù)和功能 1.2.3我國的internet 1.3網(wǎng)頁與網(wǎng)站 1.3.1網(wǎng)頁和網(wǎng)站概述 1.3.2靜態(tài)網(wǎng)頁設(shè)計(jì) 1.3.3動(dòng)態(tài)網(wǎng)頁的主要技術(shù) 1.4dreamweaver概述 1.4.1dreamweaver的安裝和啟動(dòng) 1.4.2dreamweaver的界面環(huán)境 1.5網(wǎng)站設(shè)計(jì)規(guī)范 1.5.1網(wǎng)站設(shè)計(jì)常規(guī)要求 1.5.2文件命名規(guī)則 1.5.3文件夾結(jié)構(gòu)規(guī)則 .1.5.4頁面制作規(guī)則 本章小結(jié) 思考與練習(xí)1 第2章本地站點(diǎn)的創(chuàng)建與管理 2.1站點(diǎn)規(guī)劃 2.2創(chuàng)建本地站點(diǎn) 2.2.1使用站點(diǎn)向?qū)?gòu)建本地站點(diǎn) 2.2.2使用高級(jí)設(shè)定構(gòu)建站點(diǎn) 2.3管理網(wǎng)站 2.3.1站點(diǎn)文件管理 2.3.2站點(diǎn)地圖 2.3.3站點(diǎn)的編輯 2.4課堂實(shí)例：個(gè)人站點(diǎn)的創(chuàng)建與管理 本章小結(jié) 思考與練習(xí)2 第3章頁面文檔的基本操作 3.1網(wǎng)頁的創(chuàng)建及相關(guān)操作 3.1.1創(chuàng)建新網(wǎng)頁 3.1.2保存網(wǎng)頁 3.1.3打開網(wǎng)頁 3.2網(wǎng)頁中的文本編輯 3.2.1文本、特殊字符及日期的編輯 3.2.2格式化文本 3.2.3水平線的插入與設(shè)置 3.3設(shè)置頁面屬性 3.3.1設(shè)置、改變頁面標(biāo)題 3.3.2定義頁面背景顏色和背景圖像 3.3.3在“屬性”面板中調(diào)整文本顏色 3.3.4設(shè)置頁面的其他屬性 3.4編輯頁面的頭部內(nèi)容 3.4.1插入[meta]標(biāo)記 3.4.2插入關(guān)鍵字信息 3.4.3插入說明信息 3.4.4自動(dòng)刷新功能 3.4.5設(shè)置基本url地址 3.4.6設(shè)置鏈接 3.5課堂實(shí)例 3.5.1課堂實(shí)例1：文本的編輯及相關(guān)元素的插入 3.5.2課堂練習(xí)2：網(wǎng)頁標(biāo)題、頁面背景顏色和頁面背景圖像的設(shè)置 3.5.3課堂實(shí)例3：利用網(wǎng)頁頭部信息推廣網(wǎng)站 本章小結(jié) 思考與練習(xí)3 第4章網(wǎng)頁中的多媒體元素 4.1網(wǎng)頁中圖像的基本格式 4.2在頁面中插入圖像 4.3使用圖像占位符 4.4編輯圖像 4.4.1圖像對(duì)齊 4.4.2調(diào)整圖像大小 4.4.3裁剪圖像 4.4.4調(diào)整圖像參數(shù) 4.5創(chuàng)建鼠標(biāo)經(jīng)過圖像 4.6在網(wǎng)頁中插入flash對(duì)象 4.6.1flash對(duì)象的類型 4.6.2插入flash按鈕 4.6.3插入flash文本 4.6.4插入swf動(dòng)畫 4.7常用音頻和視頻元素插入 4.7.1插入音頻 4.7.2插入視頻 4.8課堂實(shí)例：首頁flash廣告和背景音樂的加入 本章小結(jié) 思考與練習(xí)4 第5章頁面中的超鏈接 5.1認(rèn)識(shí)超鏈接 5.1.1超鏈接的概念 5.1.2絕對(duì)路徑和相對(duì)路徑 5.2文本超鏈接 5.2.1創(chuàng)建文本超鏈接 5.2.2調(diào)整鏈接文本顏色 5.3圖片超鏈接 5.4電子郵件超鏈接 5.5空鏈接和腳本鏈接 5.6圖像熱點(diǎn)鏈接 5.6.1創(chuàng)建圖片熱區(qū) 5.6.2設(shè)置圖像映射屬性 5.7創(chuàng)建錨記鏈接 5.7.1創(chuàng)建命名錨記 5.7.2鏈接到命名錨記 5.8創(chuàng)建跳轉(zhuǎn)菜單 5.9創(chuàng)建圖像導(dǎo)航條 5.10鏈接的管理 5.10.1開啟鏈接管理功能 5.10.2在站點(diǎn)地圖中創(chuàng)建修改鏈接 5.10.3直接修改或刪除鏈接 5.10.4測(cè)試鏈接 5.11課堂實(shí)例 5.11.1課堂實(shí)例1：站點(diǎn)主頁與其他頁面的鏈接 5.11.2課堂實(shí)例2：主頁上電子郵件鏈接及版權(quán)符號(hào)的插入 5.11.3課堂實(shí)例3：利用圖像熱點(diǎn)鏈接進(jìn)行作品導(dǎo)航 5.11.4課堂實(shí)例4：利用錨記鏈接創(chuàng)建作品目錄 5.11.5課堂實(shí)例5：利用跳轉(zhuǎn)菜單進(jìn)行節(jié)省空間的作品導(dǎo)航 本章小結(jié) 思考與習(xí)題5 第6章使用表格和框架進(jìn)行頁面布局 6.1頁面中的表格 6.2創(chuàng)建表格 6.2.1插入表格 6.2.2在單元格中添加內(nèi)容 6.3選擇表格元素 6.4設(shè)置表格及單元格屬性 6.5編輯表格 6.5.1合并拆分單元格 6.5.2插入行或列 6.5.3表格的嵌套 6.6格式化表格 6.7創(chuàng)建和編輯框架頁面 6.8在框架中使用鏈接 6.9課堂實(shí)例：利用嵌套表格對(duì)主頁進(jìn)行排版 本章小結(jié) 思考與習(xí)題6 第7章層的應(yīng)用 7.1在頁面中創(chuàng)建層 7.2設(shè)置層的屬性 7.2.1設(shè)置層的默認(rèn)屬性 7.2.2在“屬性”面板中設(shè)置單個(gè)層的屬性 7.2.3在“屬性”面板中設(shè)置多個(gè)層的屬性 7.2.4通過“層”面板設(shè)置層屬性 7.3創(chuàng)建和調(diào)整嵌套層 7.3.1創(chuàng)建嵌套層 7.3.2調(diào)整層嵌套 7.4層的管理 7.4.1選定層 7.4.2調(diào)整層的大小 7.4.3移動(dòng)層 7.4.4層的對(duì)齊 7.4.5層靠齊到網(wǎng)格 7.4.6防止層覆蓋 7.5層與表格之間的轉(zhuǎn)換 7.6課堂實(shí)例 本章小結(jié) 思考與練習(xí)7 第8章使用表單制作交互頁面 8.1表單概述 8.1.1表單的組成 8.1.2表單的創(chuàng)建 8.1.3表單屬性設(shè)置 8.2添加表單對(duì)象 8.2.1添加文本域 8.2.2添加隱藏域 8.2.3添加復(fù)選框 8.2.4添加單選按鈕 8.2.5添加列表／菜單 8.2.6添加按鈕 8.2.7添加圖像域 8.2.8添加文件域 8.3課堂實(shí)例 8.3.1課堂實(shí)例1：網(wǎng)站用戶信息調(diào)查表的設(shè)計(jì) 8.3.2課堂實(shí)例2：表單提交前的有效性驗(yàn)證 本章小結(jié) 思考與練習(xí)8 第9章時(shí)間軸動(dòng)畫及行為 9.1“時(shí)間軸”面板 9.1.1“時(shí)間軸”面板的打開 9.1.2“時(shí)間軸”面板的功能 9.2創(chuàng)建并修改時(shí)間軸動(dòng)畫 9.3行為的基本概念和操作 9.3.1“行為”面板 9.3.2顯示和設(shè)置事件 9.3.3行為的添加和編輯 9.4使用dreamweaver內(nèi)置行為制作特效 9.4.1交換圖像 9.4.2彈出窗口行為 9.4.3時(shí)間軸與行為 9.4.4打開瀏覽器窗口 9.4.5拖動(dòng)層效果 9.4.6顯示?隱藏層 9.4.7顯示/隱藏彈出式菜單 9.4.8修改屬性特效 9.4.9播放聲音 9.4.10控制shockwave或者flash 9.4.11檢查瀏覽器 9.4.12設(shè)置文本行為 9.4.13跳轉(zhuǎn)菜單行為 9.5課堂實(shí)例 9.5.1課堂實(shí)例1：可隨意拖動(dòng)的滾動(dòng)布告欄 9.5.2課堂實(shí)例2：運(yùn)用時(shí)間軸和行為實(shí)現(xiàn)幻燈片效果 本章小結(jié) 思考與練習(xí)9 第10章模板的使用 10.1創(chuàng)建模板 10.1.1將現(xiàn)有文檔保存為模板 10.1.2創(chuàng)建空白模板 10.1.3創(chuàng)建嵌套模板 10.2編輯模板 10.2.1創(chuàng)建和鎖定可編輯區(qū)域 10.2.2創(chuàng)建可選區(qū)域和重復(fù)區(qū)域 10.2.3插入重復(fù)表格 10.2.4模板中創(chuàng)建不同的區(qū)域 10.3使用模板 10.4課堂實(shí)例：模板的實(shí)例 本章小結(jié) 思考與練習(xí)10 第11章html 11.1html概述 11.1.1html的基本概念 11.1.2html基本結(jié)構(gòu) 11.1.3html的語法規(guī)則 11.1.4在dreamweaver中編寫代碼 11.2html的文本格式標(biāo)簽 11.2.1標(biāo)題格式標(biāo)簽 11.2.2文字大小標(biāo)簽 11.2.3文字字體與樣式標(biāo)簽 11.2.4文字顏色標(biāo)簽 11.2.5換行標(biāo)簽 11.2.6段落標(biāo)簽 11.2.7水平線標(biāo)簽 11.2.8預(yù)排格式標(biāo)簽 11.2.9位置控制屬性 11.3html的列表標(biāo)簽 11.3.1無序號(hào)列表 11.3.2有序號(hào)列表 11.3.3定義性列表 11.4html的表格標(biāo)簽 11.4.1表格的基本結(jié)構(gòu) 11.4.2表格標(biāo)題的位置 11.4.3表格的大小 11.4.4表格的排列方式 11.4.5跨多行表元、跨多列表元 11.4.6表格的顏色 11.5html的圖像標(biāo)簽 11.6html的超鏈接標(biāo)簽 11.6.1本地鏈接 11.6.2url鏈接 11.7html中的音頻和視頻 11.7.1音頻元素 11.7.2視頻元素 11.8html的框架標(biāo)簽 11.8.1什么是框架 11.8.2框架內(nèi)尺寸設(shè)置 11.8.3框架的互操作 11.8.4框架的其他屬性 11.9課堂實(shí)例：運(yùn)用html創(chuàng)建網(wǎng)頁 本章小結(jié) 思考與練習(xí)11 第12章css層疊樣式表 12.1css語法基礎(chǔ) 12.1.1css語法基本規(guī)則 12.1.2類選擇符 12.1.3id選擇符 12.1.4包含選擇符 12.1.5css的繼承 12.2css的定義和使用 12.2.1內(nèi)聯(lián)定義 12.2.2定義內(nèi)部樣式表 12.2.3嵌入外部樣式表 12.2.4鏈入外部樣式表 12.2.5瀏覽器兼容問題 12.3css濾鏡 12.4dreamweaver中css的編輯與應(yīng)用 12.4.1新建css樣式 12.4.2應(yīng)用css樣式 12.4.3編輯css樣式 12.5課堂實(shí)例 12.5.1課堂實(shí)例1：應(yīng)用alpha濾鏡設(shè)置圖片透明特效 12.5.2課堂實(shí)例2：利用dropshadow濾鏡制作陰影字 12.5.3課堂實(shí)例3：超級(jí)鏈接和行間距css樣式 本章小結(jié) 思考與練習(xí)12 第13章javascript基礎(chǔ) 13.1javascript概述 13.2javascript程序基礎(chǔ) 13.2.1javascript代碼放置 13.2.2語句和語句塊 13.2.3注釋 13.3標(biāo)識(shí)符和變量 13.3.1標(biāo)識(shí)符的命名規(guī)則 13.3.2javascript的數(shù)據(jù)類型 13.3.3javascript中的變量 13.3.4轉(zhuǎn)義字符 13.4運(yùn)算符和表達(dá)式 13.5程序控制結(jié)構(gòu) 13.5.1順序結(jié)構(gòu) 13.5.2分支結(jié)構(gòu) 13.5.3循環(huán)結(jié)構(gòu) 13.6函數(shù) 13.7javascript的常用對(duì)象 13.7.1對(duì)象類型 13.7.2對(duì)象的訪問 13.7.3html dom 13.8javascript事件編程 13.9課堂實(shí)例 13.9.1課堂實(shí)例1：在線測(cè)試網(wǎng)頁設(shè)計(jì) 13.9.2課堂實(shí)例2：時(shí)鐘顯示 13.9.3課堂實(shí)例3：霓虹滾動(dòng)文字 13.9.4課堂實(shí)例4：文字跟隨鼠標(biāo) 13.10本章小結(jié) 思考與練習(xí)13 第14章dreamweaver cs5進(jìn)階 14.1ap元素應(yīng)用 14.2使用spry widget制作高級(jí)頁面 14.2.1使用dreamweaver cs5向頁面中添加widget 14.2.2使用spry widget進(jìn)行頁面布局 14.2.3使用spry效果制作特效 14.2.4使用spry驗(yàn)證表單 14.3課堂實(shí)例 14.3.1課堂實(shí)例1：使用spry效果制作廣告頁面 14.3.2課堂實(shí)例2：使用spry widget制作菜單導(dǎo)航 14.3.3課堂實(shí)例3：向頁面中添加widget 14.4本章小結(jié) 思考與練習(xí)14 第15章站點(diǎn)的測(cè)試與發(fā)布 15.1站點(diǎn)的測(cè)試 15.1.1檢查鏈接錯(cuò)誤 15.1.2修改鏈接錯(cuò)誤 15.1.3檢查瀏覽器支持程度 15.2站點(diǎn)的發(fā)布 15.2.1使用dreamweaver上傳和維護(hù)站點(diǎn) 15.2.2使用cuteftp上傳工具 15.3課堂實(shí)例：網(wǎng)站的測(cè)試和上傳 本章小結(jié) 思考與練習(xí)15 參考文獻(xiàn)