Dreamweaver網(wǎng)頁(yè)制作實(shí)用教程（第二版）

第1章 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)
1.1 html基礎(chǔ)
1.1.1 html簡(jiǎn)介
1.1.2 課堂實(shí)例——?jiǎng)?chuàng)建和測(cè)試第一個(gè)網(wǎng)頁(yè)
1.1.3 html標(biāo)簽
1.1.4 html文檔的基本結(jié)構(gòu)
1.1.5 了解xhtml
1.2 初識(shí)dreamweaver cs3
1.2.1 dreamweaver工作環(huán)境
1.2.2 建立本地站點(diǎn)
1.2.3 課堂實(shí)例——用dreamweaver制作一個(gè)簡(jiǎn)單網(wǎng)頁(yè)
1.3 在代碼視圖中創(chuàng)建html
1.3.1 標(biāo)簽選擇器
1.3.2 代碼提示工具
1.3.3 編碼工具欄
本章習(xí)題
上機(jī)練習(xí)
練習(xí)1 編寫html代碼
練習(xí)2 文件頭標(biāo)簽的應(yīng)用
練習(xí)3 建立自己的站點(diǎn)
第2章 網(wǎng)頁(yè)中的文字和圖像
2.1 網(wǎng)頁(yè)中的文字
2.1.1 應(yīng)用文字
2.1.2 課堂實(shí)例——設(shè)置文本格式
2.1.3 課堂實(shí)例——設(shè)置段落格式
2.1.4 課堂實(shí)例——設(shè)置文字標(biāo)題
2.1.5 使用段落列表
2.1.6 設(shè)置段落樣式
2.2 網(wǎng)頁(yè)中的圖像
2.2.1 網(wǎng)頁(yè)中常見(jiàn)的圖像格式
2.2.2 在網(wǎng)頁(yè)中使用圖像
2.2.3 dreamweaver和photoshop結(jié)合處理圖像
2.3 圖像的編排
2.3.1 設(shè)置圖像的尺寸和邊框
2.3.2 設(shè)置圖文混排和圖像邊距
2.3.3 圖像的優(yōu)化和裁剪
2.4 設(shè)置頁(yè)面屬性
本章習(xí)題
上機(jī)練習(xí)
練習(xí)1 美化文字格式
練習(xí)2 圖文并茂
第3章 網(wǎng)頁(yè)中的表格
3.1 表格標(biāo)簽
3.1.1 認(rèn)識(shí)網(wǎng)頁(yè)中的表格
3.1.2 表格標(biāo)簽詳解
3.1.3 課堂實(shí)例——在代碼視圖中創(chuàng)建一個(gè)簡(jiǎn)單表格
3.2 創(chuàng)建表格的基本操作
3.2.1 插入表格
3.2.2 表格的編輯
3.2.3 設(shè)置表格屬性
3.3 導(dǎo)入表格數(shù)據(jù)和排序
3.3.1 導(dǎo)入表格數(shù)據(jù)
3.3.2 導(dǎo)出表格
3.3.3 表格排序
3.4 課堂實(shí)例——用表格布局網(wǎng)頁(yè)
3.4.1 插入表格并設(shè)置頁(yè)面屬性
3.4.2 布局banner和導(dǎo)航條
3.4.3 布局圖像列表
3.4.4 布局詳細(xì)內(nèi)容
本章習(xí)題
上機(jī)練習(xí)
練習(xí)1 創(chuàng)建一個(gè)學(xué)生管理表
練習(xí)2 制作圓角細(xì)線表格
練習(xí)3 用表格布局主頁(yè)
第4章 網(wǎng)頁(yè)中的多媒體
4.1 在網(wǎng)頁(yè)中應(yīng)用flash文件
4.1.1 flash文件類型
4.1.2 在網(wǎng)頁(yè)中應(yīng)用flash動(dòng)畫
4.1.3 在網(wǎng)頁(yè)中應(yīng)用flash視頻
4.1.4 在dreamweaver中制作flash按鈕和flash文本
4.1.5 應(yīng)用flash元素—— 圖像查看器
4.2 在網(wǎng)頁(yè)中應(yīng)用音頻和視頻
4.2.1 課堂實(shí)例——網(wǎng)頁(yè)背景音樂(lè)
4.2.2 課堂實(shí)例——網(wǎng)頁(yè)視頻
本章習(xí)題
上機(jī)練習(xí)
練習(xí)1 插入flash并使動(dòng)畫背景透明
練習(xí)2 flash導(dǎo)航條
練習(xí)3 循環(huán)播放的網(wǎng)頁(yè)背景音樂(lè)
第5章 超鏈接
5.1 超鏈接基礎(chǔ)
5.1.1 課堂實(shí)例——給文字和圖片創(chuàng)建超鏈接
5.1.2 超鏈接詳解
5.2 網(wǎng)頁(yè)中常見(jiàn)的超鏈接
5.2.1 課堂實(shí)例——?jiǎng)?chuàng)建軟件下載超鏈接
5.2.2 課堂實(shí)例——?jiǎng)?chuàng)建電子郵件鏈接
5.2.3 課堂實(shí)例——?jiǎng)?chuàng)建錨點(diǎn)鏈接
5.2.4 課堂實(shí)例——圖片地圖
5.2.5 課堂實(shí)例——?jiǎng)?chuàng)建腳本鏈接
5.3 在網(wǎng)頁(yè)中創(chuàng)建導(dǎo)航條
5.3.1 課堂實(shí)例——?jiǎng)?chuàng)建文字導(dǎo)航條
5.3.2 課堂實(shí)例——應(yīng)用dreamweaver預(yù)設(shè)功能創(chuàng)建導(dǎo)航條
本章習(xí)題
上機(jī)練習(xí)
練習(xí)1 腳本鏈接——關(guān)閉網(wǎng)頁(yè)窗口
練習(xí)2 縱向文字導(dǎo)航條
練習(xí)3 縱向動(dòng)態(tài)導(dǎo)航條
練習(xí)4 網(wǎng)頁(yè)相冊(cè)
第6章 用css美化網(wǎng)頁(yè)
6.1 css基礎(chǔ)
6.1.1 “css樣式”面板
6.1.2 定義css規(guī)則
6.1.3 在網(wǎng)頁(yè)中應(yīng)用css樣式
6.2 創(chuàng)建css
6.2.1 類選擇器
6.2.2 標(biāo)識(shí)選擇器
6.2.3 用css重新定義html標(biāo)簽
6.2.4 超鏈接的css樣式
6.3 css基本應(yīng)用
6.3.1 課堂實(shí)例——用css格式化文本
6.3.2 課堂實(shí)例——用css控制表格
6.3.3 課堂實(shí)例——用css控制列表
6.3.4 課堂實(shí)例——用css控制背景
6.3.5 課堂實(shí)例——用css控制區(qū)塊
6.3.6 課堂實(shí)例——css樣式濾鏡的應(yīng)用
6.4 鏈接外部css樣式文件
6.4.1 制作css樣式文件
6.4.2 通過(guò)鏈接使用外部樣式表
本章習(xí)題
上機(jī)練習(xí)
練習(xí)1 用css控制網(wǎng)頁(yè)文字和段落
練習(xí)2 用css控制表格的背景、邊框、尺寸
練習(xí)3 用外部css文件控制網(wǎng)頁(yè)整體效果
第7章 html網(wǎng)頁(yè)布局設(shè)計(jì)
7.1 網(wǎng)頁(yè)布局類型
7.1.1 “國(guó)”字型
7.1.2 “廠”字型
7.1.3 “框架”型
7.1.4 “封面”型
7.2 使用布局模式
7.2.1 在布局模式下繪制表格
7.2.2 設(shè)置布局表格
7.2.3 設(shè)置布局單元格
7.2.4 課堂實(shí)例——用布局表格設(shè)計(jì)網(wǎng)站主頁(yè)
7.3 應(yīng)用框架布局網(wǎng)頁(yè)
7.3.1 課堂實(shí)例——用框架布局一個(gè)簡(jiǎn)單頁(yè)面
7.3.2 創(chuàng)建框架和框架集
7.3.3 設(shè)置框架和框架集的屬性
7.3.4 框架集中的超鏈接
7.3.5 課堂實(shí)例——用框架設(shè)計(jì)網(wǎng)頁(yè)
本章習(xí)題
上機(jī)練習(xí)
練習(xí)1 使用布局表格排版網(wǎng)站首頁(yè)
練習(xí)2 制作一個(gè)三欄框架
練習(xí)3 制作框架網(wǎng)頁(yè)
第8章 css網(wǎng)頁(yè)布局和web 2.0設(shè)計(jì)基礎(chǔ)
8.1 利用表格和css布局網(wǎng)頁(yè)
8.1.1 認(rèn)識(shí)表格和css布局
8.1.2 課堂實(shí)例——表格和css布局實(shí)例
8.2 div和css布局
8.2.1 理解css盒子模型
8.2.2 div標(biāo)簽的應(yīng)用
8.2.3 課堂實(shí)例——div和css布局網(wǎng)站首頁(yè)
8.3 xml基礎(chǔ)
8.3.1 認(rèn)識(shí)xml
8.3.2 課堂實(shí)例——在dreamweaver中設(shè)計(jì)xml網(wǎng)頁(yè)
本章習(xí)題
上機(jī)練習(xí)
練習(xí)1 使用表格和css布局
練習(xí)2 使用div和css布局
練習(xí)3 用css控制xml文檔的顯示效果
第9章 網(wǎng)頁(yè)特效與交互
9.1 行為
9.1.1 附加行為
9.1.2 課堂實(shí)例——網(wǎng)頁(yè)加載時(shí)彈出公告頁(yè)
9.1.3 內(nèi)置行為功能詳解
9.2 ap元素
9.2.1 課堂實(shí)例——?jiǎng)?chuàng)建ap元素
9.2.2 ap元素的屬性詳解
9.3 制作ap元素動(dòng)畫
9.3.1 時(shí)間軸面板
9.3.2 課堂實(shí)例——制作滾動(dòng)字幕效果
9.4 spry框架
9.4.1 spry效果
9.4.2 spry控件
9.4.3 課堂實(shí)例——網(wǎng)頁(yè)導(dǎo)航菜單
9.5 javascript入門
9.5.1 [script]標(biāo)簽
9.5.2 課堂實(shí)例——編寫一個(gè)簡(jiǎn)單的javascript程序
9.5.3 課堂實(shí)例——使用“代碼片斷”面板
本章習(xí)題
上機(jī)練習(xí)
練習(xí)1 行為應(yīng)用實(shí)例——關(guān)閉網(wǎng)頁(yè)時(shí)彈出信息
練習(xí)2 ap元素動(dòng)畫實(shí)例——頁(yè)面上漂浮的圖片效果
練習(xí)3 spry控件應(yīng)用實(shí)例——選項(xiàng)卡式面板
練習(xí)4 javascript應(yīng)用實(shí)例——問(wèn)候?qū)υ捒?br />第10章 模板和擴(kuò)展dreamweaver
10.1 模板
10.1.1 使用模板
10.1.2 模板的重復(fù)表格和重復(fù)區(qū)域
10.1.3 模板的可選區(qū)域
10.1.4 使用可編輯的可選區(qū)域
10.2 網(wǎng)頁(yè)切片
10.2.1 用photoshop制作網(wǎng)頁(yè)切片
10.2.2 導(dǎo)出切片
10.2.3 在dreamweaver中編輯html
10.2.4 在dreamweaver中直接啟動(dòng)photoshop修改圖像
10.3 使用dreamweaver擴(kuò)展
10.3.1 安裝和使用擴(kuò)展插件
10.3.2 課堂實(shí)例——頁(yè)面過(guò)渡特效
本章習(xí)題
上機(jī)練習(xí)
練習(xí)1 制作網(wǎng)頁(yè)模板
練習(xí)2 dreamweaver與photoshop結(jié)合制作網(wǎng)站首頁(yè)
練習(xí)3 利用擴(kuò)展插件制作網(wǎng)頁(yè)日歷
第11章 表單及asp動(dòng)態(tài)網(wǎng)頁(yè)的制作
11.1 認(rèn)識(shí)動(dòng)態(tài)網(wǎng)站
11.1.1 靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)的區(qū)別
11.1.2 動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言
11.1.3 asp編程語(yǔ)言
11.2 安裝和配置web服務(wù)器
11.2.1 安裝iis
11.2.2 配置web服務(wù)器
11.3 制作表單
11.3.1 認(rèn)識(shí)表單文檔
11.3.2 構(gòu)成表單文檔的表單控件
11.3.3 spry驗(yàn)證表單控件
11.3.4 課堂實(shí)例——制作一個(gè)留言板表單文檔
11.4 網(wǎng)站數(shù)據(jù)庫(kù)
11.4.1 數(shù)據(jù)庫(kù)技術(shù)概述
11.4.2 課堂實(shí)例——用access創(chuàng)建網(wǎng)站數(shù)據(jù)庫(kù)
11.5 dreamweaver和asp制作動(dòng)態(tài)網(wǎng)頁(yè)
11.5.1 采集并顯示表單信息
11.5.2 建立數(shù)據(jù)庫(kù)連接
11.5.3 建立記錄集并顯示數(shù)據(jù)庫(kù)記錄
11.5.4 插入數(shù)據(jù)庫(kù)記錄
11.5.5 登錄頁(yè)面
11.5.6 轉(zhuǎn)到詳細(xì)頁(yè)面
本章習(xí)題
上機(jī)練習(xí)
練習(xí)1 會(huì)員注冊(cè)表單
練習(xí)2 留言簿
第12章 開發(fā)和管理網(wǎng)站
12.1 網(wǎng)站開發(fā)流程
12.1.1 網(wǎng)站總體策劃
12.1.2 設(shè)計(jì)和制作素材
12.1.3 建立站點(diǎn)
12.1.4 制作網(wǎng)頁(yè)
12.2 測(cè)試和發(fā)布網(wǎng)站
12.2.1 測(cè)試網(wǎng)站
12.2.2 發(fā)布網(wǎng)站
12.3 管理網(wǎng)站
12.3.1 導(dǎo)入和導(dǎo)出站點(diǎn)
12.3.2 管理網(wǎng)站資源
12.3.3 網(wǎng)站地圖
本章習(xí)題
上機(jī)練習(xí)
練習(xí)1 用庫(kù)建立導(dǎo)航條
練習(xí)2 網(wǎng)站開發(fā)和管理實(shí)戰(zhàn)
附錄 參考答案