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. 浏览器的认识 9:18
7. 如何编写一个最简单的HTML文件 8:20
8. HTML标签 23:44
9. HTML基本结构 23:22
10. HTML知识点复习 16:30
11. HTML注释&编码&规范 19:44
12. HTML 基本标签 17:55
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. 浏览器的认识 9:18
7. 如何编写一个最简单的HTML文件 8:20
8. HTML标签 23:44
9. HTML基本结构 23:22
10. HTML知识点复习 16:30
11. HTML注释&编码&规范 19:44
12. HTML 基本标签 17:55
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
大家可以点击【 查看详情】查看我的课程