第1章 網頁和網站的基礎知識 1.1 認識網頁 1.1.1 網頁和網站 1.1.2 網頁的類型 1.1.3 靜態網頁與動態網頁 1.1.4 網頁的基本構成元素 1.2 如何設計網頁 1.2.1 網頁設計的基本原則 1.2.2 網頁設計成功要素 1.2.3 網頁的設計風格及色彩搭配 1.2.4 網頁設計的實現 1.3 網頁設計的要點 1.3.1 為用戶考慮 1.3.2 主題突齣 1.3.3 整體原則 1.3.4 內容與形式相統一 1.3.5 更新和維護 1.4 網頁布局設計流程 1.4.1 前期策劃 1.4.2 收集素材 1.4.3 頁麵的版式與布局分析 1.4.4 確定網站的主色調 1.4.5 設計頁麵整體 1.4.6 其他頁麵元素的設計 1.4.7 切割和優化頁麵 1.4.8 製作html頁麵 1.4.9 添加網頁後颱程序 1.4.10 測試並上傳網站 1.5 本章小結第2章 使用web標準設計和製作 2.1 html基礎 2.1.1 錶格布局的優點 2.1.2 錶格布局的缺點 2.2 瞭解web標準 2.2.1 什麼是web標準 2.2.2 什麼是w3c 2.2.3 w3c發布的標準 2.2.4 web標準的優勢 2.3 網絡設計的標準時代 2.3.1 為什麼要建立網站標準 2.3.2 遵循標準的網站與傳統網站的區彆 2.3.3 采用網站標準的優缺點 2.4 web標準三劍客 2.4.1 什麼是內容、結構、錶現和行為 2.4.2 div與css結閤的優勢 2.4.3 如何改善現有網站 2.5 關於web標準的思考與爭論 2.5.1 關於web標準的優點 2.5.2 關於布局 2.5.3 關於瀏覽器兼容 2.6 關於web標準的誤區 2.6.1 拋棄錶格布局的思維方式 2.6.2 正確使用xhtml標簽 2.6.3 善於利用css 2.6.4 “通過驗證”並不是最終目的 2.7 本章小結第3章 html和xhtml基礎 3.1 html基礎 3.1.1 html概述 3.1.2 html文件的基本結構 3.1.3 html的主要功能 3.1.4 html的基本語法 3.2 html標簽 3.2.1 基本標簽 3.2.2 格式標簽 3.2.3 文本標簽 3.2.4 超鏈接標簽 3.2.5 圖像標簽 3.2.6 錶格標簽 3.2.7 分區標簽 3.3 xhtml介紹 3.3.1 什麼是xhtml 3.3.2 升級到xhtml的好處 3.3.3 xhtml的頁麵結構 3.3.4 xhtml的代碼規範 3.3.5 選擇文檔類型 3.3.6 xhtml和html的比較 3.3.7 名字空間 3.4 本章小結第4章 css樣式基礎 4.1 css概述 4.1.1 css的特點 4.1.2 css的類型 4.1.3 css的基本語法 4.2 css樣式錶的基本用法 4.2.1 在xhtml內插入樣式錶 4.2.2 css樣式錶的規則 4.3 css樣式錶的分類 4.3.1 內聯樣式 4.3.2 內聯樣式 4.3.3 外部樣式錶 4.4 css文檔結構 4.4.1 結構 4.4.2 繼承 4.4.3 特殊性 4.4.4 層疊 4.4.5 重要性 4.5 單位和值 4.5.1 顔色值 4.5.2 定義字體 4.5.3 群選擇符 4.5.4 派生選擇符 4.5.5 id選擇符 4.5.6 類選擇符 4.5.7 定義鏈接的樣式錶 4.6 本章小結第5章 div+css布局入門 5.1 定義div 5.1.1 css的特點 5.1.2 插入div 5.1.3 div的嵌套和固定格式 5.2 可視化模型 5.2.1 盒模型 5.2.2 視覺可視化模型 5.2.3 相對定位 5.2.4 絕對定位 5.2.5 浮動定位 5.2.6 空白變疊加 5.3 css布局方式 5.3.1 居中的布局設計 5.3.2 浮動的布局設計 5.3.3 高度自適應 5.4 css 3.0中盒模型的新增屬性 5.4.1 實戰1：overflow 5.4.2 實戰2：overflow-x 5.4.3 實戰3：overflow-y 5.4.4 實戰4：使用css 3.0實現鼠標經過變換效果 5.5 商業案例——設計製作咖啡店網站頁麵 5.5.1 設計分析 5.5.2 布局分析 5.5.3 製作流程 5.5.4 製作流程 5.5.5 案例小結 5.6 課後作業——製作個人網站頁麵 5.6.1 案例分析 5.6.2 技能剖析 5.7 本章小結第6章 設置頁麵背景圖像 6.1 背景控製概述 6.1.1 背景控製原則 6.1.2 背景控製屬性 6.2 背景顔色控製 6.2.1 實戰5：控製頁麵背景顔色 6.2.2 實戰6：設置塊背景顔色 6.3 背景圖像控製 6.3.1 實戰7：設置背景圖像 6.3.2 實戰8：背景圖像的重復方式 6.3.3 實戰9：背景圖像的定位 6.3.4 實戰10：背景圖像的滾動 6.4 css 3.0中背景的新增屬性 6.4.1 實戰11：background-origin 6.4.2 實戰12：background-clip 6.4.3 實戰13：background-size 6.4.4 multiple backgrounds 6.4.5 實戰14：使用css 3.0實現動態背景 6.5 商業案例——設計製作汽車租賃網站 6.5.1 設計分析 6.5.2 布局分析 6.5.3 製作流程 6.5.4 製作步驟 6.5.5 實例小結 6.6 課後作業——設計製作通信服務宣傳頁麵 6.6.1 實例分析 6.6.2 技能剖析 6.7 本章小結第7章 設置頁麵中的圖像 7.1 背景控製概述 7.1.1 實戰15：圖像邊框 7.1.2 實戰16：圖像定位 7.1.3 實戰17：圖像縮放 7.1.4 實戰18：圖像對齊方式 7.2 圖文混排 7.2.1 實戰19：文本混排 7.2.2 實戰20：設置混排間距 7.3 css 3.0中邊框的新增屬性 7.3.1 實戰21：border-image 7.3.2 實戰22：border-radius 7.3.3 實戰23：border-color 7.3.4 實戰24：box-shadow 7.3.5 實戰25：使用css 3.0實現圖像滑過動畫效果 7.4 商業案例——設計製作休閑遊戲網站 7.4.1 設計分析 7.4.2 布局分析 7.4.3 製作流程 7.4.4 製作步驟 7.4.5 實例小結 7.5 課後作業——設計製作企業英文網站 7.5.1 案例分析 7.5.2 技能剖析 7.6 本章小結第8章 css文本內容排版 8.1 文本排版概述 8.1.1 文本排版原則 8.1.2 文本控製屬性 8.2 css文本樣式 8.2.1 實戰26：字體 8.2.2 實戰27：大小 8.2.3 實戰28：粗細 8.2.4 實戰29：樣式 8.2.5 實戰30：顔色 8.2.6 實戰31：修飾 8.2.7 實戰32：英文字母大小寫 8.3 css段落樣式 8.3.1 實戰33：段落水平對齊 8.3.2 實戰34：段落垂直對齊 8.3.3 實戰35：行間距和字間距 8.3.4 實戰36：首字下沉 8.4 css 3.0中文字的新增屬性 8.4.1 實戰37：text-shadow 8.4.2 實戰38：text-overflow 8.4.3 實戰39：word-wrap 8.4.4 實戰40：使用css 3.0實現可摺疊欄目 8.5 商業案例——設計製作企業網站頁麵 8.5.1 設計分析 8.5.2 布局分析 8.5.3 製作流程 8.5.4 製作步驟 8.5.5 案例小結 8.6 課後作業——製作美容時尚網站頁麵 8.6.1 案例分析 8.6.2 技能剖析 8.7 本章小結第9章 設置錶單樣式 9.1 錶單設計概述 9.1.1 網頁錶單設計的原則 9.1.2 錶單應用分類 9.2 錶單設計 9.2.1 錶單和錶單元素 9.2.2 實戰41：(label)標簽的作用 9.2.3 實戰42：文本框樣式設計 9.2.4 實戰43：下拉列錶樣式設計 9.3 實戰44：css 3.0中控製內容的新增屬性 9.4 css 3.0中顔色的新增屬性 9.4.1 實戰45：hsl colors 9.4.2 實戰46：hsla colors 9.4.3 實戰47：opacity 9.4.4 實戰48：rgba colors 9.4.5 實戰49：使用css 3.0實現動態堆疊卡效果 9.5 商業案例——設計製作遊戲網站的登錄頁 9.5.1 設計分析 9.5.2 布局分析 9.5.3 製作流程 9.5.4 製作步驟 9.5.5 案例小結 9.6 課後作業——製作網站搜索欄 9.6.1 案例分析 9.6.2 技能剖析 9.7 本章小結第10章 設置列錶樣式 10.1 列錶控製概述 10.1.1 列錶控製的原則 10.1.2 列錶標簽的使用 10.2 列錶樣式控製 10.2.1 實戰50：ul無序列錶 10.2.2 實戰51：ol有序列錶 10.2.3 實戰52：dl定義列錶 10.2.4 實戰53：更改列錶項目樣式 10.3 使用列錶製作菜單 10.3.1 實戰54：無需錶格的菜單 10.3.2 實戰55：菜單的橫竪轉換 10.4 css 3.0中其他模塊的新增屬性 10.4.1 實戰56：@media 10.4.2 @font-face 10.4.3 實戰57：columns 10.4.4 speech 10.4.5 實戰58：使用css 3.0實現選項卡式新聞塊 10.5 商業案例——設計製作音樂網站頁麵 10.5.1 設計分析 10.5.2 布局分析 10.5.3 製作流程 10.5.4 製作步驟 10.5.5 實例小結 10.6 課後作業——設計製作娛樂網站頁麵 10.6.1 案例分析 10.6.2 技能剖析 10.7 本章小結第11章 設置頁麵超鏈接樣式 11.1 超鏈接概述 11.1.1 超鏈接樣式控製的原則 11.1.2 超鏈接控製的屬性 11.2 超鏈接特效 11.2.1 實戰59：文字式超鏈接 11.2.2 實戰60：按鈕式超鏈接 11.2.3 實戰61：浮雕式超鏈接 11.3 css 3.0中用戶界麵的新增屬性 11.3.1 實戰62：box-sizing 11.3.2 實戰63：resize 11.3.3 實戰64：outline 11.3.4 nav-index 11.3.5 實戰65：使用css 3.0實現動態菜單效果 11.4 商業案例——設計製作電子商務網站 11.4.1 設計分析 11.4.2 布局分析 11.4.3 製作流程 11.4.4 製作步驟 11.4.5 案例小結 11.5 課後作業——設計製作健康類網站頁麵 11.5.1 案例分析 11.5.2 技能剖析 11.6 本章小結第12章 使用javascript搭建動態效果 12.1 列錶控製概述 12.1.1 列錶控製的原則 12.1.2 javascript的特點 12.1.3 javascript的應用範圍 12.1.4 css與javascript 12.2 使用javascript設置圖像效果 12.2.1 實戰66：實現相冊效果 12.2.2 實戰67：實現圖像滑動切換效果 12.3 針對菜單的javascript效果 12.3.1 實戰68：實現彈性快速導航效果 12.3.2 實戰69：製作動態十足的菜單效果 12.4 針對文字的javascript效果 12.4.1 實戰70：選擇字體大小 12.4.2 實戰71：實現打字效果 12.5 商業案例——設計製作遊戲網站頁麵 12.5.1 設計分析 12.5.2 布局分析 12.5.3 製作流程 12.5.4 製作步驟 12.5.5 案例小結 12.6 課後作業——設計製作購物網站頁麵 12.6.1 案例分析 12.6.2 技能剖析 12.7 本章小結第13章 css與xml和ajax的綜閤使用 13.1 xml基礎 13.1.1 xml概念 13.1.2 xml的特點 13.1.3 xml的結構和基本語法 13.1.4 實戰72：html與xml 13.1.5 什麼是“形式良好的”xml文件 13.2 xml與css的應用 13.2.1 實戰73：在xml中鏈接css樣式 13.2.2 實戰74：實現隔行變色的錶格 13.3 ajax基礎 13.3.1 ajax簡介 13.3.2 ajax的關鍵元素 13.3.3 ajax的優勢 13.3.4 實現ajax的步驟 13.3.5 使用css的必要性 13.4 實戰75：ajax與css的綜閤運用 13.5 商業案例——設計製作休閑樂園網站 13.5.1 設計分析 13.5.2 布局分析 13.5.3 製作流程 13.5.4 製作步驟 13.5.5 案例小結 13.6 課後作業——設計製作社區網站 13.6.1 案例分析 13.6.2 案例剖析 13.7 本章小結第14章 html 5.0與css高級運用 14.1 html 5.0概述 14.1.1 html 5.0標簽 14.1.2 html 5.0事件屬性 14.1.3 html 5.0標準屬性 14.1.4 實戰76：使用html 5.0實現動感頁麵效果 14.2 id與class 14.2.1 id是什麼 14.2.2 什麼情況下使用id 14.2.3 class是什麼 14.2.4 什麼情況下使用class 14.3 div與span對象 14.4 css代碼簡寫 14.4.1 font樣式簡寫 14.4.2 color樣式簡寫 14.4.3 background樣式簡寫 14.4.4 margin和padding樣式簡寫 14.4.5 border樣式簡寫 14.4.6 list樣式簡寫 14.5 商業案例——設計製作遊戲網站 14.5.1 設計分析 14.5.2 布局分析 14.5.3 製作流程 14.5.4 製作步驟 14.5.5 案例小結 14.6 課後作業——設計製作企業網站頁麵 14.6.1 案例分析 14.6.2 技能剖析 14.7 本章小結
· · · · · · (收起)