新课限时0元
专属折扣1-2折
1000+免费课
每月享1110元礼券
下载学堂APP
缓存视频离线看
- 畅销套餐
- 精选套餐
- 人气套餐
- 尊享套餐
- 高薪套餐
- 课程介绍
- 课程大纲 试看
- 讲师好课 2
- 学员评价
适合人群：
有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-4
【第四课】新增语义标签2 1、aside。 2、section。 3、main。 4、figure和figcaption。
「仅限付费用户」点击下载“lesson-4课件.zip”
[04:37] 开始学习 -
2-5
【第五课】新增语义标签3 1、time 标签。 2、i 标签。 3、b 标签。 4、em 标签。 5、strong 标签。
「仅限付费用户」点击下载“lesson-5课件.zip”
[05:38] 开始学习 -
2-6
【星巴克网站的制作】1-创建主页面结构 1、创建页面。 2、添加页面标题栏图片。 3、使用语义标签创建页面结构。
「仅限付费用户」点击下载“starbucks-1-源代码.zip”
[04:02] 开始学习 -
2-8
【星巴克网站的制作】3-布局主页面 1、创建CSS样式表。 2、为主页面整体布局。 3、为页脚添加样式。
「仅限付费用户」点击下载“starbucks-3-源代码.zip”
[07:46] 开始学习 -
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] 开始学习
5
