CSS DIV網(wǎng)頁樣式與布局案例指導(dǎo)目錄

時間：2023-06-20 00:51:01 | 來源：營銷百科

時間：2023-06-20 00:51:01 來源：營銷百科

CSS DIV網(wǎng)頁樣式與布局案例指導(dǎo)目錄：第1章 網(wǎng)站制作流程與布局概念

1.1 網(wǎng)站和網(wǎng)頁

1.1.1 網(wǎng)站與網(wǎng)頁的關(guān)系

1.1.2 域名

1.2 網(wǎng)站的制作流程

1.2.1 前期策劃

1.2.2 頁面實施

1.2.3 后期維護

1.3 布局方式

1.3.1網(wǎng)站建設(shè)標(biāo)準(zhǔn)

1.3.2 頁面布局

1.3.3 標(biāo)準(zhǔn)與表格布局

第2章 HTML與XHTML

2.1 HTML基礎(chǔ)

2.1.1 HTML概述

2.1.2 HTML基本結(jié)構(gòu)

2.2 HTML基本標(biāo)簽

2.2.1 基本標(biāo)簽

2.2.2 格式標(biāo)簽

2.2.3 文本標(biāo)簽

2.2.4 超鏈接標(biāo)簽

2.2.5 圖像標(biāo)簽

2.2.6 表格標(biāo)簽

2.2.7 框架標(biāo)簽

2.2.8 表單標(biāo)簽

2.2.9 分區(qū)標(biāo)簽

2.3 XHTML

2.3.1 XHTML概述

2.3.2 HTML轉(zhuǎn)換為XHTML

第3章 JavaScript腳本語言概述

3.1 JavaScript概述

3.1.1 JavaScript發(fā)展

3.1.2 編寫JavaScript腳本代碼

3.1.3 JavaScript程序結(jié)構(gòu)

3.1.4 JavaScript代碼嵌入HTML文檔

3.2 JavaScript效果的實現(xiàn)

3.2.1 事件處理器

3.2.2 表單驗證

3.2.3 JavaScript窗口

3.3 JavaScript與CSS

3.3.1 在CSS中使用JavaScript

3.3.2 JavaScript控制CSS樣式切換

3.3.2 JavaScript與CSS實現(xiàn)雕刻菜單效果

第4章 CSS概述

4.1 CSS的基本概念

4.2 CSS的頁面設(shè)置

4.2.1 內(nèi)聯(lián)樣式表

4.2.2 嵌入樣式表

4.2.3 外部樣式表

4.2.4 輸入樣式表

4.3 CSS與HTML

4.4 CSS的選擇器和繼承

4.4.1CSS選擇器

4.4.2 CSS的繼承

4.5 編輯CSS

4.6 瀏覽器與CSS

第5章 CSS語法介紹

5.1 CSS選擇器

5.1.1 標(biāo)記選擇器

5.1.2 類選擇器

5.1.3 ID選擇器

5.1.4 選擇器的聲明

5.2 CSS的繼承

5.2.1 父子關(guān)系

5.2.2 CSS繼承的運用

5.3 單位和值

5.3.1 顏色

5.3.2 長度單位

5.3.3 URL

第6章 CSS文本編輯效果

6.1 文字樣式

6.1.1 字體的樣式

6.1.2 文字的大小

6.1.3 文字的顏色

6.1.4 字體的粗細與斜體

6.1.5 下畫線、頂畫線和刪除線

6.2 段落設(shè)置

6.2.1 對齊方式

6.2.2 行間距

6.2.3 字間距

6.2.4 首字放大效果

第7章 CSS表格和表單效果

7.1 表格樣式

7.1.1 表格屬性

7.1.2 表格的邊框樣式

7.1.3 表格的文本樣式

7.1.4 表格嵌套

7.1.5 表格背景變色

7.2 表單樣式

7.2.1 表單屬性

7.2.2 表單邊框閃爍

第8章 CSS與頁面結(jié)構(gòu)

8.1 邊框

8.1.1 邊界

8.1.2 邊框

8.1.3 補白

8.1.4 浮動與清除

8.2 分塊格式編排

8.2.1 塊元素

8.2.2 內(nèi)聯(lián)元素

8.2.3 可變元素

第9章 用CSS設(shè)置網(wǎng)頁效果

9.1 用CSS設(shè)置圖片樣式

9.1.1 圖片邊框的設(shè)置

9.1.2 圖片大小的設(shè)置

