別具光芒CSS網(wǎng)頁布局案例剖析 溫謙pdf掃描版

別具光芒CSS網(wǎng)頁布局案例剖析是一本CSS網(wǎng)頁布局指導(dǎo)手冊，由前沿科技的溫謙、王觶程等人編著。本書以七大完整案例為線索，緊密圍繞在使用CSS+DIV布局制作網(wǎng)頁過程中遇到的實際需要和應(yīng)該掌握的技術(shù)，全面介紹了CSS布局網(wǎng)頁的各方面內(nèi)容和技巧。書中每個案例均由作者原創(chuàng)，講解時從原型設(shè)汁到各個局部細(xì)節(jié)，逐步拆分講解，即使是新手，也可以一步步輕松實現(xiàn)css頁面布局。另外別具光芒CSS網(wǎng)頁布局案例剖析歸納了css＋DIV進行網(wǎng)頁布局時易于碰到的種種問題，并在阱解案例時逐一作答，非常適合具備一定HTML和網(wǎng)頁設(shè)計制作基礎(chǔ)的需要使用CSS的愛好者、Web設(shè)計人員和開發(fā)人員下載閱讀。

內(nèi)容介紹

《別具光芒CSS網(wǎng)頁布局案例剖析》全書摒棄了案例書常見的一味羅列步驟，輕視技術(shù)原理的做法，把案例作為學(xué)習(xí)手段，不但側(cè)重講解CSS盒子模型、標(biāo)準(zhǔn)流、浮動、定位等四大核心技術(shù)原理，更側(cè)重講解如何在實踐中應(yīng)用它們。讀者通過案例，既可以掌握CSS的核心技術(shù)要點，也可以了解相關(guān)技術(shù)和工作流程，使讀者不但知其然，還知其所以然。此外，本書還結(jié)合了流行的CMS內(nèi)容管理系統(tǒng)，講解了使用CSS進行模板設(shè)計的方法，使讀者可以舉一反三地掌握為各種內(nèi)容管理系統(tǒng)設(shè)計模板的方法。

別具光芒CSS網(wǎng)頁布局案例剖析章節(jié)目錄

前言

第1章從基礎(chǔ)開始

1.1(X)HTML與CSS

1.1.1 DOCTYPE（文檔類型）的含義與選擇

1.1.2 XHTML與HTML的重要區(qū)別

1.1.3 CSS的基本思想

1.1.4 CSS的引入

1.1.5瀏覽器與CSS

1.2基本CSS選擇器

1.2.1理解CSS選擇器的思想

1.2.2標(biāo)記選擇器

1.2.3類別選擇器

1.2.4 ID選擇器

1.3在HTML中引入CSS的方法

1.3.1行內(nèi)樣式

1.3.2內(nèi)嵌式

1.3.3外部樣式表

1.3.4鏈接式

1.3.5各種方式的優(yōu)先級問題

1.4動手體驗CSS

1.4.1從零開始

1.4.2使用CSS設(shè)置標(biāo)題

1.4.3控制圖片

1.4.4設(shè)置正文

1.4.5設(shè)置整體頁面

1.4.6對段落分別進行設(shè)置

1.4.7兼容性檢查

1.4.8 CSS的注釋

1.5網(wǎng)頁使用的編輯軟件

1.5.1可視化網(wǎng)頁制作軟件的優(yōu)點

1.5.2可視化軟件的局限性

1.5.3善于使用代碼視圖的功能

1.6 CSS的復(fù)合選擇器

1.6.1“交集”選擇器

1.6.2“并集”選擇器

1.6.3“后代”選擇器

1.7 CSS的繼承特性

1.7.1繼承關(guān)系

1.7.2 CSS繼承的運用

1.8 CSS的層疊特性

1.9本章小結(jié)

第2章攝影師個人網(wǎng)站布局

2.1案例描述

2.2內(nèi)容分析

2.3 HTML結(jié)構(gòu)設(shè)計

2.4原型設(shè)計

2.5頁面方案設(shè)計

2.6布局設(shè)計

2.7 CSS技術(shù)準(zhǔn)備—盒子模型

2.8設(shè)置頁面的整體背景

2.9制作照片展示區(qū)域

2.10設(shè)置網(wǎng)頁標(biāo)題的圖像替換

2.11 CSS技術(shù)準(zhǔn)備——定位

2.11.1理解標(biāo)準(zhǔn)文檔流

2.11.2認(rèn)識定位屬性

2.11.3絕對定位

2.12設(shè)置網(wǎng)頁標(biāo)題的位置

2.13設(shè)置網(wǎng)頁文本內(nèi)容

2.14本章小結(jié)

第3章生物研究中心網(wǎng)站布局

3.1案例描述

3.2內(nèi)容分析

3.3原型設(shè)計

