HTML5+CSS3網站設計教程

HTML5+CSS3網站設計教程

《HTML5+CSS3網站設計教程》是2019年1月人民郵電出版社出版的圖書,作者是張曉景、胡克。

基本介紹

  • 書名:HTML5+CSS3網站設計教程
  • 作者:張曉景、胡克
  • ISBN:9787115383143
  • 頁數:299頁
  • 定價:49.8元
  • 出版社:人民郵電出版社
  • 出版時間:2019年1月
  • 裝幀:平裝
  • 開本:16開
內容簡介,圖書目錄,

內容簡介

本書系統地講解了CSS的基礎理論和實際運用技術,並結合多個案例講解了採用CSS與層布局相結合製作網頁的方法,在詳細講解各個案例的製作中,不僅介紹了CSS樣式設計的各方面知識,更重要的是結合實際網頁製作中可能遇到的問題提供了解決問題的思路、方法、技巧。即使是初學者,也可以輕鬆掌握Div+CSS布局方式,製作出精美的網頁,並搭建工能強大的網站。本書全面展現了運用HTML5+CSS3進行網頁設計布局的方法,詳細的講解步驟配合圖示,使得每個步驟清晰易懂、一目了然。

圖書目錄

第 1章 網頁和網站的基礎知識
1.1 認識網頁
1.1.1 網頁和網站
1.1.2 網頁的類型
1.1.3 靜態網頁與動態網頁
1.1.4 網頁的基本構成元素
1.2 如何設計網頁
1.2.1 網頁設計的基本原則
1.2.2 網頁設計成功要素
1.2.3 網頁的設計風格及色彩搭配
1.2.4 網頁設計的實現
1.3 網頁設計的要點
1.3.1 為用戶考慮
1.3.2 主題突出
1.3.3 整體原則
1.3.4 內容與形式相統一
1.3.5 更新和維護
1.4 網站整體製作流程
1.4.1 前期策劃
1.4.2 頁面細化及實施
1.4.3 後期維護
1.5 課堂提問
1.5.1 問題1
1.5.2 問題2
1.6 練習題
第 2章 使用Web標準設計和製作
2.1 表格布局
2.1.1 表格布局的特點
2.1.2 混亂的邏輯結構和冗餘的嵌套表格
2.2 了解Web標準
2.2.1 什麼是Web標準
2.2.2 什麼是W3C
2.2.3 W3C發布的標準
2.2.4 Web標準的優勢
2.3 網站設計的標準時代
2.3.1 為什麼要建立網站標準
2.3.2 遵循標準的網站與傳統網站的區別
2.3.3 採用網站標準的好處與缺點
2.4 Web 標準三劍客
2.4.1 什麼是內容、結構、表現和行為
2.4.2 Div 與CSS 結合的優勢
2.4.3 如何改善現有網站
2.5 關於Web 標準的思考與爭論
2.5.1 關於Web 標準的好處
2.5.2 關於布局
2.5.3 關於瀏覽器兼容
2.6 關於Web 標準的誤區
2.6.1 拋棄表格布局的思維方式
2.6.2 正確使用XHTML 標籤
2.6.3 善於利用CSS
2.6.4 “通過驗證”並不是最終目的
2.7 課堂提問
2.7.1 問題1
2.7.2 問題2
2.8 練習題
第3章 HTML 和XHTML 基礎
3.1 HTML 基礎
3.1.1 HTML 概述
3.1.2 HTML 檔案的基本結構
3.1.3 HTML 的主要功能
3.1.4 HTML 的基本語法
3.2 HTML 標籤
3.2.1 基本標籤
3.2.2 格式標籤
3.2.3 文本標籤
3.2.4 超連結標籤
3.2.5 圖像標籤
3.2.6 表格標籤
3.2.7 分區標籤
3.3 XHTML 介紹
3.3.1 什麼是XHTML
3.3.1 升級到XHTML 的好處
3.3.2 XHTML 的頁面結構
3.3.3 XHTML 代碼規範
3.3.4 選擇文檔類型
3.3.5 XHTML 和HTML 的比較
3.3.4 名字空間
3.4 課堂提問
3.4.1 問題1
3.4.2 問題2
3.5 練習題
第4章 CSS樣式基礎
4.1 CSS概述
4.1.1 CSS的特點
4.1.2 CSS的類型
4.1.3 CSS的基本語法
4.2 CSS樣式表的基本用法
4.2.1 如何在HTML內插入樣式表
4.2.2 CSS樣式表規則
4.3 CSS樣式表分類
4.3.1 內聯樣式
4.3.3 外部樣式表
4.4 CSS文檔結構
4.4.1 結構
4.4.2 繼承
4.4.3 特殊性
4.4.4 層疊
4.4.5 重要性
4.5 單位和值
4.5.1 顏色值
4.5.2 定義字型
4.5.3 群選擇符
4.5.4 派生選擇符
4.5.5 id選擇符
4.5.6 類別選擇符
4.5.7 定義連結的樣式表
4.6 課堂提問
4.6.1 問題1
4.6.2問題2
4.7 練習題
第5章 Div+CSS布局入門
5.1 定義Div
5.1.1 什麼是Div
5.1.2 插入Div
5.1.3 Div的嵌套和固定格式
5.2 可視化模型
5.2.1 盒模型
5.2.2 視覺可視化模型
5.2.3 相對定位
5.2.4 定位
5.2.5 浮動定位
5.2.6 空白邊疊加
5.3 CSS布局方式
5.3.1 居中的布局設計
5.3.2 浮動的布局設計
5.3.3 高度自適應
5.4 CSS 3.0中盒模型的新增屬性
5.4.1 overflow
5.4.2 overflow-x
5.4.3 overflow-y
5.4.4 使用CSS 3.0實現滑鼠經過變換效果
5.5 商業案例——設計製作咖啡店網站頁面
5.5.1 設計分析
5.5.2 布局分析
5.5.3 製作流程
5.5.4 製作步驟
5.5.5 案例小結
5.6 課堂提問
5.6.1 問題1
5.6.2 問題2
5.7 練習題
第6章 設定頁面背景圖像
6.1 背景控制概述
6.1.1 背景控制原則
6.1.2 背景控制屬性
6.2 背景顏色控制
6.2.1 控制頁面背景顏色
6.2.2 設定塊背景顏色
6.3 背景圖片控制
6.3.1 設定背景圖像
6.3.2 背景圖像的重複方式
6.3.3 背景圖像的定位
6.3.4 背景圖像的滾動
6.4 CSS 3.0中背景的背增屬性
6.4.1 background-origin
6.4.2 background-clip
6.4.3 background-size
6.4.4 multiple backgrounds
6.4.5 使用CSS 3.0實現動態背景
6.5 課堂提問
6.5.1 問題1
6.5.2 問題2
6.6 練習題
第7章 設定頁面中的圖像
7.1 圖像樣式控制
7.1.1 圖像框線
7.1.2 圖像定位
7.1.3 圖像縮放
7.1.4 圖像對齊方式
7.2 圖文混排
7.2.1 文本混排
7.2.2 設定混排間距
7.3 CSS 3.0中框線的新增屬性
7.3.1 border-image
7.3.2 border-radius
7.3.3 border-color
7.3.4 box-shadow
7.3.5 使用CSS 3.0實現圖像滑過動畫效果
7.6 課堂提問
7.6.1 問題1
7.6.1 問題2
7.7 練習題
第8章 CSS文本內容排版
8.1 文本排版概述
8.1.1 文本排版原則
8.1.2 文本控制屬性
8.2 CSS文本樣式
8.2.1 字型
8.2.2 大小
8.2.3 粗細
8.2.4 樣式
8.2.5 顏色
8.2.6 修飾
8.2.7 英文字母大小寫
8.3 CSS段落樣式
8.3.1 段落水平對齊
8.3.2 段落垂直對齊
8.3.3 行間距和字間距
8.3.4 首字下沉
8.4 CSS 3.0中文字的新增功能
8.4.1 text-shadow
8.4.2 text-overflow
8.4.3 word-wrap
8.4.4 使用CSS 3.0實現可摺疊欄目
8.6 課堂提問
8.6.1 問題1
8.6.2 問題2
8.7 練習題
第9章 設定表單樣式
9.1 表單設計概述
9.1.1 網頁表單設計原則
9.1.2 表單套用分類
9.2 表單設計
9.2.1 表單和表單元素
9.2.2 標籤的作用
9.2.3 文本框樣式設計
9.2.4 下拉列表樣式設計
9.3 CSS 3.0中控制內容的新增屬性
9.4 CSS 3.0中顏色的新增屬性
9.4.1 HSL Colors
9.4.2 HSLA Colors
9.4.3 Opacity
9.4.4 RGBA Colors
9.4.5 使用CSS 3.0實現動態堆疊卡效果
9.5 課堂提問
9.5.1問題1
9.5.2問題2
9.6 練習題
第 10章 設定列表樣式
10.1 列表控制概述
10.1.1 列表控制原則
10.1.2 列表標籤的使用
10.2 列表樣式控制
10.2.1 ul無序列表
10.2.2 ol有序列表
10.2.3 定義列表
10.2.4 更改列表項目樣式
10.3 使用列表製作選單
10.3.1 無須表格的選單
10.3.2 選單的橫豎轉換
10.4 CSS 3.0中其他模組的新增屬性
10.4.1 @media
10.4.2 @font-face
10.4.3 columns
10.4.4 speech
10.4.5 使用CSS 3.0實現選項卡式新聞塊
10.5 課堂提問
10.5.1問題1
10.5.2問題2
10.6練習題
第 11章 設定頁面超連結樣式
11.1 超連結概述
11.1.1 超連結樣式

熱門詞條

聯絡我們