水晶石技法CSS+DIV商業(yè)網(wǎng)站設計

第1章 網(wǎng)頁基礎與網(wǎng)站開發(fā)流程
1.1 本書術語講述
1.1.1 文本
1.1.2 圖像
1.1.3 超鏈接
1.1.4 表格
1.1.5 表單
1.1.6 導航欄
1.1.7 動畫
1.1.8 框架
1.1.9 其他
1.2 顯示網(wǎng)頁的主流瀏覽器
1.3 靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁的區(qū)別
1.4 網(wǎng)站重構
1.4.1 什么是網(wǎng)站重構
1.4.2 為什么要網(wǎng)站重構
1.5 網(wǎng)站開發(fā)的流程
1.5.1 需求分析
1.5.2 平臺規(guī)劃
1.5.3 項目開發(fā)
1.5.4 測試驗收
1.6 Web標準
1.6.1 結構標準語言
1.6.2 表現(xiàn)標準語言
1.6.3 行為標準
1.7 CSS布局與table布局的區(qū)別
1.8 網(wǎng)頁重構用到的技術
1.9 網(wǎng)頁制作核心
1.9.1 DIV+CSS的組成元素
1.9.2 塊級元素（Block element）
1.9.3 內聯(lián)元素（Inline element）
1.9.4 常用塊元素（Block element）
1.9.5 常用內聯(lián)元素（Inline element）
1.9.6 DIV+CSS的盒子模型理論
1.9.7 外邊距的疊加機理
1.9.8 CSS文檔流
1.9.9 定位
1.10 本章總結
第2章 設計類企業(yè)項目解析（艾古互動網(wǎng)）
2.1 案例概述
2.1.1 項目背景分析
2.1.2 網(wǎng)站布局
2.2 項目目錄安排
2.3 主容器搭建
2.4 頭部制作
2.4.1 網(wǎng)站LOGO的布局
2.4.2 導航布局
2.4.3 服務內容布局
2.5 內容部分布局
2.5.1 互動體驗專家與手形布局
2.5.2 新聞動態(tài)部分布局
2.5.3 成功案例滾動Banner布局
2.5.4 圖標鏈接布局
2.5.5 解決方案Banner布局
2.6 尾部布局
2.6.1 Site map布局
2.6.2 網(wǎng)站地圖部分布局
2.6.3 版權申明部分布局
2.6.4 友情鏈接部分布局
2.7 解決方案版塊布局
2.7.1 頭尾部分的延續(xù)布局
2.7.2 頭部與內容部分間小導航的布局
2.7.3 解決方案內容的布局
2.7.4 鏈接圖標的布局
2.8 網(wǎng)站建設版塊布局
2.8.1 頭尾部分的延續(xù)布局
2.8.2 Banner部分布局
2.8.3 服務流程部分布局
2.8.4 服務套餐部分布局
2.9 本章總結
第3章 攝影類項目解析（尚格視覺）
3.1 案例概述
3.1.1 項目背景分析
3.1.2 網(wǎng)站布局
3.2 項目目錄安排
3.3 主容器搭建
3.4 頭部制作
3.4.1 網(wǎng)站LOGO的布局
3.4.2 QQ服務內容布局
3.4.3 導航布局
3.5 Banner與音樂控件布局
3.5.1 主Banner與音樂控件布局
3.5.2 熱點新聞部分布局
3.5.3 橫向Banner布局
3.6 主內容部分布局
3.6.1 服務報價部分布局
3.6.2 小貼士部分布局
3.6.3 友情鏈接部分布局
3.6.4 精彩客片部分布局
3.7 頁尾部分布局
3.7.1 頁腳導航部分布局
3.7.2 熱貼部分布局
3.7.3 花絮部分布局
3.7.4 留言部分布局
3.7.5 聯(lián)系方式部分布局
3.8 網(wǎng)站留言版塊布局
3.8.1 頭尾部分的延續(xù)布局
3.8.2 搜索部分布局
3.8.3 頁面洋蔥皮部分布局
3.8.4 留言記錄部分布局
3.8.5 頁碼部分布局
3.8.6 留言列表部分布局
3.8.7 分割線與頁碼部分布局
3.8.8 留言發(fā)布布局
3.9 本章總結
第4章 商品類項目解析（養(yǎng)樂多）
4.1 案例概述
4.1.1 項目背景分析
4.1.2 網(wǎng)站布局
4.2 項目目錄安排
4.3 主容器搭建
4.4 頭部制作
4.4.1 網(wǎng)站LOGO的布局
4.4.2 地區(qū)選擇部分布局
4.4.3 導航布局
4.5 主內容部分布局
4.5.1 調查問卷部分布局
4.5.2 最新消息部分布局
4.5.3 Banner布局
4.6 頁尾部分布局
4.6.1 版權部分布局
4.6.2 頁尾連接部分布局
4.7 新聞活動版塊部分布局
4.7.1 頭尾部分的延續(xù)布局
4.7.2 新聞活動豎向菜單布局
4.7.3 新聞公告部分布局
4.7.4 來源選擇部分布局
4.7.5 新聞列表部分布局
4.7.6 新聞列表翻頁部分布局
4.8 本章總結
第5章 個人展示類項目解析（like-v）
5.1 案例概述
5.1.1 項目背景分析
5.1.2 網(wǎng)站布局
5.2 項目目錄安排
5.3 主容器搭建
5.4　頭部制作
5.5 主內容部分布局
5.5.1 圖形設計部分布局
5.5.2 網(wǎng)頁設計部分布局
5.5.3 關于我們部分布局
5.5.4 聯(lián)系我們部分布局
5.6 頁尾部分布局
5.6.1 版權部分布局
5.6.2 頁尾連接部分布局
5.7 播放器制作
5.8 移動廣告牌
5.9 本章總結
第6章 游戲類項目解析（英雄聯(lián)盟）
6.1 案例概述
6.1.1 項目背景分析
6.1.2 網(wǎng)站布局
6.2 項目目錄安排
6.3 首頁主容器搭建
6.4 首頁頭部制作
6.4.1 標識
6.4.2 導航
6.4.3 榮譽墻
6.5 首頁主內容部分布局
6.5.1 Banner部分布局
6.5.2 賽事與活動
6.5.3 邊欄
6.5.4 合作媒體
6.6 首頁頁尾部分布局
6.7 列表頁主容器搭建
6.8 列表頁頭部制作
6.8.1 標識
6.8.2 導航
6.8.3 榮譽墻
6.9 列表頁主內容部分布局
6.9.1 邊欄導航
6.9.2 列表主內容
6.9.3 邊欄Banner
6.10 列表頁頁尾部分布局
6.11 本章總結
第7章 項目經(jīng)驗總結（一）
7.1 高級文字排版分析
7.1.1 倒影字
7.1.2 齊線字
7.1.3 修飾標題字
7.1.4 Google字
7.1.5 FedEx字
7.1.6 Yahoo字
7.2 控制字符寬度省略號效果
7.3 居中瀏覽器的半透明布局
7.4 div高度隨窗口變化而變化
7.5 建立交叉浮動層
7.6 三列自適應等高且中列寬度自適應
7.7 三級彈出CSS導航菜單
7.8 Web前端開發(fā)規(guī)范文檔
7.8.1 規(guī)范目的
7.8.2 基本準則
7.8.3 文件規(guī)范
7.8.4 HTML書寫規(guī)范
7.8.5 CSS書寫規(guī)范
7.8.6 JavaScript書寫規(guī)范
7.8.7 圖片規(guī)范
7.8.8 注釋規(guī)范
7.9 本章總結
第8章 項目經(jīng)驗總結（二）
8.1 CSS中以圖片替換文字的表現(xiàn)方法
8.2 純CSS代碼實現(xiàn)翻頁
8.3 隔行換色
8.4 評分星級效果
8.5 柱狀圖表
8.6 鼠標經(jīng)過彈性放大DIV
8.7 雙語導航
8.8 Banner滾動切換
8.9 透明Flash上方的層
8.10 本章總結
……