高職高專立體化教材計算機系列：CSS+DIV網頁布局技術教程

內容簡介

《高職高專立體化教材計算機系列：CSS+DIV網頁布局技術教程》主要介紹了超文本標記語言HTML和XHTML、CSS層疊樣式表的基礎理論和實際運用技術，通過實例分析講解了CSS語法、文欄位落設定、背景圖片設定以及CSS濾鏡的套用等，重點講解了如何運用CSS+DIV進行網頁布局，注重實際操作，使讀者能更好地掌握CSS技術及CSS+DIV布局的精髓。本書最後給出了兩個常見類型的完整網頁的綜合實例，讓讀者進一步鞏固所學的知識，提高綜合套用的能力。

《高職高專立體化教材計算機系列：CSS+DIV網頁布局技術教程》適合作為大中專院校計算機套用技術和電子商務類專業的教材，也可作為網頁設計技術培訓教程，還可以作為Web網站開發人員、網頁設計師、網頁前端架構師、用戶體驗設計師的參考書。

圖書目錄

第1章 HTML和XHTML基礎

1.1 HTML基本用酷妹享法

1.1.1 HTML文檔基本結構

1.1.2 常用的HTML標籤

1.2 升級到XHTML

1.2.1 為什麼要升級

1.2.2 XHTML與HTML比較

1.2.3 如何轉換現有的文檔為XHTML

習題1

上機實驗1

第2章 CSS基礎

2.1 CSS基本概念

2.1.1 CSS的基本概念

2.1.2 CSS的特點

2.2 CSS選擇器

2.2.1 CSS樣式規則的定義

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 內部樣式表

2.3.2 外部樣式表

2.3.3 內聯樣式表

2.3.4 輸入樣式表

2.3.5 多重樣式

2.4 CSS的繼承

2.4.1 CSS的繼承關係

2.4.2 CSS繼承的套用

習題2

上機實驗2

第3章用CSS設定文字與背景

3.1 CSS文字與段落樣式

3.1.1 CSS文字樣式

3.1.2 CSS段落文字

3.1.3 CSS列表

3.2 CSS顏色與背景樣式

3.2.1 設定顏色

3.2.2 設定背景圖像

3.2.3 背景圖像的重複方式

3.2.4 固定背景圖像

3.2.5 背景圖片位置

3.2.6 背景樣式的縮寫

3.3 綜合實例

3.3.1 文字的綜合套用

3.3.2 背景的綜合套用

習題3

上機實驗3

第4章 CSS濾鏡籃企習協的套用

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 轉換戰應料濾鏡

4.3.1 融合盼灶殼采轉換濾鏡

4.3.2 揭示轉換濾鏡

4.3.3 網頁特效轉換

習題4

上機實驗4

第5章 CSS框模型與定位

5.1 CSS框模型

5.1.1 CSS框模型的概述

5.1.2 CSS內邊距

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布局基烏元拘礎

6.1 div標記與span標記

6.1.1 div標記與span標記概述

6.1.2 與標記的區別

6.2 CSS排版觀念

6.2.1 將頁面用div分塊

6.2.2 設計各塊的位置

6.2.3 用CSS定位

6.3 固定寬度且居中的版式

6.3.1 一列固定寬度居中

6.3.2 二列固定寬度居中

6.4 自適應寬度且居中的版式

6.4.1 一列自適應寬度且居中

6.4.2 二列寬度自適應

6.4.3 左列固定，右列寬度自適應

6.4.4 三列浮動中間列寬度自適應

6.5 一個常用的DIV+CSS網站布局的基本框架結構實例

6.5.1 搭建框架

6.5.2 添加CSS樣式

6.6 排版實例：淘寶商城

6.6.1 搭建HTML框架

6.6.2 添加CSS樣式

6.6.3 採用CSS+DIV布局優勢

習題6

上機實驗6

第7章 CSS與JavaScript的綜合應府影符用

7.1 JavaScript概述

7.1.1 JavaScript簡介

7.1.2 JavaScript的特點

7.1.3 在網頁中使用JavaScript

7.2 JavaScript語法基礎

7.2.1 JavaScript的數據類型

7.2.2 常量、變數與表達式

7.2.3 函式的定義

7.2.4 條件分支語句

7.2.5 循環控制語句

7.3 JavaScript內置對象

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 事件及回響方法

7.5.2 document的常用事件

7.6 實例一：圖片的間歇滾動

7.7 實例二：用CSS製作的導航選單

7.8 實例三：用CSS實現PPT幻燈片

習題7

上機實驗7

第8章整合案例一：我的部落格

8.1 分析架構

8.1.1 設計分析

8.1.2 排版架構

8.2 模組設計

8.2.1 導航與Banner

8.2.2 左側列表

8.2.3 內容部分

8.2.4 footer腳註

8.3 整體調整

8.4 網頁源碼

第9章整合案例二：企業網站

9.1 分析架構

9.1.1 設計分析

9.1.2 排版架構

9.2 模組設計

9.2.1 導航與Banner

9.2.2 左側部分

9.2.3 中間部分

9.2.4 右側部分

9.2.5 footer腳註

9.3 整體調整

9.4 網頁源碼

參考文獻

高職高專立體化教材計算機系列：CSS+DIV網頁布局技術教程

基本介紹

內容簡介

圖書目錄

相關詞條

熱門詞條