上课方式

面授

上课校区

8个

招生对象

有Web前端培训需求的学员

课程目标

掌握成为前端工程师所需的技能，并构建在移动端和桌面端都性能出色的美观的响应式网站。

课程详情

授课机构

教学点

同类课程

学员评论

目前网页宣传行业的广大需求，培养具备综合素质和技能的网页设计师。使学员精通网页设计岗位所需的各项专业技能，并具备独立承担网页设计、网站开发项目的能力和实践经验。学员毕业后可以从事网页宣传公司、大型网站开发公司、广告策划设计公司、各公司网络部、网络推广部等岗位的工作。

上海非凡教育热门课程

网页设计培训班
WEB前端培训班
网络营销培训班

课程大纲	内容
美学基础与软件技能	1、透视原理、设计素描、速写、投影、视图、灯光表现、写生等 2、配色原理、设计水粉、光和影、色彩搭配、审美观念等 3、二维剪影图标、三维写实图标案例实训，创意思维的形态置换原理 4、点线面表现技巧，色彩与视觉原理，色彩三要素等 5、完成描素、色彩图各一张 6、图像处理软件基础操作，PS常用操作技巧 7、矢量图形软件基础操作，AI常用操作技巧 8、图像处理软件提高，页面调色、页面创意、网页设计、仿真图标等技巧 9、矢量图形软件提高，字形设计、版式设计、图标、banner设计等技巧
WEB界面与项目设计	1. 网页元素梳理，网页元素规范，网页构图和排版技巧 2. Banner版面分割和版面布局、配色技巧、三大元素、案例解析 3. 网站设计流程，网页知识体系，网页设计规范 5. Xmind绘制流程图，电商选图，商城首页和频道页设计，用C4D做3D风电商店铺 6. 专题页基础，专题页风格，专题页表现手法、空间层次表现技巧 7. 设计方向，作品包装，个人简历总结
WEB前端美工设计	1、Hbuilder软件基本操作，HTML5基本标签，智能表单，基本标签及拓展标签 2、CSS三大引用方式，CSS七类样式 3、CSS3旋转、扭曲、缩放和位移，CSS3过渡属性，CSS3动画 4、CSS五类选择器，三代关系选择器，CSS3伪类选择器和伪元素选择器 5、多列属性布局技巧,盒模型讲解，浮动原理 6、媒体查询引用方式及使用方法，根元素字号适配 7、CSS优化减肥，CSS优先级，浏览器兼容性调试 8、C4D基础建模，场景、字体、综合设计运用

课程大纲	内容
Web前端布局与交互开发	1、Html标签、常用标签、智能表单应用 2、CSS3三大引用方式、七类常用样式的用法 3、CSS3炫酷的用法、过渡属性和动画属性 4、CSS3 11大类选择器的用法 5、CSS3 四大布局技巧、盒子模型、浮动设置 6、媒体查询的引用方式和使用方法、元素的字号适配 7、CSS3优化技巧、优先级计算、兼容性调试技巧 8、PS切图、页面布局整体讲解、企业站、商城站、响应式页面实战
Web前端JavaScript交互	1、JS组成和语法、对象的创建方式和this详解、JS中的数据类型 2、基本的数据类型、引用数据类型、不同对象类型之间的转换 3、DOM和BOM操作、页面布局、事件处理、浏览器兼容处理 4、JavaScript事件机制、Offset家族和Scroll家族、键盘事件及键盘码属性 5、正则表达式，正则的三大核心、正则的使用和替换、完整版表单校验 6、面向对象和面向过程，原型和原型链、企业开发中的沙箱模式 7、JQuery选择器、JQuery动画详解、链式编程和隐式迭代、JQuery插件的使用和制作 8、Bootstrap开发介绍、响应式开发原理、框架使用、栅格化系统详解、Bootstrap中Javascript使用 9、ECMAscript严格模式、语法详解、代码简洁化的方法、定义变量的新方式LET和const 10、Ajax技术、请求方式、JSON数据分析、跨域访问方法、企业接口化开发
Web前端移动端开发	1、Git版本控制，Git常用指令、可视化工具TortoiseGit常规操作 2、HTML5功能，canvas用法、多媒体标签使用，智能化表单和完成后台数据交互、存储标签 3、WebAPP开发，视口Viewport、移动端的事件交互、弹性布局 4、微信公众号开发，微信官方API接口函数、微信分享、投票、扫一扫、定位打卡的设计与实现 5、微信小程序开发环境搭建、小程序开发组件、API使用、网校实训项目 6、抖音小程序开发，开发环境搭建、布局原理、自定义组件开发 7、阶段考核，独立完成移动端开发
Web框架	1、Vue.js简介与安装、Vue.js三大基础语法、监听属性与侦听器 2、钩子函数、自定义组件开发、过渡与动画、数据请求工具axios的使用 3、脚手架vue-cli使用、路由router、状态管理vuer、自动打包工具webpack 4、路由简介、编程式导航、命名路由和命名视图、路由的传参、导航守卫 5、认识Vuex，Vue.js状态管理、Vuex五大核心属性、网站1个月免登陆功能实现 6、商城项目实训：开发环境搭建、商城各个功能的实现 7、Element-ui简介、安装element-ui、主题设置、常用组件、element-admin后台项目实践 8、React.js简介、遍历数组、样式绑定、组件开发、饿了么点餐项目实战
Web后台交互与开发	1、PHP简介、基础、流程控制、自定义函数、基础对象类型 2、面向对象、图形处理库介绍及原理、图形验证码的开发 3、数据库基本语法与基本操作、PHP执行数据库操作语法、用户登录 4、Note.js基础介绍、Note.js模块创建、事件驱动程序 5、Web服务器、使用Node创建服务器和客户端 6、Express简介与安装、请求与响应

