Web前端入门进阶教程--HTML+CSS+DIV实战
  1. 01_HTML简介

    1. 录播
      01_HTML简介
      4分钟
  2. 02_什么是HTML

    1. 录播
      02_什么是HTML
      16分钟
  3. 03_动态网页与静态网页

    1. 录播
      03_动态网页与静态网页
      10分钟
  4. 04_HTML的发展历程

    1. 录播
      04_HTML的发展历程
      8分钟
  5. 05_HTML的开发工具

    1. 录播
      05_HTML的开发工具
      10分钟
  6. 06_浏览器的认识

    1. 录播
      06_浏览器的认识
      10分钟
  7. 07_如何编写一个简单的HTML文件

    1. 录播
      07_如何编写一个简单的HTML文件
      9分钟
  8. 08_HTML标签

    1. 录播
      08_HTML标签
      24分钟
  9. 09_HTML基本结构

    1. 录播
      09_HTML基本结构
      24分钟
  10. 10_HTML知识点复习

    1. 录播
      10_HTML知识点复习
      17分钟
  11. 11_HTML的注释&编码&规范

    1. 录播
      11_HTML的注释&编码&规范
      20分钟
  12. 12_HTML基本标签

    1. 录播
      12_HTML基本标签
      18分钟
  13. 13_HTML文本标签

    1. 录播
      13_HTML文本标签
      20分钟
  14. 14_HTML文本标签(2)

    1. 录播
      13_HTML文本标签(2)
      6分钟
  15. 15_HTML布局标签

    1. 录播
      15_HTML布局标签
      16分钟
  16. 16_HTML标签_a标签

    1. 录播
      16_HTML标签_a标签
      23分钟
  17. 17_HTML特殊字符

    1. 录播
      17_HTML特殊字符
      10分钟
  18. 18_绝对与相对路径

    1. 录播
      18_绝对与相对路径
      13分钟
  19. 19_表单标签课程简介

    1. 录播
      19_表单标签课程简介
      3分钟
  20. 20_img标签

    1. 录播
      20_img标签
      34分钟
  21. 21_audio标签

    1. 录播
      21_audio标签
      19分钟
  22. 22_video标签

    1. 录播
      22_video标签
      15分钟
  23. 23_source标签

    1. 录播
      23_source标签
      9分钟
  24. 24_ul标签

    1. 录播
      24_ul标签
      18分钟
  25. 25_ol标签

    1. 录播
      25_ol标签
      12分钟
  26. 26_dl标签

    1. 录播
      26_dl标签
      9分钟
  27. 27_表格的基本结构

    1. 录播
      27_表格的基本结构
      19分钟
  28. 28_表格属性

    1. 录播
      28_表格属性
      12分钟
  29. 29_表格结构化

    1. 录播
      29_表格结构化
      10分钟
  30. 30_扩展知识

    1. 录播
      30_扩展知识
      15分钟
  31. 31_表格的合并

    1. 录播
      31_表格的合并
      15分钟
  32. 32_表单的简介

    1. 录播
      32_表单的简介
      10分钟
  33. 33_表单基本结构

    1. 录播
      33_表单基本结构
      30分钟
  34. 34_表单属性强调

    1. 录播
      34_表单属性强调
      3分钟
  35. 35_表单type类型

    1. 录播
      35_表单type类型
      51分钟
  36. 36_input标签复习

    1. 录播
      36_input标签复习
      16分钟
  37. 37_input标签强化

    1. 录播
      37_input标签强化
      9分钟
  38. 38_select标签

    1. 录播
      38_select标签
      16分钟
  39. 39_option标签属性

    1. 录播
      39_option标签属性
      2分钟
  40. 40_textarea标签

    1. 录播
      40_textarea标签
      8分钟
  41. 41_lable和button标签

    1. 录播
      41_lable和button标签
      14分钟
  42. 42_活动框架

    1. 录播
      42_活动框架
      13分钟
  43. 43_框架集讲解

    1. 录播
      43_框架集讲解
      16分钟
  44. 44__PS基础课程介绍

    1. 录播
      44__PS基础课程介绍
      5分钟
  45. 45_学习目的

    1. 录播
      45_学习目的
      3分钟
  46. 46_PS安装流程

    1. 录播
      46_PS安装流程
      11分钟
  47. 47_初识PS以及界面说明

    1. 录播
      47_初识PS以及界面说明
      12分钟
  48. 48_PS新建文件

    1. 录播
      48_PS新建文件
      11分钟
  49. 49_移动工具和图层使用

    1. 录播
      49_移动工具和图层使用
      24分钟
  50. 50_矩形选框工具和拾色器

    1. 录播
      50_矩形选框工具和拾色器
      10分钟
  51. 51_微信logo设计

    1. 录播
      51_微信logo设计
      16分钟
  52. 52_快捷键补充和选区工具

    1. 录播
      52_快捷键补充和选区工具
      15分钟
  53. 53_微信logo设计(二)

    1. 录播
      53_微信logo设计(二)
      11分钟
  54. 54_PS知识点复习

    1. 录播
      54_PS知识点复习
      10分钟
  55. 55_液化效果

    1. 录播
      55_液化效果
      11分钟
  56. 56_液化效果(二)

    1. 录播
      56_液化效果(二)
      3分钟
  57. 57_图片去水印

    1. 录播
      57_图片去水印
      7分钟
  58. 58_滤镜效果扩展说明

    1. 录播
      58_滤镜效果扩展说明
      3分钟
  59. 59_扩展工具说明

    1. 录播
      59_扩展工具说明
      4分钟
  60. 60_扣图基本操作

    1. 录播
      60_扣图基本操作
      12分钟
  61. 61_扣图基本操作(二)

    1. 录播
      61_扣图基本操作(二)
      5分钟
  62. 62_扣图钢笔工具和通道

    1. 录播
      62_扣图钢笔工具和通道
      11分钟
  63. 63_对齐方式和平均分布

    1. 录播
      63_对齐方式和平均分布
      12分钟
  64. 64_文字工具及字符面板说明

    1. 录播
      64_文字工具及字符面板说明
      10分钟
  65. 65_PS切图工具-小工具扩展

    1. 录播
      65_小工具扩展
      5分钟
  66. 66_常用的图片格式

    1. 录播
      66_常用的图片格式
      17分钟
  67. 67_如何存图

    1. 录播
      67_如何存图
      4分钟
  68. 68_切图方式讲解(一)

    1. 录播
      68_切图方式讲解一
      6分钟
  69. 69_切图方式讲解(二)

    1. 录播
      69_切图方式讲解(二)
      6分钟
  70. 70_切图方式讲解(三)

    1. 录播
      70_切图方式讲解(三)
      3分钟
  71. 71_切图方式讲解(四)

    1. 录播
      71_切图方式讲解(四)
      3分钟
  72. 72_切片切图工具的介绍

    1. 录播
      72_切片切图工具的介绍
      5分钟
  73. 73_切图切片操作方法

    1. 录播
      73_切图切片操作方法
      23分钟
  74. 74_切片注意事项及切片讲解

    1. 录播
      74_切片注意事项及切片讲解
      19分钟
  75. 75_切图知识点复习

    1. 录播
      75_切图知识点复习
      14分钟
  76. 76_切图切片知识复习

    1. 录播
      76_切图切片知识复习
      6分钟
  77. 77_cuterman的安装和使用说明

    1. 录播
      77_cuterman的安装和使用说明
      10分钟
  78. 78_参考线说明和使用

    1. 录播
      78_参考线说明和使用
      10分钟
  79. 79_布尔运算工具介绍

    1. 录播
      79_布尔运算工具介绍
      10分钟
  80. 80_布尔运算工具介绍(二)

    1. 录播
      80_布尔运算工具介绍(二)
      5分钟
  81. 81_微信logo基本操作

    1. 录播
      81_微信logo基本操作
      6分钟
  82. 82_微信logo基本操作强化

    1. 录播
      82_微信logo基本操作强化
      6分钟
  83. 83_干货和markman

    1. 录播
      83_干货和markman
      24分钟
  84. 84_精灵图定位

    1. 录播
      84_精灵图定位
      15分钟
  85. 85_WEB标准

    1. 录播
      85_WEB标准
      21分钟
  86. 86_CSS的作用

    1. 录播
      86_CSS的作用
      15分钟
  87. 87_CSS的基本语法

    1. 录播
      87_CSS的基本语法
      9分钟
  88. 88_CSS的三种引入方式

    1. 录播
      88_CSS的三种引入方式
      17分钟
  89. 89_CSS的分类,类选择器

    1. 录播
      89_CSS的分类,类选择器
      18分钟
  90. 90_ID选择器

    1. 录播
      90_ID选择器
      6分钟
  91. 91_标签选择器

    1. 录播
      91_标签选择器
      7分钟
  92. 92_通用选择器

    1. 录播
      92_通用选择器
      13分钟
  93. 93_复合选择器—并列选择器

    1. 录播
      93_复合选择器—并列选择器
      12分钟
  94. 94_复合选择器—父子选择器

    1. 录播
      94_复合选择器—父子选择器
      5分钟
  95. 95_复合选择器—后代选择器

    1. 录播
      95_复合选择器—后代选择器
      8分钟
  96. 96_复合选择器—邻居选择器

    1. 录播
      96_复合选择器—邻居选择器
      6分钟
  97. 97_复合选择器—兄弟选择器

    1. 录播
      97_复合选择器—兄弟选择器
      9分钟
  98. 98_属性选择器

    1. 录播
      98_属性选择器
      17分钟
  99. 99_伪类选择器(focus before after)

    1. 录播
      99_伪类选择器(focus before after)
      13分钟
  100. 100_伪类选择器(元素的四种状态)

    1. 录播
      100_伪类选择器(元素的四种状态)
      18分钟
  101. 101_CSS选择器的优先级

    1. 录播
      101_CSS选择器的优先级
      17分钟
  102. 102_字体属性Font

    1. 录播
      102_字体属性Font
      24分钟
  103. 103_字体复合属性及综合应用

    1. 录播
      103_字体复合属性及综合应用
      38分钟
  104. 104_课堂练习评讲

    1. 录播
      104_课堂练习评讲
      11分钟
  105. 105_文本Text属性

    1. 录播
      105_文本Text属性
      48分钟
  106. 106_背景 Background

    1. 录播
      106_背景 Background
      23分钟
  107. 107_背景图片的定位综合应用(优酷网站图标)

    1. 录播
      107_背景图片的定位综合应用
      39分钟
  108. 108_Background 背景复合属性

    1. 录播
      108_Background 背景复合属性
      6分钟
  109. 109_盒子模型的理解

    1. 录播
      109_盒子模型的理解
      15分钟
  110. 110_盒子模型的top、右right、下bottom、左left四个属性

    1. 录播
      110_盒子模型的四个属性
      8分钟
  111. 111_盒子的尺寸

    1. 录播
      111_盒子的尺寸
      14分钟
  112. 112_内边距padding

    1. 录播
      112_内边距padding
      12分钟
  113. 113_外边距 margin

    1. 录播
      113_外边距 margin
      9分钟
  114. 114_边框 border

    1. 录播
      114_边框 border
      34分钟
  115. 115_表格单元格边框合并

    1. 录播
      115_表格单元格边框合并
      21分钟
  116. 116_自定义鼠标的形状

    1. 录播
      116_自定义鼠标的形状
      11分钟
  117. 117_标准模式与怪异模式

    1. 录播
      117_标准模式与怪异模式
      21分钟
  118. 118_列表list

    1. 录播
      118_列表list
      33分钟
  119. 119_浮动的概念及float属性

    1. 录播
      119_浮动的概念及float属性
      26分钟
  120. 120_清除浮动造成的影响

    1. 录播
      120_清除浮动造成的影响
      23分钟
  121. 121_清除浮动的三种方式

    1. 录播
      121_清除浮动的三种方式
      31分钟
  122. 122_显示与隐藏 display

    1. 录播
      122_显示与隐藏 display
      10分钟
  123. 123_网站的基本架构模型

    1. 录播
      123_网站的基本架构模型
      22分钟
  124. 124_定位 position

    1. 录播
      124_定位 position
      32分钟
  125. 125_层次 z-index

    1. 录播
      125_层次 z-index
      14分钟
  126. 126_优酷网站示范

    1. 录播
      126_优酷网站示范
      38分钟
  127. 127_浏览器的核心和分类

    1. 录播
      127_浏览器的核心和分类
      21分钟
  128. 128_CSS Hack的分类及CSS选择器复习

    1. 录播
      128_CSS Hack的分类及CSS选择器复习
      21分钟
  129. 129_CSS hack方式一:条件注释法

    1. 录播
      129_CSS hack方式一:条件注释法
      22分钟
  130. 130_CSS hack方式二:CSS属性前缀法

    1. 录播
      130_CSS hack方式二:CSS属性前缀法
      26分钟
  131. 131_CSS hack方式三:选择器前缀法

    1. 录播
      131_CSS hack方式三:选择器前缀法
      39分钟
  132. 132_三角形符合的制作

    1. 录播
      132_三角形符合的制作
      25分钟
  133. 133_多列的布局

    1. 录播
      133_多列的布局
      7分钟
  134. 134_圆角矩形的制作

    1. 录播
      134_圆角矩形的制作
      18分钟
  135. 135_DIV布局的注意事项

    1. 录播
      135_DIV布局的注意事项
      22分钟
  136. 136_优酷顶部菜单示范

    1. 录播
      136_优酷顶部菜单示范
      57分钟
  137. 137_优酷搜索框的制作(子绝父相)

    1. 录播
      137_优酷搜索框的制作(子绝父相)
      23分钟
  138. 138_建站技巧总结

    1. 录播
      138_建站技巧总结
      19分钟
  139. 139_项目的命名规范及注意事项

    1. 录播
      139_项目的命名规范及注意事项
      42分钟
  140. 140_重置样式和公共样式

    1. 录播
      140_重置样式和公共样式
      19分钟
  141. 141_站点的准备工作

    1. 录播
      141_站点的准备工作
      4分钟
  142. 142_首页的整体框架布局

    1. 录播
      142_首页的整体框架布局
      21分钟
  143. 143_页头的布局

    1. 录播
      143_页头的布局
      25分钟
  144. 144_主菜单的超链接和子菜单的制作

    1. 录播
      144_主菜单的超链接和子菜单的制作
      26分钟
  145. 145_关于我们页面

    1. 录播
      145_关于我们页面
      34分钟
  146. 146_知识点复习+企业文化制作

    1. 录播
      146_知识点复习+企业文化制作
      51分钟
  147. 147_项目展示

    1. 录播
      147_项目展示
      42分钟
  148. 148_新闻中心

    1. 录播
      148_新闻中心
      13分钟
  149. 149_留言板

    1. 录播
      149_留言板
      44分钟
  150. 150_版权信息

    1. 录播
      150_版权信息
      20分钟
  151. 151_关于模板页和公共样式

    1. 录播
      151_关于模板页和公共样式
      30分钟
  152. 152_关于我们

    1. 录播
      152_关于我们
      18分钟
  153. 153_大事记

    1. 录播
      153_大事记
      38分钟
  154. 154_大事记的优化(三角符号的拓展)

    1. 录播
      154_大事记的优化(三角符号的拓展)
      16分钟
  155. 155_项目展示页的制作

    1. 录播
      155_项目展示页的制作
      58分钟
  156. 156_知识拓展

    1. 录播
      156_知识拓展
      25分钟
  157. 157_项目总结

    1. 录播
      157_项目总结
      29分钟

