Div CSS 基礎教程

Div CSS 基礎教程

《Div+CSS 基礎教程》是2017年12月由北京逐日傳媒總策劃,李娟等主編,兵器工業出版社出版的藝術類圖書教材。

基本介紹

  • 書名:Div+CSS 基礎教程
  • 作者:李娟等
  • ISBN:9787518103768
  • 頁數:208
  • 定價:68.00
  • 出版社兵器工業出版社
  • 出版時間:2017年12月
  • 裝幀:平裝
內容簡介,目錄,

內容簡介

《Div+CSS 基礎教程》是2017年12月由北京逐日傳媒總策劃,李娟等主編,兵器工業出版社出版的藝術類圖書教材。
本書系統地介紹了CSS樣式的基礎理論和實際套用技術,並結合實例來介紹Div+CSS布局製作網頁的方法和技巧。全面展現了運用Div加CSS進行網頁設計布局的方法,詳細地講解了步驟配合圖示。本書內容豐富、結構清晰,注重思維鍛鍊與實踐套用,適合廣大初、中級網頁設計愛好者學習。

目錄

第1章 網頁和網站製作流程
1.1認識網頁
1.1.1網頁和網站
1.1.2網頁的基本構成元素
1.2什麼是網頁設計
1.3網頁設計所涵蓋的內容
1.3.1網頁中的視聽元素
1.3.2網頁版式設計
1.4如何設計網頁
1.4.1網頁設計的基本原則
1.4.2網站設計成功要素
1.4.3網頁設計風格及色彩搭配
1.5網站的製作流程
1.5.1前期策劃
1.5.2頁面細化及實施
1.5.3後期維護
1.6掌握Dreamweaver的基本操作
1.6.1創建本地站點
課堂練習——創建本地站點
1.6.2在網頁中為Div定義CSS樣式
課堂練習——在網頁中插入Div並設定CSS樣式
1.6.3 Div+CSS的優勢
1.7本章小結
第2章 HTML入門
2.1 HTML基礎
2.1.1 HTML概述
2.1.2 HTML的基礎結構
2.2 HTML標籤
2.2.1基本標籤
2.2.2格式標籤
2.2.3文本標籤
2.2.4超連結標籤
2.2.5圖像標籤
2.2.6表格標籤
2.2.7分區標籤
2.3 XHTML介紹
2.3.1什麼是XHTML
2.3.2 HTML與XHTML的區別
2.3.3 html轉換成xhtml的方法
課堂練習——製作一個HTML頁面
2.4 HTML 5
2.4.1 HTML 5標籤
2.4.2 HTML 5事件屬性
2.4.3 HTML標準屬性
2.5 HTML 5的設計目的
課堂練習——使用HTML 5實現視頻和音頻播放
2.6本章小結
第3章 CSS樣式表入門
3.1 CSS的基本概念
3.1.1 CSS的特點
3.1.2 CSS的基本語法
3.1.3 CSS樣式表規則
3.1.4 CSS選擇器
3.2在網頁中套用CSS樣式
課堂練習——嵌入樣式
課堂練習——連結外部樣式
3.3單位和值
3.3.1 CSS定義顏色值
3.3.2定義字型
3.3.3長度單位
課堂練習——製作簡單的育兒網站
3.4 CSS 3常用新增屬性
3.5本章小結
第4章 使用Div+CSS布局頁面
4.1定義Div
4.1.1什麼是Div
4.1.2插入Div
4.1.3 Div的嵌套和固定格式
4.2 CSS布局定位
4.2.1浮動定位
課堂練習——浮動定位
4.2.2 position定位
4.3可視化盒模型
4.3.1盒子模型
4.3.2視覺可視化模型
4.3.3空白邊疊加
課堂練習——空白邊疊加
4.4常用的布局方式
4.4.1居中布局設計
4.4.2浮動布局設計
4.4.3高度自適應布局
課堂練習——製作卡通個性網站頁面
4.5 CSS 3中有關盒模型的新增屬性
4.6本章小結
第5章 使用CSS控制網頁中的背景
5.1背景顏色
5.1.1設定頁面背景顏色
5.1.2設定塊背景顏色
5.2背景圖片
5.2.1為頁面設定背景圖片
5.2.2設定背景圖片的重複方式
課堂練習——定義背景圖片的重複方式
5.2.3設定背景圖片的位置
5.2.4設定背景滾動
課堂練習——設定背景滾動
5.3 CSS 3中有關背景的新增屬性
5.3.1 background-size屬性
課堂練習——設定背景圖像的大小
5.3.2 background-origin屬性
5.3.3 background-clip屬性
5.4本章小結
第6章 使用CSS控制頁面文字樣式
6.1控制文字樣式
6.1.1字型和大小
6.1.2定義字型顏色
6.1.3定義字型的粗細
6.1.4定義字型樣式
6.1.5下劃線、頂劃線和刪除線
6.1.6英文字母大小寫
課堂練習——設定英文字母大小寫
6.2控制段落樣式
6.2.1段落水平對齊
6.2.2段落垂直對齊
6.2.3行間距和字間距
6.2.4首字下沉
課堂練習——設定首字下沉
6.3 CSS樣式的功能及衝突
6.3.1使用CSS對Flash中的文字進行控制
6.3.2 CSS樣式衝突
6.4 CSS 3中有關文字的新增屬性
6.4.1 text-shadow屬性
6.4.2 text-overflow屬性
6.4.3 word-wrap屬性
課堂練習——控制文本換行
6.4.4 font-size-adjust屬性
6.5本章小結
第7章 使用CSS控制圖片樣式
7.1圖片樣式
7.1.1 圖片框線設定
課堂練習——定義圖片框線
7.1.2圖片縮放
7.2圖片對齊
7.2.1水平對齊設定
7.2.2垂直對齊設定
7.3圖文混排
7.3.1文本混排
課堂練習——設定圖文混排
7.3.2設定混排間距
7.4 CSS 3中有關框線的新增屬性
7.4.1 border-image屬性
課堂練習——設定圖像框線
7.4.2 border-radius屬性
7.4.3 box-shadow屬性
7.5本章小結
第8章 使用CSS控制列表樣式
8.1列表控制概述
8.1.1列表控制原則
8.1.2列表的類型及使用
課堂練習——定義ul無序列表樣式
8.1.3改變項目樣式
8.1.4圖片符號
8.2使用列表製作實用選單
8.2.1使用CSS樣式創建豎嚮導航選單
課堂練習——使用CSS樣式創建豎嚮導航選單
8.2.2選單的橫豎轉換
8.3 CSS中的內容和透明度屬性
8.3.1 content屬性
課堂練習——設定內容
8.3.2 opacity屬性
8.4本章小結
第9章 使用CSS控制表單樣式
9.1表單設計概述
9.1.1表單的設計原則
9.1.2表單套用分類
9.2表單的設計
9.2.1表單
9.2.2使用CSS控制表單樣式
課堂練習——控制文本框的樣式
9.2.3使用CSS控制列表與跳轉選單
9.2.4使用CSS定義圓角文本欄位
9.3 CSS 3中新增的多列布局屬性
9.3.1 column-width屬性
課堂練習——設定列寬
9.3.2新增多列設定屬性
課堂練習——多列屬性的設定
9.4本章小結
第10章 使用CSS美化瀏覽器效果
10.1使用CSS控制超連結
10.1.1認識超連結
10.1.2關於連結路徑
10.1.3超連結屬性控制
10.1.4圖像映射
課堂練習——圖像映射
10.1.5定義連結的打開方式
10.2超連結特效
10.2.1按鈕式超連結
10.2.2浮雕式超連結
課堂練習——為超連結添加背景
10.3滑鼠特效
10.3.1 CSS控制滑鼠箭頭
10.3.2滑鼠變化的超連結
課堂練習——使用CSS定義滑鼠變幻效果
10.4 CSS 3中有關用戶界面的新增屬性
10.4.1 box-sizing屬性
10.4.2 resize屬性
10.4.3 outline屬性
10.4.4 nav-index屬性
10.5本章小結
第11章 套用CSS中的濾鏡
11.1了解CSS濾鏡
11.1.1 Alpha濾鏡
課堂練習——Alpha濾鏡
11.1.2 Blur濾鏡
11.1.3 Dropshadow濾鏡
11.1.4 Shadow濾鏡
11.1.5 Flip濾鏡
課堂練習——Flip濾鏡
11.1.6 Glow濾鏡
11.1.7 Gray濾鏡
11.1.8 Invert濾鏡
11.1.9 Xray濾鏡
11.1.10 Mask濾鏡
11.1.11 Wave濾鏡
11.2 CSS 3中其他模組的新增屬性
11.2.1 @media屬性
課堂練習——設定@media屬性
11.2.2 @font-face屬性
11.2.3 speech屬性
11.3本章小結

相關詞條

熱門詞條

聯絡我們