Web前端開發實例教程――HTML5+CSS3+JavaScript+jQuery(第2版)

Web前端開發實例教程――HTML5+CSS3+JavaScript+jQuery(第2版)

《Web前端開發實例教程――HTML5+CSS3+JavaScript+jQuery(第2版)》是電子工業出版社出版圖書。

基本介紹

  • 書名:Web前端開發實例教程――HTML5+CSS3+JavaScript+jQuery(第2版)
  • 作者:張兵義
  • 出版社:電子工業出版社
  • 出版時間:2022年1月1日
  • 頁數:328 頁
  • 開本:16 開
  • 裝幀:平裝
  • ISBN:9787121423345
內容簡介,目 錄,

內容簡介

本書內容緊扣國家對高等學校培養高級套用型、複合型人才的技能水平和知識結構的要求,採用全新的Web標準編寫,內容包括HTML5、CSS3、JavaScript、jQuery開發技術基礎和典型HTML5網站實例。本書以模組化的結構來組織章節,以“鮮品園”網站的開發為主線,通過對模組中每個任務相應知識點的講解,引導學生學習Web前端開發的基本知識,以及項目開發、測試的完整流程。 本書分為13章,主要內容包括:HTML5基礎,編輯網頁元素,網頁的布局與互動,CSS3基礎,CSS3的屬性,盒模型與頁面布局,JavaScript編程基礎,對象模型及事件處理,CSS3變形、過渡和動畫屬性,HTML5的API套用,jQuery基礎,jQuery動畫與UI外掛程式和鮮品園綜合案例網站。 本書條理清晰、內容完整、實例豐富、圖文並茂、系統性強,適合作為高等學校計算機及相關專業課程的教材,也可以作為網站建設、相關軟體開發人員和計算機愛好者的參考書。

目 錄

第1章 HTML5基礎 1
1.1 Web的基本概念 1
1.1.1 WWW 1
1.1.2 Browser 1
1.1.3 URL 1
1.1.4 HTML 2
1.1.5 HTTP 2
1.2 網站與網頁 3
1.2.1 網站、網頁和主頁 3
1.2.2 靜態網頁和動態網頁 3
1.3 Web標準 4
1.3.1 Web標準簡介 4
1.3.2 建立Web標準的優點 5
1.3.3 網頁的表現和結構相分離 5
1.4 認識HTML5+CSS3+JavaScript技術組合 6
1.4.1 HTML5簡介 6
1.4.2 CSS3簡介 7
1.4.3 JavaScript簡介 8
1.5 HTML5語法基礎 9
1.5.1 HTML5語法結構 9
1.5.2 HTML5檔案結構 11
1.5.3 HTML5開發人員編碼規範 13
1.6 元素的分類 14
1.6.1 元信息元素 14
1.6.2 語義元素 15
1.6.3 無語義元素 17
1.7 HTML的顏色表示和字元實體 17
1.7.1 HTML的顏色表示 17
1.7.2 字元實體 18
1.8 編輯HTML檔案 18
1.8.1 常見的網頁編輯工具 18
1.8.2 HTML檔案的創建 19
1.9 注釋 22
1.10 案例―製作鮮品園頁面摘要和版權資訊 22
習題1 23
第2章 編輯網頁元素 24
2.1 文本元素 24
2.1.1 字型樣式元素 24
2.1.2 短語元素 25
2.2 文本層次語義元素 26
2.2.1 mark元素 26
2.2.2 cite元素 27
2.2.3 time元素 27
2.3 基本排版元素 28
2.3.1 標題元素hl~h6 28
2.3.2 段落元素p和換行元素br 28
2.3.3 縮排元素blockquote 29
2.3.4 水平線元素hr 30
2.3.5 案例―製作鮮品園服務指南頁面 30
2.4 圖像元素img 31
2.5 超連結元素a 32
2.5.1 a元素 32
2.5.2 指向其他頁面的連結 33
2.5.3 指向書籤的連結 33
2.5.4 指向下載檔案的連結 34
2.5.5 指向電子郵件的連結 34
2.5.6 JavaScript連結 34
2.5.7 用圖像作為超連結熱點 34
2.5.8 空連結 35
2.5.9 案例―製作鮮品園資料下載頁面 35
2.6 列表元素 37
2.6.1 無序列表 37
2.6.2 有序列表 38
2.6.3 定義列表 38
2.6.4 嵌套列表 39
2.6.5 案例―製作鮮品園公司名片頁面 40
2.7 多媒體元素 41
2.7.1 audio元素 42
2.7.2 video元素 42
習題2 43
第3章 網頁的布局與互動 45
3.1 表格元素table 45
3.1.1 表格的結構 45
3.1.2 基本表格 45
3.1.3 跨行跨列表格 46
3.1.4 表格數據的分組 47
3.1.5 調整列的格式 48
3.1.6 案例―使用表格布局鮮品園產品展示頁面 49
3.2 使用結構元素構建網頁布局 50
3.2.1 section元素 51
3.2.2 nav元素 51
3.2.3 header元素 51
3.2.4 footer元素 51
3.2.5 article元素 51
3.2.6 aside元素 52
3.2.7 分組元素 53
3.2.8 案例―製作鮮品園新品發布頁面 54
3.3 頁面互動元素 56
3.3.1 details元素和summary元素 56
3.3.2 progress元素 56
3.4 分區元素div 57
3.5 範圍元素span 58
3.6 表單 59
3.6.1 表單元素form 59
3.6.2 輸入元素input 59
3.6.3 標籤元素label 61
3.6.4 選擇欄元素select 62
3.6.5 按鈕元素button 63
3.6.6 多行文本元素textarea 64
3.6.7 表單分組 65
3.6.8 使用表格布局表單 66
習題3 67
第4章 CSS3基礎 69
4.1 CSS3概述 69
4.1.1 CSS3的編寫規範 69
4.1.2 CSS3的工作環境 70
4.2 在網頁中引用CSS的方法 71
4.2.1 行內樣式 71
4.2.2 內部樣式表 72
4.2.3 鏈入外部樣式表 73
4.2.4 導入外部樣式表 74
4.2.5 案例―製作鮮品園業務簡介頁面 75
4.3 CSS的主要特性 77
4.3.1 繼承 77
4.3.2 層疊 78
4.3.3 優先權 79
4.4 CSS的基本語法 80
4.4.1 基本語法 80
4.4.2 注意事項 80
4.5 CSS的選擇器 81
4.5.1 元素選擇器 81
4.5.2 通配符選擇器 82
4.5.3 派生選擇器 82
4.5.4 兄弟選擇器 85
4.5.5 id選擇器 86

熱門詞條

聯絡我們