上海非凡学院
网页设计培训的专家
快速咨询
非凡网页设计课程推荐
课程课时：112课时
使用教材：学校内部专业网页设计培训课程电子教材，采用理念与实战相结合、案例分析和设计为主。
可考证书：《网页设计师》、学院结业证书
学习周期：平日班2个月，周末或晚上4个月
课程课时：240课时
使用教材：学校内部专业网页美工设计培训课程电子教材，采用理念与实战相结合、案例分析和设计为主
可考证书：《网页设计师》、教育部SIC《网页美工师》、学院结业证书
学习周期：平日班3个月；业余制6个月
课程课时：584课时
使用教材：学校自编网页美工设计培训课程教材或者内部专业电子教材，采用理念与实战相结合、案例分析和设计为主
可考证书：《网页设计师》、教育部SIC《网页美工师》、学院结业证书
学习周期：全日制4个月；业余制8-10个月
课程课时：376课时
使用教材：学校自编的WEB全栈工程师培训课程教材或者内部专业电子教材，采用理念与实战相结合、案例分析和设计为主
可考证书：教育部SIC《前端设计师》和《网页设计师》认证证书
学习周期：平时白天4个月；业余制8-10个月
课程课时：888课时
使用教材：学院内部自编网页设计培训教案、电子教材相结结合
可考证书：全国《网页设计师》、《网页美工设计师》、《前端工程师》
学习周期：全日制6个月；业余制12个月左右
课程课时：96课时
使用教材：学校内部专业PHP开发培训课程电子教材，采用理念与实战相结合、案例分析和设计为主
可考证书：教育部SIC《网站开发工程师》认证证书
学习周期：平日班3个月；业余制6个月
上海非凡进修学院(上海非凡教育)成立于2005年7月是在团中央青年企业家协会、中国民主建国会徐汇区委员会等团体支持和领导下，由交大MBA同学会发起，经民政局、教育局核准注册成立的教育机构。上海非凡进修学院(上海非凡教育)目前已与2000多家用人单位建立长期人才供需关系.提供UI交互设计师、平面设计师、网页设计师、室内设计师、电子商务师、网络营销师、服装设计师、模具设计师等专业人才，目前上海、苏州、无锡、南京、杭州等长三角大中城市用人单位纷纷高薪聘用学院学员。
非凡学院，助你成就金领人生！
上海非凡进修学院现有六所直营校区，遍布上海繁华商圈，办学场地共计4000多平方，其中高配置电脑设备1000余台
多年来获得了社会各界的广泛好评，先后被评为 “中国最受欢迎教育培训机构”、 上海十佳培训机构”、“年度优秀品牌价值培训机构”“上海诚信单位”“上海值得信赖的培训机构”等荣誉称号。
师资力量雄厚，拥有一支 “技能型、知识型、实战型”相结的以高级设计师、高级技师为骨干的专业教师队伍，授课老师均具有丰富的行业实践经验和教育教学经验，教学质量始终如一
理论结合实战，着力培养学生实际动手能力和创意设计应能力。独创的互动式教学，全程面授教学，上课更加强实战操作，名师手把手辅导更是从根本上保证了教学质量，全力打造中国设计高端培训品牌。
学院自编内部教材，理论与实战相结合，班主任全程跟踪学员的学习内容和考勤，小班制上课(一个班控制在30左右，一人一机、机房全天开放，免费练机和上网学习)，学员每周都可以为老师进行打分，评价，确保自己的利益
学员报名考证，全部由院方统一安排报名；院方率（学员保证出勤率达90%以上，如没通过者，院方出资补考直至通过为止），学院目前是多家认证的考试和培训中心，大部分在每月都可以安排考试，方便、省事、快捷。
与2000余家用人单位建立长期的合作关系，为学生“全程指导就业、全员推荐就业、全方位实现就业”。并对已就业学生进行回访，给予指导和帮助。
不定期接受企业的邀请，带领学员参观了解知名企业办公环境、参与项目、技能需求及人才需求，使学员提前定位。
师资介绍
The teacher introduced
12年UI设计、教学经历；Adobe ACCI认证讲师、Adobe交互界面设计师、资深摄影师、代表作品有：aigopad触摸界面设计、功德林点餐系统、酷我音乐APP设计、Photon播放器界面设计等
预约讲师
江苏师范大学计算机专业毕业，江苏省科研立项一项《基于ZigBee的多区域物联网系统设计与实现》，徐州市第四届创新创意大赛三等奖，曾任徐州点滴文化传媒公司、上海观源信息技术公司开发工程师
预约讲师
近10年网页设计经历，Adobe认证讲师，曾为海尔集团、龙炎集团、中国二十冶等集团公司培训；曾任上市公司安博集团项目经理；出版刊物有《Photoshop CS5图像处理入门、进阶与提高》等数本
预约讲师
上海网页设计培训班怎么样？在上海非凡学院参加上海网页设计培训班，通过WEB全栈工程师培训班的学习，学员有了一定的网页规划和搭建能力，能熟练快速完成网页界面设计、网站美工设计；能运用H5+JS进行开发前端交互设计能力，开发各种网页框架；能运用PHP等软件开发常见后台网站管理系统；通过网页网站实训模块，学生能熟练掌握门户网站，电子商务网站，企事业单位网站，垂直类网站等成套商业网站的设计流程，设计理念，设计风格等；通过软技能培训，学员对自己人生规划，口才表达，服务心态，就业技巧，沟通技巧等有了全面提升，足够应付在以后的就业工作过程中游刃有余；非凡学院上海网页设计培训班WEB全栈工程师培训课程学习完，学员基本上具备半年以上的工作经验。
立即咨询
入学条件：
1.想通过网页美工设计培训课程学习成为成功的前端美工设计师、网页美工设计师
2.已经在企业中担任网页设计制作人员，想要学习完网页美工设计培训课程提升能力转型为高级网页设计师、网站开发工程师
3.对网页设计，网站开发比较喜爱的学员，对设计及电子商务感兴趣者优先录取
课程课时： 584
使用教材： 学校自编网页美工设计培训课程教材或者内部专业电子教材，采用理念与实战相结合、案例分析和设计为主
可考证书： 《网页设计师》、教育部SIC《网页美工师》、学院结业证书
学习周期： 全日制4个月；业余制8-10个月
培训目标：达到前端网页设计的效果，可以胜任网页美工、电商美工、前端美工设计、网页构架等职位
PS是做设计师最基本的。这个最好是找个会的朋友教你吧，买书和看视频都不如现场教来的更容易简单，而且学起来也快，自己操作几遍就可以了，报培训班的话，感觉还是比较贵.....
作为过来人我建议你这样学 1、先学美工。你有PHOTOSHOP基础，那就好办了。先去模仿一些简单的网站，做网页的效果图， 2、学习.....
南京学习网页设计，哪里的网页设计培训班好？.....
网页设计培训机构有哪些？另外还要熟练的运用好色彩，我们知道世界是由五颜六色的颜色组成的，色彩的美丽也是无与伦比的。当我们把各种各样的颜色合理的应用在网页设计制作.....
一、前言利用CSS的border属性可以生成一些图形，例如三角或是圆角。纯粹的CSS2的内容，没有兼容性的问题，我之前在纯CSS实现各类气球泡泡对话框效果一文中算是比较详细的讲述了CSS border属性生成三角的原理，以及实例。我觉得此技术相当实用的，故本文再次简单叙述一下，另外，本文还将展示可能并不为众人所知的CSS border圆角生成技术（网页制作培训）。好了，裹脚布的话就不说了，直接进入正题。 二、CSS border生成三角技术简介效果抢鲜下图为使用CSS的border属性实现的三角效果：.test{width:0; height:0; border-width:20px 10px; border-style:solid; border-color:#ff3300 #ff3300 #ffffff #ffffff;}如何实现的，为何会有这样的效果，不急，take it easy!梯形图案看下面这段样式：.test{width:10px; height:10px; border:10px solid; border-color:#ff3300 #0000ff #339966 #00ff00;}当某个div应用了上面这个样式后，结果会如何？见下图（截自Firefox3.5，IE浏览器有细节上的差异）：更进一步 – 部分边框透明现在，设想一下，如果我们现在只保留一个一个上边框，其余边框均transparent透明（或与背景色同色），那么是不是就只显示一个上面红色的边框了，我们测试下，与上面类似的代码，只是修改下其余三个边框的颜色。.test{width:10px; height:10px; border:10px solid; border-color:#ff3300 #ffffff #ffffff #ffffff;}结果如下图（截自Firefox3.5）：得到的是一个梯形。从梯形到三角上面的是梯形，我要想得到一个三角图案该怎么办呢？显然，很简单，把div的高宽都变成0，只留一边，不就是三角了吗？如下代码：.test{width:0; height:0; border:10px solid; border-color:#ff3300 #ffffff #ffffff #ffffff;}结果如下（依旧截图自Firefox3.5）：从等腰直角三角形到普通等腰三角上图为等腰直角三角形，之所以为等腰直角，是因为所有的边框宽度是一样的，如果我们将边框宽度设置为不同（计算机培训），那会怎样？则会形成等腰三角形。如下代码：.test{width:0; height:0; border-width:20px 10px; border-style:solid; border-color:#ff3300 #ffffff #ffffff #ffffff;}得到的结果如下图：从等腰到不等腰我们可以不局限于保留一条边框，我们可以保留两条，于是我们可以告别等腰，得到更加锐利的三角，正如一开始所展示的那个三角：.test{width:0; height:0; border-width:20px 10px; border-style:solid; border-color:#ff3300 #ff3300 #ffffff #ffffff;}实际的应用关于应用，不多说，直接看图：说明：以上的测试代码纯粹为了说明原理，所以使用#ffffff白色边框，通过于背景融合来隐藏边框。在实际的操作中，应该使用transparent透明属性，例如border-color:#ff3300 #ff3300 transparent transparent;，这同样会有问题，IE6浏览器不支持transparent透明属性，不过没有关系，就border生成三角技术而言，直接设置对应的透明边框的border-style属性为dotted或是dashed即可解决这一问题，为什么使用dotted和dashed可以修复此问题呢？您有兴趣可以参见默尘的这篇文章Dotted&Dashed终极分析及IE6透明边框。三、CSS border圆角生成技术简介我看圆角一提到圆角，我脑中闪过的词就是“定位”，“嵌套”，“模拟”，“渐进增强”，“滥用”。定位，也就是切四个角上下左右定位，这是淘宝首页的做法，但是面对IE6的奇偶bug只能当作看客；使用“嵌套”则不会有此问题，“嵌套”分图片背景嵌套和CSS边框嵌套，使用图片嵌套则图片的重用性，大小优化有待加强，边框嵌套则技术实现上有些难度；或使用“渐进增强”，CSS3 border-radius属性，而不要去鸟IE这类自我感觉良好的浏览器；或是学习Google使用CSS模拟，而一般的CSS模拟都是使用左右边框+背景色的方式1像素1像素的拼合成的。这类方法各有优缺点，需根据实际情况采用。对于满眼圆角的设计图我是很不喜欢的，该用则用，切勿为了圆角而圆角。border圆角图案生成法这里介绍的实现圆角的得到与上面提到的都是不一样的，虽然也属于CSS模拟的范畴，但是其高效的程度确实相当惊人的，可谓最佳实践之一。我们先看看效果，见下图，截自Firefox3.6：上述效果的实现仅仅使用了三个标签，如下代码：（上海电脑培训）HTML:{div class="box"} {div class="top"}{/div} {div class="center"}我是一只小小鸟、小小鸟！{/div} {div class="bot"}{/div} {/div}CSS:.box{width:500px;} .top{border-bottom:3px solid; border-top-color:#cc0000; border-bottom-color:#cc0000; border-left:3px dotted transparent; border-right:3px dotted transparent;} .center{padding:10px 20px; color:white; font-size:14px; background:#cc0000;} .bot{border-top:3px solid; border-top-color:#cc0000; border-bottom-color:#cccccc; border-left:3px dotted transparent; border-right:3px dotted transparent;}我们看看这段代码在IE6下的效果：这里的高效在于，仅仅使用了一层标签就模拟了3像素的圆角，按照曾经我对CSS圆角模拟的理解，模拟1像素的圆角需要一层标签(background+borderLeft+borderRight)，两像素的需要两层标签，三像素的需要三层标签。有点神奇，但是就像看刘谦的魔术一样，说穿了也就那么回事，其实这里的圆角模拟在本文的上面已经展示了，就是这样图片：您可能会疑问，是不是搞错图片啦，这显然不是一个模样的，非也非也，就本质上而言，圆角的实现与上面的梯形图就是同样的东西。现在，盯着上面这张图，我们想象一下，用力的想象，用想花姑娘的那番劲头想象——上面的梯形宽度越来越宽（不是拉伸），一直宽到500像素，是不是与上面实现的圆角的下边缘一致啊？也就是说，那个含有“我是一只小小鸟……”文字的圆角图形是有一个上梯形+矩形+下梯形组成的。参见下面的分离效果图：您可以狠狠地点击这里：CSS border圆角生成demo局限性人无完人，金无足赤，此方法虽然简洁高效，兼容性上佳，但是依然有局限性，在实现实色背景的圆角效果时，此方法可谓首选；如果是纯粹的圆角边框，此方法也可以实现，需要用到边框重叠，但是标签数几乎要翻倍，其权衡效用将大打折扣，反不如其他圆角方法来的实在。四、结语如果在web制作中，需要用的一些直接可以使用CSS+单标签模拟的图片，我的建议是“毫不犹豫使用CSS模拟”，例如实色的三角，或是实现实色的圆角效果，这可以说是最高效，最利于扩展维护的前端实现方法了。我们需要开阔的思维，而不要仅仅局限于眼前的技术，武侠中所谓的“无招胜有招”还是有着一定的哲学道理的，长远来看，意识与海纳百川的心态比当下的一点技术更来得重要。我还羽翼未丰，青涩稚嫩，诚惶诚恐不敢随性多说。不管怎样，希望本文的内容能够对您的学习有所帮助，如果您发现文章中有表述不准确之处，欢迎指正。（上海网页设计培训）
上海非凡进修学院成立于2005年7月是在团中央青年企业家协会、中国民主建国会徐汇区委员会等团体支持和领导下，由交大MBA同学会发起，经民政局、教育局核准注册成立的教育机构。
学院现有专兼职员工近百人，其中硕士及博士研究生有18 名。师资团队主要来自行业内的资深专家，他们不仅有高深的理论知识还有丰富的实战经验。课程设置主要以理论结合实践，偏重于岗位技能实战，同时还加强了学生职业素养方面的综合提升。学院现有办学面积近4000平方，其中现代化电脑机房30多个，多媒体教室、画室、办公活动场所及其他场所若干，符合现代化办学要求。
总部位于上海交通大学教育培训圈、徐家汇商圈处，是以电脑培训、设计培训、电商培训、企业培训为主的学院；学院以教育改变人生为使命，以培养优秀创意设计人才为己任，以培养实用型人才为目标，为企业和社会培养大量设计类人才，办学10多年以来，一直得到企事业用人单位、政府机构主管部门及学员们的一致好评。
上海非凡进修学院目前已与2000多家用人单位建立长期人才供需关系.提供UI交互设计师、平面设计师、网页设计师、室内设计师、电子商务师、网络营销师、服装设计师、模具设计师等专业人才，目前上海、苏州、无锡、南京、杭州等长三角大中城市用人单位纷纷高薪聘用学院学员。数千名学员已成为单位的技术骨干和管理骨干，不少学员还开办了公司、工作室，走向个人创业道路。合格学员推荐就业率达到95%以上，无数学员成功的事实证明了非凡学院培养出学员的实力。
上海非凡进修学院正以迅猛的速度、稳健的步伐为社会培养各类复合型实用型高技能人才，为不断提高国民素质，办好教育与继续再教育作出不懈努力。
