CSS+DIV網(wǎng)頁布局技術(shù)教程(高職高專立體化教材計算機系列)
- 所屬分類:
高職高專計..
- 作者:
黃玉春 主編
- 出版社:
清華大學出版社
- ISBN:9787302295310
- 出版日期:2012-9-1
-
原價:
¥28.00元
現(xiàn)價:¥21.30元
圖書簡介
《高職高專立體化教材計算機系列:CSS+DIV網(wǎng)頁布局技術(shù)教程》主要介紹了超文本標記語言HTML和XHTML、CSS層疊樣式表的基礎(chǔ)理論和實際運用技術(shù),通過實例分析講解了CSS語法、文字段落設(shè)置、背景圖片設(shè)置以及CSS濾鏡的應(yīng)用等,重點講解了如何運用CSS+DIV進行網(wǎng)頁布局,注重實際操作,使讀者能更好地掌握CSS技術(shù)及CSS+DIV布局的精髓。本書最后給出了兩個常見類型的完整網(wǎng)頁的綜合實例,讓讀者進一步鞏固所學的知識,提高綜合應(yīng)用的能力。
《高職高專立體化教材計算機系列:CSS+DIV網(wǎng)頁布局技術(shù)教程》適合作為大中專院校計算機應(yīng)用技術(shù)和電子商務(wù)類專業(yè)的教材,也可作為網(wǎng)頁設(shè)計技術(shù)培訓教程,還可以作為Web網(wǎng)站開發(fā)人員、網(wǎng)頁設(shè)計師、網(wǎng)頁前端架構(gòu)師、用戶體驗設(shè)計師的參考書。
目錄
第1章 HTML和XHTML基礎(chǔ)
1.1 HTML基本用法
1.1.1 HTML文檔基本結(jié)構(gòu)
1.1.2 常用的HTML標簽
1.2 升級到XHTML
1.2.1 為什么要升級
1.2.2 XHTML與HTML比較
1.2.3 如何轉(zhuǎn)換現(xiàn)有的文檔為XHTML
習題1
上機實驗1
第2章 CSS基礎(chǔ)
2.1 CSS基本概念
2.1.1 CSS的基本概念
2.1.2 CSS的特點
2.2 CSS選擇器
2.2.1 CSS樣式規(guī)則的定義
2.2.2 標記選擇器
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)用
習題2
上機實驗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 背景圖像的重復方式
3.2.4 固定背景圖像
3.2.5 背景圖片位置
3.2.6 背景樣式的縮寫
3.3 綜合實例
3.3.1 文字的綜合應(yīng)用
3.3.2 背景的綜合應(yīng)用
習題3
上機實驗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)換
習題4
上機實驗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定位和浮動
5.2.1 塊級元素
5.2.2 CSS定位機制
5.2.3 相對定位
5.2.4 絕對定位
5.2.5 z-index空間位置
5.2.6 CSS浮動
5.3 CSS定位實例
習題5
上機實驗5
第6章 DIV+CSS布局基礎(chǔ)
6.1 div標記與span標記
6.1.1 div標記與span標記概述
6.1.2 與標記的區(qū)別
6.2 CSS排版觀念
6.2.1 將頁面用div分塊
6.2.2 設(shè)計各塊的位置
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 三列浮動中間列寬度自適應(yīng)
6.5 一個常用的DIV+CSS網(wǎng)站布局的基本框架結(jié)構(gòu)實例
6.5.1 搭建框架
6.5.2 添加CSS樣式
6.6 排版實例:淘寶商城
6.6.1 搭建HTML框架
6.6.2 添加CSS樣式
6.6.3 采用CSS+DIV布局優(yōu)勢
習題6
上機實驗6
第7章 CSS與JavaScript的綜合應(yīng)用
7.1 JavaScript概述
7.1.1 JavaScript簡介
7.1.2 JavaScript的特點
7.1.3 在網(wǎng)頁中使用JavaScript
7.2 JavaScript語法基礎(chǔ)
7.2.1 JavaScript的數(shù)據(jù)類型
7.2.2 常量、變量與表達式
7.2.3 函數(shù)的定義
7.2.4 條件分支語句
7.2.5 循環(huán)控制語句
7.3 JavaScript內(nèi)置對象
7.3.1 String對象
7.3.2 Math對象
7.3.3 Array對象
7.3.4 Date對象
7.4 瀏覽器對象
7.4.1 瀏覽器對象簡介
7.4.2 window對象
7.5 JavaScript的事件處理
7.5.1 事件及響應(yīng)方法
7.5.2 document的常用事件
7.6 實例一:圖片的間歇滾動
7.7 實例二:用CSS制作的導航菜單
7.8 實例三:用CSS實現(xiàn)PPT幻燈片
習題7
上機實驗7
第8章 整合案例一:我的博客
8.1 分析架構(gòu)
8.1.1 設(shè)計分析
8.1.2 排版架構(gòu)
8.2 模塊設(shè)計
8.2.1 導航與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è)計分析
9.1.2 排版架構(gòu)
9.2 模塊設(shè)計
9.2.1 導航與Banner
9.2.2 左側(cè)部分
9.2.3 中間部分
9.2.4 右側(cè)部分
9.2.5 footer腳注
9.3 整體調(diào)整
9.4 網(wǎng)頁源碼
參考文獻