课程大纲	内容
电子商务分享	1.B2B，B2C总体介绍 2.店铺及其产品定位，风格定位 3.如何寻找货源以及进货 4.淘宝开店规则以及心态，热门网店特点分析 5.网店开设策划，经营模式定位
产品的发布及描述以及优化排名	1.B2B，B2C产品发布操作技巧，产品关键字的筛选，淘宝网SE0搜索的规则，搜索引擎的运作原理，淘宝搜索权重规则 2.产品分类策略和上架技巧，产品上架与促销活动以及供应链的关系 3.网店B2B，B2C搜索排名优化提高、优化产品排名。
店铺的装修与技巧	1.淘宝店铺装修模板的选择和使用 2.色彩心理分析、文字方案对买家的影响 3.首页产品布局陈列、产品的分类以及布局 4.产品页面视觉营销和布局、网店美观及视觉营销设计和经营技巧 5.买家体验与购买的潜在影响
促销和营销	1.店铺页面的营销设置、营销工具的使用以及促销的前期准备 2.促销经典案例解析，促销的折扣选择，促销页面色彩选择和广告文案设计 3.产品营销方案设计、产品定价策略 4.常见网店营销手段讲解及把控促销的节奏 5.B2B，B2C常见交易纠纷处理技巧，网店服务平台应用 6.如何做好淘宝客、淘字号、淘品牌等
站内推广和活动	1.获得精准流量的渠道以及技巧 2.如何增加客户停留时间，最佳成交时间段分析 3.如何提高流量，如何提高销量，提升用户体验，如何打造爆款等活动推广 1.淘宝活动聚划算、淘金币、天天特价、试用中心 2.主题促销活动、分消平台、VIP活动、新品活动、爆款产品设计 3.免费体验中心、钻石展示平台 4.淘女郎、帮派、论坛、淘宝客、淘宝联盟等
淘宝直通车和钻展	1.淘宝直通车运作规则，直通车地域调整技巧、时间调整技巧 2.如果设置价格、如何卡位、质量得分、千人千面等 3.如何有效防止消费异常，直通车推广技巧 4.钻石展位排位技巧和设置 5.如何开好无线直通车、生意参谋、江湖策的数据分析和挖掘 6.通过生意参谋和江湖策等，分析用户黏度、喜好 7.分析店铺人气产品、推广效果，如果运用数据做好店铺销售管理工作
客服话述与接单和管理	1.客服接流程，疑问解答系统建立，买家的性格和心理分析 2.中差评的处理技巧，差异化沟通、提高销售客单价和转化率技巧 3.售前、售中、售后流程分析管理 4.客服任务分配、管理体系、考核体系
网店运营管理	1.网店开设完整策划方案设计，产品策划、服务体系建设 2.团队搭建、团体协调、任务分配 3.营销体系建设、营销考核体系建设、物流体系管理、安全体系管理、风险体系建立、运营管理体系建设、会员管理系统建设 4.天猫运营管理、独立商城运营
淘宝PS图像处理	熟练掌握PS在图像编辑、图像合成、校色调色及特效制作四大部分的技巧以及配合其他软件的应用，实现淘宝产品图片、轮播广告、详情页图、主图、活动图片、店铺装修等效果

网页设计发展趋势

响应式在继续。在过去的几年里，响应设计快速巩固了自己作为网页设计的新标准。当然，也有争论，但是没人说，“让我们摆脱响应式设计吧”。实际上，越来越多的网站选择响应式的方向。去年确实如此，今年也还会继续。这已经不是种趋势，而是常态了。
幽灵按钮。幽灵按钮凭借简洁时髦，及微妙的动画招人喜欢。今年幽灵按钮将继续，特别是用在大背景和背景视频上更适用。

课程适合哪类人学？

V

0基础人员

0基础未接触过设计各行各业的人员，只要怀揣一颗向上的心。

V

转行换工作

发展不顺、前途渺茫，产品、运营、销售都能转设计。

V

设计师深造

设计与传统设计行业相比，需求大，追赶互联网浪潮。

非凡凭什么获得您的认可？

师资

全部采用有多年的工作经验和教育经验专职培训讲师，随时电话来访、实地来访，都可以找老师解决问题

规模

拥有PC机房、多媒体工作室、多媒体语音室、投影机房多间(配置中央空调、饮水机、微波炉、冰箱等常用设备)

服务

拥有个性化的上网休息服务区、独立的学习资料查阅区，完善的售后服务体系，全情全意是我们的服务忠旨

网页设计项目介绍

网页设计作品主要由图形、文字、版式等设计元素组成，这些元素经过设计师的艺术加工，从而构建出完整的网页。网页是网站信息的传递系统，设计人员在对其进行设计的过程中，必须了解网页设计要素，将文字、图形、图象、标志与色彩等绘制成为一个整体。在当前这个时代中，各种视觉信息不断泛滥，让我们眼花缭乱、应不暇接，人们越来越希望网页设计能够变得简洁、明快、一目了然。

环境舒心，学得更EASY