精通CSS+DIV網頁樣式與布局

精通CSS+DIV網頁樣式與布局

本書系統地講解了CSS層疊樣式表的基礎理論和實際運用技術,通過大量實例對CSS進行深入淺出的分析;著重講解如何用CSS+DIV進行網頁布局,注重實際操作,使讀者在學習CSS套用技術的同時,掌握CSS+DIV的精髓;還詳細講解了其他書中較少涉及的技術細節,最後給出了5個常見類型的完整網頁的 綜合實例,讓讀者進一步鞏固所學到的知識,提高綜合套用的能力。

基本介紹

  • 書名:精通CSS+DIV網頁樣式與布局
  • 作者:前沿科技
  • ISBN:9787115163042
  • 頁數:449 頁碼
  • 定價:49
  • 出版社人民郵電出版社
  • 出版時間:2007年
  • 裝幀:平裝
  • 開本:16開
  • 版次::1
內容簡介,作者簡介,本書特點,目錄,

內容簡介

* 從零開始,細緻介紹CSS的語法規則
* 透徹講解CSS套用於各種網頁元素的步驟和技巧深入剖析
* CSS+DIV布局的思路和方法比較
* IE和Firefox瀏覽器對CSS支持的不同效果
* 擴展CSS與 JavaScript,Ajax,XML的綜合套用
* 全面解析5個完整網站的CSS+DIV布局與美化方案
[隨書光碟內容]
* 240分鐘20堂視頻課程講解關鍵技術
* 所有實例的原始碼,素材和最終效果檔案

作者簡介

前沿視頻教室專注於Web設計和開發領域的研究和教學。通過專業圖書和視頻課程的方式為廣大讀者提供內容豐富、清晰易懂的教學內容。在CSS領域出版了《精通CSS+DIV網頁樣式與布局》和《CSS設計徹底研究》兩本圖書,均受到了讀者的歡迎,成為該領域中的暢銷書。

本書特點

1. 系統的理論基礎知識
本書系統地講解了CSS層疊樣式表技術在網頁設計中各個方面套用的知識,從為什麼要用CSS開始講解,循序漸進,配合大量實例,幫助讀者奠定堅實的理論基礎,做到知其所以然。
2. 大量的技術套用實例
書中設定大量套用實例,重點強調具體技術的靈活套用,並且全書結合了作者長期的網頁設計製作和教學經驗,使讀者真正做到學以致用。
3. 深入的CSS+DIV布局詳解
本書用相當的篇幅重點介紹了用CSS+DIV進行網頁布局的方法和技巧,配合經典的布局案例,幫助讀者掌握CSS最核心的套用技術。
4. 高級的混合套用技術
真正的網頁除了外觀表現之外,還需要結構標準語言和行為標準的結合,因此本書還特別講解了CSS與JavaScript、Ajax和XML的混合套用,這些都是Web 2.0網站中的主要技術,使讀者掌握高級的網頁製作技術
5. 精選的網頁綜合實例
在本書最後一個部分,還精選了5個常見類型網頁綜合實例,包括部落格網站、小型工作室網站、企業網站、購物網站、旅遊網站等,幫助讀者總結前面所學知識,綜合套用各種技術、方法和技巧,提高讀者綜合套用的能力。

目錄

