
CSS+DIV網(wǎng)頁布局技術(shù)教程(高職高專立體化教材計(jì)算機(jī)系列)
- 所屬分類:
高職高專計(jì)..
- 作者:
黃玉春 主編
- 出版社:
清華大學(xué)出版社
- ISBN:9787302295310
- 出版日期:2012-9-1
-
原價(jià):
¥28.00元
現(xiàn)價(jià):¥21.30元
-
本書信息由合作網(wǎng)站提供,請(qǐng)前往以下網(wǎng)站購買: 京東商城
當(dāng)當(dāng)網(wǎng)
圖書簡(jiǎn)介
《高職高專立體化教材計(jì)算機(jī)系列:CSS+DIV網(wǎng)頁布局技術(shù)教程》主要介紹了超文本標(biāo)記語言HTML和XHTML、CSS層疊樣式表的基礎(chǔ)理論和實(shí)際運(yùn)用技術(shù),通過實(shí)例分析講解了CSS語法、文字段落設(shè)置、背景圖片設(shè)置以及CSS濾鏡的應(yīng)用等,重點(diǎn)講解了如何運(yùn)用CSS+DIV進(jìn)行網(wǎng)頁布局,注重實(shí)際操作,使讀者能更好地掌握CSS技術(shù)及CSS+DIV布局的精髓。本書最后給出了兩個(gè)常見類型的完整網(wǎng)頁的綜合實(shí)例,讓讀者進(jìn)一步鞏固所學(xué)的知識(shí),提高綜合應(yīng)用的能力。
《高職高專立體化教材計(jì)算機(jī)系列:CSS+DIV網(wǎng)頁布局技術(shù)教程》適合作為大中專院校計(jì)算機(jī)應(yīng)用技術(shù)和電子商務(wù)類專業(yè)的教材,也可作為網(wǎng)頁設(shè)計(jì)技術(shù)培訓(xùn)教程,還可以作為Web網(wǎng)站開發(fā)人員、網(wǎng)頁設(shè)計(jì)師、網(wǎng)頁前端架構(gòu)師、用戶體驗(yàn)設(shè)計(jì)師的參考書。
目錄
第1章 HTML和XHTML基礎(chǔ)
1.1 HTML基本用法
1.1.1 HTML文檔基本結(jié)構(gòu)
1.1.2 常用的HTML標(biāo)簽
1.2 升級(jí)到XHTML
1.2.1 為什么要升級(jí)
1.2.2 XHTML與HTML比較
1.2.3 如何轉(zhuǎn)換現(xiàn)有的文檔為XHTML
習(xí)題1
上機(jī)實(shí)驗(yàn)1
第2章 CSS基礎(chǔ)
2.1 CSS基本概念
2.1.1 CSS的基本概念
2.1.2 CSS的特點(diǎn)
2.2 CSS選擇器
2.2.1 CSS樣式規(guī)則的定義
2.2.2 標(biāo)記選擇器
2.2.3 CSS選擇器分組
2.2.4 派生選擇器
2.2.5 id選擇器
2.2.6 類選擇器
2.2.7 偽類選擇器
2.3 CSS的引用
2.3.1 內(nèi)部樣式表
2.3.2 外部樣式表
2.3.3 內(nèi)聯(lián)樣式表
2.3.4 輸入樣式表
2.3.5 多重樣式
2.4 CSS的繼承
2.4.1 CSS的繼承關(guān)系
2.4.2 CSS繼承的應(yīng)用
習(xí)題2
上機(jī)實(shí)驗(yàn)2
第3章 用CSS設(shè)置文字與背景
3.1 CSS文字與段落樣式
3.1.1 CSS文字樣式
3.1.2 CSS段落文字
3.1.3 CSS列表
3.2 CSS顏色與背景樣式
3.2.1 設(shè)置顏色
3.2.2 設(shè)置背景圖像
3.2.3 背景圖像的重復(fù)方式
3.2.4 固定背景圖像
3.2.5 背景圖片位置
3.2.6 背景樣式的縮寫
3.3 綜合實(shí)例
3.3.1 文字的綜合應(yīng)用
3.3.2 背景的綜合應(yīng)用
習(xí)題3
上機(jī)實(shí)驗(yàn)3
第4章 CSS濾鏡的應(yīng)用
4.1 濾鏡概述
4.2 視覺濾鏡
4.2.1 alpha屬性
4.2.2 blur屬性
4.2.3 Chroma屬性
4.2.4 DropShadow屬性
4.2.5 FlipH、FlipV屬性
4.2.6 Glow屬性
4.2.7 Gray屬性
4.2.8 Invert屬性
4.2.9 Mask屬性
4.2.10 Shadow屬性
4.2.11 Wave屬性
4.2.12 Xray屬性
4.3 轉(zhuǎn)換濾鏡
4.3.1 融合轉(zhuǎn)換濾鏡
4.3.2 揭示轉(zhuǎn)換濾鏡
4.3.3 網(wǎng)頁特效轉(zhuǎn)換
習(xí)題4
上機(jī)實(shí)驗(yàn)4
第5章 CSS框模型與定位
5.1 CSS框模型
5.1.1 CSS框模型的概述
5.1.2 CSS內(nèi)邊距
5.1.3 CSS邊框
5.1.4 CSS外邊距
5.1.5 外邊距合并
5.2 CSS定位和浮動(dòng)
5.2.1 塊級(jí)元素
5.2.2 CSS定位機(jī)制
5.2.3 相對(duì)定位
5.2.4 絕對(duì)定位
5.2.5 z-index空間位置
5.2.6 CSS浮動(dòng)
5.3 CSS定位實(shí)例
習(xí)題5
上機(jī)實(shí)驗(yàn)5
第6章 DIV+CSS布局基礎(chǔ)
6.1 div標(biāo)記與span標(biāo)記
6.1.1 div標(biāo)記與span標(biāo)記概述
6.1.2 與標(biāo)記的區(qū)別
6.2 CSS排版觀念
6.2.1 將頁面用div分塊
6.2.2 設(shè)計(jì)各塊的位置
6.2.3 用CSS定位
6.3 固定寬度且居中的版式
6.3.1 一列固定寬度居中
6.3.2 二列固定寬度居中
6.4 自適應(yīng)寬度且居中的版式
6.4.1 一列自適應(yīng)寬度且居中
6.4.2 二列寬度自適應(yīng)
6.4.3 左列固定,右列寬度自適應(yīng)
6.4.4 三列浮動(dòng)中間列寬度自適應(yīng)
6.5 一個(gè)常用的DIV+CSS網(wǎng)站布局的基本框架結(jié)構(gòu)實(shí)例
6.5.1 搭建框架
6.5.2 添加CSS樣式
6.6 排版實(shí)例:淘寶商城
6.6.1 搭建HTML框架
6.6.2 添加CSS樣式
6.6.3 采用CSS+DIV布局優(yōu)勢(shì)
習(xí)題6
上機(jī)實(shí)驗(yàn)6
第7章 CSS與JavaScript的綜合應(yīng)用
7.1 JavaScript概述
7.1.1 JavaScript簡(jiǎn)介
7.1.2 JavaScript的特點(diǎn)
7.1.3 在網(wǎng)頁中使用JavaScript
7.2 JavaScript語法基礎(chǔ)
7.2.1 JavaScript的數(shù)據(jù)類型
7.2.2 常量、變量與表達(dá)式
7.2.3 函數(shù)的定義
7.2.4 條件分支語句
7.2.5 循環(huán)控制語句
7.3 JavaScript內(nèi)置對(duì)象
7.3.1 String對(duì)象
7.3.2 Math對(duì)象
7.3.3 Array對(duì)象
7.3.4 Date對(duì)象
7.4 瀏覽器對(duì)象
7.4.1 瀏覽器對(duì)象簡(jiǎn)介
7.4.2 window對(duì)象
7.5 JavaScript的事件處理
7.5.1 事件及響應(yīng)方法
7.5.2 document的常用事件
7.6 實(shí)例一:圖片的間歇滾動(dòng)
7.7 實(shí)例二:用CSS制作的導(dǎo)航菜單
7.8 實(shí)例三:用CSS實(shí)現(xiàn)PPT幻燈片
習(xí)題7
上機(jī)實(shí)驗(yàn)7
第8章 整合案例一:我的博客
8.1 分析架構(gòu)
8.1.1 設(shè)計(jì)分析
8.1.2 排版架構(gòu)
8.2 模塊設(shè)計(jì)
8.2.1 導(dǎo)航與Banner
8.2.2 左側(cè)列表
8.2.3 內(nèi)容部分
8.2.4 footer腳注
8.3 整體調(diào)整
8.4 網(wǎng)頁源碼
第9章 整合案例二:企業(yè)網(wǎng)站
9.1 分析架構(gòu)
9.1.1 設(shè)計(jì)分析
9.1.2 排版架構(gòu)
9.2 模塊設(shè)計(jì)
9.2.1 導(dǎo)航與Banner
9.2.2 左側(cè)部分
9.2.3 中間部分
9.2.4 右側(cè)部分
9.2.5 footer腳注
9.3 整體調(diào)整
9.4 網(wǎng)頁源碼
參考文獻(xiàn)