基于Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)設(shè)計(jì)與制作

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