课程详情2024-11-25
课程亮点
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商城后台管理系统