CSS3+DIV網頁樣式與布局從入門到精通 web開發(fā)進階技術視頻講解與案例實戰(zhàn),8大素材庫、源代碼配套學習更輕松
定 價:69.8 元
- 作者:未來科技
- 出版時間:2017/7/1
- ISBN:9787517054221
- 出 版 社:中國水利水電出版社
- 中圖法分類:TP393.092.2
- 頁碼:
- 紙張:膠版紙
- 版次:1
- 開本:16開
CSS 3 DIV網頁樣式與布局從入門到精通
同屬CSS 3揭秘 DIV CSS 3 入門 CSS 3 權威指南 CSS3 禪意花園 大類。本書全面系統地講解了CSS基礎理論和實際運用技術,通過大量實例對CSS DIV技術、CSS核心技術、CSS實戰(zhàn)應用進行了深入淺出的分析。。 全書分三大部分,共16章。*部分主要介紹了CSS相關基礎知識,包括CSS樣式設計基礎,使用CSS設置字體和文本樣式、圖片樣式,控制背景圖像,設計列表樣式、表格樣式、表單樣式,定義鏈接樣式,使用DIV CSS布局網頁,CSS定位與網頁版式設計等;第二部分介紹了CSS新技術,包括使用CSS3布局網頁和設計動畫;第三部分為擴展應用部分,介紹了如何使用JavaScript控制 CSS樣式、使用CSS設計XML文檔樣式、使用CSS設計移動頁面等。
CSS 3 DIV網頁樣式與布局從入門到精通 配備了極為豐富的學習資源,其中配套資源:248節(jié)教學視頻(可二維碼掃描)、素材源程序;附贈的拓展學習資源:習題及面試題庫、案例庫、工具庫、網頁模板庫、網頁配色庫、網頁素材庫、網頁案例欣賞庫等。
CSS 3 DIV網頁樣式與布局從入門到精通
適用于CSS從入門到精通、CSS DIV從入門到精通層次讀者,也可作為各大中專院校網頁設計、網頁制作、網站建設、Web前端開發(fā)相關專業(yè)的教學參考用書,或相關培訓機構的培訓教材。
10年開發(fā)教學經驗,一線講師半生心血。
1.
體驗好。
幾乎每個章節(jié)都有二維碼,微信掃一掃,可以隨時隨地看視頻。
2.
資源多
從配套到拓展,資源庫一應俱全。除了249節(jié)配套微視頻和275個實例案例外。還提供如下學習資源:
(1)習題及面試題庫(共計1000題)
(2)案例庫(各類案例4396個)
(3)工具庫(HTML參考手冊11部、CSS參考手冊10部、JavaScript參考手冊26部)
(4)網頁模板庫(各類模板1636個)
(5)網頁素材庫(17大類)
(6)網頁配色庫(623項)
(7)網頁欣賞案例庫(共計508例)
3.案例多
實例案例豐富詳盡,達到275個,邊做邊學更快捷。跟著大量案例去學習,邊學邊做,從做中學,學習可以更深入、更高效。
4.入門易
遵循學習規(guī)律,入門實戰(zhàn)相結合。編寫模式采用基礎知識 中小實例 實戰(zhàn)案例,內容由淺入深,循序漸進,從入門中學習實戰(zhàn)應用,從實戰(zhàn)應用中激發(fā)學習興趣。
5.服務快:
提供在線服務,隨時隨地可交流。提供QQ群、網站下載等多渠道貼心快捷服務。
隨著以CSS DIV技術為核心的網頁標準化設計的流行,對CSS的學習也成為設計人員的必修課;诖,本書系統地講解了CSS的基礎知識和實際運用技巧,通過大量實例對CSS進行深入淺出的講解。
全書著重講解如何用CSS DIV進行網頁布局,注重實際操作,使讀者在學習CSS應用技術的同時,掌握CSS DIV的精髓。另外,本書還詳細講解了CSS的外延技術細節(jié),抓住CSS3最新技術,讓讀者學有所成,學以致用,提高綜合應用能力。
本書編寫特點
系統深入
本書系統地講解了CSS層疊樣式表技術在網頁設計中各個方面的應用,從為什么要用CSS開始講解,循序漸進,配合大量實例,幫助讀者奠定堅實的理論基礎,做到知其然,知其所以然。
案例豐富
書中設置大量應用案例、示例,重點強調具體技術的靈活應用,并且結合了作者長期的網頁設計制作和教學經驗,使讀者真正做到學以致用。
重點突出
本書用相當的篇幅重點介紹了用DIV CSS進行網頁布局的方法和技巧,配以經典的布局案例,幫助讀者掌握CSS最核心的應用技術。
綜合應用
真正的網頁除了外觀表現之外,還需要結構標準語言和行為標準的結合,因此本書還特別講解了CSS與JavaScript、Ajax和XML的混合應用,這些都是Web 2.0網站中的主要技術,使讀者一并掌握高級的網頁制作技術。
本書內容
本書分為3大部分,共16章,具體結構劃分及內容如下。
第1部分:CSS基礎知識,包括第1章~第11章,主要介紹了CSS相關的基礎知識,包括CSS樣式設計基礎,使用CSS設置字體和文本樣式、圖片樣式、背景圖像樣式、列表樣式、表格樣式、表單樣式、鏈接樣式,使用DIV CSS布局網頁,使用CSS定位,網頁版式設計與實戰(zhàn)等。
第2部分:CSS3新技術,包括第12章~第13章,主要通過對CSS3布局和動畫進行介紹,由淺入深地講解設計交互樣式和新布局的方法,幫助讀者輕松掌握DIV CSS新布局方式,制作出精美的網頁并搭建功能強大的網站。
第3部分:擴展應用,包括第14章~第16章,主要介紹了設計可響應的移動網頁、使用JavaScript控制CSS樣式、使用CSS設計XML文檔樣式等內容。這些知識在網頁設計實踐中會經常用到,因此讀者需要學習和掌握它們,并能夠綜合應用各種技術,解決復雜的網頁設計問題。
本書顯著特色
體驗好
二維碼掃一掃,隨時隨地看視頻。書中幾乎每個章節(jié)都提供了二維碼,讀者朋友可以通過手機微信掃一掃,隨時隨地看相關的教學視頻(若個別手機不能播放,請參考前言中的本書學習資源列表及獲取方式下載后在計算機上可以一樣觀看)。
資源多
從配套到拓展,資源庫一應俱全。本書不僅提供了幾乎覆蓋全書的配套視頻和素材源文件,還提供了拓展的學習資源,如習題及面試題庫、案例庫、工具庫、網頁模板庫、網頁配色庫、網頁素材庫、網頁案例欣賞庫等,拓展視野、貼近實戰(zhàn),學習資源一網打盡!
案例多
案例豐富詳盡,邊做邊學更快捷。跟著大量的案例去學習,邊學邊做,從做中學,使學習更深入、更高效。
入門易
遵循學習規(guī)律,入門與實戰(zhàn)相結合。本書編寫模式采用基礎知識 中小實例 實戰(zhàn)案例的形式,內容由淺入深、循序漸進,從入門中學習實戰(zhàn)應用,從實戰(zhàn)應用中激發(fā)學習興趣。
服務快
提供在線服務,隨時隨地可交流。本書提供QQ群、網站下載等多渠道貼心服務。
本書學習資源列表及獲取方式
本書的學習資源十分豐富,全部資源分布如下:
配套資源
(1)本書的配套同步視頻,共計249節(jié)(可用二維碼掃描觀看或從下述的網站下載)。
(2)本書的素材及源程序,共計275項。
拓展學習資源
(1)習題及面試題庫(共計1 000題)。
(2)案例庫(各類案例4 396個)。
(3)工具庫(HTML參考手冊11部、CSS參考手冊10部、JavaScript參考手冊26部)。
(4)網頁模板庫(各類模板1 636個)。
(5)網頁素材庫(17大類)。
(6)網頁配色庫(623項)。
(7)網頁案例欣賞庫(共計508例)。
以上資源的獲取及聯系方式
(1)登錄網站xue.bookln.cn,輸入書名,搜索到本書后下載。
(2)登錄中國水利水電出版社的官方網站:www.waterpub.com.cn/softdown/,找到本書后,根據相關提示下載。
(3)加入本書學習QQ群:621135618、625186596、625853788、626360108,讀者可以單擊QQ窗口右側的群應用下的文件,找到相關資源后下載。
(4)讀者朋友還可通過電子郵件weilaitushu@126.com、945694286@qq.com與我們聯系。
本書約定
為了給讀者提供更多的學習資源,同時彌補篇幅有限的遺憾,本書提供了很多參考鏈接,部分書中無法詳細介紹的問題都可以通過這些鏈接找到答案。這些鏈接地址僅供參考,因為這些鏈接地址會因時間而有所變動或調整,本書無法保證所有這些地址是長期有效的。確有需要,請加入本書QQ群進行咨詢。
本書所列出的插圖可能會與讀者實際環(huán)境中的操作界面有所差別,這可能是由于操作系統平臺、瀏覽器版本等不同而引起的,在此特別說明,讀者應該以實際情況為準。
本書適用對象
本書適用于網頁設計、網頁制作、網站建設的入門者和有一定基礎的讀者,也適用于高等院校,尤其是職業(yè)院校相關專業(yè)的學生及社會培訓機構的學員等。
關于作者
未來科技是由一群熱愛Web開發(fā)的青年骨干教師組成的一個松散組織,主要從事Web開發(fā)、教學培訓、教材開發(fā)等業(yè)務。該群體編寫的同類圖書在很多網店上的銷量名列前茅,讓數十萬的讀者輕松跨進了Web開發(fā)的大門,為Web開發(fā)的普及和應用做出了積極貢獻。
參與本書編寫的人員有:劉望、彭方強、鄒仲、謝黨華、雷海蘭、郭靖、馬林、劉金、吳云、趙德志、張衛(wèi)其、李德光、劉坤、楊艷、顧克明、班琦、蔡霞英、曾德劍、曾錦華、曾蘭香、曾世宏、曾旺新、曾偉、常星、陳娣、陳鳳娟、陳鳳儀、陳福妹、陳國鋒、陳海蘭、陳華娟、陳金清、陳馬路、陳石明、陳世超、陳世敏、陳文廣等。
編 者
未來科技是由一群熱愛Web開發(fā)的青年骨干教師組成的一個松散組織,主要從事Web開發(fā)、教學培訓、教材開發(fā)等業(yè)務。該群體編寫的同類圖書在很多網店上的銷量名列前茅,讓數十萬的讀者輕松跨進了Web開發(fā)的大門,為Web開發(fā)的普及和應用做出了積極貢獻。
第1章 CSS樣式設計基礎
視頻講解:27個 示例:37個
1.1 網頁設計需要學什么
1.1.1 學習HTML
1.1.2 掌握DIV布局
1.1.3 學習CSS
1.1.4 學習JavaScript
1.2 設計良好的結構
1.2.1 一個簡單的文檔必須包含的
內容
1.2.2 認識標簽
1.2.3 選用標簽
1.2.4 使用div和span
1.2.5 使用id和class
1.2.6 設置文檔類型
1.2.7 認識顯示模式
1.3 初識CSS
1.3.1 CSS發(fā)展歷史
1.3.2 CSS優(yōu)勢
1.3.3 CSS樣式
1.3.4 應用CSS樣式
1.3.5 CSS樣式表
1.3.6 導入樣式表
1.3.7 CSS注釋和格式化
1.3.8 設計第一個樣式示例
1.4 CSS選擇器
1.4.1 認識CSS選擇器
1.4.2 標簽選擇器
1.4.3 ID選擇器
1.4.4 類選擇器
1.4.5 指定選擇器
1.4.6 包含選擇器
1.4.7 子選擇器
1.4.8 相鄰選擇器
1.4.9 兄弟選擇器
1.4.10 分組選擇器
1.4.11 偽選擇器
1.4.12 屬性選擇器
1.4.13 通用選擇器
1.5 CSS特性
1.5.1 層疊性
1.5.2 繼承性
第2章 使用CSS設置字體和文本樣式
視頻講解:19個 示例:21個
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 實戰(zhàn)案例
2.2.1 模擬百度Logo樣式
2.2.2 定義標題樣式
2.2.3 定義正文樣式
2.2.4 設計文本塊樣式
2.2.5 設計新聞版面
2.2.6 設計圖文版面
2.2.7 設計單頁版式
第3章 使用CSS設置圖片樣式
視頻講解:14個 示例:11個
3.1 圖片樣式基礎
3.1.1 圖片邊框
3.1.2 圖片大小
3.1.3 圖片對齊
3.1.4 半透明圖片
3.1.5 圓角圖片
3.1.6 陰影圖片
3.2 實戰(zhàn)案例
3.2.1 設計鑲邊效果
3.2.2 設計水印效果
3.2.3 圖文混排
3.2.4 圖片布局
3.2.5 多圖版式
3.2.6 圓角欄目
3.2.7 設計個人簡歷1
3.2.8 設計個人簡歷2
第4章 使用CSS控制背景圖像
視頻講解:15個 示例:13個
4.1 背景樣式基礎
4.1.1 背景顏色
4.1.2 版塊配色
4.1.3 設置背景圖像
4.1.4 背景平鋪
4.1.5 背景定位
4.1.6 固定背景
4.1.7 定位參考
4.1.8 背景裁剪
4.1.9 背景大小
4.1.10 多背景圖
4.2 實戰(zhàn)案例
4.2.1 設計帶花紋的網頁邊框
4.2.2 設計圓邊頁面
4.2.3 設計分欄版式
4.2.4 設計滑動門菜單
4.2.5 設計焦點圖
第5章 使用CSS定義鏈接樣式
視頻講解:12個 示例:11個
5.1 鏈接樣式基礎
5.1.1 設置鏈接樣式
5.1.2 定義下劃線樣式
5.1.3 定義類型標識樣式
5.1.4 定義按鈕樣式
5.1.5 案例:基本鏈接樣式應用
5.2 實戰(zhàn)案例
5.2.1 鼠標光標樣式
5.2.2 文檔類型提示
5.2.3 工具提示樣式
5.2.4 立體菜單欄
5.2.5 設計CSS Sprites導航欄
5.2.6 選項卡
5.2.7 瀏覽大圖
第6章 使用CSS設計列表樣式
視頻講解:12個 示例:6個
6.1 列表樣式基礎
6.1.1 設置項目符號
6.1.2 自定義項目圖標
6.1.3 定義列表項目的版式
6.2 實戰(zhàn)案例
6.2.1 設計新聞欄目
6.2.2 設計導航菜單
6.2.3 設計多級菜單
6.2.4 設計列表版式
6.2.5 使用列表設計圖文混排頁面
6.2.6 設計水平滑動菜單
6.2.7 設計垂直滑動菜單
6.2.8 設計Tab面板
6.2.9 設計下拉式面板
第7章 使用CSS設計表格樣式
視頻講解:9個 示例:7個
7.1 表格樣式基礎
7.1.1 設置表格背景色和前景色
7.1.2 設置表格邊框
7.1.3 設置單元格邊距
7.1.4 設置表格標題的位置
7.1.5 隱藏空單元格
7.2 實戰(zhàn)案例
7.2.1 設計課程表
7.2.2 設計通訊錄
7.2.3 設計月歷
7.2.4 設計分組表格
第8章 使用CSS設計表單樣式
視頻講解:8個 示例:11個
8.1 表單樣式基礎
8.1.1 定義表單字體樣式
8.1.2 定義表單邊框和邊距樣式
8.1.3 定義表單背景樣式
8.2 實戰(zhàn)案例
8.2.1 定義表單樣式
8.2.2 設計下拉菜單樣式
8.2.3 設計注冊表
8.2.4 設計調查表
8.2.5 設計反饋表
第9章 使用DIV CSS布局網頁
視頻講解:14個 示例:14個
9.1 CSS盒模型
9.1.1 定義邊界
9.1.2 定義補白
9.1.3 定義邊框
9.1.4 定義尺寸
9.2 CSS布局基礎
9.2.1 定義顯示類型
9.2.2 定義顯示模式
9.2.3 網頁布局樣式
9.2.4 設置浮動顯示
9.2.5 清除浮動
9.2.6 浮動嵌套
9.2.7 網頁布局方法
9.3 實戰(zhàn)案例
9.3.1 網站重構
9.3.2 設計兩列網頁
9.3.3 設計三列網頁
第10章 使用CSS定位
視頻講解:12個 示例:13個
10.1 CSS定位基礎
10.1.1 設置定位顯示
10.1.2 靜態(tài)定位
10.1.3 絕對定位
10.1.4 相對定位
10.1.5 固定定位
10.1.6 定位包含框
10.1.7 設置定位偏移
10.1.8 設置層疊順序
10.1.9 層疊上下文
10.2 實戰(zhàn)案例
10.2.1 畫冊式網頁定位
10.2.2 展廳式網頁定位
10.2.3 書簽式網頁定位
第11章 網頁版式設計與實戰(zhàn)
視頻講解:14個 示例:4個
11.1 HTML結構重構
11.1.1 設計基本結構
11.1.2 SEO結構優(yōu)化
11.2 單列版式
11.3 兩列版式
11.3.1 彈性版式
11.3.2 固寬版式
11.3.3 混合版式
11.4 三列版式
11.4.1 彈性版式
11.4.2 固寬版式
11.4.3 混合版式
11.4.4 多列等高
11.5 實戰(zhàn)案例
11.5.1 設計單列固寬網頁
11.5.2 設計單列彈性框架網頁
11.5.3 設計兩列彈性網頁
11.5.4 設計三列彈性網頁
第12章 使用CSS3布局網頁
視頻講解:15個 示例:15個
12.1 多列流動布局
12.1.1 設置列寬
12.1.2 設置列數
12.1.3 設置列間距
12.1.4 設置列邊框樣式
12.1.5 設置跨列顯示
12.1.6 設置列高度
12.2 彈性盒布局
12.2.1 定義Flexbox
12.2.2 定義伸縮方向
12.2.3 定義行數
12.2.4 定義對齊方式
12.2.5 定義伸縮項目
12.3 實戰(zhàn)案例
12.3.1 比較三種布局方式
12.3.2 設計可伸縮網頁模板
12.3.3 設計多列網頁
12.3.4 設計HTML5應用網頁模板
第13章 使用CSS3設計動畫
視頻講解:23個 示例:29個
13.1 設計2D變換
13.1.1 定義旋轉
13.1.2 定義縮放
13.1.3 定義移動
13.1.4 定義傾斜
13.1.5 定義矩陣
13.1.6 定義變換原點
13.2 設計3D變換
13.2.1 定義位移
13.2.2 定義縮放
13.2.3 定義旋轉
13.3 設計過渡動畫
13.3.1 設置過渡屬性
13.3.2 設置過渡時間
13.3.3 設置延遲時間
13.3.4 設置過渡動畫類型
13.3.5 設置觸發(fā)方式
13.4 設計幀動畫
13.4.1 設置關鍵幀
13.4.2 設置動畫屬性
13.5 實戰(zhàn)案例
13.5.1 設計掛圖
13.5.2 設計高亮顯示
13.5.3 設計3D幾何體
13.5.4 設計旋轉的盒子
13.5.5 設計可折疊面板
13.5.6 設計翻轉廣告
13.5.7 設計跑步動畫
第14章 設計可響應的移動網頁
視頻講解:9個 示例:7個
14.1 響應式設計基礎
14.1.1 響應式設計流程
14.1.2 設計響應式圖片
14.1.3 定義媒體類型
14.1.4 使用@media
14.1.5 在中定義媒體查詢
14.1.6 設計響應式布局
14.2 實戰(zhàn)案例
14.2.1 根據設備控制顯示內容
14.2.2 設計伸縮菜單
14.2.3 設計可響應網頁模板
14.2.4 設計響應式網站首頁
第15章 使用JavaScript控制CSS樣式
視頻講解:39個 示例:73個
15.1 在網頁中使用JavaScript
15.1.1 使用