HTML5+CSS3+JavaScript入門很輕松(微課超值版)

雲尚科技

  • 出版商: 清華大學
  • 出版日期: 2022-01-01
  • 定價: $419
  • 售價: 8.5$356
  • 語言: 簡體中文
  • 頁數: 288
  • 裝訂: 平裝
  • ISBN: 7302590206
  • ISBN-13: 9787302590200
  • 相關分類: CSSHTMLJavaScript
  • 立即出貨 (庫存 < 3)

  • HTML5+CSS3+JavaScript入門很輕松(微課超值版)-preview-1
  • HTML5+CSS3+JavaScript入門很輕松(微課超值版)-preview-2
  • HTML5+CSS3+JavaScript入門很輕松(微課超值版)-preview-3
HTML5+CSS3+JavaScript入門很輕松(微課超值版)-preview-1

買這商品的人也買了...

商品描述

《HTML5+CSS3+JavaScript入門很輕松:微課超值版》結合流行有趣的熱點案例,詳細介紹了HTML5+CSS3+JavaScript開發中的各項技術。

《HTML5+CSS3+JavaScript入門很輕松:微課超值版》共17章,分別介紹了HTML5基礎、網頁中的文本、圖像和超鏈接、CSS3基礎入門、CSS3常用屬性、CSS3的高級應用、設計列表與菜單、表格與標記、網頁中的表單、JavaScript基礎入門、JavaScript編程基礎、JavaScript對象編程、JavaScript事件機制、繪制網頁圖形、文件與拖放、響應式網頁組件,最後通過設計企業響應式網站的綜合案例對《HTML5+CSS3+JavaScript入門很輕松:微課超值版》所講的各項技術進行了綜合應用。

《HTML5+CSS3+JavaScript入門很輕松:微課超值版》內容側重實戰,每個重要的技術都精心配置了實例,在講解完知識點的詳細內容後,可以通過實例進一步深入瞭解該技術的應用場景及實現效果,這種“知識點+實例”的設置更易於記憶和理解,也為實際應用打下了堅實的基礎。另外,書中還設置有“大牛提醒”,對重要的知識點查漏補缺或進行拓展說明,以做到重點內容全覆蓋。

每章內容學習完還可以通過“實戰訓練”檢驗學習成果,並且案例和實戰練習都配有視頻操作,在學習中遇到疑難可以隨時觀看視頻尋求答案。

《HTML5+CSS3+JavaScript入門很輕松:微課超值版》適合零基礎的網頁設計者和希望快速掌握HTML5+CSS3+JavaScript開發技術的人員學習使用;針對有一定網頁設計基礎的讀者,也可以通過《HTML5+CSS3+JavaScript入門很輕松:微課超值版》進一步理解HTML5+CSS3+JavaScript的重要知識和開發技能。

對於大中專院校的學生和培訓機構的學員,《HTML5+CSS3+JavaScript入門很輕松:微課超值版》也是一本非常實用的教材。

作者簡介

雲尚科技由眾多軟件開發工程師和數據庫運維工程師組成。

雲尚科技團隊曾做項目:基於 ASP.NET平台的演播廳票務系統,B2C電子商務平台,思邁威科技CRM管理系統和某汽車網大型行業級網站應用。

雲尚科技團隊為鄭州大學、黃河科技大學等高校提供畢業生項目實訓服務,對於初學者常遇到的問題有豐富的解決經驗。

雲尚科技長期從事軟件項目開發、Linux系統管理與運維,具有豐富開發和教學經驗。

雲尚科技同時投入視頻在線教育,目前擁有會員4萬多,為編程初學者提供z優質的教學視頻課程。

目錄大綱

