上海非凡教育Web前端培训
编程始于全栈工程师，让你的项目“活”起来
快速咨询上海web前端教学
来源：教育联展网 编辑：坚强 发布时间：2019-08-23
web前端HTML5/CSS3布局与样式
一.HTML标签
HTMl5、H5标签、智能表单、结构化标签
随堂项目：
1.文章页面的结构化布局。包括文章标题、正文、图片、页面背景、作者、发表时间等信息 2.利用table标签课程表的实现 3.利用form、input表单标签实现简单登录注册页面
二.CSS基础语法常见样式
CSS3简介、.css3引入、常见样式、文字与文本、颜色
随堂项目：一般导航栏的制作
三.CSS选择器 css选择器、名字选择器、外号选择器、洋葱式选择器的用法、伪类选择器、结构化伪类选择器、属性选择器、兄弟选择器、子元素选择器
CSS盒子模型 盒子模型、如何用好盒模型
随堂项目：导航栏的制作，利用盒子模型拉开间距、hover效果添加后的内边距设定
四.浮动与定位 float、clear、塌陷的父容器、position：一动不动的(static)，跟着别人跑的(absolute)，以自己为中心的(relative)，固定的(fixed)
随堂项目：导航栏左右布局的定位、二级菜单的实现、回到顶部的按钮
五.响应式布局与页面优化处理 移动页面与PC端页面布局时候需要注意点、响应式布局的实现原理、各种浏览器对于CSS样式的支持情况、页面优化需要注意的地方、解决跨浏览器兼容性问题
随堂项目：移动端的用户注册页面、PC端的用户注册页面。
六.静态页面切图实战项目
企业站实训：1.首页导航 2.banner图 3.模块展示 4.新闻中心 5.产品中心 5.友情链接 6.版权申明
商城站实训：1.搜索框 2.头部导航 3.分类菜单 4.banner图 5.分类商品 6.帮助中心 7.版权备案
专题站实训：重点练习H5变形动画的添加，使页面有动态交互效果
个人页面：根据自己设计的个人页面效果图实现静态页面，独立完成切图和代码过程，指导添加动态效果，并整
web前端开发培训
适合人群：
零基础学员，想要转行web前端学员，刚毕业学生，想要提升个人技能
简介：
IT术语太专业听不懂?来这里，优就业用最通俗的语言告诉你什么是Web前端，用数据告诉你Web前端的就业前景，用实战案例带你入门Web前端。做IT教育，我们是认真的!
学习目标：
了解web前端行业趋势，知道web前端需要学习的知识及版块
课程详情：
一章 Web前端入门科普知识
1节 科普动画第二章 各模块试听
1节 什么是Web前端?
2节 Web前端案例解析及制作
常见的html标签（上）
常见的html标签（下）
网页中插入图片和链
Web前端制作粽子宝宝实例讲解
CSS3打造手风琴图片滑动特效
CSS3制造逼真的下雪场景动画特效【Web基础课程】
jQuery实现图片轮播效果【Web进阶课程】
Canvas模拟实现【Web进阶课程】
Java Script制作有趣的打地鼠小游戏【Web进阶课程】
-
预约讲师
李老师上海非凡**
教学科目：曾任职武汉烽火电子商务有限公司任高级网页设计师；2013年任上海天佑电商有限公司设计主管；现任非凡学院高级签约网页设计讲师
-
预约讲师
康老师上海非凡**
教学科目：毕业于西南科技大学计算机专业，多年网页设计经历，资深网页设计师，优秀职业培训讲师；曾任多家网络公司任专职设计师，熟练运用网页制作软件，拥有成熟的网站开发技巧。现任非凡学院专职讲师。
-
预约讲师
汪老师上海非凡**
教学科目：近10年网页设计经历，Adobe认证讲师，曾为海尔集团、龙炎集团、中国二十冶等集团公司培训；曾任上市公司安博集团项目经理；出版刊物有《Photoshop CS5图像处理入门、进阶与提高》等数本
学习Web前端的就业面很广，选择的岗位有：前端开发工程师、资深前端开发工程师、网站重构工程师、移动APP前端工程师、H5页面制作等等。
目前web前端分为"前端设计"和"前端开发"两种，前端设计是为网站的视觉设计，前端开发是网站的代码编辑，包括基本的HTML，CSS，JavaScript，现在最新的版本HTML5，CSS3和SVG。
目前比较注重前端的开发，因为大多数前端开发者都兼具了PS等美工技术的工作了。
Web静态页面开发
(1)颜色:观察网页效果图的主题色、辅助色、点睛色，了解页面的配色方案。
(2)尺寸:观察网页效果图的尺寸，确定页面的宽度和模块的分布。
(3)辅助图片:观察网页效果图，看哪些地方使用了素材图片。确定需要单独保留的图片。例如，重复的背景图、小图标、文本内容配图等。对页面效果图有了一个基本的分析之后，就能够“切图”了。
“切图”就是对效果图进行分割，将无法用代码实现的部分保存为图片。当切完图之后，就可以使用Html、css搭建静态页面。搭建静态页面就是将效果图转换为浏览器能够识别的标记语言的过程。
预约学校参观
相关问答
考试资讯
Web前端培训 JavaScript修炼秘籍
连接->传输数据->保持连接 -> 传输数据-> 。。。 ->关闭连接。
短连接如下：
连接->传输数据->关闭连接
websocket和轮询及长轮询区别
轮询如下：
客户端：啦啦啦，有没有新信息(Request)
服务端：没有(Response)
客户端：啦啦啦，有没有新信息(Request)
服务端：没有。。(Response)
客户端：啦啦啦，有没有新信息(Request)
服务端：你好烦啊，没有啊。。(Response)
客户端：啦啦啦，有没有新消息(Request)
服务端：好啦好啦，有啦给你。(Response)
客户端：啦啦啦，有没有新消息(Request)
服务端：。。。。。没。。。。没。。。没有(Response) ---- loop
长轮询如下：
客户端：啦啦啦，有没有新信息，没有的话就等有了才返回给我吧(Request)
服务端：额。。 等待到有消息的时候。。来 给你(Response)
客户端：啦啦啦，有没有新信息，没有的话就等有了才返回给我吧(Request) -loop
websocket如下：
websocket解决了HTTP的这几个难题。首先，被动性，当服务器完成协议升级后(HTTP->Websocket)，服务端就可以主动推送信息给客户端啦。
所以上面的情景可以做如下修改。
客户端：啦啦啦，我要建立Websocket协议，需要的服务：chat，Websocket协议版本：17(HTTP Request)
服务端：ok，确认，已升级为Websocket协议(HTTP Protocols Switched)
客户端：麻烦你有信息的时候推送给我噢。。