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

第1章 網(wǎng)頁基礎(chǔ)與網(wǎng)站開發(fā)流程
1.1 本書術(shù)語講述
1.1.1 文本
1.1.2 圖像
1.1.3 超鏈接
1.1.4 表格
1.1.5 表單
1.1.6 導(dǎo)航欄
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)站重構(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 平臺規(guī)劃
1.5.3 項目開發(fā)
1.5.4 測試驗收
1.6 Web標(biāo)準(zhǔn)
1.6.1 結(jié)構(gòu)標(biāo)準(zhǔn)語言
1.6.2 表現(xiàn)標(biāo)準(zhǔn)語言
1.6.3 行為標(biāo)準(zhǔn)
1.7 CSS布局與table布局的區(qū)別
1.8 網(wǎng)頁重構(gòu)用到的技術(shù)
1.9 網(wǎng)頁制作核心
1.9.1 DIV+CSS的組成元素
1.9.2 塊級元素（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 外邊距的疊加機理
1.9.8 CSS文檔流
1.9.9 定位
1.10 本章總結(jié)
第2章 設(shè)計類企業(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 導(dǎo)航布局
2.4.3 服務(wù)內(nèi)容布局
2.5 內(nèi)容部分布局
2.5.1 互動體驗專家與手形布局
2.5.2 新聞動態(tài)部分布局
2.5.3 成功案例滾動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章 攝影類項目解析（尚格視覺）
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服務(wù)內(nèi)容布局
3.4.3 導(dǎo)航布局
3.5 Banner與音樂控件布局
3.5.1 主Banner與音樂控件布局
3.5.2 熱點新聞部分布局
3.5.3 橫向Banner布局
3.6 主內(nèi)容部分布局
3.6.1 服務(wù)報價部分布局
3.6.2 小貼士部分布局
3.6.3 友情鏈接部分布局
3.6.4 精彩客片部分布局
3.7 頁尾部分布局
3.7.1 頁腳導(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 頁面洋蔥皮部分布局
3.8.4 留言記錄部分布局
3.8.5 頁碼部分布局
3.8.6 留言列表部分布局
3.8.7 分割線與頁碼部分布局
3.8.8 留言發(fā)布布局
3.9 本章總結(jié)
第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 導(dǎo)航布局
4.5 主內(nèi)容部分布局
4.5.1 調(diào)查問卷部分布局
4.5.2 最新消息部分布局
4.5.3 Banner布局
4.6 頁尾部分布局
4.6.1 版權(quán)部分布局
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 本章總結(jié)
第5章 個人展示類項目解析（like-v）
5.1 案例概述
5.1.1 項目背景分析
5.1.2 網(wǎng)站布局
5.2 項目目錄安排
5.3 主容器搭建
5.4　頭部制作
5.5 主內(nèi)容部分布局
5.5.1 圖形設(shè)計部分布局
5.5.2 網(wǎng)頁設(shè)計部分布局
5.5.3 關(guān)于我們部分布局
5.5.4 聯(lián)系我們部分布局
5.6 頁尾部分布局
5.6.1 版權(quán)部分布局
5.6.2 頁尾連接部分布局
5.7 播放器制作
5.8 移動廣告牌
5.9 本章總結(jié)
第6章 游戲類項目解析（英雄聯(lián)盟）
6.1 案例概述
6.1.1 項目背景分析
6.1.2 網(wǎng)站布局
6.2 項目目錄安排
6.3 首頁主容器搭建
6.4 首頁頭部制作
6.4.1 標(biāo)識
6.4.2 導(dǎo)航
6.4.3 榮譽墻
6.5 首頁主內(nèi)容部分布局
6.5.1 Banner部分布局
6.5.2 賽事與活動
6.5.3 邊欄
6.5.4 合作媒體
6.6 首頁頁尾部分布局
6.7 列表頁主容器搭建
6.8 列表頁頭部制作
6.8.1 標(biāo)識
6.8.2 導(dǎo)航
6.8.3 榮譽墻
6.9 列表頁主內(nèi)容部分布局
6.9.1 邊欄導(dǎo)航
6.9.2 列表主內(nèi)容
6.9.3 邊欄Banner
6.10 列表頁頁尾部分布局
6.11 本章總結(jié)
第7章 項目經(jīng)驗總結(jié)（一）
7.1 高級文字排版分析
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 控制字符寬度省略號效果
7.3 居中瀏覽器的半透明布局
7.4 div高度隨窗口變化而變化
7.5 建立交叉浮動層
7.6 三列自適應(yīng)等高且中列寬度自適應(yīng)
7.7 三級彈出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章 項目經(jīng)驗總結(jié)（二）
8.1 CSS中以圖片替換文字的表現(xiàn)方法
8.2 純CSS代碼實現(xiàn)翻頁
8.3 隔行換色
8.4 評分星級效果
8.5 柱狀圖表
8.6 鼠標(biāo)經(jīng)過彈性放大DIV
8.7 雙語導(dǎo)航
8.8 Banner滾動切換
8.9 透明Flash上方的層
8.10 本章總結(jié)
……