目錄
第1章  HTML5基礎 001
1.1  HTML概述 001
1.1.1  什麽是HTML 001
1.1.2  HTML的發展歷程 002
1.2  HTML5文件的基本結構 002
1.2.1  認識標記 002
1.2.2  認識元素 003
1.2.3  HTML文件結構 003
1.3  HTML5的基本標記 004
1.3.1  文件類型說明 004
1.3.2  文件開始標記<html> 004
1.3.3  文件頭部標記<head> 004
1.3.4  文件標題標記<title> 005
1.3.5  元信息標記<meta> 005
1.3.6  網頁主體標記<body> 005
1.3.7  頁面註釋標記<!-- --> 006
1.4  編寫我的第一個HTML文件 006
1.4.1  使用“記事本”編寫 006
1.4.2  使用WebStorm工具編寫 007
1.5  新手疑難問題解答 010
1.6  實戰訓練 011

第2章  網頁中的文本 012
2.1  設置標題格式 012
2.1.1  標題標記 012
2.1.2  標題對齊方式 013
2.2  設置文字格式 014
2.2.1  文字的字體、大小和顏色 014
2.2.2  文字的斜體、下畫線和刪除線 016
2.2.3  公式的上標和下標 017
2.3  設置段落格式 017
2.3.1  段落標記 017
2.3.2  段落換行標記 018
2.3.3  段落原格式標記 019
2.4  網頁的水平線 020
2.4.1  添加水平線 020
2.4.2  設置水平線的樣式 020
2.5  新手疑難問題解答 021
2.6  實戰訓練 021

第3章  圖像和超鏈接 023
3.1  添加圖像 023
3.1.1  瞭解圖像格式 023
3.1.2  圖像中的路徑 024
3.1.3  插入圖像 025
3.2  設置圖像屬性 026
3.2.1  圖像的大小與邊框 026
3.2.2  圖像間距和對齊方式 027
3.2.3  替換文本與提示文字 028
3.3  網頁中的超鏈接 030
3.3.1  文本鏈接 030
3.3.2  下載鏈接 031
3.3.3  書簽鏈接 032
3.3.4  電子郵件鏈接 033
3.4  圖像的超鏈接 034
3.4.1  創建圖片鏈接 034
3.4.2  圖像熱點鏈接 035
3.5  新手疑難問題解答 036
3.6  實戰訓練 037

第4章  CSS3基礎入門 038
4.1  CSS概述 038
4.1.1  CSS發展歷史 038
4.1.2  CSS語法規則 039
4.1.3  CSS註釋方式 039
4.2  HTML5中調用CSS的方法 040
4.2.1  行內樣式 040
4.2.2  內嵌樣式 041
4.2.3  鏈接樣式 042
4.2.4  導入樣式 043
4.3  CSS3中的選擇器 044
4.3.1  標記選擇器 044
4.3.2  全局選擇器 045
4.3.3  類與ID選擇器 045
4.3.4  組合選擇器 047
4.3.5  屬性選擇器 048
4.3.6  偽類選擇器 049
4.3.7  結構偽類選擇器 050
4.3.8  UI元素狀態偽類選擇器 051
4.4  新手疑難問題解答 052
4.5  實戰訓練 052

第5章  CSS3常用屬性 054
5.1  文本相關屬性 054
5.1.1  定義字體類型 054
5.1.2  定義字體大小 055
5.1.3  定義文字的顏色 056
5.1.4  定義文本的水平對齊方式 057
5.2  圖片相關屬性 058
5.2.1  定義文字環繞圖片的樣式 058
5.2.2  定義圖片與文字的間距 059
5.3  邊框相關屬性 060
5.3.1  邊框樣式 060
5.3.2  邊框顏色 061
5.3.3  邊框線寬 063
5.3.4  邊框半徑 064
5.4  背景相關屬性 067
5.4.1  設置背景顏色 067
5.4.2  設置背景圖像 068
5.4.3  平鋪背景圖像 069
5.4.4  定位背景圖像 071
5.4.5  設置背景圖像大小 072
5.5  新手疑難問題解答 073
5.6  實戰訓練 074

