目 錄前言第1章 網頁和網站的基礎知識 11.1 認識網頁 11.1.1 網頁和網站 11.1.2 網頁類型 21.1.3 網頁的基本構成 31.2 網頁設計 41.2.1 網頁設計概述 41.2.2 網頁設計原則 51.2.3 網頁設計相關術語 71.2.4 常見網頁類型 111.3 網頁布局 131.3.1 表格布局 131.3.2 表格布局的特點 141.3.3 冗余的嵌套表格和混亂的結構 141.3.4 表格布局的優(yōu)缺點 151.3.5 div+css布局 151.3.6 div+css布局的特點 151.3.7 div+css布局的優(yōu)缺點 151.4 網頁版式設計 161.4.1 網頁版式設計的特點 161.4.2 頁面尺寸 161.4.3 整體造型 171.4.4 網頁布局方法 171.4.5 網頁設計的構圖方法 171.4.6 版式設計的視覺流程 181.5 了解web標準 191.5.1 web標準的基礎概念 191.5.2 認識w3c 191.5.3 w3c發(fā)布的標準 191.5.4 網頁標準化的好處 211.6 網站開發(fā)流程 221.7 專家支招 221.7.1 確定域名注意事項 221.7.2 常用網頁編輯軟件 221.8 總結擴展 231.8.1 本章小結 231.8.2 舉一反三——制作簡單的html頁面 23第2章 html、xhtml和html 5基礎 252.1 html基礎 252.1.1 html概述 252.1.2 html文件的基本結構 262.1.3 html能做什么 272.1.4 html的基本語法 272.2 html標簽 282.2.1 基本標簽 282.2.2 格式標簽 292.2.3 文本標簽 302.2.4 超鏈接標簽 312.2.5 圖像標簽 312.2.6 表格標簽和表單標簽 322.2.7 分區(qū)標簽 322.3 html基礎 332.3.1 xhtml概述 332.3.2 xhtml的頁面結構 332.3.3 xhtml代碼規(guī)范 342.3.4 3種不同的xhtml文檔類型 372.4 html和xhtml 382.4.1 html和xhtml的區(qū)別 382.4.2 使用xhtml的優(yōu)點 382.4.3 html轉化成xhtml的方法 38實例:制作簡單的html頁面 382.5 html 5基礎 402.5.1 html 5概述 402.5.2 html 5的簡化操作 402.5.3 html 5標簽 412.5.4 html 5標準屬性 442.5.5 html 5事件屬性 442.6 html 5的設計目的 462.6.1 標簽 46實例:在網頁中嵌入視頻 462.6.2 標簽 48實例:在網頁中嵌入音頻 482.6.3 標簽 492.7 專家支招 492.7.1 在標簽中如何設置網頁的字體和大小 502.7.2 網頁中默認的超鏈接文字效果是什么樣的 502.8 總結擴展 502.8.1 本章小結 502.8.2 舉一反三——在網頁中實現繪圖效果 50第3章 css樣式基礎 523.1 css概述 523.1.1 css的發(fā)展歷史 523.1.2 css的特點 533.1.3 css樣式的功能 533.1.4 css樣式的局限性 543.2 css語法 553.2.1 css的基本語法 553.2.2 css規(guī)則 563.3 css選擇器 563.3.1 通配選擇器 57實例:太空冒險網頁制作 573.3.2 標簽選擇器 583.3.3 類選擇器 59實例:萬圣節(jié)網頁制作 593.3.4 id選擇器 613.3.5 群選擇器 623.3.6 派生選擇器 63實例:運動鞋網頁制作 633.3.7 偽類選擇器 653.4 css 3中新增的選擇器 663.4.1 結構偽類選擇器 663.4.2 ui元素狀態(tài)偽類選擇器 673.4.3 屬性選擇器 673.5 在網頁中應用css樣式 683.5.1 在html中插入樣式表的方法 683.5.2 內聯樣式 683.5.3 嵌入樣式表 69實例:為網頁添加內部css 樣式 693.5.4 鏈接外部樣式 71實例:鏈接外部css樣式文件 713.5.5 導入樣式 743.6 css文檔結構 743.6.1 結構 753.6.2 繼承性 753.6.3 特殊性 763.6.4 層疊性 773.6.5 重要性 773.7 單位和值 783.7.1 顏色值 783.7.2 絕對單位 793.7.3 相對單位 803.8 專家支招 803.8.1 css和html的區(qū)別 803.8.2 導入css樣式與鏈接css樣式的區(qū)別 803.9 總結擴展 803.9.1 本章小結 803.9.2 舉一反三——在網頁中實現繪圖效果 81第4章 div+css布局入門 824.1 定義div 824.1.1 什么是div 824.1.2 插入div 834.1.3 div的嵌套和固定格式 844.2 可視化盒模型 854.2.1 盒模型 854.2.2 content(內容) 874.2.3 padding(填充) 87實例:設置元素到元素的邊界距離 874.2.4 border(邊框) 89實例:為圖片添加邊框 894.2.5 margin(邊界) 90實例:調整網頁logo位置 914.3 常見的布局方式 924.3.1 居中布局設計 924.3.2 浮動布局 944.3.3 自適應高度 984.4 css布局定位 994.4.1 position屬性 994.4.2 相對定位 100實例:圖像疊加 1004.4.3 絕對定位 1024.4.4 固定定位 102實例:制作固定不動的導航條 1024.4.5 浮動定位 1044.4.6 空白邊疊加 1044.5 流體網格布局 1044.6 專家支招 1054.6.1 css 3 中有關盒模型的新增屬性 1054.6.2 什么是id 1054.7 總結擴展 1054.7.1 本章小結 1064.7.2 舉一反三——空白邊疊加在網頁中的應用 106第5章 使用css控制背景和圖片 1075.1 背景控制概述 1075.1.1 背景控制原則 1075.1.2 背景控制屬性 1085.2 背景顏色控制 1085.2.1 設置背景顏色 1085.2.2 設置塊背景顏色 1095.3 背景圖像控制 1105.3.1 設置背景圖像 110實例:為網頁設置背景圖像 1105.3.2 背景圖像的重復方式 112實例:設置背景圖像的重復方式 1125.3.3 背景圖像的定位 1145.3.4 背景圖像的固定 1145.4 圖片樣式概述 1155.4.1 圖像邊框 115實例:為網頁中的圖片設置邊框 1165.4.2 圖片縮放 1175.4.3 圖片水平對齊 1195.4.4 圖片垂直對齊 1205.5 網頁中的圖文混排 1215.5.1 使用css樣式實現文本環(huán)繞效果 1215.5.2 設置文本繞圖間距 1225.6 專家支招 1235.6.1 網頁中插入的圖像可以不設置寬度和高度嗎 1235.6.2 background-color 屬性可以使用哪些值 1235.7 總結擴展 1245.7.1 本章小結 1245.7.2 舉一反三——網頁圖片垂直對齊 124第6章 css控制頁面中的文本 1256.1 文本排版概述 1256.1.1 文本排版原則 1256.1.2 文本控制屬性 1256.2 css文本樣式 1266.2.1 字體 1266.2.2 大小 1276.2.3 顏色 129實例:為網頁中的文字設置樣式 1296.2.4 粗細 1326.2.5 樣式 1336.2.6 英文字母大小寫 1336.2.7 修飾 133實例:設置英文大小寫并修飾文字 1346.3 css段落樣式 1376.3.1 字間距 1376.3.2 行間距 1376.3.3 首字下沉 1386.3.4 首行縮進 138實例:為網頁中段落文字設置不同樣式 1386.3.5 段落水平對齊 1416.3.6 段落垂直對齊 1416.4 css樣式的功能及沖突 1426.4.1 使用css 對flash 中的文字進行控制 1426.4.2 css 樣式沖突 1426.5 專家支招 1436.5.1 css樣式中的兩端對齊有什么作用范圍 1436.5.2 為什么有些情況應用的文本段落垂直對齊不起作用 1436.6 總結擴展 1436.6.1 本章小結 1436.6.2 舉一反三——網頁中文字水平居中對齊 143第7章 使用css樣式控制列表 1457.1 列表控制概述 1457.2 列表樣式控制 1467.2.1 無序列表 1467.2.2 有序列表 1467.2.3 自定義列表符號 147實例:制作網站列表 1477.2.4 定義列表 1497.2.5 更改列表項目樣式 1507.3 使用列表制作菜單欄 1517.3.1 使用css樣式創(chuàng)建橫向導航菜單 151實例:制作游戲網站導航 1517.3.2 使用css 樣式創(chuàng)建豎向導航菜單 152實例:制作購物網站導航 1537.4 css 3中新增的內容和不透明度屬性 1547.4.1 內容(content) 1547.4.2 不透明度(opacity) 155實例:內容和不透明度屬性的應用 1557.5 專家支招 1577.5.1 如何不通過css樣式更改項目列表前的符號效果 1577.5.2 網頁中文本分行與分段有什么區(qū)別 1577.6 總結擴展 1577.6.1 本章小結 1577.6.2 舉一反三——更改部分項目列表符號 158第8章 使用css控制表格及表單樣式 1598.1 表格及表單的設計概述 1598.1.1 表格的設計 1598.1.2 表單的設計及分類 1608.2 使用css控制表格樣式 1638.2.1 表格標簽與結構 1638.2.2 設置表格邊框 1648.2.3 設置表格背景 165實例:設置表格邊框及背景 1658.2.4 設置斑馬式表格 168實例:設置斑馬式表格 1688.2.5 設置交互式表格 1708.3 表單的設計 1718.3.1 表單 1718.3.2 表單元素 1728.4 表單輸入 1728.4.1 文本域和密碼域 1738.4.2 文件域和隱藏域 1748.4.3 單選按鈕和復選框 1748.4.4 按鈕和圖像域 1768.4.5 菜單列表 1778.5 使用css樣式控制表單元素 1788.5.1 使用css樣式控制表單元素的背景 178實例:制作網站的登錄頁面 1788.5.2 使用css樣式控制列表與跳轉菜單 1828.5.3 使用css樣式定義圓角文本字段 1838.6 表單在網頁中的特殊應用 1848.6.1 聚焦型提示語消失 185實例:制作文字字段提示語效果 1858.6.2 輸入型提示語消失 1888.7 專家支招 1908.7.1 為什么需要使用css對表格數據進行控制 1908.7.2 在表單域中插入圖像域的作用 1908.8 總結擴展 1908.8.1 本章小結 1908.8.2 舉一反三——美化登錄框 190第9章 使用css控制超鏈接 1929.1 了解網頁超鏈接 1929.1.1 超鏈接的定義 1929.1.2 超鏈接的對象 1939.1.3 超鏈接的路徑 1949.1.4 合理安排超鏈接 1969.2 超鏈接的屬性控制 1979.2.1 a:link 1979.2.2 a:active 1989.2.3 a:hover 1989.2.4 a:visited 199實例:制作網頁文字超鏈接 2009.2.5 超鏈接的5種打開方式 2039.3 超鏈接特效 2039.3.1 按鈕式超鏈接 203實例:制作按鈕式超鏈接 2049.3.2 浮雕式超鏈接 2069.4 使用css實現鼠標特效 2079.5 超鏈接在網頁中的特殊應用 2089.5.1 使用css實現傾斜導航菜單 209實例:制作網站的傾斜導航菜單 2099.5.2 使用css實現動感超鏈接 2119.6 專家支招 2139.6.1 實現動感導航菜單的原理 2139.6.2 如何識別網頁中的超鏈接 2139.7 總結擴展 2149.7.1 本章小結 2149.7.2 舉一反三——使用css控制鼠標箭頭 214第10章 應用css 3中的濾鏡 21510.1 css 3新增濾鏡 21510.1.1 grayscale濾鏡 21510.1.2 sepia濾鏡 217實例:使用sepia濾鏡 21710.1.3 opacity濾鏡 21910.1.4 blur濾鏡 22110.1.5 saturate濾鏡 222實例:使用saturate濾鏡 22210.1.6 hue-rotate濾鏡 22410.1.7 invert濾鏡 226實例:使用invert濾鏡 22610.1.8 drop-shadow濾鏡 22810.1.9 brightness濾鏡 22910.1.10 contrast濾鏡 23110.2 專家支招 23110.2.1 ie濾鏡與w3c濾鏡的區(qū)別 23110.2.2 ie濾鏡包括哪些 23110.3 總結擴展 23210.3.1 本章小結 23210.3.2 舉一反三——調整圖像的對比度 232第11章 css 3新增屬性 23411.1 css 3中新增的文字屬性 23411.1.1 文字陰影text-shadow 23411.1.2 文字溢出處理text-overflow 23511.1.3 控制文本換行word-wrap 237實例:控制文本換行 23711.2 css 3中新增的背景屬性 23911.2.1 背景圖像大小background-size 239實例:控制背景圖像大小 23911.2.2 背景位置定位background-origin 24111.2.3 背景圖像裁剪區(qū)域background-clip 24211.3 css 3中新增的邊框屬性 24411.3.1 圖像邊框border-image 24411.3.2 圓角邊框border-radius 24511.3.3 多重邊框顏色border-colors 246實例:為圖像添加多種色彩邊框 24611.4 css 3中新增的多列布局屬性 24811.4.1 列寬度 24811.4.2 新增多列設置屬性 249實例:多列屬性的設置 25011.5 css 3中有關用戶界面的新增屬性 25211.5.1 box-sizing 25211.5.2 區(qū)域縮放調節(jié)resize 25311.5.3 輪廓外邊框outline 25411.5.4 導航序列號nav-index 25411.6 css 3中其他模塊新增屬性 25511.6.1 @media 25511.6.2 加載服務器端字體@font-face 25611.6.3 閱讀器speech 25611.7 專家支招 25711.7.1 除了chrome瀏覽器外,還有哪些瀏覽器支持column屬性 25811.7.2 目前常用的瀏覽器都是以什么為內核引擎 25811.8 總結擴展 25811.8.1 本章小結 25811.8.2 舉一反三——為圖片添加輪廓 258第12章 jquery在網頁中的應用 26012.1 認識javascript 26012.1.1 了解javascript 26012.1.2 javascript的特點 26112.1.3 css樣式與javascript 26112.2 javascript與jquery 26212.2.1 關于jquery 26212.2.2 jquery的安裝 26212.2.3 jquery語法 26312.2.4 jquery選擇器 26312.2.5 jquery事件 26512.3 在dreamweaver cc中使用jquery 266實例:制作一個簡單的檢索頁面 26612.4 jquery效果 26712.4.1 使用jquery實現網頁全屏大圖切換效果 268實例:全屏大圖切換效果 26812.4.2 使用jquery實現圖像橫向滾動效果 271實例:圖像橫向滾動效果 27112.5 專家支招 27812.5.1 在dreamweaver中為網頁元素添加jquery效果 27812.5.2 dreamweaver中內置jquery能夠實現的效果 27812.6 總結擴展 27912.6.1 本章小結 27912.6.2 舉一反三——使用jquery制作選項卡 279第13章 jquery mobile與jquery ui的應用 28013.1 認識jquery mobile 28013.1.1 jquery mobile的優(yōu)點 28013.1.2 jquery mobile的操作流程 28113.2 使用dreamweaver創(chuàng)建jquery mobile頁面 281實例:設計制作手機網站頁面 28213.3 jquery mobile事件 28813.3.1 觸摸事件 28813.3.2 滾動事件 28913.3.3 方向事件 28913.3.4 頁面事件 29013.4 jquery ui 29113.4.1 jquery ui的構成 29113.4.2 jquery ui的特性 29113.4.3 jquery ui的下載 29213.4.4 jquery ui的使用 292實例:制作折疊式作品展示欄目 29413.5 專家支招 29813.5.1 在dreamweaver cc中可以插入的jquery mobile對象 29813.5.2 jquery與jquery ui的區(qū)別 29813.6 總結擴展 29813.6.1 本章小結 29813.6.2 舉一反三——制作選項卡式新聞列表 299第14章 div+css布局綜合案例 30014.1 綜合實例——制作音樂類網站 300實例:音樂類網站——頂部 300實例:音樂類網站——中部 308實例:音樂類網站——主體 314實例:音樂類網站——底部 32014.2 專家支招 32314.2.1 網頁中文本字號的使用規(guī)范 32314.2.2 iframe標簽的作用 32314.3 本章小結 324