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

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