• 课程 / HTML

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

    下载APP,随时随地学习!

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

    网站介绍

    05:16

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

    05:06

    编写html结构代码

    编写导航CSS样式

    07:02

    初始化轮播组件与编写

    第2章 第二章

    实现轮播标题依次动画

    实现关于我们部分

    实现成功案例部分

    实现服务流程部分

    实现团队介绍部分

    第3章 第三章

    实现数据部分

    实现公司动态部分

    10:56

    底部信息

    固定导航和返回顶部按钮

    滚动展现和数据部分动画

    第4章 第四章

    流畅滚动效果

    实现响应式

    关闭全屏导航

    总结

    讲师介绍

    V
    V
    学生
    能学到什么:

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

    全部评论我要评论

  • PHPTiger

    PHPTiger1个月前

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

    回复
    0

  • PHPTiger

    PHPTiger1个月前

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

    回复
    0

  • 好好先森

    好好先森1个月前

    123占座123

    回复
    0

  • uxnx.cn

    uxnx.cn1个月前

    占个楼,好教程,

    回复
    0

  • uxnx.cn

    uxnx.cn1个月前

    游戏逆向网

    回复
    0

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