HTML5和CSS3移动端开发全套教程

拥有6年web前端和后端开发经验，4年授课经验，还曾在百度专业培训过网络营销课程，曾就职于联想集团和当当网，不仅有丰富的项目实战经验还有营销经验，综合实力较强，后入北京市各种培训机构，给社会带来更多的IT精英。

张鹏

¥117.00

立即订阅

扫码下载「CSDN程序员学院APP」，1000+技术好课免费看

APP订阅课程，领取优惠，最少立减5元 ↓↓↓

订阅后：请点击此处观看视频课程

视频教程-HTML5和CSS3移动端开发全套教程-HTML5/CSS

学习有效期：永久观看

学习时长：991分钟

学习计划：17天

难度：低

「口碑讲师带队学习，让你的问题不过夜」

讲师姓名：张鹏

CEO/董事长/总经理

讲师介绍：拥有6年web前端和后端开发经验，4年授课经验，还曾在百度专业培训过网络营销课程，曾就职于联想集团和当当网，不仅有丰富的项目实战经验还有营销经验，综合实力较强，后入北京市各种培训机构，给社会带来更多的IT精英。

☛点击立即跟老师学习☚

「你将学到什么？」

本课程从最基础开始介绍html5和css3其中，html5介绍了新增标签和属性，css3介绍了大量的内容：比如动画，布局样式,rem等等，后面还介绍了各种的移动端组件，最后完成实战案例。

「课程学习目录」

第1章：Less

1.less简介_使用node编译

2.less_使用工具编译

3.less_语法介绍

第2章：Sass

1.sass_编译scss

2.sass_语法介绍

第3章：HTML5标签表单

1.HTML5_简介

2.HTML5_新增标签

3.表单_输入类型

4.表单_表单属性

5.【案例】_注册页面

第4章：HTML5中的Canvas

1.canvas_简介_使用

2.canvas_填充_无填充

3.canvas_线条

4.canvas_beginPath_closePath

5.canvas_arc

6.canvas_【案例】_太极图

7.canvas_【案例】_钟表(一)

8.canvas_【案例】_钟表(二)

9.canvas_【案例】_折线图(一)

10.canvas_【案例】_折线图(二)

11.canvas_【案例】_折线图(三)

第5章：WebStorage

1.Storage_设置_获取_删除

2.Storage_【案例】_移动app收藏效果

第6章：HTML5音频和HTML5视频

1.音频_audio

2.视频_video

第7章：CSS3

1.CSS3_属性选择器

2.CSS3_伪类选择器_UI元素状态

3.CSS3_伪类选择器_结构伪类选择器

4.CSS3_after和before基本用法

5.CSS3_after和before_清除浮动和效果

6.CSS3_文字阴影

7.CSS3_背景

8.CSS3_边框

第8章：CSS3中的变形处理

1.transform_2D

2.transform_3D

3.【案例】-3D排版

第9章：CSS3中的动画

1.动画-animation

2.动画-transition

3.【案例】-按钮抖动-按钮填充

4.【案例】-条状加载中动画

5.【案例】-圆形加载中动画

6.【案例】-圆球跳起来加载中

7.【案例】多个球旋转的loadding

第10章：自适应布局

1.布局单位px、em、rem、vw、vh

2.自适应布局-网页适应各种屏幕大小

3.双飞翼布局

4.弹性盒布局-direction-wrap-flow

5.弹性盒布局-项目居中方式(justify和algin)

6.弹性盒布局-flex布局-app页面布局

7.【案例】-弹性盒-圣杯布局

第11章：响应式布局

1.响应式布局-media基本使用

2.响应式布局-网站头部布局

3.响应式图片-不同设备加载不同图片

第12章：响应式布局-【项目】

1.响应式网站制作-头部

2.响应式网站制作-广告图片部分

3.响应式网站制作-文章部分

4.响应式网站制作-底部

第13章：移动端插件-移动端效果

1.移动端插件-zepto移动端事件和案例

2.移动端插件-IScroll列表滑动、区块滑动

3.移动端插件-Swiper图片切换、轮播

4.移动端插件-图片懒加载、预加载

第14章：【项目】-WebApp-孕育宝典

1.【首页】-项目搭建-头部实现

2.【首页】-内容区块

3.【首页】-底部实现

4.【首页】-底部页面切换

5.【列表页】-进入列表页-返回首页

6.【列表页】-样式布局和header文字修改

7.【列表页】-数据的Ajax渲染

8.【详情页】-进入文章详情页

9.【详情页】-样式调整-标题溢出省略号

10.【详情页】-文章数据渲染到页面

11.文章收藏功能

12.修改事件-fastClick

「7项超值权益，保障学习质量」

大咖讲解

技术专家系统讲解传授编程思路与实战。

答疑服务

专属社群随时沟通与讲师答疑，扫清学习障碍，自学编程不再难。

课程资料+课件

超实用资料，覆盖核心知识，关键编程技能，方便练习巩固。（部分讲师考虑到版权问题，暂未上传附件，敬请谅解）

常用开发实战

企业常见开发实战案例，带你掌握Python在工作中的不同运用场景。

大牛技术大会视频

2019Python开发者大会视频免费观看，送你一个近距离感受互联网大佬的机会。

APP+PC随时随地学习

满足不同场景，开发编程语言系统学习需求，不受空间、地域限制。

「什么样的技术人适合学习？」

想进入互联网技术行业，但是面对多门编程语言不知如何选择，0基础的你
掌握开发、编程技术单一、冷门，迫切希望能够转型的你
想进入大厂，但是编程经验不够丰富，没有竞争力，程序员找工作难。

「悉心打造精品好课，17天学到大牛3年项目经验」

【完善的技术体系】

技术成长循序渐进，帮助用户轻松掌握

掌握HTML5/CSS知识，扎实编码能力

【清晰的课程脉络】

浓缩大牛多年经验，全方位构建出系统化的技术知识脉络，同时注重实战操作。

【仿佛在大厂实习般的课程设计】

课程内容全面提升技术能力，系统学习大厂技术方法论，可复用在日后工作中。

「你可以收获什么？」

本门课程介绍了使用html5+css3零基础入门到实战课程，目标让大家熟练使用html5和css3来完成移动端页面的制作和页面特效等内容。

订阅课程开始学习