9.1.3 圖片自動等比例縮小

9.1.4 圖片陰影的設(shè)置

9.1.5 圖片透明的設(shè)置

9.1.6 圖片的對齊方式的設(shè)置

9.1.7 文字環(huán)繞的效果

9.1.8 浮動廣告的制作

9.2 用CSS設(shè)置網(wǎng)頁中的背景

9.2.1 頁面的背景色

9.2.2 頁面的背景圖的設(shè)置

9.2.3 背景圖片的位置

9.2.4 固定背景圖片

9.2.5 添加多個背景圖片

第10章 用CSS設(shè)置頁面

10.1 設(shè)置頁面格式

10.1.1 設(shè)置超鏈接

10.1.2 設(shè)置導(dǎo)航欄

10.1.3 設(shè)置鼠標(biāo)特效

10.1.4 設(shè)置滾動條

10.1.5 設(shè)置選項卡

10.2 特殊效果

10.2.1 鼠標(biāo)提示

10.2.2 導(dǎo)航欄的隱藏和展開

10.2.3 設(shè)置滑動文本選項卡

第11章CSS濾鏡的應(yīng)用

11.1 濾鏡介紹

11.2 通道（alpha）

11.3 模糊（blur）

11.4 透明色（chroma）

11.5 陰影（shadow）

11.6 光暈（glow）

11.7 波浪（wave）

11.8 X射線（x-ray）

11.9 灰度（gray）

11.1 0反色（invert）

11.1 1遮罩（mask）

11.1 2翻轉(zhuǎn)（FlipHFlipV）

第12章 理解CSS定位與div布局

12.1 div標(biāo)簽與span標(biāo)簽

12.1.1 概述

12.1.2 元素的分類和標(biāo)識（class和id）

12.1.3 組織元素（div和span）

12.2 盒子模型

12.2.1 盒子模型的概念

12.2.2 border屬性

12.2.3 padding屬性

12.2.4 margin屬性

12.2.5 寬度和高度

12.3 元素的定位

12.3.1 CSS的定位原理

12.3.2 定位方式

12.3.3 float定位

12.3.4 z-index定位

第13章 CSS DIV布局

13.1 CSS DIV布局方法

13.1.1 網(wǎng)站的制作規(guī)范

13.1.2 將頁面用div分塊

13.1.3 對分布的塊進行定位

13.2 CSS排版觀念

13.2.1 對段落進行排版

13.2.2 對圖片進行排版

13.2.3 對表格進行排版

13.2.4 '固定寬度且居中'的版式

13.2.5 '左中右'版式

第14章 調(diào)用樣式表

14.1 關(guān)于CSS

14.1.1CSS樣式表的功能

14.1.2 CSS樣式表的分類

14.2 調(diào)用樣式表的方法

14.2.1 外部調(diào)用CSS樣式表

14.2.2 雙表法調(diào)用樣式表

14.2.3 樣式表的切換

14.2.4 樣式表的優(yōu)先級

14.2.5 根據(jù)時段改變網(wǎng)站風(fēng)格

第15章 小型企業(yè)網(wǎng)站

15.1 設(shè)計分析

15.2 布局分析

15.3 模塊分析與設(shè)計實現(xiàn)

15.3.1 Logo與菜單效果

15.3.2 導(dǎo)航與搜索功能的設(shè)計

15.3.3 公司咨詢

15.3.4 主體實現(xiàn)

15.3.5 業(yè)內(nèi)新聞

15.4 CSS整理與調(diào)整

第16章 購物網(wǎng)站

16.1 設(shè)計分析

16.2 布局分析

16.3 模塊分析與設(shè)計實現(xiàn)

16.3.1 Logo與菜單效果

16.3.2 分類搜索功能設(shè)計

16.3.3 商品導(dǎo)購功能設(shè)計

16.3.4 交易功能設(shè)計

16.4 CSS整理與調(diào)整

第17章 觀光旅游導(dǎo)航網(wǎng)站

17.1 設(shè)計分析

17.2 布局分析

17.3 模塊分析與設(shè)計實現(xiàn)

17.3.1 CSS基本設(shè)置

17.3.2 標(biāo)題欄與banner圖片的實現(xiàn)

17.3.3 左側(cè)分欄與導(dǎo)航菜單實現(xiàn)

17.3.4 主體實現(xiàn)

17.3.5 腳注（footer）

17.4 CSS整理與調(diào)整