WEB前端开发零基础课程:PC\移动端\响应式\bootstrap\less

最新开班信息 
  • 预计 2017年7月12日 开班
  • 火热报名中,报名请点击:  我要报名 
简介 
本课程共需要2个月时间,讲解内容涵盖PC端静态页面制作所需的全部知识,以及移动端静态页面制作、响应式开发、CSS3相关的新特性、3D与动画等内容。完成所学课程以后,最终检验学员们能否顺利毕业的依据,是我们精心安排的整站级别的项目,例如:PC端电子商城、移动端企业站、微信端静态页面、响应式项目…

课程相关视频 
1-前端开发是做什么的及学习哪些内容 15
详细了解前端开发工程师是怎样一个职位,需要学习哪些技能才能够胜任?学前要求、PC端、移动端、用户体验...
 
2-HTML语言是什么 19
HTML(超文本标记语言)是什么?写出一个HTML页面。标记、编码、标签对、单标签、开发环境介绍:编辑器、浏览器...
 
3-CSS语言和JS语言介绍及演示 20
CSS(层叠样式表)在网页开发中的作用、基本语法、属性。Javascript(脚本语言)为网页添加“灵性”。HTML、CSS、JavaScript三者的关系。
 
课程价格4800

课程时长:2个月

讲课方式:全日制

上课时间:上午:9:30~12:30 下午:14:00~17:30 傍晚:18:20~20:00(自习有讲师或助教现场辅导)

 
 
 
课程大纲
详细课程大纲
 
 
01-02
课程目录
  • 前端代码初识02
  • H5标签与CSS选择器03
  • 浮动的深度剖析04
  • 定位进阶05
  • 表格详解06
  • 表单及相关属性07
  • 浏览器兼容性08
  • PC端整站开发09
  • Html5表单&属性选择器10
  • CSS3新增属性11
  • 移动端开发与适配12
  • 弹性盒模型&响应式13
  • CSS3动画与3D变换14
  • CSS预处理:LESS15
  • Bootstrap前端开发框架16
01
03-04
前端代码初识
前端开发流程、软件与编辑器、浏览器、前端开发语言、第一个标准的HTML页面、标签与代码嵌套关系、样式表的种类与区别、CSS常见样式:width\height\border\复合样式\rgb\16进制\background)、文字设置与排版:font\line-height\color\text-align…、超链接、target、相对路径与绝对路径、盒模型及其注意事项……
02
03-04
H5标签与CSS选择器
伪类标签的特性、常用标签:h1-h6、p、strong、em、span、ul、ol…,HTML5新增标签:header、nav、footer、section、article、aside、time、mark…、特殊的img、id选择器、类选择器、标签选择器、群组选择、包含选择器、通配符、选择器优先级、css reset、块和内嵌、inline-block、vertival-align…
03
05-06
浮动的深度剖析
浮动(float)概念、特性、浮动的属性、浮动的表现、浮动实例演示、文档流的概念与现象、清除浮动的原理、清除浮动的方法:容器高度 \ 父级浮动 \ br清浮动 \ inline-block清浮动、after伪类清浮动方式、BFC(块级格式化上下文)及其作用、触发BFC的条件、Haslayout……

04
05-06
定位进阶
定位(position)的种类、相对定位(relative)概念、相对定位的表现、绝对定位(absolute)概念、绝对定位的表现、定位的层级特征(z-index)、透明度、透明度滤镜、opacity \ filter:alpha(opacity=0~100)、定位与透明度的实例、固定定位(fixed)概念、固定定位的表现、固定定位引发的问题和注意事项、固定定位问题演示…
05
07-08
表格详解
表格标签大全:table(表格父级标签)、thead(表格头)、tbody(表格主体)、tr(表格行)、th(元素定义表头)、td(元素定义表格单元)、表格语义化及实例演示、表格样式重置:单元格间隙合并:border-collapse:collapse;、重置单元格默认填充、单元格合并:colspan、rowspan、表格综合练习…

06
07-08
表单及相关属性
表单(form)应用范围、action、input类型及属性、文本框、密码、单选、复选、提交、重置、按钮、图片、上传、隐藏、label、select/option 下拉选框、textarea 文本域、表单常用属性、name、disabled与readonly的区别、checked/selected、label的for属性、表单的默认样式重置、resize、outline、表单综合练习……

