- 畅销套餐
- 精选套餐
- 人气套餐
- 尊享套餐
- 高薪套餐















- 课程介绍
- 课程大纲
适合人群:
有HTML和CSS基础的Web开发人员
你将会学到:
了解**的HTML5和CSS3新特性。使用HTML5和CSS3制作网站。前端开发工程师必修课。
课程简介:
快速学习HTML5和CSS3新特性。使用**的Web标准开发有吸引力的Web页面。
配套完整的课件和源代码资源。
如果你还没有Web开发的基础,请先关注Helen的《HTML和CSS6小时学习经典》,课程地址:
https://edu.51cto.com/course/course_id-3116.html
PS:课件可以在课程页面的“课件下载”区域下载
课程大纲-HTML5和CSS3新特性视频教程
第1章前言(2分钟1节)
第2章HTML5(2小时54分钟23节)
2-1
【第一课】变化的元素1、DOCTYPE。2、<meta>。3、<link>。4、<script>。
「仅限付费用户」点击下载“lesson-1课件.zip”
[03:12]开始学习2-6
【星巴克网站的制作】1-创建主页面结构1、创建页面。2、添加页面标题栏图片。3、使用语义标签创建页面结构。
「仅限付费用户」点击下载“starbucks-1-源代码.zip”
[04:02]开始学习2-9
【星巴克网站的制作】4-添加头部区域样式1、初始化页面样式。2、定义页面通用样式。3、定义logo的样式。4、定义导航条的样式。
「仅限付费用户」点击下载“starbucks-4-源代码.zip”
[08:59]开始学习2-10
【星巴克网站的制作】5-添加侧边栏样式1、定义section样式。2、定义“星享之旅”部分。3、定义“星巴克饮品”部分。
「仅限付费用户」点击下载“starbucks-5-源代码.zip”
[07:24]开始学习2-11
【星巴克网站的制作】6-添加主内容区域样式1、定义article分割线。2、定义标题和时间样式。3、定义文章段落样式。4、定义b标签和small标签的样式。
「仅限付费用户」点击下载“starbucks-6-源代码.zip”
[05:55]开始学习2-12
【第六课】视频播放史1、Web中常用的视频格式。2、embed标签。3、object标签。4、浏览器兼容的处理。5、IETester工具的介绍。
「仅限付费用户」点击下载“lesson-6课件.zip”
[10:49]开始学习2-13
【第七课】HTML5视频播放1、video标签的基本使用。2、video标签的常用属性。3、视频文件的格式。4、浏览器对视频格式的支持。5、兼容所有的视频格式。6、兼容所有的浏览器。
「仅限付费用户」点击下载“lesson-7课件.zip”
[14:25]开始学习2-14
【第八课】HTML5音频播放1、Web中常用的音频格式。2、使用embed标签和object标签播放音频。 3、使用flash音乐播放器。4、audio标签的基本使用。 5、audio标签的常用属性。 6、音频文件的格式。 7、浏览器对视音格式的支持。 8、兼容所有的浏览器。
「仅限付费用户」点击下载“lesson-8课件.zip”
[07:25]开始学习2-16
【星巴克网站的制作】8-HTML5兼容IE浏览器1、main标签在IE11中的问题。2、让所有的HTML5新标签兼容低版本的IE浏览器。
「仅限付费用户」点击下载“starbucks-8-源代码.zip”
[08:31]开始学习2-17
【第九课】新增input类型1、search(搜索框)。2、email(邮件地址输入框)。3、url(url地址输入框)。4、tel(电话号码输入框)。5、number(数字输入框)。6、range(滑动条)。7、date(日期选择)。8、month(月份选择)。9、week(周选择)。10、time(时间选择)。11、datetime-local(日期时间)。12、datetime(包含时区)。13、color(颜色选择)。
「仅限付费用户」点击下载“lesson-9课件.zip”
[09:37]开始学习2-19
【第十一课】HTML5表单验证1、输入类型验证:number、email、url。2、必填字段验证:required。3、字符长度验证:minlength、maxlength。4、设置数值范围:min、max。5、设置日期和时间范围:min、max。6、设置步长:step。7、正则表达式验证:pattern。8、禁用表单验证:novalidate、formnovalidate。
「仅限付费用户」点击下载“lesson-11课件.zip”
[12:14]开始学习
“Helen老师 - 姚环”老师的其他课程更多+