《HTML5+CSS3+ 網頁設計入門與應用》采用大量的實例進行講解，力求通過實際操作使讀者更容易地制作前端頁面、設計頁面樣式和操作頁面腳本。《HTML5+CSS3+ 網頁設計入門與應用》難度適中，內容由淺入深，實用性強，覆蓋面廣，條理清晰。知識點全緊緊圍繞前端的HTML5、CSS3 和 展開講解，具有很強的邏輯性和繫統性。實例豐富各章實例短小卻又能體現出知識點，讓讀者很輕松地學習，並能靈活地應用到實際的軟件項目中。等

●章  初步認識HTML5和CSS31.1  認識網頁和網站21.1.1  網頁21.1.2  網站31.1.3  網站制作流程31.1.4  網頁設計流程41.1.5  發布站點41.2  Web標準布局介紹51.2.1  當前的Web開發標準51.2.2  為什麼使用Web標準51.2.3  CSS布局標準61.3  HTML與HTML571.3.1  HTML的發展歷史71.3.2  HTML 4.01和XHTML81.3.3  HTML和XHTML文檔類型定義91.3.4  從XHTML到HTML5111.3.5  HTML5的優勢111.4  HTML5語法的變化131.4.1  DOCTYPE聲明131.4.2  命名空間聲明131.4.3  編碼類型141.4.4  文檔媒體類型151.4.5  HTML5兼容HTML151.5  實踐案例：瀏覽器HTML5性能測試181.6  CSS3簡介191.6.1  什麼是CSS3201.6.2  CSS3的優缺點201.6.3  CSS3的新增特性211.7  實踐案例：瀏覽器CSS3性能測試241.8  練習題25第2章  HTML5網頁結構2.1  認識ht素282.2  文素282.3  素312.3.1  hea素312.3.2  arti素332.3.3  sect素342.3.4  as素352.3.5  foo素362.4  素362.4.1  素362.4.2  hgr素372.4.3  addr素382.5  素392.5.1  m素392.5.2  c素402.5.3  t素402.5.4  素412.5.5  ruby、rt素412.6  素412.6.1  me素412.6.2  progr素432.6.3  deta素442.6.4  summ素452.7  全局屬性452.7.1  hidden屬性462.7.2  contenteditable屬性462.7.3  spellcheck屬性472.8  實踐案例：設計旅遊網站首頁482.9  練習題53第3章  HTML5表單應用3.1  重新認識HTML表單563.1.1  表單簡介563.1.2  表單標記563.1.3  基素573.2  新增輸入類型583.2.1  url類型583.2.2  number類型593.2.3  email類型603.2.4  range類型613.2.5  datepickers類型623.2.6  color類型3.2.7  tel類型3.2.8  search類型653.3  新增屬性653.3.1  表單類屬性653.3.2  輸入類屬性673.4  素733.4.1  datal素733.4.2  key素743.4.3  out素753.4.4  optgr素763.5  表單驗證773.5.1  自動驗證773.5.2  顯式驗證793.5.3  自定義驗證803.5.4  取消驗證813.6  實踐案例：設計用戶錄入表單813.7  練習題87第4章  HTML5多媒體應用4.1  多媒體簡介904.1.1  多媒體編解碼器904.1.2  視頻格式904.1.3  音頻格式914.2  播放視頻914.2.1  vi素的基礎用法924.2.2  vi素方法944.2.3  vi素事件954.3  播放音頻974.3.1  au素的基礎用法974.3.2  au素事件984.4  實踐案例：實現HTML5網頁視頻播放器994.5  練習題105第5章  HTML5繪圖應用5.1  認識can素1085.1.1  canvas簡介1085.1.2  創建can素1085.1.3  實踐案例：判斷瀏覽器是否支持can素1095.2  繪制簡單圖形1105.2.1  繪制矩形1105.2.2  繪制直線1135.2.3  繪制圓形1165.2.4  實踐案例：繪制三角形1195.2.5  保存和恢復圖形1215.2.6  輸出圖形1235.3  繪制文本1245.3.1  繪制普通文本1245.3.2  繪制陰影文本1265.4  繪制曲線1285.4.1  二次方貝塞爾曲線1285.4.2  三次方貝塞爾曲線1285.5  變換圖形1295.5.1  坐標變換1295.5.2  矩陣變換1335.5.3  組合圖形1355.5.4  線性漸變1385.5.5  徑向漸變1395.6  使用圖像1415.6.1  繪制圖像1415.6.2  平鋪圖像1435.6.3  裁剪和復制圖像1455.7  實踐案例：制作圖像黑白和反轉效果1465.8  練習題148第6章  HTML5數據存儲6.1  Web存儲簡介1526.1.1  Web存儲和Cookie存儲1526.1.2  sessionStorage對像1526.1.3  localStorage對像1546.2  操作本地數據1556.2.1  保存數據1566.2.2  讀取數據1576.2.3  清空數據1596.2.4  遍歷數據1596.3  實踐案例：實現工程管理模塊1626.4  操作本地數據庫數據1676.4.1  創建數據庫1676.4.2  執行SQL語句1686.5  實踐案例：查看學生列表1706.6  練習題171第7章  文件和離線應用7.1  操作文件1747.1.1  獲取文件信息1747.1.2  文件類型1757.2  實踐案例：文件上傳1777.3  FileReader接口1787.3.1  FileReader接口簡介1797.3.2  讀取文本文件內容1797.3.3  監聽讀取事件1817.3.4  處理讀取異常1837.4  實踐案例：預覽圖片1847.5  離線應用1867.5.1  離線Web應用程序概述1867.5.2  manifest文件1867.5.3  applicationCache對像1907.6  練習題195第8章  HTML5不錯開發8.1  拖放功能1988.1.1  拖放API簡介1988.1.2  dataTransfer對像1998.2  實踐案例：拖放式選擇員工2028.3  跨文檔消息通信2058.4  本地多線程2078.4.1  Worker對像簡介2078.4.2  線程和交互2108.4.3  線程嵌套2108.4.4  實踐案例：線程和JSON交互2128.5  獲取地理位置2148.5.1  地圖API簡介2158.5.2  ition對像2168.6  練習題218第9章  CSS3選擇器9.1  CSS選擇器的分類2229.2  屬性選擇器2269.2.1  E[att^=“val”]2269.2.2  E[att$=“val”]2279.2.3  E[att*=“val”]2279.2.4  實踐案例:設計顏色選擇器2279.3  偽類選擇器2299.3.1  E:last-child選擇器2299.3.2  E:only-child選擇器2309.3.3  E:nth-child(n)選擇器2319.3.4  E:nth-last-child(n)選擇器2339.3.5  E:root選擇器2339.3.6  E:not(s)選擇器2349.3.7  E:empty選擇器2359.3.8  E:target選擇器2369.3.9  實踐案例：單擊鏈接顯示具體內容2379.4  偽對像選擇器2389.4.1  E::selection選擇器2389.4.2  E::placeholder選擇器2399.4.3  已修改的選擇器2399.4.4  實踐案例：選擇器和content屬性結合插入內容2409.5  兄弟選擇器2439.6  練習題2440章  CSS3新增的基本屬性10.1  新增基本屬性24810.1.1  文本屬性24810.1.2  字體屬性24910.1.3  顏色屬性25010.1.4  邊框屬性25110.1.5  背景屬性25110.1.6  實踐案例：用JS判斷瀏覽器是否支持某屬性25110.2  設置文本樣式25210.2.1  文本換行設置25210.2.2  文本對齊方式25610.2.3  文本的單個陰影25610.2.4  文本的多個陰影25910.2.5  實踐案例：制作火焰字26010.3  設置邊框樣式26110.3.1  邊框圓角屬性26110.3.2  圖形填充邊框210.3.3  邊框陰影效果26710.4  設置背景樣式26910.4.1  background-size屬性27010.4.2  background-origin屬性27110.4.3  background-clip屬性27210.5  實踐案例：制作太極圖27310.6  練習題2741章  變形、過渡和動畫11.1  CSS3的變形屬性27811.1.1  基本變形之平移27811.1.2  基本變形之縮放28011.1.3  基本變形之旋轉28011.1.4  基本變形之傾斜28111.1.5  實踐案例：制作個性圖片牆28311.1.6  指定變形中心點28411.2  CSS3的過渡屬性28611.2.1  過渡屬性概述28611.2.2  單個屬性實現過渡28711.2.3  多個屬性同時過渡28711.2.4  實踐案例：鼠標懸浮特效的過渡功能28911.3  CSS3的動畫屬性29111.3.1  了解animation屬性29111.3.2  @keyframes動畫幀29311.3.3  同時改變多個屬性的動畫29511.3.4  實踐案例：繪制旋轉的太極圖案29511.4  實踐案例：動態復古時鐘29611.5  練習題2992章  CSS3新增的不錯屬性12.1  多列布局屬性30212.1.1  多列布局屬性列表30212.1.2  設置顯示列的寬度30212.1.3  設置顯示的固定列30312.1.4  設置顯示列的樣式30412.1.5  設置各列間的間距30512.2  彈性盒模型屬性30512.2.1  flex布局屬性30612.2.2  flex-direction屬性30712.2.3  flex-wrap屬性30812.2.4  justify-content屬性30912.2.5  其他屬性簡述31112.2.6  實踐案例：用flex盒模型實現三欄布局31412.3  漸變屬性31512.3.1  線性漸變31612.3.2  徑向漸變31912.3.3  重復漸變32312.3.4  實踐案例：用線性漸變實現圖片閃光劃過的效果32412.3.5  實踐案例：用徑向漸變制作一張優惠券32512.3.6  實踐案例：用重復漸變制作記事本紙張效果32612.4  練習題3273章  腳本編程快速入門13.1  語言簡介33013.1.1  簡介33013.1.2  與Java的關繫33013.1.3  語法規則33113.2  編寫程序33213.2.1  集成程序33213.2.2  使用外部文件33313.2.3  注意事項33413.3  腳本語法33513.3.1  數據類型33513.3.2  變量與常量33613.3.3  運算符33713.4  腳本控制語句34013.4.1  if條件語句34013.4.2  switch條件語句34213.4.3  while循環語句34313.4.4  do while循環語句34413.4.5  for循環語句34413.4.6  for in循環語句34513.4.7  對話框語句34513.5  函數34813.5.1  繫統函數34813.5.2  自定義函數35013.6  常用對像35113.6.1  Array對像35113.6.2  Document對像35213.6.3  Window對像35313.7  實踐案例：長方體幾何計算35413.8  練習題3554章  事件和DOM14.1  事件概述35814.1.1  事件簡介35814.1.2  指定事件35814.2  原始事件模型35914.2.1  事件類型36014.2.2  事件處理36114.2.3  使用事件返回值36214.3  標準事件模型314.3.1  事件傳播314.3.2  注冊事件處理程序36514.4  常用事件36614.4.1  鍵盤事件36614.4.2  鼠標事件36714.4.3  頁面事件36814.5  DOM簡介37014.5.1  HTML DOM中的節點樹37014.5.2  DOM核心接口37014.6  實踐案例：使用DOM操作節點37314.6.1  訪問節點37314.6.2  遍歷節點37614.6.3  操作屬性節點37914.6.4  創建和插入節點38214.6.5  復制節點38514.6.6  替換節點38514.6.7  刪除節點38714.7  練習題3875章  綜合案例15.1  打地鼠遊戲39015.1.1  打地鼠遊戲簡介39015.1.2  界面設計39115.1.3  實現腳本39215.2  經典貪喫蛇遊戲39515.2.1  貪喫蛇遊戲簡介39515.2.2  頁面設計39515.2.3  腳本實現39715.3  繪制獃萌的小貓笑臉40115.3.1  效果展示40215.3.2  靜態頁面40215.3.3  樣式代碼40315.4  圖片輪播效果展示40715.4.1  效果展示40715.4.2  靜態頁面40815.4.3  樣式代碼408練習題答案