第6章  CSS3的高級應用 075
6.1  盒子模型 075
6.1.1  盒子模型的外邊距 076
6.1.2  盒子模型的邊框 078
6.1.3  盒子模型的內邊距 079
6.1.4  盒子模型的高度和寬度 080
6.1.5  盒子模型的相關屬性 082
6.2  動畫與特效 083
6.2.1  變換動畫效果 084
6.2.2  過渡動畫效果 086
6.2.3  幀動畫效果 088
6.3  新手疑難問題解答 093
6.4  實戰訓練 093

第7章  設計列表與菜單 094
7.1  認識列表標記 094
7.1.1  無序列表標記 094
7.1.2  有序列表標記 095
7.1.3  自定義列表標記 096
7.1.4  列表的嵌套 098
7.2  使用CSS設計列表樣式 098
7.2.1  無序項目列表 099
7.2.2  有序項目列表 100
7.2.3  圖片列表樣式 101
7.2.4  列表復合屬性 103
7.3  使用CSS 設計菜單樣式 104
7.3.1  製作動態導航菜單 104
7.3.2  製作水平方向菜單 105
7.3.3  製作多級菜單列表 106
7.4  新手疑難問題解答 108
7.5  實戰訓練 109

第8章  表格與<div>標記 110
8.1  簡單表格 110
8.1.1  創建簡單表格 110
8.1.2  表格的表頭 112
8.2  表格的高級應用 113
8.2.1  表格的樣式 113
8.2.2  表格的合並 114
8.2.3  表格的分組 115
8.3  使用CSS3設計表格樣式 117
8.3.1  設置表格顏色 117
8.3.2  設置表格邊框 118
8.3.3  表格標題位置 120
8.3.4  隱藏空單元格 120
8.3.5  單元格的邊距 121
8.4  <div>與<span>標記 123
8.5  新手疑難問題解答 124
8.6  實戰訓練 124

第9章  網頁中的表單 125
9.1  表單概述 125
9.1.1  表單定義 125
9.1.2  表單標記<form> 125
9.2  輸入標記 126
9.2.1  文本框 126
9.2.2  單選按鈕和復選框 127
9.2.3  按鈕 128
9.2.4  圖像域和文件域 129
9.3  文本域與列表 131
9.3.1  文本域 131
9.3.2  列表/菜單 132
9.4  使用CSS3設計表單樣式 133
9.4.1  表單字體樣式 133
9.4.2  表單邊框樣式 134
9.4.3  表單背景樣式 136
9.4.4  表單按鈕樣式 138
9.4.5  下拉菜單樣式 139
9.5  新手疑難問題解答 140
9.6  實戰訓練 140

第10章  JavaScript基礎入門 141
10.1  JavaScript概述 141
10.1.1  JavaScript能做什麽 141
10.1.2  JavaScript的主要特點 142
10.1.3  JavaScript在HTML中的使用 142
10.2  JavaScript的語法 143
10.2.1  代碼執行順序 143
10.2.2  區分大小寫 143
10.2.3  分號與空格 144
10.2.4  註釋語句 144
10.3  JavaScript語言基礎 144
10.3.1  認識變量 144
10.3.2  數據類型 145
10.3.3  認識運算符 146
10.3.4  運算符優先級 152
10.4  新手疑難問題解答 152
10.5  實戰訓練 153

第11章  JavaScript編程基礎 154
11.1  JavaScript中的語句 154
11.1.1  條件語句 154
11.1.2  循環語句 155
11.1.3  跳轉語句 157
11.2  JavaScript對象與數組 158
11.2.1  創建對象 158
11.2.2  常用內置對象 160
11.2.3  數組對象與方法 165
11.3  JavaScript中的函數 170
11.3.1  定義函數 170
11.3.2  函數調用 172
11.4  新手疑難問題解答 175
11.5  實戰訓練 175

