CSS+DIV網(wǎng)頁(yè)布局技術(shù)教程

內(nèi)容概要

　　《高職高專立體化教材計(jì)算機(jī)系列：CSS+DIV網(wǎng)頁(yè)布局技術(shù)教程》主要介紹了超文本標(biāo)記語(yǔ)言HTML和XHTML、CSS層疊樣式表的基礎(chǔ)理論和實(shí)際運(yùn)用技術(shù)，通過(guò)實(shí)例分析講解了CSS語(yǔ)法、文字段落設(shè)置、背景圖片設(shè)置以及CSS濾鏡的應(yīng)用等，重點(diǎn)講解了如何運(yùn)用CSS+DIV進(jìn)行網(wǎng)頁(yè)布局，注重實(shí)際操作，使讀者能更好地掌握CSS技術(shù)及CSS+DIV布局的精髓。本書(shū)最后給出了兩個(gè)常見(jiàn)類型的完整網(wǎng)頁(yè)的綜合實(shí)例，讓讀者進(jìn)一步鞏固所學(xué)的知識(shí)，提高綜合應(yīng)用的能力。
　　《高職高專立體化教材計(jì)算機(jī)系列：CSS+DIV網(wǎng)頁(yè)布局技術(shù)教程》適合作為大中專院校計(jì)算機(jī)應(yīng)用技術(shù)和電子商務(wù)類專業(yè)的教材，也可作為網(wǎng)頁(yè)設(shè)計(jì)技術(shù)培訓(xùn)教程，還可以作為Web網(wǎng)站開(kāi)發(fā)人員、網(wǎng)頁(yè)設(shè)計(jì)師、網(wǎng)頁(yè)前端架構(gòu)師、用戶體驗(yàn)設(shè)計(jì)師的參考書(shū)。

書(shū)籍目錄

第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 背景樣式的縮寫(xiě)
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 視覺(jué)濾鏡
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)頁(yè)特效轉(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 將頁(yè)面用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)頁(yè)中使用JavaScript
7.2 JavaScript語(yǔ)法基礎(chǔ)
7.2.1 JavaScript的數(shù)據(jù)類型
7.2.2 常量、變量與表達(dá)式
7.2.3 函數(shù)的定義
7.2.4 條件分支語(yǔ)句
7.2.5 循環(huán)控制語(yǔ)句
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)頁(yè)源碼
第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)頁(yè)源碼
參考文獻(xiàn)

編輯推薦

　　《高職高專立體化教材計(jì)算機(jī)系列：CSS+DIV網(wǎng)頁(yè)布局技術(shù)教程》的定位是零基礎(chǔ)學(xué)習(xí)CSS+DIV布局技術(shù)的大中專學(xué)生，也可用于幫助有表格布局基礎(chǔ)的學(xué)生向CSS+DIV布局技術(shù)過(guò)渡，還可以作為工程技術(shù)人員的參考書(shū)。《高職高專立體化教材計(jì)算機(jī)系列：CSS+DIV網(wǎng)頁(yè)布局技術(shù)教程》內(nèi)容翔實(shí)、結(jié)構(gòu)清晰、循序漸進(jìn)，通過(guò)大量的技術(shù)應(yīng)用實(shí)例深入講解CSS+DIV布局方法。書(shū)中精選的網(wǎng)頁(yè)綜合實(shí)例有很強(qiáng)的實(shí)際應(yīng)用價(jià)值，大部分章節(jié)配備了習(xí)題和上機(jī)實(shí)訓(xùn)練習(xí)題，便于讀者學(xué)習(xí)。

圖書(shū)封面

評(píng)論、評(píng)分、閱讀與下載

---

    CSS+DIV網(wǎng)頁(yè)布局技術(shù)教程 PDF格式下載

---