北京Web开发培训班前端开发培训，北京兄弟连IT教育，咨询电话：400-004-1972，QQ：1633097867。专注IT培训11年,开设Java培训、区块链培训、PHP培训、Python培训、UI设计培训、Linux培训、HTML5培训、大数据培训,选择IT培训机构,就来兄弟连!  

（WEB前端布局与交互开发）  

一、WEB前端HTML5/CSS3布局与样式  

1、HTML标签：HTMl5简介与入门、文本、图像、链接、表格、列表、智能表单、结构化标签等内容  

随堂项目：  

1.文章页面的结构化布局。包括文章标题、正文、图片、页面背景、作者、发表时间等信息  

2.利用table标签课程表的实现  

3.利用form、input表单标签实现简单登录注册页面  

2、CSS基础语法  

常见样式：CSS3简介、css3引入方式、常见样式、文字与文本、颜色、背景色、精灵图片等  

随堂项目：首页导航栏的制作  

3、CSS选择器：css选择器:标签选择器、类选择器、ID选择器、后代选择器、群组选择器、伪类选择器、结构化伪类选择器、属性选择器、兄弟选择器、子元素选择器  

4、CSS盒子模型：盒模型简介、盒模型组成部分、盒模型常用场景、弹性盒模型  

随堂项目：导航栏的制作，利用盒子模型拉开间距、hover效果添加后的内边距设定  

5、浮动与定位：浮动：float、clear、恢复塌陷的父容器高度。定位：一动不动的(static)，跟着别人跑的(absolute)，以自己为中心的(relative)，固定的(fixed)  

随堂项目：导航栏左右布局的定位、二级菜单的实现、回到顶部的按钮  

6、响应式布局与页面优化处理：移动页面与PC端页面布局时候需要注意点、媒体查询在响应式布局中的应用、响应式布局中弹性盒模型的设计技巧、各种浏览器对于CSS样式的支持情况、页面优化需要注意的地方、解决跨浏览器兼容性问题  

随堂项目：移动端的用户注册页面、PC端的用户注册页面。  

7、静态页面切图项目实战：  

1）企业站实训：1.首页导航、二级菜单2.banner轮播图3.产品展示4.成功案例5.新闻中心6.联系方式7.友情链接8.版权申明9.总结  

2）商城实训：1.首页（头部导航、分类搜索、产品、猜你喜欢、推荐商品）2.用户中心（订单、个人信息、收货地址、账单）3.商品详情页（展示图、描述信息、促销价格、细节展示、产品详情）4.登录&注册页面  

北京Web开发培训班前端开发培训,北京H5培训班多少钱,北京前端开发培训学校

更多关于北京兄弟连it教育课程详情、优惠活动、开班时间等请拨打我们的咨询热线  

北京兄弟连HTML5培训班,基础差java培训咨询电话：400-004-1972，QQ：1633097867/微信：ZAW229297  

北京兄弟连IT教育在线报名：http://bjhdkj.soxsok.com/  

北京兄弟连IT教育在线报名手机版：http://m.soxsok.com/bjhdkj/