HTML+CSS+DIV網頁設計與布局從入門到精通

HTML+CSS+DIV網頁設計與布局從入門到精通

《HTML+CSS+DIV網頁設計與布局從入門到精通》是2012年8月化學工業出版社出版的一本圖書,作者是曾苗苗。

基本介紹

  • 書名:HTML+CSS+DIV網頁設計與布局
  • 作者:曾苗苗 
  • ISBN:9787122144164
  • 頁數:350
  • 定價:48.00元
  • 出版社化學工業出版社
  • 出版時間:2012-8
內容簡介,編輯推薦,目錄,

內容簡介

《HTML+CSS+DIV網頁設計與布局從入門到精通》內容簡介:隨著Web 2.0的盛行,一切都開始基於Web標準,許多網站設計師開始學習並套用Web標準,CSS的套用也越來越廣泛。本書正是一本在這種流行趨勢下應運而生的介紹使用XHTML和CSS進行網頁標準化布局的書籍。
《HTML+CSS+DIV網頁設計與布局從入門到精通》一共分為4篇,循序漸進地講述了網頁、XHTML基礎知識和CSS布局的實戰技術,從基本概念到具體實踐、從對網頁的認識到製作網頁、從認識XHTML到使用不同的XHTML標籤定義不同的內容,從使用CSS進行網頁局部的設計到進行整個網站的布局製作都進行了詳細的闡述,並以實例的形式對具體知識點進行了詳細的講解。

編輯推薦

《HTML+CSS+DIV網頁設計與布局從入門到精通》的特點在於引導讀者轉變思路和進行實際操作,以最簡單的方法與讀者探討使用CSS進行符合Web標準的網頁設計的方方面面的知識。全書以XHTML和CSS基礎為主體內容,講解CSS布局的入門知識與網站布局實戰技巧、版式布局細節、瀏覽器兼容性等。書旨在幫助讀者改變傳統的網站設計思維,進入基於Web標準的網頁設計領域。書中含有大量的實例,詳細描述CSS的各個屬性,以及代碼編寫技巧,方便讀者模擬實踐。
《HTML+CSS+DIV網頁設計與布局從入門到精通》附帶1張光碟,內容為本書重點內容的教學視頻、本書涉及的原始碼以及PPT等。

目錄

