基于Web標準的網(wǎng)頁設(shè)計與制作

第1章 網(wǎng)頁設(shè)計概述
1.1 網(wǎng)頁設(shè)計的兩個基本問題
1.2 網(wǎng)頁與網(wǎng)站
1.2.1 什么是網(wǎng)頁
1.2.2 網(wǎng)頁設(shè)計語言——HTML簡介
1.2.3 網(wǎng)頁和網(wǎng)站的開發(fā)工具介紹
1.2.4 網(wǎng)站的含義和特點
1.3 Web服務(wù)器和瀏覽器
1.3.1 Web服務(wù)器的作用
1.3.2 瀏覽器的種類和作用
1.4 靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁
1.5 域名與主機的關(guān)系
1.6 URL的含義和結(jié)構(gòu)
習題
第2章 HTML、XHTML和Web標準
2.1 HTML文檔的基本結(jié)構(gòu)
2.1.1 使用記事本編輯一個HTML文件
2.1.2 認識DreamweaverCS
2.1.3 使用DW新建一個HTML文件
2.2 標記和元素
2.2.1 標記的概念
2.2.2 標記帶有屬性時的結(jié)構(gòu)
2.2.3 HTML標記的分類
2.2.4 常見的HTML標記
2.2.5 常見的HTML標記的屬性
2.2.6 元素的概念
2.2.7 行內(nèi)元素和塊級元素
2.3 從HTML到XHTML的轉(zhuǎn)變
2.3.1 HTML存在的問題
2.3.2 Web標準的含義
2.3.3 文檔類型的含義和選擇
2.3.4 XHTML與HTML的重要區(qū)別
習題
第3章 HTML標記
3.1 文本格式標記
3.1.1 文本排版
3.1.2 文本的換行和空格
3.1.3 文本中的特殊字符
3.2 文本修飾標記（字體標記）
3.3 列表標記
3.4 利用DW代碼視圖提高效率
3.4.1 代碼提示
3.4.2 代碼折疊
3.4.3 拆分視圖和代碼快速定位
3.4.4 DW中的常用快捷鍵
3.5 圖像標記[img]
3.5.1 網(wǎng)頁中插入圖像的兩種方法
3.5.2 網(wǎng)頁中支持的圖像格式
3.5.3 在單元格中插入圖片的方法
3.5.4 [img]插入圖像的對齊方式
3.6 超鏈接標記[a]
3.6.1 絕對URL和相對URL
3.6.2 超鏈接的源對象：文本.圖像.熱區(qū)
3.6.3 超鏈接的種類（href屬性的取值）
3.6.4 超鏈接目標的打開方式
3.6.5 超鏈接制作的原則
3.6.6 DW中超鏈接屬性面板的使用
3.7 Flash及媒體元素的插入
3.7.1 插入Flash的兩種方法
3.7.2 在圖像上放置透明Flash
3.7.3 插入視頻或音頻文件
3.8 表格標記（[table].[tr].[td])
3.8.1 表格標記（[table].[tr].[td]）及其屬性
3.8.2 在DW中操作表格的方法
3.8.3 制作固定寬度的表格
3.8.4 用普通表格與布局表格分別進行網(wǎng)頁布局
3.8.5 特殊效果表格的制作
3.9 表單標記([form].[input].[select])
3.9.1 表單標記[form]
3.9.2 [input]標記
3.9.3 [select]和[option]標記
3.9.4 多行文本域標記[textarea]
3.9.5 表單中的按鈕
3.9.6 表單數(shù)據(jù)的傳遞過程
3.9.7 表單的輔助標記
3.9.8 利用行為檢查表單的輸入
3.1 0框架標記
3.1 0.1 框架的作用
3.1 0.2 [frameset]標記
3.1 0.3 [frame/]標記
3.1 0.4 用DW制作框架網(wǎng)頁
3.1 0.5 嵌入式框架標記[iframe]
3.1 1容器標記（div.span)
3.1 2頭部標記
習題
第4章 CSS
4.1 CSS基礎(chǔ)
4.1.1 CSS的語法
4.1.2 在HTML中引入CSS的方法
4.1.3 選擇器的分類
4.1.4 CSS的層疊性
4.1.5 CSS的繼承性
4.1.6 選擇器的組合
4.1.7 CSS2.1 新增加的選擇器簡介
4.1.8 CSS樣式的總體設(shè)計原則
4.1.9 DW對CSS的可視化編輯支持
4.2 應(yīng)用CSS修飾文本和超鏈接
4.2.1 CSS文本修飾
4.2.2 CSS動態(tài)超鏈接
4.3 CSS屬性的值和單位
4.4 CSS的濾鏡屬性
4.5 盒子模型及標準流下的定位
4.5.1 盒子模型基礎(chǔ)
4.5.2 盒子模型的應(yīng)用
4.5.3 盒子在標準流下的定位原則
4.6 背景的控制
4.6.1 CSS的背景屬性
4.6.2 背景的基本運用技術(shù)
4.6.3 滑動門技術(shù)——背景的高級運用
4.6.4 背景圖案的翻轉(zhuǎn)——控制背景的顯示區(qū)域
4.6.5 CSS圓角設(shè)計
4.7 盒子的浮動
4.7.1 盒子浮動后的特點
4.7.2 浮動的清除
4.7.3 浮動的瀏覽器解釋問題
4.7.4 浮動的應(yīng)用舉例..
4.8 相對定位和絕對定位
4.8.1 定位屬性和偏移屬性
4.8.2 相對定位
4.8.3 相對定位的應(yīng)用舉例
4.8.4 絕對定位
4.8.5 絕對定位的應(yīng)用舉例
4.8.6 DW中定位屬性面板介紹
4.8.7 與position屬性有關(guān)的CSS屬性
4.8.8 hover偽類的應(yīng)用總結(jié)
4.9 CSS+div布局
4.9.1 分欄布局的種類
4.9.2 固定寬度布局
4.9.3 可變寬度布局
4.10 解決CSS瀏覽器兼容問題的基本方法
4.11 CSS3新增功能和屬性一瞥
習題
第5章 Fireworks
5.1 Fireworks基礎(chǔ)
5.1.1 矢量圖和位圖的概念
5.1.2 認識Fireworks的界面
5.1.3 新建.打開和導入文件
5.1.4 畫布和圖像的調(diào)整
5.1.5 輔助設(shè)計工具的使用
5.2 操作對象
5.2.1 對象和圖層的概念
5.2.2 選擇.移動和對齊對象
5.2.3 變形和扭曲
5.2.4 改變對象的疊放次序
5.2.5 設(shè)置對象的不透明度
5.2.6 操作對象的快捷鍵
5.3 編輯位圖
5.3.1 創(chuàng)建和取消選區(qū)
5.3.2 編輯選區(qū)中的像素區(qū)域
5.4 繪制矢量圖形
5.4.1 創(chuàng)建矢量圖形
5.4.2 調(diào)整矢量線條
5.4.3 路徑的切割和組合
5.4.4 路徑和選區(qū)的相互轉(zhuǎn)換
5.5 文本對象的使用
5.5.1 文本編輯和修飾的過程舉例
5.5.2 特殊文字效果制作舉例
5.5.3 將文本附加到路徑
5.6 蒙板
5.6.1 使用“粘貼于內(nèi)部”創(chuàng)建矢量蒙板
5.6.2 創(chuàng)建位圖蒙板
5.7 簡單GIF動畫的制作
5.7.1 使用補間實例制作動畫
5.7.2 制作蒙板動畫
5.8 切片及導出
5.8.1 切片的作用
5.8.2 切片的基本操作
5.8.3 切片的實例
習題
第6章 網(wǎng)站開發(fā)和網(wǎng)頁設(shè)計的過程
6.1 網(wǎng)站開發(fā)的過程
6.1.1 基本任務(wù)和角色
6.1.2 網(wǎng)站開發(fā)過程的各環(huán)節(jié)
6.2 遵循Web標準的網(wǎng)頁設(shè)計步驟
6.2.1 網(wǎng)頁設(shè)計步驟概述
6.2.2 內(nèi)容分析
6.2.3 HTML結(jié)構(gòu)設(shè)計
6.2.4 原型設(shè)計
6.2.5 網(wǎng)頁效果圖設(shè)計
6.2.6 布局設(shè)計
6.2.7 視覺設(shè)計
6.2.8 交互效果設(shè)計
6.2.9 總結(jié)CSS布局的優(yōu)點
6.3 網(wǎng)站的風格設(shè)計
6.3.1 網(wǎng)站風格設(shè)計的基本原則
6.3.2 網(wǎng)頁色彩的搭配
6.3.3 網(wǎng)頁版式設(shè)計
6.4 網(wǎng)站的欄目規(guī)劃和目錄結(jié)構(gòu)設(shè)計
6.4.1 網(wǎng)站的欄目規(guī)劃
6.4.2 網(wǎng)站的目錄結(jié)構(gòu)設(shè)計
6.5 網(wǎng)站的導航設(shè)計
6.5.1 導航的實現(xiàn)方法
6.5.2 導航的設(shè)計策略
6.6 網(wǎng)站的環(huán)境準備
6.6.1 架設(shè)網(wǎng)站的基本條件
6.6.2 購買主機空間和域名
6.6.3 配置主機空間和域名
6.6.4 上傳網(wǎng)站
6.7 網(wǎng)站費用估算
習題
第7章 JavaScript
7.1 JavaScript簡介
7.1.1 JavaScript的特點
7.1.2 JavaScript的用途
7.1.3 網(wǎng)頁中插入JavaScript腳本的方法
7.2 JavaScript語言基礎(chǔ)
7.2.1 JavaScript的變量
7.2.2 JavaScript的運算符
7.2.3 JavaScript數(shù)據(jù)類型
7.2.4 JavaScript的保留字
7.2.5 JavaScript語句
7.2.6 函數(shù)
7.3 對象
7.3.1 JavaScript對象
7.3.2 with語句
7.3.3 this關(guān)鍵字
7.3.4 JavaScript內(nèi)置對象
7.4 瀏覽器對象模型BOM
7.4.1 window對象
7.4.2 location對象
7.4.3 history對象
7.4.4 navigator對象
7.4.5 document對象
7.4.6 screen對象
7.5 文檔對象模型DOM
7.5.1 網(wǎng)頁中的DOM模型
7.5.2 使用DOM模型
7.5.3 訪問CSS樣式
7.5.4 用DOM控制表單
7.6 事件處理
7.6.1 事件流
7.6.2 處理事件的兩種方法
7.6.3 瀏覽器中的常用事件
7.6.4 事件對象
7.6.5 制作隔行和動態(tài)變色的表格
7.6.6 DOM和事件編程實例
7.7 DWCS3對JavaScript的支持
7.7.1 行為面板
7.7.2 時間軸特效
7.7.3 Spry框架
7.8 jQuery框架使用入門
7.8.1 jQuery框架的功能
7.8.2 下載并使用jQuery
7.8.3 jQuery中的“$”及其作用
7.8.4 jQuery中的選擇器
7.8.5 jQuery中的常用方法
7.8.6 jQuery的應(yīng)用舉例
7.8.7 jQuery的插件應(yīng)用舉例
習題
參考文獻