第1部分 CSS基礎知識篇
第1章 CSS的初步體驗
1.1 CSS的概念
1.1.1 標記的概念
1.1.2 傳統HTML的缺點
1.1.3 CSS的引入
1.1.4 如何編輯CSS
1.1.5 瀏覽器與CSS
1.2 使用CSS控制頁面
1.2.1 行內樣式
1.2.2 內嵌式
1.2.3 連結式
1.2.4 導入樣式
1.2.5 各種方式的優先權問題
1.3 體驗CSS
1.3.1 從零開始
1.3.2 加入CSS控制
1.3.3 控制圖片
1.3.4 CSS的注釋
第2章 CSS的基本語法
2.1 CSS選擇器
2.1.1 標記選擇器
2.1.2 類別選擇器
2.1.3 ID選擇器
2.2 選擇器聲明
2.2.1 集體聲明
2.2.2 選擇器的嵌套
2.3 CSS的繼承
2.3.1 父子關係
2.3.2 CSS繼承的運用
第3章 用CSS設定豐富的文字效果
3.1 CSS文字樣式
3.1.1 字型
3.1.2 文字大小
3.1.3 文字顏色
3.1.4 文字粗細
3.1.5 斜體
3.1.6 文字的下劃線、頂劃線和刪除線
3.1.7 英文字母大小寫
3.2 文字實例一:模擬Google公司Logo
3.3 文字實例二:製作頁面的五彩標題
3.4 CSS段落文字
3.4.1 段落的水平對齊方式
3.4.2 段落的垂直對齊方式
3.4.3 行間距和字間距
3.4.4 首字放大
3.5 段落實例:百度搜尋
第4章 用CSS設定圖片效果
4.1 圖片樣式
4.1.1 圖片框線
4.1.2 圖片縮放
4.2 圖片的對齊
4.2.1 橫向對齊方式
4.2.2 縱向對齊方式
4.3 圖文混排
4.3.1 文字環繞
4.3.2 設定圖片與文字間距
4.4 圖文實例:八仙過海
第5章 用CSS設定網頁中的背景
5.1 背景顏色
5.1.1 頁面背景色
5.1.2 用背景色給頁面分塊
5.2 背景圖片
5.2.1 頁面的背景圖
5.2.2 背景圖的重複
5.2.3 背景圖片的位置
5.2.4 固定背景圖片
5.2.5 添加多個背景圖片
5.2.6 背景樣式綜合設定
5.3 背景綜合一:我的個人主頁
5.4 背景綜合二:古詞《念奴嬌·赤壁懷古》
第6章 用CSS設定表格與表單的樣式
6.1 控制表格
6.1.1 表格中的標記
6.1.2 表格的顏色
6.1.3 表格的框線
6.2 表格實例一:隔行變色
6.3 表格實例二:滑鼠經過時變色的表格
6.4 表格實例三:日曆
6.5 CSS與表單
6.5.1 表單中的元素
6.5.2 像文字一樣的按鈕
6.5.3 七彩的下拉選單
6.6 綜合實例一:直接輸入的Excel表格
6.7 綜合實例二:模仿新浪網民調查問卷
第7章 用CSS設定頁面和瀏覽器的元素
7.1 豐富的超連結特效
7.1.1 動態超連結
7.1.2 按鈕式超連結
7.1.3 浮雕式超連結
7.2 滑鼠特效
7.2.1 CSS控制滑鼠箭頭
7.2.2 滑鼠變幻的超連結
7.3 頁面滾動條
第8章 用CSS製作實用的選單
8.1 項目列表
8.1.1 列表的符號
8.1.2 圖片符號
8.2 無需表格的選單
8.3 選單的橫豎轉換
8.4 選單實例一:百度導航條
8.5 選單實例二:流行的Tab選單
第9章 CSS濾鏡的套用
9.1 濾鏡概述
9.2 通道(Alpha)
9.3 模糊(Blur)
9.4 運動模糊(Motion Blur)
9.5 透明色(Chroma)
9.6 下落的陰影(Dropshadow)
9.7 翻轉變換(Flip)
9.8 光暈(Glow)
9.9 灰度(Gray)
9.10 反色(Invert)
9.11 遮罩(Mask)
9.12 陰影(Shadow)
9.13 X射線(X-ray)
9.14 浮雕紋理(Emboss和Engrave)
9.15 波浪(Wave)
第2部分 CSS+DIV美化和布局篇
第10章 理解CSS定位與div布局
10.1 div標記與span標記
10.1.1 概述
10.1.2 div與span的區別
10.2 盒子模型
10.2.1 盒子模型的概念
10.2.2 border
10.2.3 padding
10.2.4 margin
10.3 元素的定位
10.3.1 float定位
10.3.2 position定位
10.3.3 z-index空間位置
10.4 定位實例一:輕輕鬆鬆給圖片簽名
10.5 定位實例二:文字陰影效果
第11章 CSS+div布局方法剖析
11.1 CSS排版觀念
11.1.1 將頁面用div分塊
11.1.2 設計各塊的位置
11.1.3 用CSS定位
11.2 固定寬度且居中的版式
11.2.1 方法一
11.2.2 方法二
11.3 左中右版式
11.4 塊的背景色問題
11.5 排版實例:電子相冊
11.5.1 搭建框架
11.5.2 幻燈片模式
11.5.3 詳細信息模式
11.6 div排版與傳統的表格方式排版的分析
第12章 CSS+div美化與布局實戰
12.1 框架搭建
12.2 實例一:藍色經典
12.3 實例二:清明上河圖
12.4 實例三:交河故城
12.5 自動選擇CSS樣式
第3部分 CSS混合套用技術篇
第13章 CSS與JavaScript的綜合套用
13.1 JavaScript概述
13.1.1 JavaScript簡介
13.1.2 JavaScript的特點
13.1.3 JavaScript與CSS
13.2 JavaScript語法基礎
13.2.1 數據類型和變數
13.2.2 表達式及運算符
13.2.3 基本語句
13.3 實例一:輸入時高亮顯示的Excel表格
13.4 實例二:由遠到近的文字
13.5 實例三:跑馬燈特效
13.6 實例四:圖片淡入淡出
13.7 實例五:CSS實現PPT幻燈片
13.8 實例六:燈光效果
13.9 實例七:舞檯燈光
13.10 實例八:探照燈
13.11 實例九:滑鼠文字跟隨
第14章 CSS與XML的綜合運用
14.1 XML基礎
14.1.1 XML的特點
14.1.2 XML與HTML
14.1.3 XML基本語法
14.2 XML連結CSS檔案
14.3 XML文字陰影效果
14.4 XML古詩字畫
14.5 XML實現隔行變色的表格
第15章 CSS與Ajax的綜合套用
15.1 Ajax概述
15.1.1 什麼是Ajax
15.1.2 Ajax的關鍵元素
15.1.3 CSS的重要地位
15.2 Ajax入門
15.2.1 創建XMLHttpRequest對象
15.2.2 發出Ajax請求
15.2.3 處理伺服器回響
15.2.4 加入CSS樣式
15.3 Ajax實例:能夠自由拖動布局區域的網頁
第4部分 綜合案例篇
第16章 我的部落格
16.1 分析構架
16.1.1 設計分析
16.1.2 排版構架
16.2 模組拆分
16.2.1 導航與Banner
16.2.2 左側列表
16.2.3 內容部分
16.2.4 footer腳註
16.3 整體調整
第17章 小型工作室網站
17.1 分析構架
17.1.1 設計分析
17.1.2 首頁排版
17.1.3 內容頁構架
17.2 模組拆分
17.2.1 搭建首頁
17.2.2 首頁圖片
17.2.3 內容頁面
17.2.4 footer腳註
17.3 整體調整
第18章 企業網站
18.1 分析構架
18.1.1 設計分析
18.1.2 排版構架
18.2 模組拆分
18.2.1 Logo與頂端連結
18.2.2 左側導航與搜尋
18.2.3 主體內容
18.2.4 內容Banner
18.2.5 新聞快遞
18.2.6 公司諮詢
18.2.7 英文刊物
18.3 整體調整
第19章 網上購物網站
19.1 分析構架
19.1.1 設計分析
19.1.2 排版構架
19.2 模組分析
19.2.1 Banner圖片
19.2.2 導航選單
19.2.3 鮮花導購
19.2.4 主體內容
19.3 整體調整
第20章 旅遊網站
20.1 分析構架
20.1.1 設計分析
20.1.2 排版構架
20.2 模組拆分
20.2.1 Banner圖片與導航選單
20.2.2 左側分欄
20.2.3 中部主體
……

相關詞條

熱門詞條

聯絡我們