课程亮点

1

理论与实践并重,真正注重实用技术培养

适用对象

1

零基础

课程内容

前端页面重构:

本章是前端入门章节,主要介绍静态页面布局的实现,包括PC端布局、移动端布局和响应式布局。学完本阶段课程能够独立把设计师给的PSD效果图转换为静态代码页面,具备PC端和移动端静态页面的开发能力,并可以适配不同的终端设备。

学习内容:

HTML:HTML简介、语法、属性和值、注释、基本结构、常用标签、语义化

CSS:基本语法、选择器、文本属性、盒模型、浮动及清除浮动、position定位、浏览器兼容、CSS hack、CSS高级技巧、BFC规范

HTML5:HTML5简介、新增的结构化标签、音频和视频、新增表单元素、新增表单属性、html5shiv.js

CSS3:css3新增选择器、背景和渐变、用户界面属性、多列布局、圆角和阴影、过渡动画、2D与3D转换、弹性盒布局、Grid网格布局、流式布局

Less:css预处理、Less编辑、Koala编译工具、导入、注释、变量、混合、嵌套、运算、内置函数

Photoshop:PS基本操作、psd文件、网页图片优化技巧、图片格式分类及特性、GIF动态制作、一键切图插件

页面布局与屏幕适配:移动端浏览器及内核分析、viewport设置、Retina高清屏、PPI、dpr设备像素比解析、媒体查询、vw+rem布局、flexible.js+rem布局、媒体查询+rem、移动端reset

实战项目:

PC端项目:小U课堂静态页面布局、移动端项目:小U商城移动端项目、响应式项目:小U商城后台管理系统