第1部分 概論
第1章 構(gòu)建Web頁面及站點(diǎn)的基礎(chǔ)知識(shí)
1.1 Web瀏覽器
1.2 Web頁面
1.3 Web站點(diǎn)
1.4 分析Web站點(diǎn)的類型
1.4.1 個(gè)人主頁
1.4.2 信息類站點(diǎn)
1.4.3 組織類站點(diǎn)
1.4.4 政治類站點(diǎn)
1.4.5 商業(yè)類站點(diǎn)
1.5 了解Internet上網(wǎng)人群的狀況
1.5.1 發(fā)現(xiàn)有用信息
1.5.2 調(diào)查站點(diǎn)的訪問者
1.6 確定方法
1.6.1 瞄準(zhǔn)目標(biāo)
1.6.2 確定網(wǎng)站的復(fù)雜程度
1.6.3 建立預(yù)算
1.7 Web站點(diǎn)開發(fā)中的注意事項(xiàng)
1.7.1 Web站點(diǎn)開發(fā)的注意事項(xiàng)
1.7.2 導(dǎo)致站點(diǎn)設(shè)計(jì)失敗的主要原因
1.8 小結(jié)
第2章 流行的Web設(shè)計(jì)工具
2.1 AdobeCreativeSuite3（CS3）
2.1.1 Photoshop
2.1.2 Dreamweaver
2.1.3 Illustrator
2.1.4 Flash專業(yè)版
2.1.5 Photoshop擴(kuò)展版
2.1.6 Fireworks
2.1.7 Acrobat
2.1.8 Contribute
2.2 免費(fèi)軟件和共享軟件
2.2.1 圖像編輯軟件
2.2.2 圖像創(chuàng)作軟件
2.2.3 其他圖像軟件
2.3 設(shè)計(jì)移動(dòng)Web
2.3.1 移動(dòng)Web設(shè)計(jì)的背景
2.3.2 當(dāng)前在移動(dòng)設(shè)備上使用Web存在的困難
2.3.3 移動(dòng)Web的未來
2.4 小結(jié)
第II部分 基本知識(shí)
第3章 Internet和HTML的歷史和發(fā)展
3.1 Internet的起源
3.1.1 包交換和ARPANET的出現(xiàn)
3.1.2 以太網(wǎng)的變革
3.1.3 Internet網(wǎng)的大眾化
3.1.4 超文本的出現(xiàn)
3.2 HTML的發(fā)展和變革
3.2.1 Hypercard
3.2.2 HTML
3.2.3 HTML的發(fā)展趨勢(shì)
3.2.4 XHTML的出現(xiàn)
3.3 小結(jié)
第4章 HTML的結(jié)構(gòu)
4.1 用HTML創(chuàng)建Web頁面
4.2 頭部部分和主體部分
4.2.1 部分
4.2.2 部分
4.3 塊級(jí)元素
4.3.1 頭部元素
4.3.2 題目元素
4.3.3 主體元素
4.3.4 內(nèi)聯(lián)元素
4.3.5 段落元素
4.3.6 無序列表
4.3.7 有序列表
4.3.8 定義列表
4.3.9 標(biāo)題標(biāo)記
4.4 HTML工具
4.4.1 鏈接檢查器
4.4.2 代碼驗(yàn)證器
4.4.3 兼容性測(cè)試器
4.4.4 著作工具
4.5 設(shè)計(jì)一個(gè)簡單的Web頁面
4.6 邏輯元素和物理元素
4.6.1 物理標(biāo)記
4.6.2 邏輯標(biāo)記
4.6.3 結(jié)合使用邏輯和物理標(biāo)記
4.7 特殊字符和編碼方案：ASCII和Unicode
4.8 元素的快速參考
4.9 小結(jié)
第5章 鏈接、熱區(qū)以及Web站點(diǎn)導(dǎo)航
5.1 示例Web站點(diǎn)
5.2 帶錨標(biāo)記的內(nèi)部鏈接
5.3 開發(fā)示例Web站點(diǎn)
5.3.1 在Web站點(diǎn)進(jìn)行導(dǎo)航
5.3.2 站點(diǎn)內(nèi)各個(gè)頁面之間的鏈接
5.3.3 為Family和Sports建立Web頁面
5.3.4 創(chuàng)建Family頁面
5.3.5 創(chuàng)建Sports部分和Schools部分
5.4 絕對(duì)路徑和相對(duì)路徑
5.5 向前鏈接和向后鏈接
5.6 外部鏈接
5.6.1 使超文本鏈接能正確引用
5.6.2 使用本地錨創(chuàng)建內(nèi)部鏈接
5.6.3 通過mailto鏈接發(fā)送電子郵件
5.6.4 其他鏈接類型
5.6.5 利用圖片進(jìn)行鏈接
5.6.6 通過圖像地圖進(jìn)行鏈接
5.7 故事板
5.8 鏈接的快速參考
5.9 小結(jié)
第6章 Web頁面中的顏色和圖像元素
6.1 設(shè)置顏色屬性
6.1.1 改變顏色設(shè)置
6.1.2 設(shè)置背景色
6.1.3 指定前景色
6.1.4 改變?yōu)g覽器的鏈接顏色
6.2 使用3C：互補(bǔ)色、對(duì)比色和協(xié)調(diào)色
6.2.1 選擇互補(bǔ)色
6.2.2 對(duì)比性和可見性
6.2.3 調(diào)配顏色方案
6.2.4 顏色的冷暖度
6.3 使用顏色名稱和十六進(jìn)制顏色值
6.3.1 RGB三原色
6.3.2 命名顏色的局限
6.3.3 使用顏色拾取器
6.4 流行的圖像格式
6.4.1 可交換的圖像文件格式(GraphicsInterchangeFormat，GIF)
6.4.2 聯(lián)合圖像專家組（JPEG或者JPG）
6.4.3 可移植的網(wǎng)絡(luò)圖像（PNG）
6.5 設(shè)置背景色和前景色
6.5.1 設(shè)置背景
6.5.2 設(shè)置前景（文本）色
6.6 添加背景圖像
6.6.1 計(jì)算平鋪尺寸
6.6.2 處理邊條背景
6.6.3 檢查無縫連接
6.6.4 避免繁雜的背景
6.6.5 選擇顏色和對(duì)比度
6.7 添加圖像
6.8 對(duì)齊圖像
6.8.1 對(duì)齊多個(gè)圖像
6.8.2 設(shè)置邊緣空白
6.8.3 設(shè)置邊框
6.9 設(shè)置圖像大小
6.10 解決圖像問題：
6.10.1 使用縮略圖來加速頁面的下載
6.10.2 嵌入特殊字體
6.11 快速參考
6.12 小結(jié)
第7章 文本格式化
7.1 字體
7.2 使用字符樣式定制文本
7.2.1 斜體
7.2.2 粗體
7.2.3 預(yù)格式化文本
7.2.4 使用HTML和CSS添加上標(biāo)和下標(biāo)
7.2.5 and
7.3 使用FONT元素和BASEFONT元素
7.3.1 指定尺寸
7.3.2 字體尺寸選項(xiàng)和內(nèi)聯(lián)樣式
7.3.3 可量測(cè)性和絕對(duì)量度
7.3.4 在HTML代碼中使用相對(duì)尺寸
7.3.5 字體尺寸和標(biāo)題尺寸的比較
7.3.6 重置默認(rèn)的字體外觀
7.3.7 設(shè)置文本顏色
7.3.8 使用帶樣式的字體
7.4 對(duì)齊文本和縮進(jìn)文本
7.4.1 處理不被支持的元素
7.4.2 用BLOCKQIJOTE進(jìn)行縮進(jìn)
7.5 選擇字符集
7.6 使用特殊字符和實(shí)體
7.7 小結(jié)
第Ⅲ部分 高級(jí)設(shè)計(jì)功能
第8章 使用表格
8.1 添加表格并且設(shè)置表格的大小
8.2 管理表格的邊框
8.3 使用填充和間距
8.4 對(duì)齊表格和單元格的內(nèi)容
8.4.1 設(shè)置水平對(duì)齊
8.4.2 設(shè)置垂直對(duì)齊
8.4.3 防止自動(dòng)換行
8.5 跨越多行和多列
8.6 使用圖像和顏色
8.6.1 設(shè)置背景圖像
8.6.2 設(shè)置背景色
8.7 表格的快速參考
8.8 小結(jié)
第9章 利用框架來組織站點(diǎn)
9.1 設(shè)計(jì)框架布局
9.1.1 分析功能性需求
9.1.2 創(chuàng)建導(dǎo)航布局
9.1.3 建立動(dòng)作或結(jié)果布局
9.2 創(chuàng)建框架集
9.2.1 設(shè)置列和行
9.2.2 混合像素、百分比和相對(duì)尺寸
9.2.3 防止調(diào)整尺寸
9.2.4 指定框架名和內(nèi)容
9.2.5 嵌套框架集
9.2.6 添加無邊框內(nèi)容
9.3 為鏈接設(shè)置目標(biāo)
9.3.1 指定目標(biāo)框架
9.3.2 Basetarget元素Ⅳ
9.3.3 可展開和可折疊列表
9.3.4 使用保留的框架名
9.4 定制框架邊框和頁邊距
9.4.1 設(shè)置邊框的寬度
9.4.2 處理邊界顏色
9.4.3 設(shè)置頁邊距的寬度
9.5 設(shè)置滾動(dòng)條選項(xiàng)
9.6 避免框架問題
9.6.1 確保有足夠的框架
9.6.2 添加不合適的元素
9.6.3 用戶的屏幕尺寸
9.6.4 使用太多的框架
9.6.5 提供支持性導(dǎo)航
9.7 框架的快速參考
9.8 小結(jié)
第10章 使用表單輸入
10.1 添加表單
10.1.1 INPUT元素
10.1.2 命名元素
10.2 使用文本框獲取簡短的信息
10.2.1 設(shè)置文本框的尺寸
10.2.2 定義最大的輸入長度
10.2.3 預(yù)置文本框
10.2.4 使用readonly和disabled來鎖定內(nèi)容
……
第Ⅳ部分 使網(wǎng)頁風(fēng)格更專業(yè)
第Ⅴ部分 轉(zhuǎn)向未來：XHTML、XML和Ajax
第Ⅵ部分 Web上的圖像
第Ⅶ部分 電子商務(wù)中的收款
第Ⅷ部分 使你的站點(diǎn)保持新鮮