《HTML5+CSS3+ 網頁設計入門與應用》從網站基礎開始，結合大量案例，全面、翔實地介紹了使用HTML5+CSS3+開發Web前端頁面的具體方法與步驟，引導讀者從零開始，一步步掌握Web開發的全過程。本書通過一個個鮮活、典型的實例來講解每個語法，力求達到理論知識與實踐操作結合的效果。《HTML5+CSS3+ 網頁設計入門與應用》共分為15章，主要包括HTML入門、HTML5新素、HTML5表單驗證、文件上傳、繪圖和多媒體、數據存儲、CSS3新增選擇器、CSS3布局屬性和動畫效果、基礎語法、事件處理和DOM操作等內容。很後一章通過打地鼠、貪喫蛇、小貓笑臉和圖片輪播4個綜合案例，介紹了Web前端設計的完整過程。《HTML5+CSS3+ 網頁設計入門與應用》可作為普通高校計算機等

劉愛江、靳智良 著

    1．ba素在HTML5 中建議把base 作為head 素，這樣head 中素就可以使用base 的信息了。如下代碼演示了ba素的使用方法。 首頁在這裡將默認的URL 設置為www.oa.cn，因此首頁的真實鏈接URL 是www.oa.cn/index.html。2．li素li素常用於鏈接外部樣式表，示例代碼如下：HTML5 中的li素不再支持charset、rev 和target 屬性，但新增了sizes 屬性。sizes 屬性僅適用於re等

隨著網絡帶寬的飛速提升和網絡技術的不斷發展，獲取數據的方式也比以前快捷得多，而網頁是重要的表現形式之一。這幾年雖然新技術層出不窮，並且日新月異，但有一點是肯定的，不管是采用什麼技術設計的網站，用戶在客戶端通過打開瀏覽器看到的網頁都是靜態網頁，都是由HTML、 和CSS 技術構成的，所以如果想從事網頁設計或從事網站管理相關工作，就必須學習HTML、 和CSS 技術，哪怕隻是簡單地了解，因為HTML、 和CSS 技術是網頁制作技術的基礎和核心。本書緊密圍繞網頁設計師在制作網頁過程中的實際需要和應該掌握的技術，全面介紹了使用HTML、CSS、 進行網頁設計和制作各方面的內容和技巧。本書在講解時采用了新的HTML5 規範和CSS3 標準，並以Chrome 瀏覽器為主要測試環境。本書內容全書共分15 章，主要等