对课程感兴趣?

点击报名,听课时长可兑换余额哦~

Web前端入门进阶教程--HTML+CSS+DIV实战免费

最近在学 146 累计报名 2123 好评度 100%
咨询老师
用手机看

扫一扫继续用手机看

  • 微信扫码

  • QQ扫码

下载手机APP

课程概述

目录

评论

老师介绍

简  介 超文本标记语言(HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
课程内容:
本课程主要包含了:

一、HTML知识

超文本标记语言(HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

能够快速掌握HTML入门、文本、图像、链接、表格、列表、表单、框架等基础知识。

二、CSS知识

层叠样式表(Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言,是为了解决内容与表现分离的问题,使网页符合WEB标准。

能够快速掌握CSS 基础语法、框模型与背景、文本格式化、表格、显示与隐藏、浮动与定位、CSS hack浏览器兼容性、动画、过渡、2D/3D 转换、CSS 优化等知识点。
三、Photoshop使用

Photoshop的专长在于图像处理,图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果,其重点在于对图像的处理加工。

能够快速掌握选取、图层、通道、蒙版、路径等基础知识,同时能为WEB UI设计进行切片和导出切片图像。
四、HTML+DIV+CSS企业网站项目实践

使用web标准布局要有良好的CSS书写和命名习惯,比如菜单 menu  版权 copyright  页头  header 底部 footer等等,遵循这些不成文的规定可让代码更容易阅读,让搜索引擎也更加喜欢。

能够利用所学的html、css、photoshop对已经设计好的企业网站界面设计,手把手教会大家对企业网站进行进行切片制作和DIV+CSS布局,独立完成制作静态网站页面和模板,并完成浏览器兼容性测试。
 

* 课程提供者:源码时代

老师还为你推荐了以下几门课程