Dreamweaver 4網(wǎng)頁設(shè)計(jì)夢幻作坊

第1章 認(rèn)識MacroMedia Dreamweaver 4
1.1 Dreamweaver 4的特點(diǎn)
1.1.1 集成的文本編輯器
1.1.2 非HTML文檔的編輯
1.1.3 JavaScript代碼的調(diào)試
1.1.4 集成的O’Reilly代碼參考
1.1.5 可以重新定制的快捷鍵
1.1.6 新增布局設(shè)計(jì)工具
1.1.7 新增Flash文字或按鈕設(shè)計(jì)功能
1.1.8 其他新增功能
1.2 熟悉工作環(huán)境
1.2.1 啟動Dreamweaver 4
1.2.2 認(rèn)識Dreamweaver 4的窗口結(jié)構(gòu)
1.2.3 浮動面板的組合與拆分
1.2.4 熟悉對象面板
1.2.5 認(rèn)識屬性檢查器
1.2.6 歷史面板及其應(yīng)用
第2章 網(wǎng)站的設(shè)計(jì)與構(gòu)建
2.1 在Internet上建立Web站點(diǎn)
2.1.1 企業(yè)建立網(wǎng)站的過程
2.1.2 個人建立網(wǎng)站的過程
2.2 站點(diǎn)的規(guī)劃與設(shè)計(jì)
2.2.1 準(zhǔn)備材料
2.2.2 規(guī)劃站點(diǎn)結(jié)構(gòu)
2.2.3 網(wǎng)頁版式設(shè)計(jì)
2.2.4 網(wǎng)頁色彩設(shè)計(jì)
2.2.5 網(wǎng)頁圖像設(shè)計(jì)
2.2.6 網(wǎng)頁動畫設(shè)計(jì)
2.2.7 網(wǎng)頁優(yōu)化設(shè)計(jì)與測試
2.3 在Dreamweaver中構(gòu)建站點(diǎn)
2.3.1 定義本地站點(diǎn)
2.3.2 編輯本地站點(diǎn)
2.3.3 建立站點(diǎn)的目錄結(jié)構(gòu)
第3章 基本網(wǎng)頁制作
3.1 創(chuàng)建和保存網(wǎng)頁文檔
3.1.1 創(chuàng)建并保存新網(wǎng)頁
3.1.2 從已有文件的基礎(chǔ)上創(chuàng)建網(wǎng)頁
3.1.3 設(shè)置網(wǎng)頁瀏覽的分辨率
3.1.4 理解空白文檔的初始代碼
3.2 設(shè)置頁面屬性
3.2.1 為頁面定義一個標(biāo)題
3.2.2 設(shè)置頁面的背景色和背景圖片
3.3 設(shè)計(jì)網(wǎng)頁的布局
3.4 插入圖像和輸入文本
3.4.1 插入圖像
3.4.2 添加文本
3.4.3 插入特殊字符
3.4.4 在文本中插入空格
3.4.5 插入換行符
3.4.6 插入水平線
3.4.7 插入日期
3.4.8 對齊文本與設(shè)置文本的字體、字號與顏色
3.5 編輯網(wǎng)頁的頭部內(nèi)容
3.5.1 插入Meta元數(shù)據(jù)
3.5.2 插入關(guān)鍵字
3.5.3 插入描述信息
3.5.4 定義自動刷新
3.5.5 設(shè)置基礎(chǔ)URL地址
3.5.6 定義文檔和引用資源之間的鏈接關(guān)系
3.6 設(shè)置文檔鏈接
3.7 在瀏覽器中預(yù)覽
第4章 格式化文本
4.1 文本格式設(shè)置及樣式運(yùn)用
4.1.1 文本格式化概述
4.1.2 文本格式化的方法
4.2 使用HTMI標(biāo)記設(shè)置文本格式
4.2.1 設(shè)置段落格式
4.2.2 設(shè)置字符格式
4.3 使用項(xiàng)目列表
4.3.1 創(chuàng)建項(xiàng)目列表
4.3.2 設(shè)置項(xiàng)目列表屬性
4.4 使用HTML樣式格式化文本
4.4.1 認(rèn)識HTML樣式面板
4.4.2 使用HTML樣式
4.4.3 新建HTML樣式
4.4.4 HTML樣式的其他操作
4.5 使用CSS樣式格式化文本
4.5.1 CSS樣式的概述
4.5.2 Dreamweaver中的CSS樣式
4.5.3 CSS樣式的特點(diǎn)
4.6 CSS樣式的創(chuàng)建和編輯
4.6.1 鏈接外部CSS樣式表
4.6.2 創(chuàng)建CSS樣式表
4.6.3 樣式的沖突
4.7 設(shè)置CSS樣式
4.7.1 CSS樣式面板和編輯樣式表對話框
4.7.2 編輯CSS樣式的字體屬性
4.7.3 編輯CSS樣式的背景屬性
4.7.4 編輯CSS樣式的文本塊屬性
4.7.5 編輯CSS樣式的框?qū)傩?br />4.7.6 編輯CSS樣式的邊框?qū)傩?br />4.7.7 編輯CSS樣式的列表屬性
4.7.8 編輯CSS樣式的定位屬性
4.7.9 編輯CSS樣式的擴(kuò)展屬性
4.8 樣式表格式化選項(xiàng)
4.9 CSS樣式到HTML標(biāo)識的轉(zhuǎn)換
4.10 CSS樣式應(yīng)用實(shí)例與技巧
4.10.1 利用CSS控制文本的屬性
4.10.2 用CSS改變鼠標(biāo)的樣式
4.10.3 利用CSS重新定義列表符號的格式
4.11 拼寫檢查
第5章 設(shè)計(jì)鏈接
5.1 鏈接的基本概念
5.1.1 什么是鏈接
5.1.2 常用鏈接的類型
5.2 鏈接的三種路徑
5.2.1 絕對路徑
5.2.2 文檔相對路徑
5.2.3 根相對路徑
5.3 鏈接的顏色
5.3.1 利用HTML標(biāo)記控制頁面鏈接顏色
5.3.2 利用CSS選擇器樣式控制鏈接顏色
5.4 創(chuàng)建鏈接
5.4.1 鏈接到文檔
5.4.2 鏈接到錨
5.4.3 生成E-mail鏈接
5.4.4 生成Null鏈接
5.4.5 創(chuàng)建Script腳本鏈接
5.4.6 鏈接的外觀設(shè)計(jì)
5.5 管理鏈接
5.5.1 設(shè)置鏈接管理特性
5.5.2 改變鏈接范圍
5.5.3 測試鏈接
5.6 創(chuàng)建導(dǎo)航欄
5.6.1 導(dǎo)航欄的組成
5.6.2 插入一個導(dǎo)航欄
5.6.3 修改導(dǎo)航欄
5.7 設(shè)計(jì)個性化鏈接的實(shí)用技巧
5.7.1 定義全文檔鏈接文本的顯示
5.7.2 定義一個鏈接文本的顯示
5.8 為鏈接附加行為
5.8.1 設(shè)置狀態(tài)行上的文本
5.8.2 定制新打開的瀏覽器窗口
5.8.3 跳轉(zhuǎn)菜單
5.8.4 導(dǎo)航欄
5.9 鏈接使用的注意事項(xiàng)
第6章 使用圖像
6.1 圖像文件的類型與使用
6.2 插入圖像
6.3 設(shè)置圖像屬性
6.3.1 認(rèn)識圖像屬性檢查器
6.3.2 設(shè)置圖像尺寸
6.3.3 設(shè)置圖像位置和對齊方式
6.3.4 設(shè)置背景圖像
6.4 創(chuàng)建翻轉(zhuǎn)圖像
6.4.1 用插入方法創(chuàng)建輪換圖像
6.4.2 用附加行為的方法創(chuàng)建輪換圖像
6.5 在網(wǎng)頁中實(shí)現(xiàn)圖片的重疊
6.6 客戶端圖像映像
6.7 使用外部編輯器編輯圖像
6.8 在網(wǎng)頁中使用圖像的一般原則和注意事項(xiàng)
6 9 Dreamweaver與Fireworks的結(jié)合使用
6.9.1 粘貼Fireworks HTML
6.9.2 插入Fireworks HTML
第7章 表格
7.1 創(chuàng)建表格
7.1.1 插入表格
7.1.2 設(shè)置表格的屬性
7.1.3 向表格中添加內(nèi)容
7.2 編輯表格
7.2.1 合并和分割單元
7.2.2 插入和刪除行列
7.2.3 調(diào)整表格
7.3 利用表格格式化文本
7.3.1 文本的格式化
7.3.2 利用表格進(jìn)行排序
7.4 利用表格進(jìn)行頁面美化和修飾
7.4.1 設(shè)計(jì)有邊框的表格
7.4.2 制作三維效果的表格
第8章 使用層
8.1 層與層面板
8.1.1 關(guān)于層
8.1.2 創(chuàng)建層
8.1.3 使用層面板
8.2 層的屬性設(shè)置和操作
8.2.1 層屬性及其檢查器
8.2.2 層的操作
8.3 層參數(shù)設(shè)置和層的嵌套
8.3.1 層參數(shù)的設(shè)置
8.3.2 創(chuàng)建嵌套層
8.4 層與表格的相互轉(zhuǎn)換
8.4.1 把層轉(zhuǎn)換為表格
8.4.2 把表格轉(zhuǎn)換為層
8.4.3 防止層重疊
第9章 頁面的布局和定位
9.1 概述
9.2 利用表格布置頁面
9.3 利用Dreamweaver 4布局功能編排頁面
9.3.1 繪制布局表格
9.3.2 繪制布局單元格
9.3.3 設(shè)置布局表格和單元格的屬性
9.3.4 在單元格中添加內(nèi)容
9.3.5 布局的修飾與調(diào)整
9.3.6 設(shè)計(jì)布局模式參數(shù)
9.4 使用圖層布置頁面
9.5 使用框架布置頁面
9.5.1 框架概述
9.5.2 創(chuàng)建框架
9.5.3 保存框架和框架集文件
9.5.4 設(shè)置框架和框架集的屬性
9.5.5 在框架中使用鏈接
第10章 制作動態(tài)交互的網(wǎng)頁
10.1 在網(wǎng)頁中添加腳本
10.1.1 什么是腳本
10.1.2 腳本的用途
10.1.3 腳本編寫語言JavaScript與VBScript
10.1.4 創(chuàng)建腳本
10.1.5 利用對象面板添加腳本
10.1.6 用HTML編輯器添加腳本
10.2 使用表單
10.2.1 定義表單區(qū)域
10.2.2 添加表單元素
10.2.3 設(shè)計(jì)表單
10.2.4 處理表單中的信息
10.2.5 表單驗(yàn)證
10.3 使用行為
10 3.1 概述
10.3.2 生成和修改行為
10.3.3 使用Dreamweaver自帶的行為
10.3.4 擴(kuò)展Dreamweaver的行為
10.3.5 行為的更新
10.4 添加多媒體元素
10.4.1 添加Shockwave和Flash對象
10.4.2 添加Plugin插件
10.4.3 設(shè)置ActiveX屬性
10.4.4 Java Applet程序?qū)傩?br />10.4.5 添加Generator對象
10.4.6 制作Flash按鈕和文本
10.5 使用時間城
10.5.1 時間線概述
10.5.2 時間線的基本使用方法
10.5.3 使用多條時間線
10.5.4 利用時間線制作動畫
10.5.5 時間線使用技巧
10.6 調(diào)試JavaScript代碼
10.6.1 運(yùn)行JavaScript代碼調(diào)試器
10.6.2 檢測語法錯誤
10.6.3 檢測和修復(fù)邏輯錯誤
第11章 高效制作風(fēng)格一致的站點(diǎn)
11.1 概述
11.1.1 模板
11.1.2 庫
11.2 使用模板
11.2.1 生成模板
11.2.2 套用模板
11.2.3 修改模板和更新站點(diǎn)
11.3 使用庫
11.3.1 認(rèn)識庫面板和庫項(xiàng)目
11.3.2 創(chuàng)建庫項(xiàng)目
11.3.3 修改庫項(xiàng)目
11.3.4 引用庫項(xiàng)目
11.3.5 在庫中編輯行為
第12章 控制HTML源代碼
12.1 可視化操作與HTML源代碼的聯(lián)合編輯
12.2 HTML及其語法特性
12.3 使用HTML源代碼檢查器
12.3.1 認(rèn)識HTML源代碼檢查器
12.3.2 設(shè)置顏色方案
12.3.3 使用快速標(biāo)記編輯器
12.3.4 使用代碼窗口
12.3.5 使用代碼和設(shè)計(jì)窗口
12.4 控制HTML的常用操作
12.4.1 選擇操作
12.4.2 查找和替換操作
12.4.3 設(shè)置HTML代碼格式化參數(shù)
12.5 凈化HTML代碼
12.5.1 設(shè)置重寫參數(shù)
12.5.2 凈化現(xiàn)有文檔
12.5.3 凈化Word生成的HTML文檔
第13章 站點(diǎn)的資源管理
13.1 使用資源面板管理資源
13.1.1 認(rèn)識Assets面板
13.1.2 更新資源列表
13.1.3 將資源添加到收藏列表
13.2 添加資源到編輯的頁面中
13.3 資源的編輯
13.3.1 編輯基于文件的資源
13.3.2 編輯顏色
13.3.3 編輯URL資源
13.4 資源面板和站點(diǎn)窗口配合工作
13.4.1 在站點(diǎn)窗口定位相應(yīng)資源文件
13.4.2 復(fù)制資源到其他站點(diǎn)
第14章 站點(diǎn)的管理、出版與維護(hù)
14.1 認(rèn)識站點(diǎn)管理窗口
14.2 定義站點(diǎn)主頁
14.3 使用站點(diǎn)地圖
14.4 刷新站點(diǎn)文件列表
14.5 測試本地站點(diǎn)
14.5.1 檢測瀏覽器的兼容性
14.5.2 檢測并修復(fù)文檔間的錯誤鏈接
14.5.3 測試頁面的載入時間和頁面大小
14.5.4 使用測試報(bào)告
14.6 構(gòu)建遠(yuǎn)程站點(diǎn)
14.6.1 定義和本地站點(diǎn)對應(yīng)的遠(yuǎn)程站點(diǎn)
14.6.2 連接服務(wù)器
14.6.3 正確選擇遠(yuǎn)程站點(diǎn)的根目錄
14.7 Check In（檢入）和Check Out（檢出）
14.7.1 設(shè)置檢入／檢出系統(tǒng)
14.7.2 使用文件的檢入／檢出操作
14.8 下載和上傳文件
14.8.1 下載文件
14.8.2 上傳文件
14.9 本地站點(diǎn)和遠(yuǎn)程站點(diǎn)的同步
14.10 設(shè)置站點(diǎn)屬性
14.11 使用設(shè)計(jì)附注
14.11.1 啟用站點(diǎn)的設(shè)計(jì)附注功能
14.11.2 給文檔添加設(shè)計(jì)附注
第15章 定制Dreamweaver
15.1 定制Dreamweaver的常規(guī)選項(xiàng)
15.2 定制代碼顯示模式
15.3 定制CSS代碼的速記表示
15.4 定制打開文件的類型與編輯器
15.5 定制字體與編碼
15.6 定制元素的高亮顯示
15.7 定制不可見元素的顯示
15.8 定制圖層參數(shù)
15.9 定制Dreamweaver 4的布局功能
15.10 定制浮動面板
15.11 定制預(yù)覽選項(xiàng)
15.12 定制快速標(biāo)記編輯器選項(xiàng)
15.13 定制狀態(tài)欄
15.14 定制菜單
15.15 定制自己的對象面板
15.15.1 對象面板元素的組織機(jī)理
15.15.2 自己創(chuàng)建對象
15.16 定制打開文件的類型