CSS/HTML網(wǎng)頁(yè)設(shè)計(jì)

第一部分  HTML語(yǔ)法                  
 第1章  認(rèn)識(shí)HTML 3                  
 1-1  WWW的基本概念 4                  
 1-2  網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)概況 5                  
 1-2-1  網(wǎng)頁(yè)技術(shù)概況 5                  
 1-2-2  靜態(tài)網(wǎng)頁(yè)HTML 5                  
 第2章  HTML的基本概念 7                  
 2-1  HTML簡(jiǎn)介 8                  
 2-2  HTML的標(biāo)記與組件的概念 9                  
 2-3  HTML的結(jié)構(gòu)概念 9                  
 2-4  如何制作HTML文件 10                  
 2-5  HTML標(biāo)記的使用方法 15                  
 2-5-1  HTML標(biāo)記的完整語(yǔ)法 15                  
 2-5-2  文件注釋標(biāo)記 15                  
 2-5-3  文件開(kāi)始標(biāo)記 16                  
 2-5-4  文件信息標(biāo)記 16                  
 2-5-5  文件標(biāo)題標(biāo)記 17                  
 2-5-6  文件主體標(biāo)記 18                  
 第3章  文字版面的編輯 19                  
 3-1  版面控制標(biāo)記 20                  
 3-1-1  取消文字換行標(biāo)記 20                  
 3-1-2  換行標(biāo)記 21                  
 3-1-3  段落標(biāo)記 22                  
 3-1-4  保留原始排版方式標(biāo)記 25                  
 3-1-5  水平分隔線(xiàn)標(biāo)記 26                  
 3-1-6  空格符號(hào)a 28                  
 3-1-7  居中對(duì)齊標(biāo)記 29                  
 3-1-8  向右縮進(jìn)標(biāo)記 30                  
 3-2  標(biāo)題文字的建立 31                  
 3-2-1  標(biāo)題文字標(biāo)記 31                  
 3-2-2  標(biāo)題文字的對(duì)齊方式 32                  
 3-3  文字格式標(biāo)記 33                  
 3-3-1  文字格式控制標(biāo)記 33                  
 3-3-2  特定文字樣式標(biāo)記 38                  
 3-3-3  其他特殊文字樣式標(biāo)記 45                  
 3-3-4  特殊符號(hào)的表示方法 47                  
 3-4  控制標(biāo)記的屬性 48                  
 3-4-1  BODY標(biāo)記的屬性 48                  
 3-4-2  設(shè)置網(wǎng)頁(yè)背景顏色 48                  
 3-4-3  設(shè)置網(wǎng)頁(yè)文字顏色 51                  
 第4章  文字列表的設(shè)計(jì) 53                  
 4-1  編號(hào)列表的設(shè)計(jì) 54                  
 4-1-1  編號(hào)列表標(biāo)記  54                  
 4-1-2  設(shè)置編號(hào)的形式--type屬性 55                  
 4-1-3  設(shè)置編號(hào)的開(kāi)始序號(hào)--start屬性 56                  
 4-2  項(xiàng)目符號(hào)列表的設(shè)計(jì) 57                  
 4-2-1  項(xiàng)目符號(hào)列表標(biāo)記  57                  
 4-2-2  設(shè)置項(xiàng)目符號(hào)的形式--type屬性 58                  
 4-2-3  其他項(xiàng)目符號(hào)的列表標(biāo)記MENU與LH 60                  
 4-3  說(shuō)明項(xiàng)目標(biāo)記 63                  
 4-4  高級(jí)列表的設(shè)計(jì) 64                  
 4-4-1  使用UL/OL標(biāo)記設(shè)計(jì)高級(jí)列表 64                  
 4-4-2  列表文字顏色的控制 66                  
 第5章  表格的建立 67                  
 5-1  四種建立表格的標(biāo)記 68                  
 5-2  表格外框的控制 69                  
 5-2-1  表格外框的控制屬性 69                  
 5-2-2  邊框?qū)挾鹊脑O(shè)置--border屬性 69                  
 5-2-3  內(nèi)框?qū)挾?-cellspacing屬性 71                  
 5-2-4  表格內(nèi)文字與邊框距離--cellpadding屬性 72                  
 5-3  表格的控制 73                  
 5-3-1  表格高度--HEIGHT屬性 73                  
 5-3-2  表格寬度--WIDTH屬性 74                  
 5-3-3  表格邊框顏色--BORDERCOLOR屬性 74                  
 5-3-4  表格背景顏色--BGCOLOR屬性 75                  
 5-3-5  表格水平對(duì)齊方式--ALIGN屬性 76                  
 5-4  表格行的控制 77                  
 5-4-1  行高度的控制--HEIGHT屬性 77                  
 5-4-2  行的外框顏色--BORDERCOLOR屬性 79                  
 5-4-3  行的背景顏色--BGCOLOR屬性 80                  
 5-4-4  行的文字水平對(duì)齊方式--ALIGN屬性 81                  
 5-4-5  行的文字垂直對(duì)齊方式--VALIGN屬性 82                  
 5-5  單元格的設(shè)置 83                  
 5-5-1  單元格的邊框顏色--BORDERCOLOR屬性 83                  
 5-5-2  單元格的背景顏色--BGCOLOR屬性 85                  
 5-5-3  單元格文字的水平對(duì)齊--ALIGN屬性 86                  
 5-5-4  單元格文字的垂直對(duì)齊--VALIGN屬性 88                  
 5-5-5  水平延伸單元格--COLSPAN屬性 89                  
 5-5-6  垂直延伸單元格--ROWSPAN屬性 91                  
 5-5-7  單元格的寬度--WIDTH屬性 93                  
 5-6  表格標(biāo)題標(biāo)記CAPTION 94                  
 5-7  表格高級(jí)設(shè)計(jì) 97                  
 5-7-1  嵌套表格的建立 97                  
 5-7-2  環(huán)繞表格文字格式的控制 98                  
 第6章  圖片的使用 101                  
 6-1  使用IMG標(biāo)記插入圖片 102                  
 6-2  IMG標(biāo)記屬性的使用 103                  
 6-2-1  圖片高度--HEIGHT屬性 103                  
 6-2-2  圖片寬度--WIDTH屬性 104                  
 6-2-3  圖片邊緣寬度--BORDER屬性 105                  
 6-2-4  圖片水平空間--HSPACE屬性 106                  
 6-2-5  圖片垂直空間--VSPACE屬性 107                  
 6-2-6  圖片相對(duì)于文字基準(zhǔn)線(xiàn)的水平對(duì)齊--ALIGN屬性 108                  
 6-2-7  圖片低分辨率--LOWSRC屬性 111                  
 6-2-8  圖片的取代文字--ALT屬性 112                  
 第7章  建立超鏈接 115                  
 7-1  相對(duì)路徑與絕對(duì)路徑的概念 116                  
 7-2  網(wǎng)頁(yè)超鏈接的建立 117                  
 7-2-1  超鏈接標(biāo)記的基本語(yǔ)法 117                  
 7-2-2  建立文件超鏈接 118                  
 7-2-3  特定目標(biāo)超鏈接 120                  
 7-2-4  建立圖片超鏈接 122                  
 7-2-5  超鏈接顏色的設(shè)置 124                  
 7-3  超鏈接到其他位置的設(shè)置 125                  
 7-3-1  通過(guò)HTTP協(xié)議 125                  
 7-3-2  通過(guò)FTP協(xié)議 126                  
 7-3-3  通過(guò)TELNET鏈接 127                  
 第8章  窗口框架的建立 129                  
 8-1  窗口框架簡(jiǎn)介 130                  
 8-1-1  什么是窗口框架 130                  
 8-1-2  窗口框架的基本結(jié)構(gòu) 130                  
 8-2  窗口框架的控制 131                  
 8-2-1  窗口的水平分割--ROWS屬性 131                  
 8-2-2  窗口的垂直分割--COLS屬性 133                  
 8-2-3  窗口框架的高級(jí)設(shè)計(jì) 135                  
 8-2-4  窗口架框的寬度--BORDER屬性 136                  
 8-2-5  框架的隱藏--FRAMEBORDER屬性 137                  
 8-3  子窗口的設(shè)置 138                  
 8-3-1  指定子窗口顯示網(wǎng)頁(yè)--SRC屬性 138                  
 8-3-2  定義子窗口名稱(chēng)--NAME屬性 139                  
 8-3-3  控制框架滾動(dòng)條--SCROLLING屬性 140                  
 8-3-4  子窗口大小的調(diào)整--NoResize屬性 140                  
 8-4  超鏈接TARGET屬性與框架的應(yīng)用 141                  
 8-4-1  網(wǎng)頁(yè)顯示子窗口--TARGET屬性 141                  
 8-4-2  搭配TARGET屬性的特殊設(shè)置 142                  
 第9章  Applet. 網(wǎng)頁(yè)動(dòng)態(tài)更新與多媒體 147                  
 9-1  Applet的運(yùn)用 148                  
 9-1-1  在網(wǎng)頁(yè)中引用Applet 148                  
 9-1-2  從網(wǎng)上下載Applet組件 150                  
 9-2  網(wǎng)頁(yè)動(dòng)態(tài)更新 154                  
 9-3  多媒體網(wǎng)頁(yè) 156                  
 9-3-1  多媒體網(wǎng)頁(yè)的制作簡(jiǎn)介 156                  
 9-3-2  音樂(lè)文件的播放 156                  
 9-3-3  影像文件的播放 157                  
 9-3-4  音樂(lè)文件的播放 160                  
 9-3-5  網(wǎng)頁(yè)背景音樂(lè)的播放 161                  
 第2部分  CSS樣式表                  
 第10章  認(rèn)識(shí)CSS 165                  
 10-1  CSS的簡(jiǎn)介 166                  
 10-1-1  什么是CSS 166                  
 10-1-2  為什么要有CSS 166                  
 10-1-3  CSS的優(yōu)點(diǎn) 167                  
 10-2  其他應(yīng)注意的事項(xiàng) 167                  
 10-2-1  支持CSS的瀏覽器 167                  
 10-2-2  CSS文件的應(yīng)用 168                  
 第11章  樣式表的定義與使用 171                  
 寫(xiě)在前面 172                  
 11-1  直接定義標(biāo)記的STYLE屬性 172                  
 11-2  定義內(nèi)部樣式表 173                  
 11-2-1  在HTML文件內(nèi)定義樣式表 173                  
 11-2-2  利用CLASS類(lèi)選擇符定義樣式 177                  
 11-2-3  利用ID選擇符定義樣式 179                  
 11-2-4  結(jié)構(gòu)化選擇符 181                  
 11-3  CSS的繼承概念 183                  
 11-3-1  CSS的繼承性質(zhì) 183                  
 11-3-2  上下文選擇符 185                  
 11-4  外部樣式表 188                  
 11-4-1  嵌入外部樣式表 188                  
 11-4-2  連接外部樣式表 190                  
 11-5  樣式的調(diào)用順序 191                  
 第12章  文字與排版樣式的使用 195                  
 12-1  長(zhǎng)度. 百分比單位的介紹 196                  
 12-2  文字樣式屬性的介紹 197                  
 12-2-1  font-family字體設(shè)置屬性 197                  
 12-2-2  font-style字體效果屬性 199                  
 12-2-3  font-variant文字變體屬性 200                  
 12-2-4  font-weight字體粗細(xì)屬性 201                  
 12-2-5  font-size文字大小屬性 203                  
 12-2-6  font文字屬性 207                  
 12-2-7  text-decoration文字效果屬性 208                  
 12-2-8  text-transform文字轉(zhuǎn)換屬性 209                  
 12-3  排版樣式屬性的介紹 211                  
 12-3-1  text-indent首行縮進(jìn)屬性 211                  
 12-3-2  letter-spacing字符間距屬性 214                  
 12-3-3  line-height行距屬性 216                  
 12-3-4  text-align水平對(duì)齊屬性 219                  
 12-3-5  vertical-align垂直對(duì)齊屬性 220                  
 第13章  背景與顏色的使用 223                  
 13-1  設(shè)置顏色方法 224                  
 13-1-1  利用RGB概念設(shè)置顏色 224                  
 13-1-2  利用rgb函數(shù)設(shè)置顏色 225                  
 13-1-3  利用顏色名稱(chēng)設(shè)置顏色 226                  
 13-1-4  實(shí)例應(yīng)用 226                  
 13-2  背景顏色與背景圖片的設(shè)置 228                  
 13-2-1  background-color背景顏色屬性 228                  
 13-2-2  background-image背景圖片的應(yīng)用 230                  
 13-3  background-repeat背景圖片并排屬性 232                  
 13-4  background-attachment固定背景圖片屬性 236                  
 13-5  background-position背景圖片的位置屬性 238                  
 13-5-1  以百分比方法設(shè)置background-position屬性 238                  
 13-5-2  以長(zhǎng)度單位設(shè)置background-position屬性 240                  
 13-5-3  以關(guān)鍵字設(shè)置background-position屬性 243                  
 第14章  美化網(wǎng)頁(yè)與超鏈接的設(shè)置 247                  
 14-1  Anchor網(wǎng)頁(yè)鏈接屬性的設(shè)置 248                  
 14-1-1  設(shè)置Anchor網(wǎng)頁(yè)鏈接屬性的顏色 248                  
 14-1-2  設(shè)置Anchor屬性的文字效果 249                  
 14-1-3  不加下劃線(xiàn)的超鏈接 251                  
 14-2  scrollbar滾動(dòng)條屬性的設(shè)置 252                  
 14-3  Cursor光標(biāo)屬性的設(shè)置 255                  
 第15章  矩形模塊的概念與使用 259                  
 15-1  矩形模塊的概念 260                  
 15-2  邊界的設(shè)置--margin屬性 260                  
 15-2-1  分別設(shè)置margin屬性的四個(gè)屬性值 260                  
 15-2-2  利用margin屬性設(shè)置邊界值 262                  
 15-3  元素邊框的設(shè)置--border屬性 266                  
 15-3-1  border屬性 266                  
 15-3-2  border-width邊框?qū)挾葘傩?266                  
 15-3-3  border-color邊框色彩屬性 271                  
 15-3-4  border-style邊框樣式屬性 274                  
 15-3-5  快速設(shè)置border屬性 276                  
 15-4  元素內(nèi)邊界的設(shè)置--padding屬性 280                  
 15-4-1  分別設(shè)置padding屬性的四個(gè)屬性值 280                  
 15-4-2  利用padding屬性設(shè)置元素內(nèi)邊界值 282                  
 15-5  矩形屬性的綜合應(yīng)用 284                  
 15-6  立體按鈕的制作 287                  
 第16章  區(qū)域組件與立體空間的建立 291                  
 16-1  區(qū)域組件 292                  
 16-1-1  標(biāo)記的使用 292                  
 16-1-2  標(biāo)記的使用 294                  
 16-1-3  與標(biāo)記的差異 296                  
 16-2  區(qū)域位置的定位 299                  
 16-2-1  top. left屬性 299                  
 16-2-2  position位置屬性 299                  
 16-3  三維空間的建立 303                  
 16-3-1  z-index層次屬性 303                  
 16-3-2  設(shè)置文字與圖片的重疊效果 305                  
 16-3-3  設(shè)置文字的陰影效果 306                  
 16-3-4  設(shè)置文字的三維效果 308                  
 第17章  列表項(xiàng)目的使用 311                  
 17-1  list-style-type列表符號(hào)及編號(hào)屬性 312                  
 17-1-1  列表符號(hào) 312                  
 17-1-2  列表編號(hào) 314                  
 17-2  list-style-image圖片式列表符號(hào)屬性 316                  
 17-3  list-style-position列表符號(hào)縮進(jìn)屬性 317                  
 17-4  list-style屬性的綜合應(yīng)用 319                  
 17-4-1  list-style列表項(xiàng)目屬性的綜合應(yīng)用 319                  
 17-4-2  高級(jí)列表的使用 321                  
 第18章  CSS與XML. JavaScript 325                  
 18-1  使用CSS控制XML文件的顯示 326                  
 18-1-1  在XML文件中引用CSS 326                  
 18-1-2  CSS樣式的使用 326                  
 18-1-3  CSS文件的引用 328                  
 18-1-4  組合選擇符的定義 330                  
 18-1-5  子選擇符的定義 332                  
 18-2  JavaScript與CSS的應(yīng)用 335                  
 18-2-1  使用JavaScript控制CSS 335                  
 18-2-2  style對(duì)象的使用 339                  
 第19章  濾鏡特效 341                  
 19-1  濾鏡的簡(jiǎn)介 342                  
 19-1-1  濾鏡的介紹 342                  
 19-1-2  濾鏡的基本語(yǔ)法 342                  
 19-1-3  濾鏡所適用的元素 345                  
 19-2  視覺(jué)濾鏡 346                  
 19-2-1  視覺(jué)濾鏡的種類(lèi) 346                  
 19-2-2  Alpha濾鏡 346                  
 19-2-3  Blur濾鏡 349                  
 19-2-4  Chroma濾鏡 351                  
 19-2-5  DropShadow濾鏡 352                  
 19-2-6  FlipH與FilpV濾鏡 354                  
 19-2-7  Glow濾鏡 356                  
 19-2-8  Gray濾鏡 357                  
 19-2-9  Invert濾鏡 358                  
 19-2-10  Mask濾鏡 360                  
 19-2-11  Shadow濾鏡 361                  
 19-2-12  Wave濾鏡 363                  
 19-2-13  Xray濾鏡 365                  
 19-3  轉(zhuǎn)換濾鏡 368                  
 19-3-1  轉(zhuǎn)換濾鏡簡(jiǎn)介 368                  
 19-3-2  融合轉(zhuǎn)換濾鏡 368                  
 19-3-3  揭示轉(zhuǎn)換濾鏡 377                  
 19-3-4  網(wǎng)頁(yè)轉(zhuǎn)換特效 385                  
 附錄A  顏色索引表 389                  
 A-1  顏色值按顏色名稱(chēng)的英文字母排序 390                  
 A-2  以顏色的十六進(jìn)制數(shù)由白色到黑色排序 390                  
 A-3  按相同色系由淺色到深色排序 391                  
 附錄B  CSS樣式表 393                  
 B-1  字體屬性 394                  
 B-2  排版樣式屬性 396                  
 B-3  顏色屬性 397                  
 B-4  背景屬性 397                  
 B-5  矩形模塊屬性 398                  
 B-6  列表屬性 400                  
 B-7  濾鏡屬 401                  
 附錄C  網(wǎng)站的建立 405                  
 C-1  網(wǎng)頁(yè)上傳 406                  
 C-1-1  網(wǎng)頁(yè)發(fā)布前的準(zhǔn)備 406                  
 C-1-2  利用sohu上傳網(wǎng)頁(yè) 406                  
 C-1-3  利用Web 發(fā)布向?qū)Оl(fā)布網(wǎng)頁(yè) 409                  
 C-1-4  利用CuteFTP發(fā)布網(wǎng)頁(yè) 413                  
 C-2  免費(fèi)網(wǎng)頁(yè)資源 416