CSS/HTML網頁設計

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