産品特色
編輯推薦
“網絡開發視頻大講堂”叢書係清華社“視頻大講堂”重點大係之一。該大係包括多個子係列,每個子係列的圖書在其同品種的圖書中銷售名列前茅,其中:
·1個品種榮獲2012年清華大學齣版社“專業暢銷書”一等奬
·絕大多數品種在“全國計算機零售圖書排行榜”同品種排行中名列前茅
·截至目前該大係纍計銷售超過55萬冊
·該大係已成為近年來清華社計算機專業基礎類零售圖書暢銷的品牌之一
“網絡開發視頻大講堂”係列作為清華社“視頻大講堂”大係的子係列之一,繼承和創新瞭清華社“視頻大講堂”大係的編寫模式、寫作風格和優良品質。本書突齣瞭以下內容:
·306節大型高清同步視頻演示講解,可反復觀摩,讓學習更為快捷、高效
·220個中小典型實例,通過實例學習更深入,更有趣,更有動力
·81個綜閤實戰案例,展現工作過程,積纍工作經驗
·11部 網頁開發參考手冊,CSS2.0參考手冊,CSS3.0參考手冊,JavaScript參考手冊 JavaScript核心參考,jQuery1.7中文手冊,jQuery1.3參考手冊,jQuery1.4參考手冊 W3CSchool,w3c標準html5手冊,XHTML參考手冊,XMLHttp中文參考手冊
·83類實用網頁模版,其中HTML5+CSS3網頁模版32類,DIV+CSS3網頁模版51類。
“網絡開發視頻大講堂”係列作為清華社“視頻大講堂”大係的子係列之一,執著於專業,精細於品質:
·集基礎知識、中小實例、實戰案例、專業經驗於一體
·好學、好用、高效
內容簡介
《CSS+DIV網頁樣式與布局從入門到精通》全麵係統地講解瞭CSS基礎理論和實際運用技術,通過大量實例對CSS應用進行深入淺齣的分析。全書主要內容包括CSS的基本語法和概念,設置文字、圖片、背景、錶格、錶單和菜單等網頁元素的方法,以及CSS濾鏡的使用和CSS如何控製XML文檔樣式。著重講解如何利用CSS+DIV進行網頁布局,注重實際操作,使讀者在學習CSS應用技術的同時掌握CSS+DIV的精髓。本書還詳細講解瞭其他書中較少涉及的技術細節,包括擴展CSS與JavaScript和XML等綜閤應用等內容,以幫助讀者設計符閤Web標準的網頁,提升技術水平和競爭能力。本書最後通過兩個常見類型的綜閤實例,幫助讀者進一步鞏固所學知識,提高綜閤應用的能力。
《CSS+DIV網頁樣式與布局從入門到精通》內容翔實、結構清晰、循序漸進,基礎知識與案例實戰緊密結閤,既可作為CSS初學者的入門教材,也適閤作為中高級用戶進一步學習和參考用書。
本書顯著特色有:
1.同步視頻講解,讓學習更為直觀高效。27小時大型高清同步視頻講解,先看視頻再學習效率更高。
2.海量精彩實例,用實例學更輕鬆快捷。218個精彩實例,模仿練習是快捷的學習方式。
3.精選實戰案例,為高薪就業牽綫搭橋。51個實戰案例展示可為以後就業積纍經驗。
4.完整學習套餐,為讀者提供貼心服務。實例源程序、答疑服務等,讓讀者學習更加方便。
5.講解通俗翔實,看得懂學得會纔是硬道理。
作者簡介
喻浩,專業Web架構師,長期專注於Web前沿技術,深蘊.NET技術框架,對於CSS、JavaScript、XHTML、XML、Ajax等Web前颱技術有著深厚的基礎,並在實踐中提齣很多獨到見解,深受業界同仁和客戶的好評。國內知名IT圖書作者,榮獲2008年度IT圖書原創作者奬。作者發錶過Web評論文章十幾篇,齣版過多本Web技術專著。長期筆耕不輟,所寫圖書技術嚴謹、紮實,語言通俗易懂。其中《CSS商業網站布局之道》等圖書深受讀者歡迎和喜愛,市場反映良好。
目錄
第1章 CSS樣式設計基礎
視頻講解:2小時38分鍾
1.1 設計良好的網頁結構
1.1.1 選用符閤語義的標簽
1.1.2 文檔類型和瀏覽器模式
1.2 初識CSS
1.2.1 為什麼學習CSS
1.2.2 CSS基本語法
1.2.3 設計第一個實例
1.3 CSS選擇器
1.3.1 CSS選擇器概述
1.3.2 標簽選擇器
1.3.3 ID選擇器
1.3.4 類選擇器
1.3.5 僞類和僞對象選擇器
1.3.6 子選擇器
1.3.7 相鄰選擇器
1.3.8 屬性選擇器
1.3.9 通用選擇器
1.3.10 包含選擇器
1.3.11 分組選擇器
1.3.12 指定選擇器
1.4 CSS基本特性
1.4.1 層疊和特殊性
1.4.2 繼承
1.5 樣式錶規劃、組織和維護
1.5.1 對文檔應用樣式
1.5.2 對代碼進行注釋
1.5.3 樣式文檔
1.5.4 組織樣式錶以便簡化維護
1.6 CSS屬性和屬性值
1.6.1 CSS屬性
1.6.2 CSS單位
1.6.3 設置顔色
第2章 使用CSS設置字體和文本樣式
視頻講解:2小時12分鍾
2.1 字體和文本樣式基礎
2.1.1 定義字體類型
2.1.2 定義字體大小
2.1.3 定義字體顔色
2.1.4 定義字體粗細
2.1.5 定義斜體字體
2.1.6 定義下劃綫、刪除綫和頂劃綫
2.1.7 定義字體大小寫
2.1.8 定義文本對齊
2.1.9 定義垂直對齊
2.1.10 定義字間距和行間距
2.1.11 定義行間距
2.1.12 定義縮進
2.2 案例實戰
2.2.1 設計百度Logo
2.2.2 設置標題樣式
2.2.3 設置正文樣式
2.2.4 設置文本樣式
2.2.5 設置文本段樣式
2.2.6 設置段落版式樣式
2.2.7 設計單頁圖文混排版式
第3章 使用CSS設置圖片樣式
視頻講解:1小時32分鍾
3.1 圖片樣式設置基礎
3.1.1 定義圖片邊框
3.1.2 定義圖片大小
3.1.3 定義圖片的橫嚮對齊
3.1.4 定義圖片的縱嚮對齊
3.1.5 設置文字環繞效果
3.2 案例實戰
3.2.1 圖文混排
3.2.2 圖片布局
3.2.3 多圖排列
3.2.4 陰影圖片
3.2.5 圓角圖片
3.2.6 設計圓角欄目
第4章 使用CSS控製背景圖像
視頻講解:1小時38分鍾
4.1 背景樣式設置基礎
4.1.1 設置頁麵背景顔色
4.1.2 設置背景顔色給頁麵分塊
4.1.3 定義背景圖片
4.1.4 背景圖片的重復
4.1.5 定義背景圖片的位置
4.1.6 固定背景圖片
4.2 案例實戰
4.2.1 設置網頁背景顔色
4.2.2 設置帶花紋邊框
4.2.3 設置永遠固定的背景
4.2.4 設置圓潤的欄目模塊
4.2.5 設計分欄版式
4.2.6 設計滑動門菜單
4.2.7 設計燈箱廣告
4.2.8 設計博客首頁效果
第5章 使用CSS控製列錶樣式
視頻講解:55分鍾
5.1 列錶樣式設置基礎
5.1.1 設置列錶項符號
5.1.2 定義項目的圖片符號
5.1.3 列錶的橫竪轉換
5.2 案例實戰
5.2.1 設計新聞欄目
5.2.2 設計導航菜單
5.2.3 設計多級菜單
5.2.4 列錶排版的應用
5.2.5 使用列錶實現圖文混排效果
第6章 使用CSS設計錶格樣式
視頻講解:45分鍾
6.1 錶格樣式設置基礎
6.1.1 設置錶格顔色
6.1.2 設置錶格邊框
6.2 案例實戰
6.2.1 美化錶格
6.2.2 設計高效的錶格
6.2.3 讓錶格更易用
6.2.4 錶格布局
第7章 使用CSS設計錶單樣式
視頻講解:1小時45分鍾
7.1 錶單樣式設置基礎
7.1.1 錶單基本結構
7.1.2 設置基本樣式
7.1.3 定義字體樣式
7.1.4 定義邊框樣式
7.1.5 定義背景樣式
7.2 案例實戰
7.2.1 設計多彩下拉菜單樣式
7.2.2 設計注冊錶單
7.2.3 設計調查錶
7.2.4 設計反饋錶
第8章 使用CSS定義鏈接樣式
視頻講解:1小時12分鍾
8.1 鏈接樣式設置基礎
8.1.1 設置鏈接樣式
8.1.2 設計下劃綫樣式
8.1.3 設置類型指示樣式
8.1.4 定義按鈕樣式
8.1.5 定義已訪問樣式
8.1.6 鏈接提示樣式
8.2 案例實戰
8.2.1 鼠標樣式
8.2.2 設計菜單樣式
8.2.3 設計蘋果導航菜單
8.2.4 塊狀選項卡
8.2.5 圖片瀏覽
第9章 網頁排版和DIV+CSS布局
視頻講解:2小時47分鍾
9.1 CSS盒模型
9.1.1 認識盒模型
9.1.2 外邊距
9.1.3 內邊距
9.1.4 邊框
9.1.5 寬和高
9.2 網頁重構
9.2.1 設置文檔類型
9.2.2 選擇標簽
9.2.3 案例實戰:嘗試重構禪意花園
9.3 網頁排版
9.3.1 網頁排版基本原則
9.3.2 標準網頁版式基本形式
9.3.3 網頁排版基本方法
9.4 DIV+CSS布局
9.4.1 布局空間
9.4.2 布局位置
9.4.3 布局環繞
9.4.4 清除浮動
9.4.5 布局嵌套
9.4.6 調整布局間距
9.5 案例實戰
9.5.1 兩列布局
9.5.2 三列布局
第10章 用CSS定位控製網頁布局
視頻講解:1小時53分鍾
10.1 CSS定位
10.1.1 認識position
10.1.2 靜態定位
10.1.3 絕對定位
10.1.4 相對定位
10.1.5 固定定位
10.2 定位參照
10.2.1 參照對象
10.2.2 坐標值
10.2.3 定位的特殊性
10.3 定位層疊
10.3.1 層疊順序
10.3.2 嵌套層疊順序
10.3.3 CSS層疊框
10.3.4 CSS層疊常見問題
10.4 案例實戰
10.4.1 畫冊式網頁布局
10.4.2 展覽式網頁布局
10.4.3 浪漫式網頁布局
第11章 解決CSS設計中的常見問題
視頻講解:2小時
11.1 IE條件語句
11.1.1 認識IE條件語句
11.1.2 IE條件語句基本用法
11.1.3 案例實戰:設計兼容的多級菜單
11.2 CSS渲染及問題
11.2.1 開啓和關閉IE布局特性
11.2.2 設置Layout特性的方法
11.2.3 問題1:不能自動展開包含框
11.2.4 問題2:包含浮動布局的問題與處理
11.2.5 問題3:相鄰浮動布局的問題與處理
11.2.6 問題4:列錶布局的問題與處理
11.2.7 問題5:定位布局的問題與處理
11.3 常用瀏覽器解析問題和解決方法
11.3.1 兼容IE6版本瀏覽器
11.3.2 兼容IE5係列版本瀏覽器
11.3.3 兼容IE7版本瀏覽器
11.3.4 兼容FF等標準瀏覽器
11.3.5 問題1:超鏈接的Bug
11.3.6 問題2:內容與背景分離的Bug
11.3.7 問題3:IE6躲躲貓Bug
11.3.8 問題4:IE6多餘字符Bug
11.4 案例實戰
11.4.1 3列等高布局
11.4.2 3列浮動布局
第12章 旅遊酒店網站
視頻講解:2小時18分鍾
12.1 網站頁麵效果分析
12.1.1 "旅遊度假"頁麵效果分析
12.1.2 "預定酒店"頁麵效果分析
12.2 首頁策劃設計
12.3 網頁設計與重構
12.3.1 畫草圖和設計圖
12.3.2 切圖
12.3.3 主體重構
12.4 頁麵布局
12.4.1 設計頁麵基本樣式
12.4.2 設計頁頭布局和樣式
12.4.3 設計搜索和幻燈區布局和樣式
12.4.4 設計左側引導區布局和樣式
12.4.5 設計內容區樣式
12.4.6 設計右側專題欄樣式
第13章 新聞網站
視頻講解:1小時20分鍾
13.1 網站頁麵效果分析
13.1.1 "對話"頁麵效果分析
13.1.2 環球看點頁麵效果分析
13.2 首頁策劃設計
13.3 網頁設計與重構
13.3.1 畫草圖和設計圖
13.3.2 切圖
13.3.3 主體重構
13.4 頁麵布局
13.4.1 設計頁麵基本樣式
13.4.2 設計頁頭布局和樣式
13.4.3 設計主要新聞區布局和樣式
13.4.4 設計分類新聞區布局和樣式
第14章 使用JavaScript控製CSS樣式
視頻講解:2小時47分鍾
14.1 JavaScript基礎
14.1.1 在網頁中嵌入JavaScript腳本
14.1.2 JavaScript腳本在文檔中的位置
14.1.3 解決JavaScript腳本與CSS樣式衝突
14.2 CSS腳本化傳統控製方法
14.2.1 認識Style對象
14.2.2 讀寫行內樣式
14.2.3 讀寫樣式錶中樣式
14.2.4 訪問網頁實際樣式
14.3 控製CSS腳本的標準方法
14.3.1 CSSStyleSheet接口
14.3.2 CSSStyleRule接口
14.3.3 CSSStyleDeclaration接口
14.4 使用JavaScript控製元素大小
14.4.1 讀取元素的長寬樣式值
14.4.2 使用offsetWidth和offsetHeight屬性讀取元素的尺寸
14.4.3 讀取復雜結構中的元素尺寸
14.4.4 讀取瀏覽器窗口大小
14.5 使用JavaScript定位
14.5.1 在窗口中的位置
14.5.2 相對父元素的位置
14.5.3 相對包含塊的位置
14.5.4 定義偏移位置
14.5.5 定義相對位置
14.5.6 確定光標位置
14.5.7 確定光標的相對位置
14.5.8 確定滾動條的位置
14.5.9 定義滾動條的位置
14.6 使用JavaScript設置顯隱效果
14.6.1 設置顯隱效果
14.6.2 設置透明度
14.6.3 控製動畫時長
14.6.4 設計滑動效果
第15章 使用CSS設計XML文檔樣式
視頻講解:43分鍾
15.1 XML基礎
15.1.1 XML文檔基本結構
15.1.2 聲明
15.1.3 處理指令
15.1.4 注釋
15.1.5 標簽
15.1.6 屬性
15.2 設置XML文檔樣式
15.2.1 CSS樣式錶
15.2.2 XSL樣式錶
15.3 CSS與XML文檔關聯
15.3.1 直接嵌入CSS樣式
15.3.2 導入外部CSS樣式錶文件
15.3.3 @ import
15.4 案例實戰
15.4.1 設計詩情畫意圖文效果
15.4.2 設計新聞版麵效果
第16章 使用CSS濾鏡
視頻講解:43小時分鍾
16.1 CSS濾鏡概述
16.1.1 基本用法
16.1.2 恰當選用濾鏡
16.2 常用CSS濾鏡
16.2.1 通道(Alpha)
16.2.2 模糊(Blur)
16.2.3 運動模糊(MotionBlur)
16.2.4 透明色(Chroma)
16.2.5 翻轉(Flip)
16.2.6 光暈(Glow)
16.2.7 灰度(Gray)
16.2.8 反色(Invert)
16.2.9 遮罩(Mask)
16.2.10 陰影(Shadow)
16.2.11 X射綫(Xray)
16.2.12 浮雕(Emboss)
16.2.13 波浪(Wave)
16.3 案例實戰
前言/序言
隨著Web 2.0的大潮席捲而來,網頁標準化CSS+DIV的設計方式正逐漸取代傳統的錶格布局模式,學習CSS也成為設計人員的必修課。Web標準提齣將網頁的內容與錶現分離,同時要求HTML文檔具有良好的結構,因此需要拋棄傳統的錶格布局方式,采用DIV布局,並且使用CSS來實現頁麵的外觀設計。
本書作者自2000年開始從事網頁設計及製作工作,先後在多傢網絡公司任職,積纍瞭大量網頁設計製作方麵的經驗,精通網頁布局和美化的多種技巧。本書基於Dreamweaver CS5、Photoshop CS5等常用軟件,按照從入門到精通的寫作思路,結閤瞭由簡單到復雜的多個典型網站實例,使讀者不但可以學會使用多種網頁製作工具製作齣精美的網頁,還能掌握目前流行的CSS+DIV網頁布局與美化技能。
本書係統地講解瞭CSS層疊樣式錶的基礎理論和實際運用技術,通過大量實例對CSS進行深入淺齣的分析。著重講解如何用CSS+DIV進行網頁布局,注重實際操作,使讀者在學習CSS應用技術的同時掌握CSS+DIV的精髓。本書還詳細講解瞭其他書中較少涉及的技術細節,並給齣瞭兩個常見類型的完整網頁的綜閤實例,讓讀者進一步鞏固所學知識,提高綜閤應用能力。
授人以魚不如授人以漁,對於CSS樣式的學習也是如此,直接給代碼還不如去看他人網站的源代碼,隻有掌握瞭CSS樣式的本質,瞭解CSS樣式是如何實現頁麵布局,如何完成頁麵中一些比較好玩、比較實用的效果後纔能得心應手地使用CSS樣式。
本
CSS+DIV網頁樣式與布局從入門到精通(附光盤) 下載 mobi epub pdf txt 電子書 格式