中圖網(wǎng)小程序
一鍵登錄
更方便
HTML+DIV+CSS網(wǎng)頁設(shè)計與布局實用教程 版權(quán)信息
- ISBN：9787302474463
- 條形碼：9787302474463 ; 978-7-302-47446-3
- 裝幀：一般膠版紙
- 冊數(shù)：暫無
- 重量：暫無
- 所屬分類：>
HTML+DIV+CSS網(wǎng)頁設(shè)計與布局實用教程 本書特色
《HTML+DIV+CSS網(wǎng)頁設(shè)計與布局實用教程》內(nèi)容知識全面，配圖豐富，效果直觀。 每章都有大量實用案例，講解詳細(xì)。 章后配有實訓(xùn)題，可以鞏固所學(xué)的知識，強(qiáng)化學(xué)習(xí)效果。
HTML+DIV+CSS網(wǎng)頁設(shè)計與布局實用教程 內(nèi)容簡介
《HTML+DIV+CSS網(wǎng)頁設(shè)計與布局實用教程》的作者為一線開發(fā)工程師、資深編程專家、專業(yè)培訓(xùn)師，在網(wǎng)站開發(fā)方面有著豐富的經(jīng)驗，并已出版過多本相關(guān)暢銷書，頗受廣大讀者認(rèn)可。該書內(nèi)容不局限于語法講解上，還通過一個個鮮活、典型的實例來達(dá)到學(xué)以致用的目的。每個語法都有相應(yīng)的實例，每章后面又配有綜合小實例。 《HTML+DIV+CSS網(wǎng)頁設(shè)計與布局實用教程》共21章，主要內(nèi)容包括HTML入門，HTML基本標(biāo)簽，用HTML設(shè)置文字、段落與列表，列表的建立和使用，用HTML創(chuàng)建精彩的圖像和多媒體頁面，用HTML創(chuàng)建超鏈接，用HTML創(chuàng)建表格，用表單創(chuàng)建交互式網(wǎng)頁，HTML 5的結(jié)構(gòu)，CSS基礎(chǔ)知識，用CSS設(shè)計豐富的文字效果，用CSS設(shè)計圖像和背景，用CSS設(shè)計表格和表單樣式，用CSS制作鏈接與網(wǎng)站導(dǎo)航，CSS+DIV布局定位基礎(chǔ)，CSS盒子模型，盒子的浮動與定位，CSS+DIV布局方法，CSS 3入門基礎(chǔ)，設(shè)計和制作適合手機(jī)瀏覽的網(wǎng)頁，公司宣傳網(wǎng)站的布局。 《HTML+DIV+CSS網(wǎng)頁設(shè)計與布局實用教程》內(nèi)容翔實、結(jié)構(gòu)清晰，既適合HTML和CSS的初學(xué)者自學(xué)使用，也可以作為各類院校相關(guān)專業(yè)的學(xué)生和電腦培訓(xùn)班的教材或輔導(dǎo)用書。
HTML+DIV+CSS網(wǎng)頁設(shè)計與布局實用教程 目錄
目 錄
第1章 HTML入門 1
1.1 什么是HTML 1
1.1.1 HTML的特點 1
1.1.2 HTML的歷史 2
1.2 HTML文件的基本結(jié)構(gòu) 2
1.2.1 HTML文件結(jié)構(gòu) 2
1.2.2 編寫HTML文件的注意事項 4
1.3 HTML文件的編寫方法 4
1.3.1 使用記事本編寫HTML頁面 4
1.3.2 使用Dreamweaver CC
編寫HTML頁面 6
1.4 網(wǎng)頁設(shè)計與開發(fā)的過程 7
1.4.1 明確網(wǎng)站定位 7
1.4.2 收集信息和素材 7
1.4.3 規(guī)劃欄目結(jié)構(gòu) 8
1.4.4 設(shè)計網(wǎng)頁圖像 9
1.4.5 制作頁面 9
1.4.6 實現(xiàn)后臺功能 10
1.4.7 網(wǎng)站的測試與發(fā)布 12
本章小結(jié) 12
練習(xí)題 13
第2章 HTML基本標(biāo)簽 14
2.1 HTML頁面主體標(biāo)簽 14
2.1.1 定義網(wǎng)頁背景色：bgcolor 14
2.1.2 設(shè)置背景圖片：background 15
2.1.3 設(shè)置文字顏色：text 16
2.1.4 設(shè)置鏈接文字屬性 17
2.1.5 設(shè)置頁面邊距 20
2.2 head部分標(biāo)簽 21
2.2.1 標(biāo)題標(biāo)簽： 21
2.2.2 定義頁面關(guān)鍵字 22
2.2.3 定義頁面描述 23
2.2.4 定義網(wǎng)頁編輯工具 24
2.2.5 定義作者信息 24
2.2.6 定義網(wǎng)頁文字及語言 25
2.2.7 定義網(wǎng)頁的定時跳轉(zhuǎn) 25
2.3 綜合實例——創(chuàng)建基本的HTML
文件 26
本章小結(jié) 29
練習(xí)題 29
第3章 用HTML設(shè)置文字、段落
與列表 31
3.1 標(biāo)題字 31
3.1.1 標(biāo)題字標(biāo)簽： 31
3.1.2 標(biāo)題字對齊屬性：align 32
3.2 插入其他標(biāo)記 33
3.2.1 輸入空格符號 33
3.2.2 輸入特殊符號 34
3.3 設(shè)置段落的格式 35
3.3.1 段落標(biāo)簽： 35
3.3.2 段落的對齊屬性：align 36
3.3.3 不換行標(biāo)簽： 37
3.3.4 換行標(biāo)簽：
38
3.4 水平線標(biāo)簽 39
3.4.1 插入水平線標(biāo)簽： 39
3.4.2 設(shè)置水平線寬度與高度的
屬性：width、size 40
3.4.3 設(shè)置水平線的顏色：color 41
3.4.4 設(shè)置水平線的對齊方式：
align 42
3.4.5 水平線去掉陰影：noshade 43
3.5 使用設(shè)置滾動效果 44
3.5.1 標(biāo)簽及其屬性 44
3.5.2 使用標(biāo)簽插入滾動
公告 45
3.6 綜合實例——設(shè)置頁面文本及段落 49
本章小結(jié) 51
練習(xí)題 52
第4章 列表的建立和使用 53
4.1 使用無序列表 53
4.1.1 無序列表標(biāo)簽： 53
4.1.2 設(shè)置無序列表類型的
屬性type 54
4.1.3 菜單列表標(biāo)簽： 55
4.1.4 目錄列表： 56
4.2 使用有序列表 58
4.2.1 有序列表標(biāo)簽： 58
4.2.2 有序列表類型的屬性：type 59
4.2.3 有序列表的起始數(shù)值：start 60
4.3 列表條目元素 61
4.3.1 項目符號的類型：type 61
4.3.2 條目編號：value 62
4.4 定義列表標(biāo)簽 63
本章小結(jié) 65
練習(xí)題 65
第5章 用HTML創(chuàng)建精彩的圖像和
多媒體頁面 67
5.1 網(wǎng)頁中常見的圖像格式 67
5.2 插入圖像并設(shè)置圖像屬性 68
5.2.1 圖像標(biāo)簽： 68
5.2.2 圖像的源文件：src 69
5.2.3 圖像的提示文字：alt 70
5.2.4 圖像的寬度和高度：width、
height 71
5.3 添加多媒體文件 72
5.3.1 添加多媒體文件標(biāo)簽：
72
5.3.2 設(shè)置自動運(yùn)行：autostart 73
5.4 添加背景音樂 74
5.4.1 設(shè)置背景音樂： 74
5.4.2 設(shè)置循環(huán)播放次數(shù)：loop 75
5.5 插入Flash動畫 76
5.6 綜合實例 77
綜合實例1——創(chuàng)建多媒體網(wǎng)頁 78
綜合實例2——創(chuàng)建圖文混合排版
網(wǎng)頁 79
本章小結(jié) 82
練習(xí)題 82
第6章 用HTML創(chuàng)建超鏈接 84
6.1 超鏈接的基本概念 84
6.2 創(chuàng)建基本超鏈接 84
6.2.1 超鏈接標(biāo)簽 85
6.2.2 設(shè)置目標(biāo)窗口 86
6.3 創(chuàng)建圖像超鏈接 87
6.3.1 設(shè)置圖像超鏈接 87
6.3.2 設(shè)置圖像熱區(qū)鏈接 88
6.4 創(chuàng)建錨點鏈接 90
6.4.1 創(chuàng)建錨點 90
6.4.2 錨點鏈接 92
6.5 外部鏈接 95
6.5.1 鏈接到外部網(wǎng)站 96
6.5.2 鏈接到E-Mail 96
6.5.3 鏈接到FTP 97
6.5.4 鏈接到Telnet 98
6.5.5 下載文件 99
6.6 綜合實例——給網(wǎng)頁添加鏈接 100
本章小結(jié) 102
練習(xí)題 102
第7章 用HTML創(chuàng)建表格 103
7.1 創(chuàng)建并設(shè)置表格屬性 103
7.1.1 表格的基本標(biāo)簽：
103
7.1.2 表格寬度和高度：width、
height 104
7.1.3 表格的標(biāo)題： 105
7.1.4 表格的表頭： 107
7.1.5 表格對齊方式：align 109
7.1.6 表格的邊框?qū)挾龋篵order 110
7.1.7 表格邊框顏色：bordercolor 111
7.1.8 單元格間距：cellspacing 112
7.1.9 單元格邊距：cellpadding 113
7.1.10 表格的背景色：bgcolor 114
7.1.11 表格的背景圖像：
background 115
7.2 表格的結(jié)構(gòu)標(biāo)簽 117
7.2.1 設(shè)計表頭樣式： 117
7.2.2 設(shè)計表主體樣式： 118
7.2.3 設(shè)計表尾樣式： 120
7.3 綜合實例——使用表格排版網(wǎng)頁 121
本章小結(jié) 126
練習(xí)題 126
第8章 用表單創(chuàng)建交互式網(wǎng)頁 128
8.1 插入表單： 128
8.1.1 處理動作：action 128
8.1.2 表單名稱：name 129
8.1.3 傳送方法：method 129
8.1.4 編碼方式：enctype 130
8.1.5 目標(biāo)顯示方式：target 131
8.2 表單控件： 132
8.2.1 文本字段：text 132
8.2.2 密碼域：password 134
8.2.3 單選按鈕：radio 135
8.2.4 復(fù)選框：checkbox 136
8.2.5 普通按鈕：button 138
8.2.6 提交按鈕：submit 139
8.2.7 重置按鈕：reset 140
8.2.8 圖像域：image 142
8.2.9 隱藏域：hidden 143
8.2.10 文件域：file 144
8.3 選擇列表條目標(biāo)簽： 145
8.4 選擇列表標(biāo)簽： 147
8.4.1 高度屬性：size 147
8.4.2 多項選擇屬性：multiple 148
8.5 文本區(qū)域標(biāo)簽： 150
本章小結(jié) 151
練習(xí)題 151
第9章 HTML 5的結(jié)構(gòu) 153
9.1 認(rèn)識HTML 5 153
9.2 HTML 5的新特性 154
9.3 HTML 5與HTML 4的區(qū)別 155
9.3.1 HTML 5的語法變化 155
9.3.2 HTML 5中的標(biāo)記方法 155
9.3.3 HTML 5語法中的3個
要點 156
9.4 新增的主體結(jié)構(gòu)標(biāo)簽 157
9.4.1 標(biāo)簽 157
9.4.2 標(biāo)簽 158
9.4.3 標(biāo)簽 159
9.4.4 標(biāo)簽 160
9.4.5 標(biāo)簽 161
9.4.6 pubdate屬性 162
9.5 新增的非主體結(jié)構(gòu)標(biāo)簽 163
9.5.1 標(biāo)簽 163
9.5.2 標(biāo)簽 164
9.5.3 標(biāo)簽 165
9.5.4 標(biāo)簽 166
本章小結(jié) 167
練習(xí)題 167
第10章 CSS基礎(chǔ)知識 169
10.1 為什么要在網(wǎng)頁中加入CSS 169
10.1.1 什么是CSS 169
10.1.2 使用CSS的好處 170
10.1.3 如何編寫CSS 171
10.1.4 CSS的基本語法 171
10.1.5 瀏覽器與CSS 172
10.2 基本CSS選擇器 172
10.2.1 標(biāo)簽選擇器 173
10.2.2 class選擇器 173
10.2.3 ID選擇器 174
10.3 在HTML中使用CSS 176
10.3.1 鏈接外部樣式表 176
10.3.2 行內(nèi)方式 177
10.3.3 嵌入外部樣式表 177
10.3.4 定義內(nèi)部樣式表 177
本章小結(jié) 178
練習(xí)題 178
第11章 用CSS設(shè)計豐富的文字
效果 180
11.1 設(shè)計網(wǎng)頁中的文字樣式 180
11.1.1 字體 181
11.1.2 字號 182
11.1.3 加粗 183
11.1.4 樣式 184
11.1.5 變體屬性 185
11.1.6 文字修飾 186
11.2 設(shè)計文本的段落樣式 187
11.2.1 行高 187
11.2.2 對齊 188
11.2.3 縮進(jìn) 190
11.2.4 單詞間距 191
11.2.5 首字下沉 192
11.2.6 大小寫轉(zhuǎn)換 192
11.3 綜合實例——用CSS排版網(wǎng)頁
文字 193
本章小結(jié) 197
練習(xí)題 197
第12章 用CSS設(shè)計圖像和背景 199
12.1 設(shè)置網(wǎng)頁的背景 199
12.1.1 背景顏色：background-
color 199
12.1.2 背景圖像：background-
image 200
12.2 設(shè)置背景圖像的屬性 202
12.2.1 設(shè)置背景重復(fù)：
background-repeat 202
12.2.2 設(shè)置固定背景：
background-attachment 203
12.2.3 設(shè)置背景定位：
background-position 204
12.3 設(shè)置網(wǎng)頁圖像的樣式 206
12.3.1 設(shè)置圖像邊框 206
12.3.2 圖文混合排版 208
12.4 綜合實例——給圖片添加邊框 209
本章小結(jié) 212
練習(xí)題 212
第13章 用CSS設(shè)計表格和表單
樣式 214
13.1 網(wǎng)頁中的表格 214
13.1.1 表格對象標(biāo)簽 214
13.1.2 在Dreamweaver中插入
表格 215
13.1.3 設(shè)置表格的顏色 216
13.1.4 設(shè)置表格的邊框樣式 217
13.1.5 設(shè)置表格的陰影 219
13.2 網(wǎng)頁中的表單 219
13.2.1 表單對象 219
13.2.2 表單標(biāo)簽 220
13.2.3 表單的布局設(shè)計 220
13.2.4 設(shè)置邊框樣式 224
13.2.5 設(shè)置背景樣式 224
13.2.6 設(shè)置輸入文本的樣式 225
13.3 綜合實例 225
綜合實例1——制作變換背景色的
表格 225
綜合實例2——設(shè)計表單的樣式 227
本章小結(jié) 229
練習(xí)題 230
第14章 用CSS制作鏈接與網(wǎng)站
導(dǎo)航 231
14.1 鏈接標(biāo)簽 231
14.1.1 a:link 231
14.1.2 a:visited 232
14.1.3 a:active 233
14.1.4 a:hover 234
14.2 創(chuàng)建按鈕式超鏈接 235
14.3 控制鼠標(biāo)指針 237
14.4 設(shè)置項目列表樣式 238
14.4.1 列表符號類型：list-style-
type 238
14.4.2 列表符號的混用 241
14.4.3 列表圖像屬性：list-style-
image 242
14.4.4 列表綜合屬性：list-style 243
14.5 創(chuàng)建簡單的導(dǎo)航菜單 244
14.5.1 簡單的豎直排列菜單 244
14.5.2 橫豎自由轉(zhuǎn)換導(dǎo)航菜單 246
本章小結(jié) 247
練習(xí)題 247
第15章 CSS DIV布局定位基礎(chǔ) 248
15.1 網(wǎng)站與Web標(biāo)準(zhǔn) 248
15.1.1 什么是Web標(biāo)準(zhǔn) 248
15.1.2 為什么要建立Web標(biāo)準(zhǔn) 249
15.1.3 怎樣改善現(xiàn)有網(wǎng)站 250
15.2 標(biāo)簽與標(biāo)簽 251
15.2.1 概述 251
15.2.2 與的區(qū)別 252
本章小結(jié) 254
練習(xí)題 254
第16章 CSS盒子模型 255
16.1 “盒子”與“模型”的概念 255
16.2 邊框：border 257
16.2.1 邊框?qū)挾龋篵order-width 257
16.2.2 邊框顏色：border-color 258
16.2.3 邊框樣式：border-style 259
16.3 設(shè)置內(nèi)邊距：padding 261
16.3.1 頂部屬性：padding-top 261
16.3.2 右側(cè)屬性：padding-right 262
16.3.3 底部屬性：padding-
bottom 263
16.3.4 左側(cè)屬性：padding-left 264
16.4 設(shè)置外邊距：margin 265
16.4.1 頂部邊界屬性：margin-
top 266
16.4.2 右側(cè)邊界屬性：margin-
right 267
16.4.3 底部邊界屬性：margin-
bottom 268
16.4.4 左側(cè)邊界屬性：margin-
left 268
本章小結(jié) 269
練習(xí)題 270
第17章 盒子的浮動與定位 271
17.1 盒子的浮動 271
17.1.1 元素的浮動屬性：float 271
17.1.2 清除浮動屬性：clear 275
17.2 元素的定位 277
17.2.1 元素的定位屬性：
position 277
17.2.2 上邊偏移屬性top、下邊偏移
屬性bottom 279
17.2.3 左邊偏移屬性left、右邊偏移
屬性right 280
17.3 盒子的定位 281
17.3.1 定位：absolute 282
17.3.2 固定定位：fixed 284
17.3.3 相對定位：relative 286
17.3.4 靜態(tài)定位：static 288
17.4 z-index空間位置 289
本章小結(jié) 291
練習(xí)題 291
第18章 CSS DIV布局方法 292
18.1 CSS布局理念 292
18.2 固定寬度布局 293
18.2.1 1列固定寬度 294
18.2.2 兩列固定寬度 295
18.2.3 圓角框 297
18.3 可變寬度布局 299
18.3.1 1列自適應(yīng) 299
18.3.2 兩列寬度自適應(yīng) 300
18.3.3 兩列右列寬度自適應(yīng) 302
18.3.4 3列浮動中間寬度自適應(yīng) 302
18.3.5 3行2列居中高度自適應(yīng) 304
18.4 CSS布局與傳統(tǒng)的表格方式布局
分析 306
本章小結(jié) 309
練習(xí)題 309
第19章 CSS 3入門基礎(chǔ) 310
19.1 預(yù)覽激動人心的CSS 3 310
19.1.1 CSS 3的發(fā)展歷史 310
19.1.2 CSS 3新增特性 311
19.1.3 主流瀏覽器對CSS 3的
支持 315
19.2 使用CSS 3實現(xiàn)圓角表格 316
19.3 使用CSS 3制作圖片滾動菜單 318
19.4 使用CSS 3制作文字立體效果 323
19.5 使用CSS 3制作多彩的網(wǎng)頁
圖片庫 324
本章小結(jié) 327
練習(xí)題 328
第20章 設(shè)計和制作適合手機(jī)瀏覽的
網(wǎng)頁 329
20.1 怎樣進(jìn)行網(wǎng)站策劃 329
20.1.1 網(wǎng)站策劃的原則 329
20.1.2 網(wǎng)站策劃的關(guān)鍵點 330
20.2 網(wǎng)站的定位 331
20.3 確定網(wǎng)站的目標(biāo)用戶 332
20.4 網(wǎng)站的內(nèi)容策劃 333
20.4.1 網(wǎng)站內(nèi)容策劃的重要性 333
20.4.2 如何做好網(wǎng)站內(nèi)容策劃 333
20.5 手機(jī)網(wǎng)頁設(shè)計 334
20.6 整體布局 335
20.6.1 設(shè)計分析 335
20.6.2 排版架構(gòu) 336
20.7 制作首頁 339
20.7.1 定義頁面的整體樣式 339
20.7.2 body_header部分制作 340
20.7.3 body_banner部分制作 340
20.7.4 body_main部分制作 342
20.7.5 body_footer部分制作 344
本章小結(jié) 345
練習(xí)題 345
第21章 公司宣傳網(wǎng)站的布局 347
21.1 案例概述 347
21.2 內(nèi)容分析 348
21.3 HTML結(jié)構(gòu)設(shè)計 349
21.4 頁面方案設(shè)計 351
21.5 定義頁面的整體樣式 352
21.6 制作頁面頭部 354
21.6.1 制作頁面頭部的結(jié)構(gòu) 355
21.6.2 定義頁面頭部的樣式 355
21.7 制作左側(cè)導(dǎo)航 356
21.7.1 制作左側(cè)導(dǎo)航部分的
結(jié)構(gòu) 357
21.7.2 定義左側(cè)導(dǎo)航的樣式 357
21.8 制作聯(lián)系我們部分 359
21.8.1 制作聯(lián)系我們部分的
結(jié)構(gòu) 359
21.8.2 定義聯(lián)系我們內(nèi)容的
樣式 359
21.9 制作公司介紹部分 360
21.9.1 制作公司介紹部分結(jié)構(gòu) 360
21.9.2 定義公司介紹部分的
樣式 360
21.10 制作圖片展示和新聞動態(tài) 361
21.10.1 制作頁面結(jié)構(gòu) 361
21.10.2 定義頁面樣式 362
21.11 制作酒店訂購部分 363
21.11.1 制作頁面結(jié)構(gòu) 363
21.11.2 定義頁面樣式 364
21.12 制作底部版權(quán)部分 365
本章小結(jié) 365
練習(xí)題 366
展開全部
書友推薦
- >
名家?guī)阕x魯迅:朝花夕拾
- >
月亮虎
- >
龍榆生：詞曲概論/大家小書
- >
苦雨齋序跋文-周作人自編集
- >
姑媽的寶刀
- >
企鵝口袋書系列·偉大的思想20:論自然選擇(英漢雙語)
- >
莉莉和章魚
- >
回憶愛瑪儂
本類暢銷