07
09-10
浏览器兼容性
CSS兼容性常见问题:margin兼容性问题、display:inline-block、最小高度问题、双边距、4px间隙、浮动元素宽度文字折行、父级元素的overflow:hidden与子元素relative、代码调试、调试工具、手动调试、css hack、常用hack写法、!important、html条件注释语句:、PNG24 兼容性问题、IE6固定定位……

08
09-10
PC端整站开发
PC端网站目录划分、页面结构规划、最大与最小宽高设置:min-width、min-height、max-width、max-height、text-overflow、整站命名规划、css sprites(CSS雪碧技术)、border-radius、box-shadow、css 滑动门、map、iframe、icon、圣杯布局、等高布局、溢出显示省略号、整站实战开发实例……

09
11-12
Html5表单&属性选择器
新特性的浏览器支持情况、email、tel、url、search、range、number、color、datetime-local、time、date、week、month、placeholder、autocomplete、autofocus、required、pattern、formaction、list与datalist、属性选择器、表单相关伪类、结构选择器、结构性伪类、伪元素、:target、::after、::before、::selection、:not()
10
11-12
CSS3新增属性
rgba、text-shadow、text-stroke、direction和unicode-bidi、font-face和自定义文字图标、css3边框新增设置、border-image、border-colors、css3背景新增设置、多背景、linear-gradient、repeating-linear-gradient、radial-gradient、background-size、background-origin、background-clip、mask、box-reflect、box-sizing、filter

11
13-14
移动端开发与适配
移动端测试环境、Emulation、本地服务器配置、物理分辨率和显示分辨率、viewport 视口设置、window.devicePixelRatio 像素比、移动端1px的边框设置、移动端图片发虚问题、移动端rem布局、移动端的默认样式处理、移动端链接和按钮的阴影消除、清除IOS下按钮的圆角……

12
13-14
弹性盒模型&响应式
弹性盒模型:display:flex、flex-direction、row、row-reverse、justify-content、align-items、flex-wrap、align-content、flex-flow、order、弹性盒模型的margin:auto、align-self、flex、Media Queries 媒体查询、媒体类型、关键字、Media Queries的兼容、响应式布局实战(非框架开发)……

13
15-16
CSS3动画与3D变换
浏览器前缀(-webkit-、-o-、-moz-)、关键桢(keyFrames)、Animation调用、播放次数设置、动画偶数次调用顺序、Animation的问题、CSS版无缝滚动实例、动画播放|暂停、rotate旋转、deg、skew斜切、scale缩放、translate位移、transform-origin、transform的执行顺序问题、CSS的3D实例……
14
15-16
CSS预处理:LESS
less使用规则、less预处理器、less使用环境介绍及安装、客户端使用、服务器端使用、配置、命令行下使用、编译方式、避免编译、Koala、less.js使用规则、rel='stylesheet/less'、less语法、监视模式、变量、混合、带参数混合、模式匹配、导引表达式、嵌套规则、运算、Color 函数、Math 函数、命名空间、作用域、注释、Importing、字符串插值、JavaScript 表达式

 
 
15
Bootstrap前端开发框架
预处理脚本、Bootstrap的特性、Bootstrap工程环境、Bootstrap源码、Bootstrap设计思想、安装方式、Bootstrap页面的基本结构、栅格系统、栅格大小屏控制、媒体查询参数说明、offset 偏移设置、栅格系统响应式工具、bootstrap的默认UI设置、字体图标、下拉菜单、按钮组、输入框组、相关导航、缩略图、媒体对象、具有响应式特性的嵌入内容略图、媒体对象、具有响应式特性的嵌入内容略图、媒体对象、具有响应式特性的嵌入内容…

 
 
16
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
学前须知 

1、熟悉电脑键盘输入、可快速输入26个英文字母;

2、可独立下载并安装软件,使用过办公软件,能独立完成帐号申请;

3、年满18周岁、兴趣浓厚+肯做练习;

4、学员须自备笔记本电脑;

学员作品 
 
 
课程服务 
报名该课程,您将获得:
 
 
常见问题 
课程咨询QQ:2852509866、2852509867、2852509868
课程咨询电话:010-57269690

客服在线时间:周一至周五 9:30-18:00 周六至周日 10:00-17:00

地址:北京海淀区西二旗辉煌国际大厦西6号楼319室

上海市闵行区新龙路399弄1号七宝宝龙城T4号楼9层905

开班信息
课程视频
课程大纲
学前须知
学员作品
我要报名