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

第1章 認(rèn)識(shí)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 啟動(dòng)Dreamweaver 4
1.2.2 認(rèn)識(shí)Dreamweaver 4的窗口結(jié)構(gòu)
1.2.3 浮動(dòng)面板的組合與拆分
1.2.4 熟悉對(duì)象面板
1.2.5 認(rèn)識(shí)屬性檢查器
1.2.6 歷史面板及其應(yīng)用
第2章 網(wǎng)站的設(shè)計(jì)與構(gòu)建
2.1 在Internet上建立Web站點(diǎn)
2.1.1 企業(yè)建立網(wǎng)站的過(guò)程
2.1.2 個(gè)人建立網(wǎng)站的過(guò)程
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)頁(yè)版式設(shè)計(jì)
2.2.4 網(wǎng)頁(yè)色彩設(shè)計(jì)
2.2.5 網(wǎng)頁(yè)圖像設(shè)計(jì)
2.2.6 網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)
2.2.7 網(wǎng)頁(yè)優(yōu)化設(shè)計(jì)與測(cè)試
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)頁(yè)制作
3.1 創(chuàng)建和保存網(wǎng)頁(yè)文檔
3.1.1 創(chuàng)建并保存新網(wǎng)頁(yè)
3.1.2 從已有文件的基礎(chǔ)上創(chuàng)建網(wǎng)頁(yè)
3.1.3 設(shè)置網(wǎng)頁(yè)瀏覽的分辨率
3.1.4 理解空白文檔的初始代碼
3.2 設(shè)置頁(yè)面屬性
3.2.1 為頁(yè)面定義一個(gè)標(biāo)題
3.2.2 設(shè)置頁(yè)面的背景色和背景圖片
3.3 設(shè)計(jì)網(wǎng)頁(yè)的布局
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 對(duì)齊文本與設(shè)置文本的字體、字號(hào)與顏色
3.5 編輯網(wǎng)頁(yè)的頭部?jī)?nèi)容
3.5.1 插入Meta元數(shù)據(jù)
3.5.2 插入關(guān)鍵字
3.5.3 插入描述信息
3.5.4 定義自動(dòng)刷新
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)識(shí)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樣式面板和編輯樣式表對(duì)話(huà)框
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)識(shí)的轉(zhuǎn)換
4.10 CSS樣式應(yīng)用實(shí)例與技巧
4.10.1 利用CSS控制文本的屬性
4.10.2 用CSS改變鼠標(biāo)的樣式
4.10.3 利用CSS重新定義列表符號(hào)的格式
4.11 拼寫(xiě)檢查
第5章 設(shè)計(jì)鏈接
5.1 鏈接的基本概念
5.1.1 什么是鏈接
5.1.2 常用鏈接的類(lèi)型
5.2 鏈接的三種路徑
5.2.1 絕對(duì)路徑
5.2.2 文檔相對(duì)路徑
5.2.3 根相對(duì)路徑
5.3 鏈接的顏色
5.3.1 利用HTML標(biāo)記控制頁(yè)面鏈接顏色
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 測(cè)試鏈接
5.6 創(chuàng)建導(dǎo)航欄
5.6.1 導(dǎo)航欄的組成
5.6.2 插入一個(gè)導(dǎo)航欄
5.6.3 修改導(dǎo)航欄
5.7 設(shè)計(jì)個(gè)性化鏈接的實(shí)用技巧
5.7.1 定義全文檔鏈接文本的顯示
5.7.2 定義一個(gè)鏈接文本的顯示
5.8 為鏈接附加行為
5.8.1 設(shè)置狀態(tài)行上的文本
5.8.2 定制新打開(kāi)的瀏覽器窗口
5.8.3 跳轉(zhuǎn)菜單
5.8.4 導(dǎo)航欄
5.9 鏈接使用的注意事項(xiàng)
第6章 使用圖像
6.1 圖像文件的類(lèi)型與使用
6.2 插入圖像
6.3 設(shè)置圖像屬性
6.3.1 認(rèn)識(shí)圖像屬性檢查器
6.3.2 設(shè)置圖像尺寸
6.3.3 設(shè)置圖像位置和對(duì)齊方式
6.3.4 設(shè)置背景圖像
6.4 創(chuàng)建翻轉(zhuǎn)圖像
6.4.1 用插入方法創(chuàng)建輪換圖像
6.4.2 用附加行為的方法創(chuàng)建輪換圖像
6.5 在網(wǎng)頁(yè)中實(shí)現(xiàn)圖片的重疊
6.6 客戶(hù)端圖像映像
6.7 使用外部編輯器編輯圖像
6.8 在網(wǎng)頁(yè)中使用圖像的一般原則和注意事項(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)行頁(yè)面美化和修飾
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章 頁(yè)面的布局和定位
9.1 概述
9.2 利用表格布置頁(yè)面
9.3 利用Dreamweaver 4布局功能編排頁(yè)面
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 使用圖層布置頁(yè)面
9.5 使用框架布置頁(yè)面
9.5.1 框架概述
9.5.2 創(chuàng)建框架
9.5.3 保存框架和框架集文件
9.5.4 設(shè)置框架和框架集的屬性
9.5.5 在框架中使用鏈接
第10章 制作動(dòng)態(tài)交互的網(wǎng)頁(yè)
10.1 在網(wǎng)頁(yè)中添加腳本
10.1.1 什么是腳本
10.1.2 腳本的用途
10.1.3 腳本編寫(xiě)語(yǔ)言JavaScript與VBScript
10.1.4 創(chuàng)建腳本
10.1.5 利用對(duì)象面板添加腳本
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對(duì)象
10.4.2 添加Plugin插件
10.4.3 設(shè)置ActiveX屬性
10.4.4 Java Applet程序?qū)傩?br />10.4.5 添加Generator對(duì)象
10.4.6 制作Flash按鈕和文本
10.5 使用時(shí)間城
10.5.1 時(shí)間線概述
10.5.2 時(shí)間線的基本使用方法
10.5.3 使用多條時(shí)間線
10.5.4 利用時(shí)間線制作動(dòng)畫(huà)
10.5.5 時(shí)間線使用技巧
10.6 調(diào)試JavaScript代碼
10.6.1 運(yùn)行JavaScript代碼調(diào)試器
10.6.2 檢測(cè)語(yǔ)法錯(cuò)誤
10.6.3 檢測(cè)和修復(fù)邏輯錯(cuò)誤
第11章 高效制作風(fēng)格一致的站點(diǎn)
11.1 概述
11.1.1 模板
11.1.2 庫(kù)
11.2 使用模板
11.2.1 生成模板
11.2.2 套用模板
11.2.3 修改模板和更新站點(diǎn)
11.3 使用庫(kù)
11.3.1 認(rèn)識(shí)庫(kù)面板和庫(kù)項(xiàng)目
11.3.2 創(chuàng)建庫(kù)項(xiàng)目
11.3.3 修改庫(kù)項(xiàng)目
11.3.4 引用庫(kù)項(xiàng)目
11.3.5 在庫(kù)中編輯行為
第12章 控制HTML源代碼
12.1 可視化操作與HTML源代碼的聯(lián)合編輯
12.2 HTML及其語(yǔ)法特性
12.3 使用HTML源代碼檢查器
12.3.1 認(rèn)識(shí)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è)置重寫(xiě)參數(shù)
12.5.2 凈化現(xiàn)有文檔
12.5.3 凈化Word生成的HTML文檔
第13章 站點(diǎn)的資源管理
13.1 使用資源面板管理資源
13.1.1 認(rèn)識(shí)Assets面板
13.1.2 更新資源列表
13.1.3 將資源添加到收藏列表
13.2 添加資源到編輯的頁(yè)面中
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)識(shí)站點(diǎn)管理窗口
14.2 定義站點(diǎn)主頁(yè)
14.3 使用站點(diǎn)地圖
14.4 刷新站點(diǎn)文件列表
14.5 測(cè)試本地站點(diǎn)
14.5.1 檢測(cè)瀏覽器的兼容性
14.5.2 檢測(cè)并修復(fù)文檔間的錯(cuò)誤鏈接
14.5.3 測(cè)試頁(yè)面的載入時(shí)間和頁(yè)面大小
14.5.4 使用測(cè)試報(bào)告
14.6 構(gòu)建遠(yuǎn)程站點(diǎn)
14.6.1 定義和本地站點(diǎn)對(duì)應(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 定制打開(kāi)文件的類(lèi)型與編輯器
15.5 定制字體與編碼
15.6 定制元素的高亮顯示
15.7 定制不可見(jiàn)元素的顯示
15.8 定制圖層參數(shù)
15.9 定制Dreamweaver 4的布局功能
15.10 定制浮動(dòng)面板
15.11 定制預(yù)覽選項(xiàng)
15.12 定制快速標(biāo)記編輯器選項(xiàng)
15.13 定制狀態(tài)欄
15.14 定制菜單
15.15 定制自己的對(duì)象面板
15.15.1 對(duì)象面板元素的組織機(jī)理
15.15.2 自己創(chuàng)建對(duì)象
15.16 定制打開(kāi)文件的類(lèi)型