3.4頁面方案設(shè)計

3.5 CSS技術(shù)準(zhǔn)備——盒子的浮動

3.5.1設(shè)置浮動

3.5.2浮動的方向

3.5.3使用clear屬性清除浮動的影響

3.5.4擴展盒子的高度

3.6布局設(shè)計

3.7 CSS技術(shù)準(zhǔn)備—在CSS中設(shè)置邊框

3.7.1對不同的邊框設(shè)置不同的屬性值

3.7.2在一行中同時設(shè)置邊框的寬度、顏色和樣式

3.7.3對一條邊框設(shè)置與其他邊框不同的屬性

3.7.4同時指定一條邊框的一種屬性

3.8制作頁頭部分

3.9制作主體部分

3.9.1主體的左側(cè)部分

3.9.2主要內(nèi)容區(qū)

3.10 CSS技術(shù)擴展—擴充布局

3.11本章小結(jié)

第4章教育公司網(wǎng)站布局

4.1兩列布局

4.2案例描述

4.3內(nèi)容分析

4.4原型設(shè)計

4.5 CSS技術(shù)準(zhǔn)備——在CSS中使用背景圖像

4.5.1設(shè)置平鋪方式

4.5.2設(shè)置背景圖像的位置

4.5.3背景的簡寫

4.5.4圖片的固定設(shè)置

4.6制作標(biāo)題圖像

4.7 CS3技術(shù)準(zhǔn)備——實現(xiàn)圓角設(shè)計

4.8制作頁頭部分

4.8.1搭建頁頭部分的HTML結(jié)構(gòu)

4.8.2頁面標(biāo)題的圖像替換

4.8.3頂部菜單

4.8.4主菜單

4.8.5搜索框

4.8.6頁頭部分的圓角框

4.9制作主體部分

4.9.1結(jié)構(gòu)分析

4.9.2“面包屑”導(dǎo)航

4.9.3設(shè)置正文標(biāo)題

4.9.4設(shè)置頁腳

4.9.5添加頁面內(nèi)容

4.10本章小結(jié)

第5章網(wǎng)上書店布局

5.1案例描述

5.2內(nèi)容分析

5.3 HTML結(jié)構(gòu)設(shè)計

5.4原型設(shè)計

5.5頁面方案設(shè)計

5.5.1配色的技巧

5.5.2切片的技巧

5.6使用滑動門技術(shù)制作導(dǎo)航菜單

5.7制作主體部分

5.7.1整體樣式設(shè)計

5.7.2內(nèi)容部分的結(jié)構(gòu)分析

5.7.3設(shè)置右側(cè)的主要內(nèi)容列

5.7.4制作左邊欄

5.8總結(jié)CSS布局的優(yōu)點

5.9制作可以適應(yīng)變化寬度的圓角框

5.10 CSS技術(shù)擴展——從“網(wǎng)頁”到“網(wǎng)站”

5.10.1歷史回顧

5.10.2不完善的辦法

5.10.3服務(wù)器出場

5.10.4 CMS出現(xiàn)

5.10.5具體操作

5.10.6 CMS的弊端

5.11本章小結(jié)

第6章汽車服務(wù)公司網(wǎng)站布局

6.1案例描述

6.2內(nèi)容分析

6.3 HTML結(jié)構(gòu)設(shè)計

6.4原型設(shè)計

6.5頁面方案設(shè)計與切圖

6.6頁面布局

6.6.1切片

6.6.2 CSS技術(shù)準(zhǔn)備——行內(nèi)元素與塊級元素

6.6.3布局

6.6.4制作頂部菜單

6.6.5制作標(biāo)題圖像

6.6.6制作主體部分

6.7實現(xiàn)超鏈接特效

6.7.1技術(shù)準(zhǔn)備—設(shè)置超鏈接的CSS樣式

6.7.2超鏈接效果

6.8兼容性檢查

6.9本章小結(jié)

第7章橘汁仙劍游戲網(wǎng)站(靜態(tài))布局

7.1構(gòu)思設(shè)計

7.1.1站點分析定位

7.1.2學(xué)習(xí)考察同類站點

7.1.3構(gòu)思規(guī)劃站點

7.2切片制作和生成

7.2.1切片的制作

7.2.2切片的生成

7.3頁面制作

7.3.1整體框架的構(gòu)建

7.3.2頭部的制作

7.3.3首頁左側(cè)信息欄的制作

7.3.4首頁中部內(nèi)容欄的制作

7.3.5在頁面右側(cè)添加百度搜索

7.3.6在頁面右側(cè)添加廣告位

7.3.7分類目錄中導(dǎo)航的制作

7.3.8文章瀏覽區(qū)域的制作

7.3.9頁腳的制作

7.3.10用戶面板的制作

7.4本章小結(jié)