第1篇 網頁結構與Web標準
第1章 網頁的構成與Web標準
1.1 什麼是網頁
1.2 網頁的構成
1.2.1 頁面顯示的信息
1.2.2 構成頁面的結構HTML
1.2.3 顯示效果的控制
1.3 Web標準的概念
1.3.1 什麼是Web標準
1.3.2 頁面的內容
1.3.3 頁面的結構
1.3.4 頁面的表現
1.3.5 Web標準的優勢
1.4 Web標準網站欣賞
1.5 小結
1.6 習題
第2章 使用CSS構建頁面的原理
2.1 什麼是CSS
2.2 CSS應該定義在哪裡
2.3 CSS的優先等級
2.3.1 元素內部的CSS
2.3.2 頁面頭部的CSS
2.3.3 外部的CSS
2.4 調用CSS樣式的優先權
2.5 使用CSS控制表現效果帶來的好處
2.6 實例演練--一個簡單的登錄頁面
2.6.1 效果圖的分析
2.6.2 頁面結構部分的製作
2.6.3 CSS部分的編寫
2.7 小結
2.8 習題
第3章 CSS布局的一般步驟
3.1 分析和切割效果圖
3.1.1 分析效果圖
3.1.2 切分效果圖
3.1.3 整理切分圖像
3.2 製作頁面的結構和內容
3.2.1 確定頁面的內容
3.2.2 製作頁面的結構
3.3 添加表現部分
3.4 完成簡單的互動行為
3.5 整站布局的步驟
3.6 小結
3.7 習題
第2篇 結構語言HTML
第4章 HTML基礎
4.1 HTML頁面結構
4.2 元素的書寫格式和屬性
4.2.1 元素的書寫格式
4.2.2 元素的屬性
4.3 HTML語法規範
4.4 選擇文檔類型
4.4.1 什麼是文檔類型
4.4.2 選擇什麼樣的DOCTYPE
4.5 名字空間
4.6 小結
4.7 習題
第5章 定義頁面頭部信息
5.1 頁面基礎元素--
5.1.1 控制文本的顯示方向
5.1.2 指定頁面的語言
5.2 頁面頭部元素--
5.3 顯示頁面標題--
5.4 基本設定元素--
5.5 定義頁面的信息--
5.6 創建頁面的樣式--
5.7 連結元素--
5.7.1 指定連結路徑
5.7.2 連結樣式檔案
5.7.3 製作收藏夾圖示
5.8 腳本元素--
5.9 小結
5.10 習題
第6章 頁面主體元素的設定
6.1 頁面主體元素--
6.2 定義主體元素的背景和文本屬性
6.3 定義頁面主體元素的邊界
6.3.1 定義左邊界
6.3.2 定義上邊界
6.4 定義頁面主體元素的連結屬性
6.4.1 定義未訪問過的連結屬性
6.4.2 定義已訪問過的連結屬性
6.4.3 定義激活的連結屬性
6.5 設定頁面主體元素的樣式
6.5.1 在主體元素中使用樣式
6.5.2 在主體元素中調用樣式
6.6 使用背景音樂
6.7 小結
6.8 習題
第7章 使用文本元素
7.1 文本元素簡介
7.2 使用區域元素--
7.2.1 區域元素的對齊
7.2.2 使用樣式
7.2.3 定義唯一標記
7.2.4 取消自動換行
7.3 使用段落元素--
7.4 使用標題元素
7.5 使用基於內容的文本元素
7.6 使用基於物理樣式的文本元素
7.7 使用文本的間隔和布局元素
7.8 使用水平分隔線元素--
7.9 小結
7.10 習題
第8章 使用圖像元素
8.1 圖像的格式
8.1.1 JPEG格式
8.1.2 GIF格式
8.2 圖像元素--
8.2.1 定義圖像元素的顯示大小
8.2.2 定義代替圖片的文本
8.2.3 定義圖像元素的框線
8.2.4 定義圖像元素的對齊
8.2.5 定義圖像元素的邊距
8.3 小結
8.4 習題
第9章 使用表格元素
9.1 表格元素的基本構成
9.2 表格元素的顯示效果
9.2.1 定義框線
9.2.2 定義表格的大小
9.2.3 定義內容的對齊
9.2.4 定義背景
9.2.5 定義框線效果
9.2.6 定義單元格間距
9.2.7 定義單元格補白
9.2.8 製作框線為1像素的表格
9.3 定義行元素的顯示效果
9.4 定義單元格的顯示效果
9.4.1 定義對齊
9.4.2 定義單元格的背景
9.4.3 定義單元格的大小
9.4.4 定義單元格的框線
9.4.5 行和列的合併
9.5 表格中使用的其他元素
9.6 小結
9.7 習題
第10章 使用連結元素
10.1 連結元素簡介
10.2 定義連結元素
10.2.1 指定路徑
10.2.2 顯示連結目標
10.2.3 定義連結的熱鍵
10.2.4 定義當前文檔中的連結
10.3 圖像中的連結
10.3.1 創建連結區域元素--
10.3.2 定義圖像內連結的示例
10.4 小結
10.5 習題
第11章 使用列表和表單元素
11.1 列表元素的分類
11.1.1 無序列表元素--
11.1.2 有序列表元素--
11.1.3 列表條目元素--
11.1.4 定義列表元素--
11.2 表單元素概述
11.3 表單元素--
11.4 表單控制項元素--
11.4.1 文本域
11.4.2 密碼區域
11.4.3 提交按鈕
11.4.4 復位按鈕
11.4.5 圖像按鈕
11.4.6 單擊按鈕
11.4.7 複選框
11.4.8 單選按鈕
11.4.9 隱藏區域
11.5 定義表單控制項的效果
11.5.1 設定唯讀屬性
11.5.2 設定不可用屬性
11.6 選擇列表元素--
11.7 按鈕元素--
11.8 文本區域元素--
11.9 表單標記元素--
11.10 小結
11.11 習題
第3篇 表現語言CSS
第12章 CSS的語法基礎
12.1 CSS的基本寫法
12.2 選擇符
12.2.1 id選擇符
12.2.2 類選擇符
12.2.3 類型選擇符
12.2.4 偽類
12.2.5 子選擇符
12.2.6 群組選擇符
12.2.7 選擇符的優先權
12.3 屬性
12.4 屬性值
12.4.1 長度值
12.4.2 百分比值
12.4.3 顏色值
12.4.4 URL值
12.5 默認值
12.6 繼承
12.7 小結
12.8 習題
第13章 控制元素的顯示效果
13.1 盒子模型的概念
13.1.1 塊元素和內聯元素
13.1.2 元素寬度的計算
13.2 元素內容的大小
13.2.1 定義寬度
13.2.2 定義高度
13.2.3 內容與寬度、高度屬性的關係
13.2.4 定義最大和最小寬度
13.2.5 定義最大和最小高度
13.3 元素的背景
13.3.1 定義背景顏色
13.3.2 定義背景圖片
13.3.3 定義背景圖片的重複
13.3.4 定義背景圖片位置
13.3.5 定義背景圖片滾動
13.3.6 定義背景的綜合效果
13.3.7 背景顏色和背景圖片的優先權
13.4 元素的補白
13.4.1 定義頂部補白
13.4.2 定義右側補白
13.4.3 定義底部補白
13.4.4 定義左側補白
13.4.5 定義綜合補白
13.4.6 補白與背景的關係
13.5 元素的框線
13.5.1 定義單側框線樣式
13.5.2 定義單側框線顏色
13.5.3 定義單側框線寬度
13.5.4 統一定義框線樣式
13.5.5 統一定義框線顏色
13.5.6 統一定義框線寬度
13.5.7 單側框線綜合設定
13.5.8 定義框線綜合效果
13.6 元素的邊界
13.6.1 定義單側邊界
13.6.2 定義邊界綜合效果
13.6.3 邊界與背景的關係
13.7 小結
13.8 習題
第14章 控制元素的位置
14.1 元素的定位
14.1.1 元素的定位屬性
14.1.2 邊偏移屬性
14.2 絕對定位
14.2.1 絕對定位與父元素
14.2.2 絕對定位與相鄰元素
14.3 相對定位
14.3.1 相對定位元素位置的確定
14.3.2 相對定位與相鄰元素
14.4 定位元素的層疊
14.4.1 層疊定位屬性
14.4.2 簡單嵌套元素中的層疊定位
14.4.3 包含子元素的複雜層疊定位
14.5 定位屬性的優勢和問題
14.5.1 定位屬性的優勢
14.5.2 絕對定位的問題
14.5.3 相對定位的問題
14.6 小結
14.7 習題
第15章 控制元素的布局
15.1 元素的浮動
15.1.1 定義元素的浮動效果
15.1.2 浮動元素和固定元素的關係
15.1.3 浮動的順序
15.2 浮動的清除
15.3 內容的剪下
15.4 溢出內容的控制
15.4.1 總體溢出
15.4.2 單向溢出
15.5 元素的顯示方式
15.5.1 定義顯示方式
15.5.2 元素的隱藏
15.6 元素的可視性
15.6.1 定義可視性
15.6.2 可視性屬性與顯示方式屬性的關係
15.7 小結
15.8 習題
第16章 控制文本的顯示
16.1 控制字型的顯示
16.1.1 選擇字型
16.1.2 設定字型顏色
16.1.3 定義字型大小
16.1.4 定義字型樣式
16.1.5 加粗顯示
16.1.6 修飾字型
16.1.7 使用小型大寫字母
16.1.8 轉換大小寫
16.1.9 設定字母間隔
16.1.10 定義單詞間隔
16.1.11 定義行高
16.1.12 定義字型綜合顯示效果
16.2 控制文本的顯示
16.2.1 控制文本縮進
16.2.2 控制文本空白
16.2.3 控制文本溢出
16.2.4 設定水平對齊
16.2.5 設定垂直對齊
16.2.6 定義文本流向
16.2.7 定義文本方向
16.2.8 對文本排序
16.2.9 設定單詞換行
16.2.10 設定文本斷開換行
16.3 小結
16.4 習題
第17章 控制列表和表格元素的顯示
17.1 控制列表元素的顯示
17.1.1 定義列表符號
17.1.2 使用列表圖片
17.1.3 定義標記位置
17.1.4 標記位置屬性與列表高度
17.1.5 綜合定義列表的顯示效果
17.2 列表元素的補白和邊界
17.3 控制表格元素的顯示
17.3.1 合併框線
17.3.2 定義表格框線間距
17.3.3 定義表格標題位置
17.3.4 設定表格的布局
17.4 小結
17.5 習題
第18章 控制其他元素的顯示
18.1 控制滾動條的顯示
18.1.1 定義滾動條三角箭頭的顏色
18.1.2 定義滑塊顏色
18.1.3 定義滾動條亮框線顏色
18.1.4 定義滾動條的高亮顏色
18.1.5 定義滾動條陰影顏色
18.1.6 定義滾動條暗部陰影顏色
18.1.7 定義滾動條背景顏色
18.1.8 定義滾動條基準色
18.1.9 定義滾動條的顏色
18.2 控制游標的顯示
18.3 控制列印的顯示
18.3.1 對象後插入分頁符號屬性
18.3.2 對象前插入分頁符號屬性
18.4 控制元素的縮放
18.5 控制連結的顯示
18.5.1 定義連結未訪問的顯示效果
18.5.2 定義連結滑鼠懸停的顯示效果
18.5.3 定義連結激活的顯示效果
18.5.4 定義連結訪問後的顯示效果
18.5.5 定義連結效果的順序
18.6 小結
18.7 習題
第4篇 CSS布局
第19章 關於整站樣式表的分析
19.1 站點頁面的分析
19.1.1 規劃樣式表的原則
19.1.2 規劃樣式表的方法
19.1.3 實例分析
19.2 站點二級頁面的製作
19.2.1 日誌內容頁面結構的規劃
19.2.2 日誌內容頁面CSS部分的製作
19.2.3 日誌列表頁的製作
19.3 小結
19.4 習題
第20章 關於標準的校驗
20.1 為什麼要進行標準的校驗
20.2 怎樣進行標準的校驗
20.2.1 XHTML校驗的方法
20.2.2 CSS校驗的方法
20.2.3 XHTML校驗常見錯誤
20.2.4 CSS校驗常見錯誤
20.3 實例頁面的校驗
20.3.1 實例首頁的校驗
20.3.2 一個二級頁面的校驗
20.4 小結
20.5 習題
第21章 製作企業宣傳類網頁
21.1 企業宣傳類網頁介紹
21.1.1 企業宣傳類網頁的作用
21.1.2 企業宣傳類網頁的構成及特點
21.2 效果圖的分析
21.2.1 界面設計分析
21.2.2 規劃頁面布局
21.3 切圖與劃分頁面內容
21.3.1 隱藏頁面中的文本內容
21.3.2 切取頁面中的背景
21.3.3 切取頁面中的內容
21.3.4 保存各種圖片
21.4 頁面頭部及導航欄的布局
21.4.1 製作頭部的結構代碼
21.4.2 定義頁面的相關信息
21.4.3 導入樣式表檔案
21.4.4 頭部內容結構分析
21.4.5 對頭部檔案整體添加樣式
21.4.6 製作頁面logo和選單部分
21.4.7 製作頁面的導航欄
21.4.8 製作頁面的Banner
21.5 製作新聞列表部分
21.5.1 製作新聞列表的結構代碼
21.5.2 新聞列表的修飾
21.5.3 製作側欄欄目
21.6 頁面底部的布局設計
21.6.1 製作底部的結構代碼
21.6.2 製作底部信息的顯示效果
21.7 製作二級頁面(公司新聞)
21.7.1 二級頁面效果圖的分析
21.7.2 切圖並製作素材圖片
21.7.3 分析二級頁面結構和樣式
21.7.4 製作側欄欄目
21.7.5 製作新聞列表
21.8 小結
21.9 習題

相關詞條

熱門詞條

聯絡我們