Name: 从零制作响应式网站—Grid布局
Uploaded: 2021-12-03T16:34:13+8:00
Duration: 198 min 34 s
Description: 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSS Grid布局，支持响应式，有流畅过渡和展现动画。

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

难度：初级

共 19 章

17253 次播放

第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布局，支持响应式，有流畅过渡和展现动画。

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

讲师介绍

PHP中文网