• 课程 / HTML

    从零制作响应式网站—Grid布局

    直播班:PHP小白到大牛三个月速成!

    立即报名
    介绍章节评论课件
    本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSS Grid布局,支持响应式,有流畅过渡和展现动画。
  • 难度:初级
  • 共19章节
  • 7091次播放
  • 第1章 第一章

    网站介绍

    05:16

    准备JS库、图片和视频等资源

    05:06

    编写html结构代码

    10:07

    编写导航CSS样式

    07:02

    初始化轮播组件与编写

    09:54
    第2章 第二章

    实现轮播标题依次动画

    06:49

    实现关于我们部分

    16:07

    实现成功案例部分

    18:31

    实现服务流程部分

    07:32

    实现团队介绍部分

    15:24
    第3章 第三章

    实现数据部分

    07:36

    实现公司动态部分

    10:56

    底部信息

    11:28

    固定导航和返回顶部按钮

    09:34

    滚动展现和数据部分动画

    12:00
    第4章 第四章

    流畅滚动效果

    07:43

    实现响应式

    32:51

    关闭全屏导航

    01:35

    总结

    03:03

    讲师介绍

    王林
    王林
    学生
    能学到什么:

    本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSS Grid布局,支持响应式,有流畅过渡和展现动画。

    全部评论我要评论

  • PHPTiger

    PHPTiger11个月前

    小白学不会,高手用不着系列!还是谢谢您的付出!

    回复
    0

  • PHPTiger

    PHPTiger11个月前

    小白学不会,高手用不着系列

    回复
    0

  • 好好先森

    好好先森1年前

    123占座123

    回复
    0

  • uxnx.cn

    uxnx.cn1年前

    占个楼,好教程,

    回复
    0

  • uxnx.cn

    uxnx.cn1年前

    游戏逆向网

    回复
    0

  • 取消回复发送
  • PHP中文网