《Dreamweaver CS3超酷網頁設計：CSS篇》是清華大學出版社出版的圖書。
基本介紹
- 書名：Dreamweaver CS3超酷網頁設計：CSS篇
- ISBN：9787302185048
- 頁數：399頁
- 出版社：清華大學出版社
- 裝幀：平裝
- 開本：16
- 正文語種：簡體中文
- 條形碼：9787302185048
- 尺寸：25.6x21x2cm
內容簡介,目錄,
內容簡介
《Dreamweaver CS3超酷網頁設計:CSS篇》系統地講解了CSS層疊樣式表的基礎理論和實際運用技術，通過大量實例對CSS進行深入淺出的分析，主要包括CSS的基本語法和概念，設定文字、圖片、背景、表格、表單和選單等網頁元素的方法，以及CSS濾鏡的使用。《Dreamweaver CS3超酷網頁設計CSS篇》著重講解如何用CSS+DIV進行網頁布局，注重實際操作，使讀者在學習CSS套用技術的同時，掌握CSS+DIV的精髓。
目錄
第1章 Dreamweaver+CSS入門1
1.1 HTML檔案的基本結構2
1.1.1 HTML檔案結構2
1.1.2 使用記事本手工編寫HTML頁面2
1.1.3 使用Dreamweaver編寫HTML頁面3
1.2 XHTML入門8
1.3 網站與Web標準10
1.3.1 什麼是Web標準10
1.3.2 為什麼要建立Web標準10
1.3.3 怎樣改善現有網站11
1.4 為什麼要在網頁中加入CSS13
1.4.1 什麼是CSS13
1.4.2 如何編寫CSS14
第2章 CSS基礎知識15
2.1 CSS基礎16
2.1.1 CSS基本概念16
2.1.2 CSS的優點16
2.2 使用CSS17
2.2.1 外聯樣式表17
2.2.2 內嵌樣式表17
2.2.3 導入樣式表17
2.2.4 內聯樣式表18
2.3 選擇器類型18
2.3.1 標籤選擇器19
2.3.2 類選擇器21
2.3.3 ID選擇器22
2.4 使用Dreamweaver編輯CSS24
2.4.1 CSS面板24
2.4.2 連結外部樣式表25
2.5 設定CSS屬性27
2.5.1 設定CSS樣式類型27
2.5.2 設定CSS樣式背景28
2.5.3 設定CSS樣式區塊29
2.5.4 設定CSS樣式方框30
2.5.5 設定CSS樣式框線31
2.5.6 設定CSS樣式列表32
2.5.7 設定CSS樣式定位33
2.5.8 設定CSS樣式擴展34
2.6 實戰演練——對網頁添加CSS樣式35
第3章 設計豐富的文字效果39
3.1 設計網頁中的文字樣式40
3.1.1 字型40
3.1.2 字號43
3.1.3 加粗45
3.1.4 樣式46
3.1.5 變體屬性47
3.1.6 文字修飾49
3.2 設計文本的段落樣式50
3.2.1 行高50
3.2.2 對齊52
3.2.3 縮進53
3.2.4 單詞間距54
3.2.5 首字下沉54
3.2.6 大小寫轉換55
3.3 CSS濾鏡設計特效文字56
3.3.1 濾鏡概述57
3.3.2 光暈（Glow）58
3.3.3 模糊（Blur）59
3.3.4 遮罩（Mask）60
3.3.5 透明色（Chroma）60
3.3.6 陰影（DropShadow）61
3.3.7 波浪（Wave）62
3.3.8 X射線（Xray）62
3.4 實戰演練64
3.4.1 用CSS排版網頁文字64
3.4.2 創建動感文字66
第4章 用CSS設計圖像和背景69
4.1 設定網頁的背景70
4.1.1 背景顏色70
4.1.2 背景圖像70
4.2 設定背景圖像的屬性71
4.2.1 設定背景重複71
4.2.2 設定固定背景72
4.2.3 設定背景定位73
4.3 設定網頁圖像的樣式76
4.3.1 設定圖像框線76
4.3.2 圖文混合排版78
4.4 套用CSS濾鏡設計圖像特效80
4.4.1 控制圖像和背景的透明度（Alpha）80
4.4.2 灰度（Gray）81
4.4.3 反色（Invert）81
4.5 實戰演練82
4.5.1 給圖片添加框線82
4.5.2 圖文繞排效果84
4.5.3 滑鼠指針移到圖片時產生漸變效果86
第5章 設計更富靈活性的表格89
5.1 網頁中的表格90
5.1.1 表格對象標記90
5.1.2 在Dreamweaver中插入表格91
5.1.3 設定表格的顏色93
5.1.4 設定表格的框線樣式94
5.1.5 設定表格的陰影98
5.1.6 設定表格的漸變背景99
5.2 實戰演練100
5.2.1 製作變換背景色的表格101
5.2.2 用CSS製作漂亮的彩色背景表格102
5.2.3 製作陰影表格104
5.2.4 製作圓角表格105
5.2.5 製作半透明的表格108
第6章 設計更酷更炫的表單110
6.1 網頁中的表單111
6.1.1 表單對象111
6.1.2 表單標記112
6.1.3 表單的布局設計112
6.1.4 設定框線樣式115
6.1.5 設定背景樣式117
6.1.6 設定輸入文本的樣式119
6.1.7 用CSS+DIV設計表單120
6.2 實戰演練123
6.2.1 改變按鈕的背景顏色和文字顏色124
6.2.2 設計文本框的樣式127
6.2.3 設計文本框中的文字樣式128
6.2.4 製作透明的表單背景129
6.2.5 為下拉選單變換顏色130
6.2.6 設定Form表單內textarea背景圖片132
第7章 製作實用的選單和網站導航134
7.1 項目列表135
7.1.1 有序列表135
7.1.2 無序列表139
7.2 橫排導航144
7.2.1 文本導航144
7.2.2 標籤式導航146
7.3 豎排導航148
7.4 實戰演練150
7.4.1 實現背景變換的導航選單150
7.4.2 利用CSS製作橫嚮導航152
7.4.3 製作網頁下拉選單154
第8章 設計具有特色的超連結效果157
8.1 超連結基礎158
8.1.1 超連結的基本概念158
8.1.2 使用“頁面屬性”設定超連結158
8.2 連結標記159
8.2.1 a:link160
8.2.2 a:visited161
8.2.3 a:active162
8.2.4 a:hover163
8.3 各種形式的超連結164
8.3.1 背景色變換連結164
8.3.2 多姿多彩的下劃線連結166
8.3.3 圖像翻轉連結167
8.3.4 框線變換連結170
8.4 實戰演練172
8.4.1 使用CSS實現滑鼠指針形狀改變172
8.4.2 為超連結文字加上質感框線173
8.4.3 滑鼠指針移到連結文字上時改變文字大小或顏色177
8.4.4 給超連結添加提示文字179
8.4.5 文本超連結模擬按鈕效果183
第9章 CSS+DIV布局定位基礎188
9.1 Div標記與Span標記189
9.1.1 Div概述189
9.1.2 Div與Span的區別190
9.2 在Dreamweaver中使用Div191
9.3 盒子模型192
9.3.1 盒子模型的概念192
9.3.2 border193
9.3.3 padding198
9.3.4 margin200
9.4 元素的定位方式203
9.4.1 float定位203
9.4.2 position定位206
9.4.3 z-index空間位置211
第10章 CSS+DIV布局方法214
10.1 CSS布局理念215
10.1.1 將頁面用Div分塊215
10.1.2 設計各塊的位置216
10.1.3 用CSS定位216
10.2 常見的布局類型218
10.2.1 一列固定寬度218
10.2.2 一列自適應219
10.2.3 兩列固定寬度220
10.2.4 兩列寬度自適應222
10.2.5 兩列右列寬度自適應224
10.2.6 三列浮動中間寬度自適應224
10.2.7 三行二列居中高度自適應布局226
10.3 CSS布局與傳統的表格方式布局分析229
10.4 使用CSS布局模板232
第11章 CSS與JavaScript的綜合套用235
11.1 JavaScript簡介236
11.1.1 什麼是JavaScript236
11.1.2 JavaScript特點236
11.2 JavaScript的基本語法237
11.2.1 常量和變數237
11.2.2 表達式和運算符238
11.2.3 基本語句239
11.2.4 函式244
11.3 JavaScript事件244
11.4 JavaScript內部對象246
11.4.1 navigator對象246
11.4.2 document對象247
11.4.3 Windows對象249
11.4.4 location對象252
11.4.5 history對象252
11.5 實戰演練253
11.5.1 隨滑鼠移動的圖像253
11.5.2 製作圖片循環隱現效果255
11.5.3 製作幻燈片效果257
11.5.4 製作燈光效果259
11.5.5 任意選擇網頁中內容的文字顏色、背景顏色、字號261
第12章 設計布局富有個性的個人網站267
12.1 個人網站設計概述268
12.2 個人網站色彩搭配和結構設計269
12.3 網站前期策劃269
12.3.1 確定網站主題269
12.3.2 確定目錄結構269
12.3.3 網站藍圖的規劃270
12.4 製作網站主頁271
12.4.1 導入外部CSS271
12.4.2 製作頂部檔案274
12.4.3 製作個人簡介277
12.4.4 製作個人相冊278
12.4.5 製作最新動態281
12.4.6 製作底部檔案283
第13章 公司宣傳網站的布局284
13.1 企業網站設計概述285
13.2 分析架構286
13.2.1 設計分析286
13.2.2 排版構架287
13.3 各模組設計288
13.3.1 布局設計288
13.3.2 頁面的通用規則289
13.3.3 製作#header對象部分292
13.3.4 製作導航#nav對象部分294
13.3.5 公司介紹和圖片展示部分297
13.3.6 製作我們的服務部分301
13.3.7 製作#aside對象部分304
13.3.8 製作底部版權資訊部分308
第14章 購物網站布局310
14.1 購物網站設計概述311
14.1.1 購物網站分析311
14.1.2 排版構架311
14.2 各部分設計312
14.2.1 導入外部CSS312
14.2.2 製作頭部檔案314
14.2.3 設計新品上架區317
14.2.4 設計熱門商品區321
14.2.5 設計會員登錄區323
14.2.6 設計商品分類區327
14.2.7 設計新品排行區329
14.2.8 插入底部檔案332
第15章 留學網站的布局333
15.1 分析架構334
15.1.1 設計分析334
15.1.2 排版構架335
15.2 各模組設計337
15.2.1 頁面的通用規則337
15.2.2 頂部logo、banner部分338
15.2.3 製作導航選單部分343
15.2.4 製作xinyi_content1部分347
15.2.5 製作xinyi_bigad部分352
15.2.6 製作xinyi_content2部分352
15.2.7 製作xinyi_content3部分356
15.2.8 製作xinyi_bigad2部分359
15.2.9 製作xinyi_content4部分360
15.2.10 友情連結xinyi_link部分362
15.2.11 著作權xinyi_copyright部分363
附錄A CSS屬性一覽表365
附錄B 216種網頁安全顏色369
附錄C RGB網頁配色表373
附錄D HTML常用標籤396