第12章  JavaScript對象編程 176
12.1  窗口(Window)對象 176
12.1.1  窗口對象屬性 176
12.1.2  窗口對象方法 177
12.2  JavaScript對話框 180
12.2.1  警告對話框 180
12.2.2  確認對話框 182
12.2.3  提示對話框 183
12.3  文檔對象 184
12.3.1  文檔對象屬性 184
12.3.2  文檔對象方法 188
12.4  文檔對像模型 191
12.4.1  DOM簡介 191
12.4.2  基本的DOM方法 192
12.5  操作DOM中的節點 192
12.5.1  訪問節點 193
12.5.2  創建節點 193
12.5.3  插入節點 194
12.5.4  刪除節點 195
12.5.5  復制節點 195
12.5.6  替換節點 196
12.6  新手疑難問題解答 197
12.7  實戰訓練 197

第13章  JavaScript事件機制 199
13.1  什麽是事件 199
13.2  事件的調用方式 199
13.2.1  在<script>標記中調用 200
13.2.2  在元素中調用 200
13.3  JavaScript常用事件 201
13.3.1  鼠標相關事件 202
13.3.2  鍵盤相關事件 205
13.3.3  表單相關事件 207
13.3.4  拖動相關事件 212
13.4  處理事件的方式 214
13.4.1  通過匿名函數處理 214
13.4.2  通過顯式聲明處理 215
13.4.3  通過手工觸發處理 216
13.5  新手疑難問題解答 217
13.6  實戰訓練 217

第14章  繪制網頁圖形 219
14.1  <canvas>標記 219
14.2  繪制基本形狀 219
14.2.1  繪制矩形 219
14.2.2  繪制圓形 220
14.2.3  繪制直線 221
14.2.4  繪制貝濟埃曲線 222
14.3  繪制變形圖形 223
14.3.1  繪制平移效果的圖形 224
14.3.2  繪制縮放效果的圖形 225
14.3.3  繪制旋轉效果的圖形 226
14.3.4  繪制帶陰影效果的圖形 227
14.4  繪製文字 228
14.4.1  繪制輪廓文字 229
14.4.2  繪制填充文字 230
14.5  新手疑難問題解答 231
14.6  實戰訓練 232

第15章文件與拖放 233
15.1  選擇文件 233
15.1.1  選擇單個文件 233
15.1.2  選擇多個文件 234
15.2  讀取文件 234
15.2.1  檢測瀏覽器是否支持FileReader接口 234
15.2.2  FileReader接口的方法 235
15.2.3  使用readAsDataURL()方法預覽圖片 235
15.2.4  使用readAsText()方法讀取文本文件 236
15.3  拖放文件 238
15.3.1  拖放頁面元素 238
15.3.2  dataTransfer屬性 239
15.3.3  在網頁中拖放文字 240
15.4  新手疑難問題解答 242
15.5  實戰訓練 242

第16章  響應式網頁組件 244
16.1  響應式網頁設計概述 244
16.1.1  什麽是響應式網頁設計 244
16.1.2  響應式網頁設計原理 245
16.1.3  像素和屏幕分辨率 245
16.1.4  視口與媒體查詢 246
16.2  響應式網頁的佈局設計 248
16.2.1  常用佈局類型 248
16.2.2  佈局的實現方式 249
16.2.3  響應式佈局的實現 249
16.3  響應式圖片 250
16.3.1  使用<picture>標記 250
16.3.2  使用CSS圖片 251
16.4  響應式視頻 252
16.5  響應式導航菜單 253
16.6  響應式表格 255
16.6.1  隱藏表格中的列 256
16.6.2  滾動表格中的列 257
16.6.3  轉換表格中的列 259
16.7  新手疑難問題解答 260
16.8  實戰訓練 261

第17章  設計企業響應式網站 262
17.1  網站概述 262
17.1.1  網站結構 262
17.1.2  設計效果 262
17.1.3  設計準備 263
17.2  設計主頁 264
17.2.1  主頁佈局 264
17.2.2  設計導航條 264
17.2.3  設計輪播廣告 265
17.2.4  設計功能區 267
17.2.5  設計特色展示 269
17.2.6  設計腳註 271
17.3  設計側邊導航欄 272
17.4  設計登錄頁 274