联系客服1
联系客服2

HTML5与CSS3实现动态网页视频教程 H5零基础实战教程

13
回复
4676
查看
打印 上一主题 下一主题
[复制链接]
  • TA的每日心情
    开心
    2024-9-19 21:14
  • 签到天数: 757 天

    [LV.10]以坛为家III

    7335

    主题

    8751

    帖子

    131万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    1312677
    楼主
    发表于 2018-9-14 22:53:45 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    步骤1: 初识HTML5
    本阶段内容主要涵盖HTML5新增、删除标签、标签属性变化以及HTML5布局知识。通过本阶段学习,大家可以运用HTML5标签轻松实现网页音乐播放器和视频播放器,熟练运用HTML5的语义化标签进行静态网页的开发。

    第1课 HTML5标签变化
    HTML5文档类型如何定义,有哪些标签,以及如何使用,从整体认识HTML5

    第2课 HTML5网页布局
    传统布局与HTML5网页布局的区别和意义,通过案例讲解如何使用HTML5搭建网页

    第3课 HTML5属性变化
    了解这些属性带来的好处,加深对标签的认识,将提高以后的开发效率

    第4课 HTML5展望
    HTML5快速发展,它还有哪些强大的功能,在什么领域可以使用,以及它的发展方向


    步骤2: 搞懂CSS3
    本阶段内容主要涵盖CSS3选择器、边框与圆角、背景与渐变、转换、过渡、动画等知识。通过本阶段学习,大家将学会更加精确得控制页面的布局、字体、颜色、背景等效果,实现非常炫酷的CSS3动画特效,让网页丰富多彩。

    第1课 CSS3选择器
    详细讲解CSS3的变化,新的概念和理念,及其CSS3新增加的选择器

    第2课 CSS3边框与圆角
    带来神奇的圆角边框、阴影框及其图片边框等,非常具有实用价值的新属性

    第3课 CSS3背景与渐变
    同样神奇的背景控制属性,以及如何使用颜色过渡实现漂亮的渐变效果


    第4课 CSS3转换
    深入讲解元素如何扭曲、移位或旋转,让我们可以更自由得装饰和变形HTML组件

    第5课 CSS3过渡
    一起探索如何通过CSS3属性值的变化实现动画效果,如何触发这些动画产生交互

    第6课 CSS3动画
    使用animation属性,实现以往要用Flash等动画软件才能完成的炫酷效果

    第7课 CSS3图片切换特效
    介绍了几种非常漂亮的图片切换特效,大家对CSS3的认识会有质的提高


    步骤3: JavaScript基础
    本阶段内容主要涵盖js基础语法、流程控制语句、函数、内置对象、DOM基础和事件、BOM基础等知识。通过本阶段学习,大家不仅可以掌握js的基础知识,还能学会网站开发中常用的图片轮播特效。

    第1课 JavaScript语法
    初步了解JavaScript语言,掌握它的语法、数据类型、基本的算数和逻辑运算操作

    第2课 JavaScript流程控制语句
    掌握JavaScript中条件分支语句和循环语句的使用,用简洁的代码实现强大功能

    第3课 JavaScript函数
    掌握函数的使用,学习函数的封装,体会代码复用的过程和它带来的便利

    第4课 JavaScript内置对象
    学习内置对象的常用属性和方法,方便我们开发中直接调用,进而实现更多功能

    第5课 JavaScript DOM基础
    DOM的方法和属性既可以获取网页中的元素,也可以设置元素的内容、样式及效果


    第6课 JavaScript DOM事件
    为页面中的元素绑定键盘或鼠标事件,从而可以触发和实现我们想要的交互效果

    第7课 JavaScript BOM基础
    学习浏览器对象模型“BOM”,可以对浏览器窗口进行访问和操作,与浏览器“对话”

    第8课 JavaScript实现轮播特效
    综合运用JavaScript知识,做出轮播图、tab页切换等实用特效

    步骤4: JavaScript进阶
    本阶段,将带领大家进一步探索JavaScript中的奥秘,教大家如何使用调试工具。还有变量、作用域、函数是怎么样来运用, 以及它们之前的关系是怎样的,我们来一步一步揭开它们的面纱。

    第1课 调试工具
    学习调试工具,实践如何快速调试代码,并实时预览,体验快速调试代码的过程

    第2课 JavaScript变量、作用域
    我们一起探究变量、作用域的本质,了解它们的定义及使用方法

    第3课 JavaScript函数深入讲解
    研究函数的本质,了解函数的定义、调用,以及函数的参数和返回值

    第4课 JavaScript实现简易计算器
    带领大家开发一个简易计算器,体会一步步优化代码的过程,体验代码简约而不简单的魅力

    步骤5: 项目实战
    光学不练假把式,实践是巩固知识最好的方法,本环节,带领大家开发炫酷网页,从实践中总结经验并且提升解决问题的能力。

    第1课 H5+CSS3+JS实现炫酷网页
    带领大家实现真实项目:“慕课手机宣传页”,面对综合需求,大展身手的时候到了!


    游客,如果您要查看本帖隐藏内容请回复

    收藏
    收藏0
    分享
    分享
    支持
    支持0
    反对
    反对0
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2019-6-28 15:19
  • 签到天数: 2 天

    [LV.1]初来乍到

    0

    主题

    15

    帖子

    1409

    积分

    年费会员

    Rank: 4

    积分
    1409
    沙发
    发表于 2019-6-28 15:21:09 | 只看该作者
    谢谢楼主分享
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    郁闷
    2023-4-21 23:42
  • 签到天数: 125 天

    [LV.7]常住居民III

    2

    主题

    191

    帖子

    5598

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    5598
    板凳
    发表于 2019-6-29 20:58:06 | 只看该作者
    确实是难得好帖啊,顶先
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    郁闷
    2022-5-27 18:37
  • 签到天数: 32 天

    [LV.5]常住居民I

    1

    主题

    63

    帖子

    1932

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    1932
    地板
    发表于 2019-9-10 15:04:36 | 只看该作者
    我来看看这个
    教程
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2022-9-1 22:42
  • 签到天数: 41 天

    [LV.5]常住居民I

    2

    主题

    251

    帖子

    3541

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    3541
    5#
    发表于 2019-9-11 15:06:01 | 只看该作者
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2023-1-13 12:10
  • 签到天数: 214 天

    [LV.7]常住居民III

    2

    主题

    418

    帖子

    1249

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    1249
    6#
    发表于 2019-12-30 14:27:48 | 只看该作者
    确实是难得好帖啊,顶先
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2022-2-18 20:01
  • 签到天数: 120 天

    [LV.7]常住居民III

    1

    主题

    334

    帖子

    5755

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    5755
    7#
    发表于 2020-1-13 11:01:47 | 只看该作者
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    无聊
    2021-3-23 21:38
  • 签到天数: 39 天

    [LV.5]常住居民I

    3

    主题

    86

    帖子

    3265

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    3265
    8#
    发表于 2020-2-24 14:58:37 | 只看该作者
    正需要,支持楼主大人了!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2023-10-13 00:14
  • 签到天数: 178 天

    [LV.7]常住居民III

    4

    主题

    688

    帖子

    1866

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    1866
    9#
    发表于 2020-5-8 10:42:08 | 只看该作者
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2021-7-11 21:30
  • 签到天数: 103 天

    [LV.6]常住居民II

    4

    主题

    216

    帖子

    5221

    积分

    终身会员

    Rank: 6Rank: 6

    积分
    5221
    10#
    发表于 2020-6-14 12:36:50 | 只看该作者
    啥也不说了,感谢楼主分享哇!
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    学习课程!一站搞定!
    学途无忧VIP会员群

    973849140

    周一至周日9:00-23:00

    反馈建议

    1227072433@qq.com 在线QQ咨询

    扫描二维码关注我们

    学途无忧!为学习谋坦途,为会员谋福利!|网站地图