【缺書】【不接受訂購】
自從2010年HTML 5正式推出以來,它立刻受到了世界各大瀏覽器的熱烈歡迎與支持。根據世界各大IT界知名媒體評論的說法,新的Web時代——HTML 5的時代馬上就要到來。本書內容 本書中所講的HTML 4中的內容,能夠在所有瀏覽器中運行。在講解HTML 5中新增加的內容時,由于新增加的內容所支持的瀏覽器不同,所以在運行時所用的瀏覽器也不同。讀者在具體運行實例時,請使用其所支持的瀏覽器運行,這樣才能保證實例的運行效果。 本書提供了從HTML到HTML 5的所有知識,共分3篇,大體結構如下圖所示。 第1篇:HTML基礎。本篇主要是對HTML基礎、標記、列表、超鏈接、圖像與表格、層標簽以及表單與多媒體頁面等內容的介紹,并結合大量的圖示、實例、錄像等,使讀者快速掌握HTML的基礎知識,并為以后深入學習HTML 5奠定堅實的基礎。 第2篇:HTML 5高級應用。本篇對HTML 5中新增的語法與標記方法、新增元素、新增API以及這些元素與API目前為止受到了哪些瀏覽器的支持等進行了詳細的介紹。在對它們進行介紹的同時,將其與HTML 4中的各種元素與功能進行了對比,以幫助讀者更好地理解為什么要使用HTML 5、使用HTML 5的好處。 第3篇:HTML 5項目實戰。本篇詳細講解如何在一個用HTML 5語言編寫而成的頁面中綜合運用HTML 5中新增的各種結構元素,如何對這些結構元素綜合使用CSS樣式。本書特點* 技術新穎,講解細致:全面、細致地展示HTML的基礎知識,同時講解在未來Web時代中備受歡迎的HTML 5的新知識,讓讀者能夠真正學習到HTML 5最實用、最流行的技術。* 語音視頻,講解詳盡:書中每一章節均提供聲圖并茂的語音教學錄像,讀者可以根據書中提供的錄像位置,在光盤中找到。這些錄像能夠引導初學者快速入門,感受編程的快樂和成就感,增強進一步學習的信心,從而快速成為編程高手。* 實例典型,輕松易學:通過例子學習是最好的學習方式,本書通過一個知識點、一個例子、一個結果、一段評析、一個綜合應用的模式,透徹詳盡地講述了實際開發中所需的各類知識。* 精彩欄目,貼心提醒:本書根據需要在各章使用了很多“注意”、“說明”等小欄目,讓讀者可以在學習過程中更輕松地理解相關知識點及概念,并輕松地掌握個別技術的應用技巧。* 應用實踐,隨時練習:書中幾乎每章都提供了“習題”,讓讀者能夠通過對問題的解答重新回顧、熟悉所學的知識,舉一反三,為進一步學習作好充分的準備。讀者對象? 初學編程的自學者 ? 編程愛好者? 大中專院校的老師和學生 ? 相關培訓機構的老師和學員? 正在做畢業設計的學生 ? 初中級程序開發人員? 程序測試及維護人員 ? 參加實習的“菜鳥”程序員讀者服務 為了方便讀者,本書提供了學習答疑網站:www.mingribook.com。有關本書的問題讀者均可在網站上留言,我們力求在24小時內回復,節假日除外。致讀者 本書由明日科技Web程序開發團隊策劃并組織編寫,主要編寫人員有李慧、劉欣、王小科、趙會東、顧彥玲、劉玲玲、賽奎春、高春艷、楊麗、王國輝、陳丹丹、李偉、曹飛飛、朱曉、潘凱華、李繼業、寇長梅、陳英、劉莉莉、劉淇、王雙、黎秋芬、陳媛等。在編寫過程中,我們以科學、嚴謹的態度,力求精益求精,但錯誤、疏漏之處在所難免,敬請廣大讀者批評指正。 最后,感謝您選擇本書,希望本書能成為您學習編程路上的領航者。 “零門檻”編程,一切皆有可能。祝讀書快樂! 編 者 HTML 5從入門到精通 前 言 II III
《HTML 5從入門到精通》系統、全面地講解了HTML語言及其最新版本HTML 5的新功能與新特性,技術新穎實用。書中所有知識點均結合實例進行講解,方便讀者動手實踐。同時在每章的最后還設置了習題,通過這些習題可以對本章學到的知識進行鞏固。本書不僅能夠使讀者系統而全面地學習理論知識,還能滿足讀者充分實踐的需求。全書共分23章,包括HTML基礎、HTML文件基本標記、設計網頁文本內容、使用列表、超鏈接、使用圖像、表格的應用、層標記——div、編輯表單、多媒體頁面、HTML 5的新特性、HTML 5與HTML 4的區別、HTML 5的結構、HTML 5中的表單、HTML 5中的文件與拖放、多媒體播放、繪制圖形、數據存儲、離線應用程序、使用Web Worker處理線程、通信API、獲取地理位置信息、旅游信息網前臺頁面。書中所有知識點都結合具體實例進行介紹,涉及的程序代碼給出了詳細的注釋,可以使讀者輕松領會HTML語言程序開發的精髓,快速提高開發技能。本書所配DVD光盤含有全程語音視頻講解教學錄像以及實例的全部源代碼,這些源代碼都經過精心調試,在Windows XP、Windows 2000、Windows 2003和Windows 7下全部調試通過。本書內容詳盡,實例豐富,非常適合作為編程初學者的學習用書,也適合作為開發人員的參考資料。
第1篇 HTML基礎第1章 HTML基礎 3 教學錄像:22分鐘1.1 HTML的基本概念 41.2 HTML發展史 41.3 HTML的基本結構 51.3.1 HTML文件的編寫方法 51.3.2 文件開始標簽<html> 71.3.3 文件頭部標簽<head> 71.3.4 文件標題標簽<title> 71.3.5 文件主體標簽<body> 71.3.6 編寫文件的注意事項 81.4 編寫第一個HTML文件 81.4.1 HTML文件的編寫方法 81.4.2 手工編寫頁面 91.4.3 使用可視化軟件制作頁面 101.4.4 使用瀏覽器瀏覽HTML文件 141.4.5 使用HTML開發的明日圖書網 141.5 小結 151.6 習題 16第2章 HTML文件基本標記 17 教學錄像:44分鐘2.1 HTML頭部標記 182.2 標題標記<title> 182.3 元信息標記<meta> 192.3.1 設置頁面關鍵字 192.3.2 設置頁面描述 202.3.3 設置編輯工具 202.3.4 設定作者信息 212.3.5 限制搜索方式 222.3.6 設置網頁文字及語言 222.3.7 設置網頁的定時跳轉 232.3.8 設定有效期限 242.3.9 禁止從緩存中調用 242.3.10 刪除過期的cookie 252.3.11 強制打開新窗口 252.3.12 設置網頁的過渡效果 262.4 基底網址標記<base> 292.5 頁面的主體標記<body> 302.5.1 設置文字顏色——text 312.5.2 背景顏色屬性——bgcolor 322.5.3 背景圖像屬性——background 322.5.4 設置鏈接文字屬性——link 352.5.5 設置邊距——margin 372.6 頁面的注釋標記 382.7 實例演練——創建基本的HTML網頁 382.8 小結 392.9 習題 40第3章 設計網頁文本內容 41 教學錄像:29分鐘3.1 標題文字的建立 423.1.1 標題文字標記<h> 423.1.2 標題文字的對齊方式——align 433.2 設置文字格式 443.2.1 設置文字字體——face 443.2.2 設置字號——size 453.2.3 設置文字顏色——color 463.2.4 粗體、斜體、下劃線——strong、em、u 463.2.5 上標與下標——sup、sub 473.2.6 設置刪除線——strike 483.2.7 等寬文字標記——code 493.2.8 空格—— 493.2.9 其他特殊符號 503.3 設置段落格式 513.3.1 段落標記——p 513.3.2 取消文字換行標記——nobr 523.3.3 換行標記——br 533.3.4 保留原始排版方式標記——pre 533.3.5 居中對齊標記——center 543.3.6 向右縮進標記——blockquote 553.4 水平線標記 563.4.1 添加水平線——hr 563.4.2 設置水平線的寬度與高度——width、height 573.4.3 設置水平線的顏色——color 583.4.4 設置水平線的對齊方式——align 593.4.5 去掉水平線陰影——noshade 603.5 其他文字標記 603.5.1 文字標注標記——ruby 603.5.2 聲明變量標記——var 613.5.3 忽視HTML標記——plaintext、xmp 623.6 小結 633.7 習題 63第4章 使用列表 65 教學錄像:35分鐘4.1 列表的標記 664.2 使用無序列表 664.2.1 無序列表標記——ul 664.2.2 無序列表的符號類型——type 674.3 使用有序列表 694.3.1 有序列表標記——ol 694.3.2 有序列表的屬性——type 704.3.3 有序列表的起始數值——start 724.4 定義列表標記——dl 734.5 菜單列表標記——menu 744.6 目錄列表——dir 754.7 使用嵌套列表 764.7.1 定義列表的嵌套 774.7.2 無序列表和有序列表的嵌套 784.8 小結 794.9 習題 80第5章 超鏈接 81 教學錄像:22分鐘5.1 超鏈接的基本知識 825.1.1 超鏈接 825.1.2 絕對路徑 825.1.3 相對路徑 825.2 超鏈接的建立 835.2.1 超鏈接標記的基本語法 835.2.2 建立文本超鏈接 835.2.3 設置超鏈接的目標窗口 855.3 內部鏈接 875.4 書簽鏈接 895.4.1 建立書簽 895.4.2 鏈接到同一頁面的書簽 915.4.3 鏈接到不同頁面的書簽 925.5 外部鏈接 935.5.1 通過HTTP協議 945.5.2 通過FTP 945.5.3 發送E-mail 955.5.4 下載文件 965.6 其他鏈接 985.6.1 腳本鏈接 985.6.2 空鏈接 995.7 小結 995.8 習題 100第6章 使用圖像 101 教學錄像:35分鐘6.1 圖像的基本格式 1026.2 添加圖像——img 1026.3 設置圖像屬性 1036.3.1 圖像高度——height 1036.3.2 圖像寬度——width 1046.3.3 圖像邊框——border 1056.3.4 圖像水平間距——hspace 1076.3.5 圖像垂直間距——vspace 1086.3.6 圖像相對于文字基準線的對齊方式——align 1086.3.7 圖像的提示文字——alt 1106.4 圖像的超鏈接 1116.4.1 設置圖像的超鏈接 1116.4.2 設置圖像熱區鏈接 1126.5 小結 1166.6 習題 116第7章 表格的應用 118 教學錄像:48分鐘7.1 創建表格 1197.1.1 表格的基本構成——table、tr、td 1197.1.2 表格的標題——caption 1207.1.3 表格的表頭——th 1217.2 設置表格基本屬性 1237.2.1 表格的寬度——width 1237.2.2 表格的高度——height 1257.2.3 表格的對齊方式——align 1267.3 設置表格的邊框 1277.3.1 表格邊框的寬度——border 1277.3.2 表格邊框的顏色——bordercolor 1287.3.3 表格內框的寬度——cellspacing 1307.3.4 表格內文字與邊框的間距——cellpadding 1317.4 設置表格背景 1327.4.1 表格的背景顏色——bgcolor 1327.4.2 表格的背景圖像——background 1337.5 設置表格的行屬性 1347.5.1 高度的控制——height 1347.5.2 行的邊框顏色——bordercolor 1357.5.3 行的背景顏色——bgcolor、background 1367.5.4 行文字的水平對齊方式——align 1377.5.5 行文字的垂直對齊方式——valign 1397.5.6 表格標題的垂直對齊方式——align 1407.6 調整單元格屬性 1417.6.1 單元格大小——width、height 1417.6.2 單元格水平跨度——colspan 1427.6.3 單元格垂直跨度——rowspan 1437.6.4 單元格對齊方式——align、valign 1447.6.5 單元格的背景色 1467.6.6 單元格的邊框顏色——bordercolor 1477.6.7 單元格的亮邊框——bordercolorlight 1487.6.8 單元格的暗邊框——bordercolordark 1507.6.9 單元格的背景圖像——background 1517.7 表格的結構 1527.7.1 表格的表頭標記——thead 1537.7.2 表格的表主體標記——tbody 1547.7.3 表格的表尾標記——tfoot 1567.8 表格的嵌套 1577.9 小結 1597.10 習題 159第8章 層標記——div 161 教學錄像:33分鐘8.1 層 1628.1.1 層的分類 1628.1.2 定義數據塊 1628.2 <div>標簽 1638.2.1 <div>標簽的簡介 1638.2.2 <div>標簽的屬性 1648.2.3 <span>標簽與<div>標簽 1708.3 <iframe>標簽 1728.3.1 <iframe>標簽的簡介 1728.3.2 <iframe>標簽的屬性 1728.4 <layer>標簽和<ilayer>標簽 1748.4.1 標簽層的使用 1758.4.2 <layer>標簽和<ilayer>標簽的區別 1768.5 應用div制作下拉菜單導航條 1768.6 小結 1798.7 習題 179第9章 編輯表單 181 教學錄像:26分鐘9.1 使用表單標簽——form 1829.1.1 處理動作——action 1829.1.2 表單名稱——name 1839.1.3 傳送方法——method 1839.1.4 編碼方式——enctype 1849.1.5 目標顯示方式——target 1859.2 添加控件 1859.3 輸入類的控件 1869.3.1 文字字段——text 1869.3.2 密碼域——password 1879.3.3 單選按鈕——radio 1889.3.4 復選框——checkbox 1899.3.5 普通按鈕——button 1909.3.6 提交按鈕——submit 1919.3.7 重置按鈕——reset 1929.3.8 圖像域——image 1939.3.9 隱藏域——hidden 1959.3.10 文件域——file 1959.4 列表/菜單標記 1979.5 文本域標記——textarea 1989.6 id標記 1999.7 小結 2009.8 習題 200第10章 多媒體頁面 202 視頻講解:18分鐘10.1 設置滾動文字 20310.1.1 滾動文字標簽——marquee 20310.1.2 滾動方向屬性——direction 20310.1.3 滾動方式屬性——behavior 20410.1.4 滾動速度屬性——scrollamount 20510.1.5 滾動延遲屬性——scrolldelay 20610.1.6 滾動循環屬性——loop 20710.1.7 滾動范圍屬性——width、height 20810.1.8 滾動背景顏色屬性——bgcolor 20910.1.9 滾動空間屬性——hspace、vspace 20910.2 添加背景音樂 21110.2.1 設置背景音樂——bgsound 21110.2.2 設置循環播放次數——loop 21210.3 添加多媒體文件 21310.3.1 添加多媒體文件標記——embed 21310.3.2 設置自動運行——autostart 21410.3.3 設置媒體文件的循環播放——loop 21510.3.4 隱藏面板——hidden 21610.3.5 添加其他類型的媒體文件 21710.4 小結 21710.5 習題 218第2篇 HTML 5高級應用第11章 HTML 5的新特性 221 視頻講解:6分鐘11.1 誰在開發HTML 5 22211.2 HTML 5的新認識 22211.2.1 兼容性 22211.2.2 實用性和用戶優先 22211.2.3 化繁為簡 22311.3 無插件范式 22311.4 HTML 5的新特性 22411.5 小結 224第12章 HTML 5與HTML 4的區別 225 視頻講解:51分鐘12.1 語法的改變 22612.1.1 HTML 5的語法變化 22612.1.2 HTML 5中的標記方法 22612.1.3 HTML 5語法中的3個要點 22712.1.4 標簽實例 22812.2 新增的元素和廢除的元素 22812.2.1 新增的結構元素 22812.2.2 新增的塊級的語義元素 23012.2.3 新增的行內的語義元素 23112.2.4 新增的嵌入多媒體元素與交互性元素 23112.2.5 新增的input元素的類型 23212.2.6 廢除的元素 23312.3 新增的屬性和廢除的屬性 23412.3.1 新增的屬性 23412.3.2 廢除的屬性 23612.4 全局屬性 23712.4.1 contentEditable屬性 23712.4.2 designMode屬性 23812.4.3 hidden屬性 23912.4.4 spellcheck屬性 23912.4.5 tabindex屬性 24012.5 小結 24012.6 習題 240第13章 HTML 5的結構 242 視頻講解:20分鐘13.1 新增的主體結構元素 24313.1.1 article元素 24313.1.2 section元素 24513.1.3 nav元素 24713.1.4 aside元素 24813.1.5 time元素 25013.1.6 pubdate屬性 25013.2 新增的非主體結構元素 25113.2.1 header元素 25113.2.2 hgroup元素 25213.2.3 footer元素 25213.2.4 address元素 25313.3 小結 25313.4 習題 254第14章 HTML 5中的表單 255 視頻講解:50分鐘14.1 新增表單元素與屬性 25614.1.1 新增的屬性 25614.1.2 增加與改良的input元素的種類 25914.1.3 output元素的添加 26414.1.4 應用新增元素制作注冊表單 26414.2 對表單的驗證 26614.2.1 自動驗證 26614.2.2 checkValidity顯式驗證法 26714.2.3 避免驗證 26814.2.4 使用setCustomValidity方法自定義錯誤信息 26814.3 增加的頁面元素 26914.3.1 新增的figure元素 27014.3.2 新增的details元素 27114.3.3 新增的mark元素 27214.3.4 新增的progress元素 27414.3.5 新增的meter元素 27514.3.6 改良的ol列表 27614.3.7 改良的dl列表 27614.3.8 加以嚴格限制的cite元素 27714.3.9 重新定義的small元素 27814.4 小結 27814.5 習題 279第15章 HTML 5中的文件與拖放 280 視頻講解:40分鐘15.1 選擇文件 28115.1.1 通過file對象選擇文件 28115.1.2 使用blob接口獲取文件的類型與大小 28215.1.3 通過類型過濾選擇的文件 28315.2 使用FileReader接口讀取文件 28515.2.1 檢測瀏覽器是否支持FileReader接口 28515.2.2 FileReader接口的方法 28515.2.3 使用readAsDataURL方法預覽圖片 28615.2.4 使用readAsText方法讀取文本文件 28715.2.5 FileReader接口中的事件 28815.3 拖放API 29015.3.1 實現拖放的步驟 29015.3.2 通過拖放顯示歡迎信息 29115.4 dataTransfer對象應用詳解 29315.4.1 使用effectAllowed和dropEffect屬性設置拖放效果 29315.4.2 使用setDragImage方法設置拖放圖標 29415.5 小結 29515.6 習題 295第16章 多媒體播放 296 視頻講解:35分鐘16.1 HTML 5多媒體的簡述 29716.1.1 HTML 4中多媒體的應用 29716.1.2 HTML 5頁面中的多媒體 29716.2 多媒體元素基本屬性 29816.3 多媒體元素常用方法 30216.3.1 媒體播放時的方法 30216.3.2 canPlayType(type)方法 30416.4 多媒體元素重要事件 30416.4.1 事件處理方式 30416.4.2 事件介紹 30516.4.3 事件實例 30616.5 小結 30816.6 習題 309第17章 繪制圖形 310 視頻講解:1小時32分鐘17.1 canvas的基礎知識 31117.1.1 canvas是什么 31117.1.2 在頁面中放置canvas元素 31117.1.3 繪制帶邊框的矩形 31217.2 在畫布中使用路徑 31417.2.1 使用arc方法繪制圓形 31417.2.2 使用moveTo與lineTo路徑繪制火柴人 31617.2.3 貝塞爾和二次方曲線 31717.3 運用樣式與顏色 31917.3.1 fillStyle 和 strokeStyle屬性 31917.3.2 透明度 globalAlpha 32117.3.3 線型 Line styles 32317.4 繪制漸變圖形 32517.4.1 繪制線性漸變 32517.4.2 繪制徑向漸變 32617.5 繪制變形圖形 32817.5.1 坐標的變換 32817.5.2 矩陣變換 33017.6 組合多個圖形 33317.7 給圖形繪制陰影 33517.8 應用圖像 33617.8.1 繪制圖像 33617.8.2 圖像的局部放大 33817.8.3 圖像平鋪 33917.8.4 圖像裁剪 34117.8.5 像素的處理 34217.9 繪制文字 34417.10 保存與恢復狀態 34517.11 文件的保存 34617.12 對畫布繪制實現動畫 34717.13 綜合實例——桌面時鐘 34817.14 小結 35017.15 習題 351第18章 數據存儲 352 視頻講解:50分鐘18.1 初識Web Storage 35318.1.1 什么是Web Storage 35318.1.2 使用Web Storage中的API 35318.1.3 sessionStorage和localStorage的實例——計數器 35518.1.4 Web Storage綜合實例——留言本 35718.1.5 JSON對象的存數實例——用戶信息卡 35918.2 本地數據庫 36118.2.1 Web SQL數據庫簡介 36118.2.2 使用Web SQL Database API 36218.2.3 本地數據庫實例——用戶登錄 36318.3 小結 36718.4 習題 367第19章 離線應用程序 368 視頻講解:13分鐘19.1 HTML 5離線Web應用概述 36919.1.1 離線Web應用概述 36919.1.2 本地緩存與瀏覽器網頁緩存的區別 37019.2 創建HTML 5離線應用 37019.2.1 緩存清單(manifest) 37019.2.2 配置IIS服務器 37219.2.3 瀏覽緩存清單 37219.3 瀏覽器與服務器的交互過程 37319.4 applicationCache對象 37419.4.1 swapCache方法 37519.4.2 applicationCache對象的事件 37619.5 小結 37919.6 習題 379第20章 使用Web Worker處理線程 380 視頻講解:25分鐘20.1 Web Worker概述 38120.1.1 創建和使用Worker 38120.1.2 Web Worker應用實例——求和運算 38220.2 在Worker內部能做什么 38320.3 多個JavaScript文件的加載與執行 38420.4 線程嵌套 38420.4.1 單層嵌套 38520.4.2 在多個子線程中進行數據的交互 38720.5 小結 39020.6 習題 390第21章 通信API 391 視頻講解:4分鐘21.1 跨文檔消息通信 39221.1.1 使用postMessageAPI 39221.1.2 跨文檔消息傳輸 39221.2 小結 394第22章 獲取地理位置信息 395 視頻講解:12分鐘22.1 Geolocation API的概述 39622.1.1 使用getCurrentPosition方法獲取當前地理位置 39622.1.2 持續監視當前地理位置的信息 39822.1.3 停止獲取當前用戶的地理位置信息 39822.2 position對象 39822.3 在google地圖上顯示“我在這里” 39922.4 小結 40122.5 習題 401 第3篇 HTML 5項目實戰第23章 旅游信息網前臺頁面 405 視頻講解:20分鐘23.1 概述 40623.2 網站預覽 40623.3 關鍵技術 41023.3.1 網站主體結構設計 41023.3.2 HTML 5結構元素的使用 41023.4 網站公共部分設計 41123.4.1 設計網站公共header 41123.4.2 設計網站公共footer 41823.5 網站主頁設計 41923.5.1 顯示網站介紹及相關圖片 41923.5.2 主頁左側導航的實現 42123.6 留下足跡頁面設計 42423.6.1 播放音樂 42423.6.2 添加留言功能的實現 42523.7 小結 426 附錄 習題參考答案 427HTML 5從入門到精通 目 錄 X XI