HTML5和CSS3新特性视频教程

了解**的HTML5和CSS3新特性。使用HTML5和CSS3制作网站。前端开发工程师必修课。

5.0 (个评分) 631287人学习

初级 38课时 4小时49分钟 2015/07/09更新

资料下载

二维码 下载学堂APP 缓存视频离线看

    • 畅销套餐
    • 精选套餐
    • 人气套餐
    • 尊享套餐
    • 高薪套餐
前端开发攻城狮系列套餐
总价:
517.00
套餐价:
382.60
节省
¥134.40
Web开发之 - 运指如飞【Sublime Vim插件&Emmet插件学习】
2134人学习
¥49.00
HTML+DIV+CSS零基础入门与制作企业站视频课程
76734人学习
¥1.00
jQuery在网站中的应用-零基础实战
15202人学习
¥69.00
更 多 7 门 课 程
跟我学之web前端入门知识储备系列套餐
总价:
157.00
套餐价:
132.90
节省
¥24.10
跟我学之HTML+CSS入门畅游视频课程
54228人学习
¥9.00
跟我学之JavaScript初学专列视频教程
33470人学习
¥19.00
跟我学之jQuery牛刀小试视频教程
64424人学习
¥129.00
更 多 3 门 课 程
Web前端:基础入门(套餐系列)
总价:
107.00
套餐价:
70.49
节省
¥36.51
JavaScript零基础入门课程(适合初学者的教程)
76157人学习
¥49.00
HTML零基础入门视频课程(适合初学者的教程)
30400人学习
¥29.00
CSS零基础入门视频课程(适合初学者的教程)
22023人学习
¥29.00
更 多 3 门 课 程
前端工程师基础与提升系列专题:实战之路
总价:
469.00
套餐价:
375.20
节省
¥93.80
前端工程师实战进阶视频课程——玩转JavaScript
2893人学习
¥16.00
小白时代:WEB技术实战视频课程(DIV+CSS攻略)
5414人学习
¥19.00
12步入门前端工程师视频教程【赵甲迪】
2232人学习
¥9.00
更 多 9 门 课 程
Web前端开发大师系列专题(基础与实战)
总价:
395.00
套餐价:
319.96
节省
¥75.04
web前端开发工程师之HTML+CSS零基础与提升系列课程(课工场璇女神)
32890人学习
¥99.00
web前端开发工程师之HTML5前端开发基础与实战
9534人学习
¥49.00
web前端开发工程师之JavaScript基础入门系列视频教程
9329人学习
¥49.00
更 多 5 门 课 程
超值好课低价囤 低至2元 前端开发工程师 会员免费领 新人礼包
  • 课程介绍
  • 课程大纲 试看
  • 讲师好课 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节)

  • 1-1

    【前言】课程简介 1、HTML5新特性索引。 2、CSS3新特性索引。 3、课程范围介绍。

    「仅限付费用户」点击下载“前言-课件.zip”

    [02:49]
  • 第2章 HTML5 (2小时54分钟 23节)

  • 2-1

    【第一课】变化的元素 1、DOCTYPE。 2、<meta>。 3、<link>。 4、<script>。

    「仅限付费用户」点击下载“lesson-1课件.zip”

    [03:12]
  • 2-2

    【第二课】了解HTML5的语义 1、HTML5的语义化的概念。 2、HTML5中自新增的语义标签。

    「仅限付费用户」点击下载“lesson-2课件.zip”

    [02:36]
  • 2-3

    【第三课】新增语义标签1 1、article。 2、header。 3、footer。 4、nav。

    「仅限付费用户」点击下载“lesson-3课件.zip”

    [04:55]
  • 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-7

    【星巴克网站的制作】2-填充页面内容 完善页面标题栏、侧边栏和主内容区。

    「仅限付费用户」点击下载“starbucks-2-源代码.zip”

    [09:40]
  • 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-15

    【星巴克网站的制作】7-添加视频内容 为网站添加视频内容。

    「仅限付费用户」点击下载“starbucks-7-源代码.zip”

    [05:27]
  • 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-18

    【第十课】新增表单元素 1、datalist。 2、keygen。 3、output。

    「仅限付费用户」点击下载“lesson-10课件.zip”

    [04:20]
  • 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

条学员评分 超过  “Html/CSS”   99%的课程
      展开更多
      加载中
      没有了哦~

      ¥1.00

      立即购买
      关注公众号 领VIP会员
      下次再说

      点击打包下载,即可获取该课程全部资料

      打包下载
      迎新春满300减35 满400减50
      是否单独购买该课程?
      直接购买 去凑单
      在线
      客服
      APP
      下载

      下载Android客户端

      下载iphone 客户端

      官方
      微信

      关注官方微信

      返回
      顶部