HTML5+CSS3網(wǎng)站設(shè)計教程
定 價:49.8 元
叢書名:工業(yè)和信息化人才培養(yǎng)規(guī)劃教材---高職高專計算機系列
- 作者:張曉景 胡克
- 出版時間:2015/4/1
- ISBN:9787115383143
- 出 版 社:人民郵電出版社
- 中圖法分類:TP312;TP393.092
- 頁碼:299
- 紙張:膠版紙
- 版次:1
- 開本:16K
《HTML5+CSS3網(wǎng)站設(shè)計教程》系統(tǒng)地講解了CSS的基礎(chǔ)理論和實際運用技術(shù),并結(jié)合多個案例講解了采用CSS與層布局相結(jié)合制作網(wǎng)頁的方法,在詳細講解各個案例的制作中,不僅介紹了CSS樣式設(shè)計的各方面知識,更重要的是結(jié)合實際網(wǎng)頁制作中可能遇到的問題提供了解決問題的思路、方法、技巧。即使是初學(xué)者,也可以輕松掌握Div+CSS布局方式,制作出精美的網(wǎng)頁,并搭建工能強大的網(wǎng)站。本書全面展現(xiàn)了運用HTML5+CSS3進行網(wǎng)頁設(shè)計布局的方法,詳細的講解步驟配合圖示,使得每個步驟清晰易懂、一目了然。
張曉景,是工作室負責(zé)人,旗下有優(yōu)秀的計算機市場書研發(fā)團隊及編寫經(jīng)驗。緊跟信息技術(shù)發(fā)展前沿,研發(fā)出多本非常暢銷的教材。
第1章 網(wǎng)頁和網(wǎng)站的基礎(chǔ)知識
1.1 認識網(wǎng)頁
1.1.1 網(wǎng)頁和網(wǎng)站
1.1.2 網(wǎng)頁的類型
1.1.3 靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁
1.1.4 網(wǎng)頁的基本構(gòu)成元素
1.2 如何設(shè)計網(wǎng)頁
1.2.1 網(wǎng)頁設(shè)計的基本原則
1.2.2 網(wǎng)頁設(shè)計成功要素
1.2.3 網(wǎng)頁的設(shè)計風(fēng)格及色彩搭配
1.2.4 網(wǎng)頁設(shè)計的實現(xiàn)
1.3 網(wǎng)頁設(shè)計的要點
1.3.1 為用戶考慮
1.3.2 主題突出
1.3.3 整體原則
1.3.4 內(nèi)容與形式相統(tǒng)一
1.3.5 更新和維護
1.4 網(wǎng)站整體制作流程
1.4.1 前期策劃
1.4.2 頁面細化及實施
1.4.3 后期維護
1.5 課堂提問
1.5.1 問題1
1.5.2 問題2
1.6 練習(xí)題
第2章 使用Web標(biāo)準(zhǔn)設(shè)計和制作
2.1 表格布局
2.1.1 表格布局的特點
2.1.2 混亂的邏輯結(jié)構(gòu)和冗余的嵌套表格
2.2 了解Web標(biāo)準(zhǔn)
2.2.1 什么是Web標(biāo)準(zhǔn)
2.2.2 什么是W3C
2.2.3 W3C發(fā)布的標(biāo)準(zhǔn)
2.2.4 Web標(biāo)準(zhǔn)的優(yōu)勢
2.3 網(wǎng)站設(shè)計的標(biāo)準(zhǔn)時代
2.3.1 為什么要建立網(wǎng)站標(biāo)準(zhǔn)
2.3.2 遵循標(biāo)準(zhǔn)的網(wǎng)站與傳統(tǒng)網(wǎng)站的區(qū)別
2.3.3 采用網(wǎng)站標(biāo)準(zhǔn)的好處與缺點
2.4 Web 標(biāo)準(zhǔn)三劍客
2.4.1 什么是內(nèi)容、結(jié)構(gòu)、表現(xiàn)和行為
2.4.2 Div 與CSS 結(jié)合的優(yōu)勢
2.4.3 如何改善現(xiàn)有網(wǎng)站
2.5 關(guān)于Web 標(biāo)準(zhǔn)的思考與爭論
2.5.1 關(guān)于Web 標(biāo)準(zhǔn)的好處
2.5.2 關(guān)于布局
2.5.3 關(guān)于瀏覽器兼容
2.6 關(guān)于Web 標(biāo)準(zhǔn)的誤區(qū)
2.6.1 拋棄表格布局的思維方式
2.6.2 正確使用XHTML 標(biāo)簽
2.6.3 善于利用CSS
2.6.4 “通過驗證”并不是最終目的
2.7 課堂提問
2.7.1 問題1
2.7.2 問題2
2.8 練習(xí)題
第3章 HTML 和XHTML 基礎(chǔ)
3.1 HTML 基礎(chǔ)
3.1.1 HTML 概述
3.1.2 HTML 文件的基本結(jié)構(gòu)
3.1.3 HTML 的主要功能
3.1.4 HTML 的基本語法
3.2 HTML 標(biāo)簽
3.2.1 基本標(biāo)簽
3.2.2 格式標(biāo)簽
3.2.3 文本標(biāo)簽
3.2.4 超鏈接標(biāo)簽
3.2.5 圖像標(biāo)簽
3.2.6 表格標(biāo)簽
3.2.7 分區(qū)標(biāo)簽
3.3 XHTML 介紹
3.3.1 什么是XHTML
3.3.1 升級到XHTML 的好處
3.3.2 XHTML 的頁面結(jié)構(gòu)
3.3.3 XHTML 代碼規(guī)范
3.3.4 選擇文檔類型
3.3.5 XHTML 和HTML 的比較
3.3.4 名字空間
3.4 課堂提問
3.4.1 問題1
3.4.2 問題2
3.5 練習(xí)題
第4章 CSS樣式基礎(chǔ)
4.1 CSS概述
4.1.1 CSS的特點
4.1.2 CSS的類型
4.1.3 CSS的基本語法
4.2 CSS樣式表的基本用法
4.2.1 如何在HTML內(nèi)插入樣式表
4.2.2 CSS樣式表規(guī)則
4.3 CSS樣式表分類
4.3.1 內(nèi)聯(lián)樣式
4.3.2 內(nèi)部樣式表
4.3.3 外部樣式表
4.4 CSS文檔結(jié)構(gòu)
4.4.1 結(jié)構(gòu)
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 練習(xí)題
第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 居中的布局設(shè)計
5.3.2 浮動的布局設(shè)計
5.3.3 高度自適應(yīng)
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實現(xiàn)鼠標(biāo)經(jīng)過變換效果
5.5 商業(yè)案例——設(shè)計制作咖啡店網(wǎng)站頁面
5.5.1 設(shè)計分析
5.5.2 布局分析
5.5.3 制作流程
5.5.4 制作步驟
5.5.5 案例小結(jié)
5.6 課堂提問
5.6.1 問題1
5.6.2 問題2
5.7 練習(xí)題
第6章 設(shè)置頁面背景圖像
6.1 背景控制概述
6.1.1 背景控制原則
6.1.2 背景控制屬性
6.2 背景顏色控制
6.2.1 控制頁面背景顏色
6.2.2 設(shè)置塊背景顏色
6.3 背景圖片控制
6.3.1 設(shè)置背景圖像
6.3.2 背景圖像的重復(fù)方式
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實現(xiàn)動態(tài)背景
6.5 課堂提問
6.5.1 問題1
6.5.2 問題2
6.6 練習(xí)題
第7章 設(shè)置頁面中的圖像
7.1 圖像樣式控制
7.1.1 圖像邊框
7.1.2 圖像定位
7.1.3 圖像縮放
7.1.4 圖像對齊方式
7.2 圖文混排
7.2.1 文本混排
7.2.2 設(shè)置混排間距
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實現(xiàn)圖像滑過動畫效果
7.6 課堂提問
7.6.1 問題1
7.6.1 問題2
7.7 練習(xí)題
第8章 CSS文本內(nèi)容排版
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實現(xiàn)可折疊欄目
8.6 課堂提問
8.6.1 問題1
8.6.2 問題2
8.7 練習(xí)題
第9章 設(shè)置表單樣式
9.1 表單設(shè)計概述
9.1.1 網(wǎng)頁表單設(shè)計原則
9.1.2 表單應(yīng)用分類
9.2 表單設(shè)計
9.2.1 表單和表單元素
9.2.2 標(biāo)簽的作用
9.2.3 文本框樣式設(shè)計
9.2.4 下拉列表樣式設(shè)計
9.3 CSS 3.0中控制內(nèi)容的新增屬性
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實現(xiàn)動態(tài)堆疊卡效果
9.5 課堂提問
9.5.1問題1
9.5.2問題2
9.6 練習(xí)題
第10章 設(shè)置列表樣式
10.1 列表控制概述
10.1.1 列表控制原則
10.1.2 列表標(biāo)簽的使用
10.2 列表樣式控制
10.2.1 ul序列表
10.2.2 ol有序列表
10.2.3 定義列表
10.2.4 更改列表項目樣式
10.3 使用列表制作菜單
10.3.1 須表格的菜單
10.3.2 菜單的橫豎轉(zhuǎn)換
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實現(xiàn)選項卡式新聞塊
10.5 課堂提問
10.5.1問題1
10.5.2問題2
10.6練習(xí)題
第11章 設(shè)置頁面超鏈接樣式
11.1 超鏈接概述
11.1.1 超鏈接樣式