Web前端基礎入門教程-單信-專題視訊課程
阿新 • • 發佈：2018-11-08
Web前端基礎入門教程—10274人已學習
課程介紹
視訊內容包含了 一、HTML知識 二、CSS知識 三、Photoshop使用 四、HTML+DIV+CSS企業網站專案實踐
課程收益
能夠讓零基礎學員快速入門，掌握基礎知識
講師介紹
單信 更多講師課程
EasyJF開源團隊成員，藍源裝飾行業資訊化平臺總設計師。多年專案的研發經驗和豐富的培訓經驗，曾負責開發藍源Saas服務平臺，線上諮詢平臺、北京淘寶商場愛蜂巢企業管理平臺等大型企業級資訊化管理系統的設計和研發。熱衷前言技術的研究及其在實戰中的應用。
課程大綱
第1章:認識HTML及使用
1. HTML簡介 3:46
2. 什麼是HTML 15:36
3. 動態與靜態網頁 9:51
4. HTML發展歷程 7:54
5. HTML的開發工具 9:21
6.
7. 如何編寫一個最簡單的HTML檔案 8:20
8. HTML標籤 23:44
9. HTML基本結構 23:22
10. HTML知識點複習 16:30
11. HTML註釋&編碼&規範 19:44
12.
13. HTML 文字標籤 19:55
14. HTML 文字標籤（2） 5:31
15. HTML 佈局標籤 15:50
16. HTML_a標籤 22:11
17. HTML 特殊字元 9:27
18. 絕對與相對路徑 12:24
19. HTML課程簡介 2:16
20. HTML_img標籤 33:54
21. HTML_audio標籤 18:49
22. HTML_video標籤 14:22
23. HTML_source標籤 8:38
24. HTML_ul標籤 17:20
25. 表單ol標籤 11:17
26. 表單dl標籤 8:46
27. 表格的基本結構 18:43
28. 表格屬性講解 11:10
29. 表格結構化 9:10
30. HTML擴充套件知識 15:00
31. 表格的合併 14:30
32. 表單的簡介 9:28
33. 表單基本結構 29:42
34. 表單屬性強調 2:44
35. 表單type型別 50:22
36. input標籤複習 15:57
37. input標籤強化講解 8:23
38. select標籤 15:47
39. option標籤屬性 1:27
40. textarea標籤 7:31
41. lable和button標籤 13:40
42. 活動框架 13:00
43. 框架集 15:25
第2章:Photoshop軟體基礎
1. PS課程介紹 4:44
2. PS教程學習目的 2:55
3. PS安裝流程 10:16
4. 初識PS以及介面說明 11:47
5. PS新建檔案 10:53
6. 移動工具使用 23:01
7. 矩形選框工具和拾色器 9:37
8. 微信logo設計(一) 15:59
9. 快捷鍵選區工具 14:51
10. 微信logo設計(二) 10:21
11. PS知識點複習 9:53
12. PS 液化效果 10:36
13. PS 液化效果（二） 2:48
14. 圖片如何去水印 6:09
15. 濾鏡效果擴充套件說明 2:34
16. 擴充套件工具說明 3:10
17. 摳圖基本操作 11:38
18. 摳圖基本操作（二） 4:41
19. 扣圖鋼筆工具和通道 10:05
20. 對齊方式和平均分佈 11:43
21. 文字工具及字元面板說明 9:18
22. 小工具擴充套件 4:54
23. 常用的圖片格式 16:15
24. 如何存圖 3:17
25. 切圖方式講解一 5:56
26. 切圖方式講解二 5:53
27. 切圖方式講解三 2:11
28. 切圖方式講解四 2:19
29. 切片切圖工具的介紹 4:49
30. 切圖切片操作方法 22:45
31. 切片注意事項及切片講解 18:43
32. 切圖知識點複習 13:21
33. 切圖切片知識複習 5:46
34. cuterman的安裝和使用說明 9:59
35. 參考線說明和使用 9:58
36. 布林運算工具介紹 9:06
37. 布林運算工具介紹（二） 4:29
38. 微信logo基本操作 5:05
39. 微信logo基本操作強化 5:51
40. 乾貨和markman 23:44
41. 精靈圖定位 14:15
第3章:CSS樣式表使用
1. WEB標準 20:20
2. CSS的作用 14:47
3. CSS的基本語法 9:00
4. CSS的三種引入方式 16:10
5. CSS_類選擇器 17:21
6. CSS_ID選擇器 5:12
7. CSS_標籤選擇器 6:14
8. CSS_通用選擇器 12:34
9. 複合選擇器_並列選擇器 11:22
10. 複合選擇器_父子選擇器 4:09
11. 複合選擇器_後代選擇器 7:57
12. 複合選擇器_鄰居選擇器 5:47
13. 複合選擇器_兄弟選擇器 8:21
14. 屬性選擇器 16:10
15. 偽類選擇器 12:59
16. 偽類選擇器（二） 17:15
17. CSS選擇器的優先順序 16:41
18. 字型屬性Font 23:10
19. 字型複合屬性及綜合應用 37:14
20. 課堂練習評講 10:42
21. 文字Text屬性 47:33
22. 背景 Background 22:08
23. 背景圖片的定位綜合應用 38:55
24. Background 背景複合屬性 5:41
25. 盒子模型的理解 14:56
26. 盒子模型的屬性 7:04
27. 盒子的尺寸 13:37
28. 內邊距 padding 11:53
29. 外邊距 margin 8:28
30. 邊框 border 34:00
31. 表格單元格邊框合併 20:34
32. 自定義滑鼠的形狀 10:23
33. 標準模式與怪異模式 20:34
34. 列表list 32:57
35. 浮動的概念及float屬性 25:17
36. 清除浮動造成的影響 22:26
37. 清除浮動的三種方式 30:59
38. 顯示與隱藏 display 9:46
39. 網站的基本架構模型 21:29
40. 定位 position 31:48
41. 層次 z-index 13:18
42. 優酷網站示範 37:19
43. 瀏覽器的核心和分類 20:55
44. CSS Hack的分類及CSS選擇器複習 20:54
45. CSS hack方式一：條件註釋法 21:03
46. CSS hack方式二：CSS屬性字首法 25:38
47. CSS hack方式三：選擇器字首法 38:31
48. 三角形符合的製作 24:16
49. 多列的佈局 6:10
50. 圓角矩形的製作 17:02
51. DIV佈局的注意事項 21:52
52. 優酷頂部選單示範 56:01
53. 優酷搜尋框的製作(子絕父相) 22:09
第4章:HTML+DIV+CSS企業網站專案
1. 建站技巧總結 18:11
2. 專案的命名規範及注意事項 41:12
3. 重置樣式和公共樣式 18:55
4. 站點的準備工作 3:36
5. 首頁的整體框架佈局 20:27
6. 頁頭的佈局 24:25
7. 主選單的超連結和子選單的製作 25:27
8. 關於我們頁面 33:42
9. 知識點複習+企業文化製作 50:04
10. 專案展示 41:36
11. 新聞中心 12:51
12. 留言板 44:00
13. 版權資訊 19:21
14. 關於模板頁和公共樣式 29:56
15. 關於我們頁面 17:52
16. 大事記頁面 37:43
17. 大事記的優化（三角符號的拓展） 15:50
18. 專案展示頁的製作 57:42
19. 知識拓展 24:19
20. 專案總結 28:13
大家可以點選【 檢視詳情】檢視我的課程
課程介紹
視訊內容包含了 一、HTML知識 二、CSS知識 三、Photoshop使用 四、HTML+DIV+CSS企業網站專案實踐
課程收益
能夠讓零基礎學員快速入門，掌握基礎知識
講師介紹
單信 更多講師課程
EasyJF開源團隊成員，藍源裝飾行業資訊化平臺總設計師。多年專案的研發經驗和豐富的培訓經驗，曾負責開發藍源Saas服務平臺，線上諮詢平臺、北京淘寶商場愛蜂巢企業管理平臺等大型企業級資訊化管理系統的設計和研發。熱衷前言技術的研究及其在實戰中的應用。
課程大綱
第1章:認識HTML及使用
1. HTML簡介 3:46
2. 什麼是HTML 15:36
3. 動態與靜態網頁 9:51
4. HTML發展歷程 7:54
5. HTML的開發工具 9:21
6.
7. 如何編寫一個最簡單的HTML檔案 8:20
8. HTML標籤 23:44
9. HTML基本結構 23:22
10. HTML知識點複習 16:30
11. HTML註釋&編碼&規範 19:44
12.
13. HTML 文字標籤 19:55
14. HTML 文字標籤（2） 5:31
15. HTML 佈局標籤 15:50
16. HTML_a標籤 22:11
17. HTML 特殊字元 9:27
18. 絕對與相對路徑 12:24
19. HTML課程簡介 2:16
20. HTML_img標籤 33:54
21. HTML_audio標籤 18:49
22. HTML_video標籤 14:22
23. HTML_source標籤 8:38
24. HTML_ul標籤 17:20
25. 表單ol標籤 11:17
26. 表單dl標籤 8:46
27. 表格的基本結構 18:43
28. 表格屬性講解 11:10
29. 表格結構化 9:10
30. HTML擴充套件知識 15:00
31. 表格的合併 14:30
32. 表單的簡介 9:28
33. 表單基本結構 29:42
34. 表單屬性強調 2:44
35. 表單type型別 50:22
36. input標籤複習 15:57
37. input標籤強化講解 8:23
38. select標籤 15:47
39. option標籤屬性 1:27
40. textarea標籤 7:31
41. lable和button標籤 13:40
42. 活動框架 13:00
43. 框架集 15:25
第2章:Photoshop軟體基礎
1. PS課程介紹 4:44
2. PS教程學習目的 2:55
3. PS安裝流程 10:16
4. 初識PS以及介面說明 11:47
5. PS新建檔案 10:53
6. 移動工具使用 23:01
7. 矩形選框工具和拾色器 9:37
8. 微信logo設計(一) 15:59
9. 快捷鍵選區工具 14:51
10. 微信logo設計(二) 10:21
11. PS知識點複習 9:53
12. PS 液化效果 10:36
13. PS 液化效果（二） 2:48
14. 圖片如何去水印 6:09
15. 濾鏡效果擴充套件說明 2:34
16. 擴充套件工具說明 3:10
17. 摳圖基本操作 11:38
18. 摳圖基本操作（二） 4:41
19. 扣圖鋼筆工具和通道 10:05
20. 對齊方式和平均分佈 11:43
21. 文字工具及字元面板說明 9:18
22. 小工具擴充套件 4:54
23. 常用的圖片格式 16:15
24. 如何存圖 3:17
25. 切圖方式講解一 5:56
26. 切圖方式講解二 5:53
27. 切圖方式講解三 2:11
28. 切圖方式講解四 2:19
29. 切片切圖工具的介紹 4:49
30. 切圖切片操作方法 22:45
31. 切片注意事項及切片講解 18:43
32. 切圖知識點複習 13:21
33. 切圖切片知識複習 5:46
34. cuterman的安裝和使用說明 9:59
35. 參考線說明和使用 9:58
36. 布林運算工具介紹 9:06
37. 布林運算工具介紹（二） 4:29
38. 微信logo基本操作 5:05
39. 微信logo基本操作強化 5:51
40. 乾貨和markman 23:44
41. 精靈圖定位 14:15
第3章:CSS樣式表使用
1. WEB標準 20:20
2. CSS的作用 14:47
3. CSS的基本語法 9:00
4. CSS的三種引入方式 16:10
5. CSS_類選擇器 17:21
6. CSS_ID選擇器 5:12
7. CSS_標籤選擇器 6:14
8. CSS_通用選擇器 12:34
9. 複合選擇器_並列選擇器 11:22
10. 複合選擇器_父子選擇器 4:09
11. 複合選擇器_後代選擇器 7:57
12. 複合選擇器_鄰居選擇器 5:47
13. 複合選擇器_兄弟選擇器 8:21
14. 屬性選擇器 16:10
15. 偽類選擇器 12:59
16. 偽類選擇器（二） 17:15
17. CSS選擇器的優先順序 16:41
18. 字型屬性Font 23:10
19. 字型複合屬性及綜合應用 37:14
20. 課堂練習評講 10:42
21. 文字Text屬性 47:33
22. 背景 Background 22:08
23. 背景圖片的定位綜合應用 38:55
24. Background 背景複合屬性 5:41
25. 盒子模型的理解 14:56
26. 盒子模型的屬性 7:04
27. 盒子的尺寸 13:37
28. 內邊距 padding 11:53
29. 外邊距 margin 8:28
30. 邊框 border 34:00
31. 表格單元格邊框合併 20:34
32. 自定義滑鼠的形狀 10:23
33. 標準模式與怪異模式 20:34
34. 列表list 32:57
35. 浮動的概念及float屬性 25:17
36. 清除浮動造成的影響 22:26
37. 清除浮動的三種方式 30:59
38. 顯示與隱藏 display 9:46
39. 網站的基本架構模型 21:29
40. 定位 position 31:48
41. 層次 z-index 13:18
42. 優酷網站示範 37:19
43. 瀏覽器的核心和分類 20:55
44. CSS Hack的分類及CSS選擇器複習 20:54
45. CSS hack方式一：條件註釋法 21:03
46. CSS hack方式二：CSS屬性字首法 25:38
47. CSS hack方式三：選擇器字首法 38:31
48. 三角形符合的製作 24:16
49. 多列的佈局 6:10
50. 圓角矩形的製作 17:02
51. DIV佈局的注意事項 21:52
52. 優酷頂部選單示範 56:01
53. 優酷搜尋框的製作(子絕父相) 22:09
第4章:HTML+DIV+CSS企業網站專案
1. 建站技巧總結 18:11
2. 專案的命名規範及注意事項 41:12
3. 重置樣式和公共樣式 18:55
4. 站點的準備工作 3:36
5. 首頁的整體框架佈局 20:27
6. 頁頭的佈局 24:25
7. 主選單的超連結和子選單的製作 25:27
8. 關於我們頁面 33:42
9. 知識點複習+企業文化製作 50:04
10. 專案展示 41:36
11. 新聞中心 12:51
12. 留言板 44:00
13. 版權資訊 19:21
14. 關於模板頁和公共樣式 29:56
15. 關於我們頁面 17:52
16. 大事記頁面 37:43
17. 大事記的優化（三角符號的拓展） 15:50
18. 專案展示頁的製作 57:42
19. 知識拓展 24:19
20. 專案總結 28:13
大家可以點選【 檢視詳情】檢視我的課程