上海非凡教育Web前端培训
Web前端设计师提升之路
快速咨询
课程介绍
web前端开发培训，课程介绍
总学时： 3-4个月
课程安排：【特色理论课+项目实践课+阶段测试】
班级分类：
全日制班班、周末班
适合人群：
零基础起点，应届毕业生、非在职或有意转行者、想从事Web开发者等
培养目标：
Web前端工程师、Web架构师、Web维护工程师、Web设计开发工程师等
01起航篇
HTML标签与CSS样式 了解HTML标签；熟悉常用标签的语义和使用注意事项；能够编写常见的HTML文档结构；了解常用的CSS属性及其常见值；
语言和00P 熟练掌握语言和面向对象思想。使用编写页面脚本，实现对页面的操作和处理。
02进阶篇
Jquery 熟练掌握Jquery语言。使用Jquery编写页面脚本，实现对页面的操作和处理。使用Jquery简化js代码，提高阅读性；
Ajax的使用 了解XMLHttpRequest对象；实现简单的异步访问。
Web框架培训
过去数年里，web开发人员在开发动态网站的过程中不得不一遍又一遍的针对重复遇到的问题写出重复的代码。为了避免这种每次开发一些新网站都会重复劳动一次的问题，一些程序员动手搭建了一些框架，让框架替我们完成重复性的工作。
非常流行的Ruby on Rails框架，作为一个例子，它利用Ruby编程语言，为我们提供了一个专门面向web的架构，普通的web应用程序都能使用它来完成。事实上，Adam使用Rails开发了他的第一个正式的(而且是叹为观止的!)web应用程序，MixTape.me。这就是他的如何在没有任何经验的情况下搭建一个网站。还有一些其他的web开发框架包括CakePHP(针对 PHP 编程者),Django(针对 Python 编程中), 以及jQuery(针对 JavaScript).
-
康老师
教学科目：毕业于西南科技大学计算机专业，多年网页设计经历，资深网页设计师，优秀职业培训讲师；曾任多家网络公司任专职设计师，熟练运用网页制作软件，拥有成熟的网站开发技巧。现任非凡学院专职讲师。
-
李老师
教学科目：曾任职武汉烽火电子商务有限公司任高级网页设计师；2013年任上海天佑电商有限公司设计主管；现任非凡学院高级签约网页设计讲师
web前端实战理论篇
原生js控件开发 熟悉的基本语法；掌握常用的方法；无障碍编写简单的控件；
浏览器兼容性处理 熟练处理各个浏览器直接的兼容性问题。提高开发中的效率，并且使页面在各个浏览器中显示基本相同；
高级控件开发技巧 掌握高级的编程技术；掌握各种设计模式的优缺点；理解适配器模式，单例模式；掌握面向对象的编程技术；
BUI库的使用 熟练使用BUI控件库开发。使用BUI控件实现页面各个区域的功能
BootStrap的使用 熟练使用BootStrap开发框架，及其扩展插件。使用BootStrap实现流式布局的页面；基于Bootstrap的控件
开发 掌握bootstrap的使用和特点；能够扩张bootstrap的插件
Canvas的自绘与开发 熟练使用Canvas自绘和开发功能。使用Canvas实现页面动画特效，使页面具有更强的视觉效果；
图表库的使用与开发 熟悉HighCharts的基本配置项；能够定制Highcharts；
AngularJS库的使用 熟悉AngularJS的原理；可以熟练使用AngularJS编写应用程序；
Dojo的使用 熟练使用Dojo解决开发DHTML应用程序遇到的那些长期存在、历史问题（historical problems with DHTML）、跨浏览器问题；
php开发基础 自主搭建PHP开发环境；熟悉常用的函数；了解PHP的工作原理。
web前端页面设计流程：网站整体规划
对网站进行整体规划能够帮设计师快速理清网站结构，让网页之间的关联更加紧密通常规划一个网站时，可以先用思维导图(推荐使用XMind软件)把每个页面的名称列出来，规划完整体的网站框架思维导图，就可以规划网站的其他内容了，主要包括网站的功能、网站的结构、版面布局等。如果是一些功能需求较多的网站，还需要产品经理设计原型线框图。
只有在设计网页之前把这些方面都考虑到了，才能够保证网站制作有条不紊地进行，避免页面或重要功能模块缺失。
预约学校参观
相关问答
-
工作内容是使用Html、CSS、JavaScript等专业技术和工具将UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，并处理相关端口的视觉和交互问题。.....
[详情] -
以下是尚学堂的web前端课程内容，分享给大家参考一下 第一阶段：前端页面重构，内容包含了：（PC端网站布局项目、HTML5CSS3基础项目、.....
[详情] -
尚学堂web前端培训师资力量雄厚，尚学堂web前端培训讲师拥有丰富的开发及项目经验，多位总监级讲师及资深讲师亲自授课，确保教学质量。 另外尚学.....
[详情] -
广州web前端开发培训哪家好？我推荐广州优就业web前端开发课程。广州优就业web前端开发培训的规模挺大的,并且环境很美,很舒适,来学习的学生非常.....
[详情]
考试资讯
如何利用 CSS 实现多行文字截断？
-webkit-box-orient; 必须结合的属性，设置或检索伸缩盒对象的子元素的排列方式。
text-overflow:ellipsis; 可选属性，可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本。
实现效果：
从效果上来看，它的优点有：
响应式截断，根据不同宽度做出调整。
文本超出范围才显示省略号，否则不显示省略号。
浏览器原生实现，所以省略号位置显示刚好。
但是缺点也是很直接，因为 -webkit-line-clamp 是一个不规范的属性，它没有出现在 CSS 规范草案中。也就是说只有 webkit 内核的浏览器才支持这个属性，像 Firefox, IE 浏览器统统都不支持这个属性，浏览器兼容性不好。
使用场景：多用于移动端页面，因为移动设备浏览器更多是基于 webkit 内核，除了兼容性不好，实现截断的效果不错。
定位元素实现多行文本截断
另外还有一种靠谱简单的做法就是设置相对定位的容器高度，用包含省略号(…)的元素模拟实现，实现方式如下：
个试听名额
