上海网页设计培训
通过网页设计培训就业班的学习，学员有了一定的网页规划和搭建能力，能熟练快速完成网页界面设计、网站美工设计；能运用H5+JS进行开发前端交互设计能力，开发各种网页框架；能运用PHP等软件开发常见后台网站管理系统；通过网页网站设计实训培训模块，学生能熟练掌握门户网站，电子商务网站，企事业单位网站，垂直类网站等成套商业网站的设计流程，设计理念，设计风格等；通过网页设计软技能培训，学员对自己人生规划，口才表达，服务心态，就业技巧，沟通技巧等有了全面提升，足够应付在以后的就业工作过程中游刃有余；网页设计培训课程学习完，学员基本上具备半年以上的工作经验。
上海非凡作为沪上权威的正规的网页设计师培训机构，具有办学许可证，全程名师面授教学，PPHA教学考核体系，毕业答辩+招聘双选会，为国内外*品牌企业提供优秀专业设计人才！
全能型网页设计就业班
课程模块 课程科目 培训内容
*阶段（美学基础与软件技能）
创意美术
（赠送） 美术素描设计 透视原理、设计素描、速写的原理及实践、投影、视图、灯光表现、写生等
美术色彩设计 配色原理、设计水粉、光和影的写实手法、色彩搭配、审美观念等
手绘图标 二维剪影图标、三维写实图标案例实训，了解创意在设计中的具体运用；理解创意思维的形态置换原理；掌握将创意思维转化为图形样式的能力
设计构成 点线面构成形式和表现技巧，色彩与视觉原理，色彩三要素等
阶段考核 完成描素、色彩图各一张，培养手绘技法，色彩配色能力，审美能力及美学在设计中的运用
网页设计软件
Photoshop 学习图像处理软件的基础操作，掌握修图抠图、照片调色图像特效、尺寸裁剪等入门技巧
Illustrator 学习矢量图形软件的基础操作，掌握形状绘制、路径编辑、布尔运算、字符段落等入门技巧
PS高级 图像处理软件提高，掌握页面调色、页面创意、网页设计、仿真图标等高级技巧
AI高级 矢量图形软件提高，掌握字形设计、版式设计、图标、banner设计等高级技巧
阶段考核 本阶段考核嵌入到软件结课当日，采用模拟题目训练和案例实操考核
第二阶段(WEB界面与项目设计）
WEB界面设计 网页规范统筹 1.网页元素梳理，了解网页组成部分，如搜索框、导航、弹框、Banner等
2.网页元素规范的概念讲解，让理论为实训做铺垫
3.网页构图和排版技巧，能够对设计风格有一定的理论和欣赏基础
网页Banner速成 1.掌握Banner版面分割和版面布局，如矩形类、多边形类、圆形类等
2.掌握Banner配色技巧，解析色调气质和色相气质
3.Banner三大元素精讲，包括文案排版、产品精修和背景搭建
4.八套Banner解析配合实例速成，掌握各种不同类型和风格的Banner设计
WEB整站设计实训
必备知识法则
1.了解网站设计流程，定位网页设计的负责事项及项目的前后配合
2.网页知识体系梳理，从需求分析到栏目规划到用户体验
3.网页设计规范梳理，明确尺寸、文本、色调、间距等元素规范
初入企业站
1.了解企业站需求分析，用Xmind绘制流程图，用Axure绘制原型图
2.分析企业站布局七大风格，如对比型、封面型、T字行、国字型等
3.根据原型图，设计企业站首页和内页样稿
4.网页设计六大问题汇总，设计从细节做起，针对问题修改提升企业站样稿质量
走进电商风
1.了解商城站需求分析，用Xmind绘制流程图，用Axure绘制原型图
2.定位电商产品选图的风格，掌握电商选图的14个技巧
3.根据原型图，设计商城首页和频道页样稿
4.了解电商店铺装修新潮流，利用C4D做3D风电商店铺
5.清楚如何凸显文案及文案设计方式，掌握文案中的天龙“八部”
深入专题页
1.了解什么是专题页，激发专题设计灵感，解析细节排版奥妙
2.深入专题两大风格，通过多个主题选择设计扁平风和拟物风专题
3.掌握设计表现手法的13个技巧，并能在网页中灵活运用，如联想、悬念等
4.掌握构造空间层次的六个捷径，如透视、矛盾空间、折纸风等，提升网页品质
作品大包装
1.针对UI的分析清楚设计的方向，为未来就业准确定位
2.讲解作品包装的三个技巧，在设计作品的基础上用包装提升自我作品的档次
3.个人简历大总结，把个人信息用网页形式体现出来，让面试形式多样化
阶段考核
对学员综合能力的检验，按要求设计出指定内容，并针对设计成果进行评定和讲解
第三阶段（WEB前端布局与交互开发）
WEB前端HTML5/CSS3
布局与样式
HTML标签梳理 1.5分钟上手Hbuilder软件，对HTML5和CSS3有初步的了解和认识
2.掌握HTML5九大基本标签，包括标题、图像、音频、视频等
3.掌握HTML5智能表单基本标签和智能表单扩展标签
七组CSS基本样式 1.讲解CSS三大引用方式，包括行内样式、内部样式表和外部样式表
2.CSS七类样式详解，包括背景、文本、字体、链接、列表、表格、边框样式
CSS3炫酷特效 1.掌握CSS3四大“变形金刚”，旋转、扭曲、缩放和位移
2.CSS3过渡属性详解，通过过渡属性完成网页漂亮的交互效果
3.CSS3动画特效讲解，通过动画属性可以做多个状态交互的网页炫酷特效
选择器细解11大类 1.掌握CSS五类常用选择器，包括通用选择器、ID选择器、类选择器等
2.三代关系选择器详解，包括子元素选择器、兄弟选择器、后代选择器
3.CSS3伪类选择器和伪元素选择器详解，可以多样化的自由选择网页元素对象
CSS布局四大技巧 1.掌握多列属性布局技巧,三种定位方式，绝对定位、相对定位和固定定位
2.五句话吃透盒模型，清楚盒模型的计算和浏览器兼容性中的注意事项
3.左浮动和右浮动的设置以及如何清除浮动以达到父级自动扩高问题
响应式双法则 1.了解媒体查询的引用方式，包括内部样式表、外部样式表等
2.掌握媒体查询使用方法，了解关键词的使用技巧
3.了解根元素的字号适配，通过字号设置完成响应式页面
兼容性调试技巧 1.CSS优化减肥技巧，包括图片优化和代码优化，提升网页的加载速度
2.了解CSS优先级的计算，解决样式覆盖问题
3.掌握兼容性调试技巧，如何能够让代码兼容各大主流浏览器
项目实战提经验 1.熟悉PS切图技巧，如切片切图、选区切图等，以及网页项目的正规创建
2.页面布局规范讲解，从整体到局部的规划，先标签后样式的代码顺序等
3.完成三大项目实战，企业站，商城站和响应式页面，能够独立完成H5静态页面
web前端
JavaScript交互 核心语法 1.掌握JS的组成和语法,为进去代码的世界做铺垫,数据结构,不再看见代码而发愁
2.对象的创建方式和this详解,提前带你熟悉企业中变量的命名规则和规范
3.熟悉JS中的数据类型,流程控制,循环语句,轻松让你在网页上写出九九乘法表,计算器等
对象类型 1.基本数据类型(number、string、boolean、undefined、null)
2.引用数据类型( 数组 array .. 函数 function ... 对象 object)
3.掌握不同对象类型之间的转换
BOM与DOM操作 1.DOM操作和BOM操作大全,轻松操作网页上的每一个按钮等,同时给他们加上不同的功能
2.利用JavaScript代码实现酷炫特效,京东首页轮播图升级版
3.页面布局,结合H5代码,让你的网页功能更加全面,可以1:1写出小米官网首页及功能
4.熟悉事件处理,让你的代码更加严谨,相同的页面效果,写的代码更少
5.浏览器兼容性处理,让市面上的不同浏览器品牌,打开你的网页效果不会有差别
事件编程 1.Javascript的事件机制,了解底层,才能写出更严谨的代码,企业开发常见事件的使用详解
2.offset家族和scroll家族,了解浏览器和代码之间的关系
3.键盘事件及键盘码的属性,让你的键盘能和钢琴一样,按下之后有不同的声音
正则表达式 1.创建正则表达式,从零开始写表单验证,轻松还原百度注册功能
2.正则的3大核心：字符串类元字符、边界类元字符、量词类元字符,让你写的验证功能更强大
3.正则的使用和替换,随心所以换校验规则
4.完整版表单校验,提前进入企业实战开发
面向对象编程 1.掌握面向对象和面向过程,熟悉JS的精髓;深拷贝和浅拷贝,让你知道更加底层的代码
2.原型和原型链,JavaScript最重要的核心,让你写的代码复用性更强
3.企业开发中沙箱模式,了解企业中是怎么团队合作开发
JQuery交互特效开发 1.jQuery的优势介绍,jQuery选择器,让你最快半个月搭建一个简单网站
2.jQuery中的动画详解,让你的网页不再单调,贪吃蛇,水果忍者,都能通过代码写出来
3.链式编程和隐式迭代,了解jQuery的底层核心
4.JQuery插件使用和制作,自己也能制作酷炫动画插件,使用插件1分钟做出京东轮播图效果
Bootstrap 1.Bootstrap开发优缺点介绍,如何通过模板搭建网站
2.响应式开发原理,无论电脑、手机、平板等,都能适应屏幕
3.Bootstrap框架的使用,4个口诀让你做出标准官方首页样式
4.Bootstrap的栅格系统详解,不同屏幕尺寸,显示不同的效果
5.Bootstrap的Javascript插件使用,掌握不同网页按钮和输入框更换样式和颜色
ECMAScript6 1.ES5中的严格模式,让代码自己检查自己
2.ES6中的新语法详解,面试必问的语法
3.实际开发中最常用的箭头函数,解构赋值和字符串模板,让你代码更加简洁
4.定义变量的新方式LET和const,让你与企业开发同步
Ajax数据交互 1.Ajax技术介绍,json格式与XML格式详解,现在的技术和历史技术的区别,教你如何链接服务器
2.Ajax中post与get两种请求方式详解,2种方式从后台服务器拿数据
3.JSON数据分析,了解后端数据是怎么写的,不再盲目的被后端程序员怼
4.解决跨域访问的方法,让你的网页在任何协议都能访问,无论是http协议还是https
5.企业接口化开发详解,提前进入实战化开发
第四阶段（WEB前端-移动端进阶开发）
WEB前端移动端开发 git版本控制 1.什么是版本控制,为什么用git.了解今后工作中是如何获取项目源代码的
2.git常用指令(建立仓库，获取*版本代码，提交代码)
3.使用可视化工具TortoiseGit进行git的常规操作
HTML5 高级功能 1.画布标签canvas.了解如何绘制并填充线条（形状）,文字及图片。完成你画我猜小游戏
2.多媒体（音频，视频）标签的实际使用。开发并完成自己的网易音乐播放器
3.强化练习智能化表单以及和完成后台的数据交互。完成带有图片验证码功能的登录操作
4.本地存储（cookies,sessionStorage,localStorage）。一周免登陆是如何实现的
webAPP开发 1.视口viewport（手机浏览器中的虚拟窗口）为何手机中的网页有的能缩放尔有些不能
2.移动端的事件交互：触摸事件（touchstart/mov/end/cancel）。完成京东商城分类页
3.另一种布局方式：弹性布局（flexbox）
随堂项目：商城移动端首页、在线答题系统
微信公众号开发开发（JSSDK） 1.微信公众号介绍与申请开发账号
2.调用微信官方API接口函数
3.常见微信分享、投票、扫一扫、定位打卡等的设计与实现 随堂项目：企业公众号项目实践
微信小程序 1.小程序相关介绍及账号申请\小程序开发环境搭建
2.小程序组件开发、API使用
3.WEUI,有赞Vant使用、云存储、云数据库 （文件，图片上传功能实战）
网校实训项目：
1.建立云开发环境 2.网校首页 3.课程详情页 4.日历组件（课程表）
5.个人中心（头像上传） 6.获取用户权限登录 7.打卡签到 8.日程提醒等
抖音小程序 字节跳动集团旗下小程序平台（包含抖音，今日头条等app内的小程序）
1.小程序相关介绍及账号申请，开发环境搭建
2.小程序布局原理、基础组件及API使用
3.小程序的自定义组件的开发，组件间的数据通信与交互原理
阶段考核 教师指导你完成阶段作品，以备应聘时使用；从立案到素材、材料收集整理，再到风格定位、栏目规划，独立完成项目作品，其中需容入不同的分类信息、作品等
第五阶段（WEB高级框架)
WEB前端高级框架与后台交互 Vue.js 1.Vue.js简介与安装,初始化Vue实例
2.Vue三大基础语法：数据绑定，列表渲染，条件渲染
3.监听属性与侦听器。快速实现购物车中的总价，总数的计算
随堂练习：实现购物车的三部曲
1.生命周期的钩子函数（vue页面的4个关键阶段）
2.自定义组件开发，数据的传递与自定义事件
3.过渡与动画,数据请求工具axios的使用
随堂练习：用户是怎么把商品加入购物车，Sku商品规格
1.脚手架vue-cli,搭建项目的基础骨架.了解大型网站项目是如何诞生的
2.路由router,网站页面间是如何跳转的.了解为什么现在的网页都没有.html了
3.状态管理vuex,全局管理及维护网站的简单数据.让学员明白网站为什么可以1个月都不用自己登录
4.自动打包工具webpack.掌握完成的项目是如何发布到正式环境的
1.路由简介,两大常规路由操作：动态路由，嵌套路由.掌握企业(电商)后台网站的布局及跳转方法
2.编程式导航,实现页面跳转的两种操作方法：声明式和编程式
3.命名路由与命名视图,路由的传参. 掌握从商品列表跳转到商品详情页如何显示对应的数据及评论
4.导航守卫.掌握淘宝在搜索商品前必须先登录的功能实现
1.什么是Vuex,Vue.js的状态管理模式
2.Vuex的五个核心属性：state, getters, mutations, actions, modules
3.通过学习vuex 掌握初步的网站1个月免登录功能实现
商城项目实训：1.搭建vue开发环境 2.商城首页 3.商品详情页 4.购物车 5.个人中心 6.商品分类 7.用户登录 8.商城打包上线
1.elment-ui简介，安装element-ui
2.主题设置，常用组件
3.element-admin 后台管理项目系统实践
React.js 1.react.js简介,开发环境脚手架的搭建.
2.基础概念介绍,遍历数组,实现一个vue的v-model功能
3.样式绑定,组件的开发,属性与自定义事件。
随堂练习：饿了么点餐项目实战
阶段考核 教师指导你完成阶段作品，以备应聘时使用；从立案到素材、材料收集整理，再到风格定位、栏目规划，独立完成项目作品，其中需容入不同的分类信息、作品等
第六阶段（WEB后台交互与开发）
PHP后台开发 PHP基础搭建环境 1.PHP简介,服务器与数据库的环境搭建
2.PHP基础（变量和常量，基本数据类型，运算符）
3.流程控制，自定义函数，基础对象类型
GD图像处理（图片验证码） 1.程序员的对象到底是谁.面向对象（继承 封装 多态）
2.图形处理库介绍及原理.学会开发属于自己的图形验证码
前端交互（接口，传值） 1.什么是接口,前后端的数据交互与通信。掌握用户登录，查询个人信息功能
2.文件操作，图片上传功能.掌握完整的用户头像上传修改功能实现方式
mysql基础语法 1.数据库基本语法与基本操作（增删改查）
2.掌握php执行数据库操作语法。掌握新浪微博的底部加载功能的实现方法
3.用户登录,网易163的10天免登录功能的真正实现方式
Node.js 基础介绍★
模块系统★
事件和接口★ 1.什么是node.js,node.js的介绍,npm使用介绍
2.安装配置*个node.js应用.创建模块.模块加载
3.事件驱动程序,GET请求与POST请求.获取请求参数
web模块★ 1.什么是 Web 服务器。使学员了解我们制作的网页是怎么被别人访问到的。
2.使用 Node 创建 Web 服务器
3.使用 Node 创建 Web 客户端
Express框架★ 1.Express 简介与安装，开始你的*个express项目，创建及启动项目
2.请求和响应，路由，中间件，文件上传及cookie管理等。
第七阶段（岗前强化与就业指导）
沟通技能
和就业指导
管理与沟通 心态与服务、职场商务礼仪、沟通与口才强化、职业素养提升、团队合作
就业指导 毕业作品整理、行业规范与合同、职场与行业分析、企业观模与规划、职场岗位实战模拟、创业指导、实习与预工作
培训目标和发展方向 培训目标：通过学习，能运用H5+JS进行开发前端交互设计能力，开发各种网页框架；学生能熟练掌握门户网站，电子商务网站，企事业单位网站，垂直类网站等成套商业网站的设计流程，设计理念，设计风格等；学员基本上具备半年以上的工作经验。
发展方向：网页美工、界面设计、web设计、web前端、移动端开发、全栈开发、前端架构等工作
特别说明 1.报名网页设计培训就业班全套课程，赠送价值150元的，美术素描和水粉用品
2.报名网页设计培训就业班全套课程，赠送视频包、软件包、素材包、材料包
3.报名网页设计培训就业班全套课程，在学习过程中，学员有机会参加派接的订单实战
4.网页设计培训课程目标：能系统全面的学习界面设计、前端开发、移动端开发、后台交互开发、美工设计，结业后相当于有半年左右实战经验，能成功胜任设计、前端/移动端开发，后台应用等职位
5.保证学会：出勤率达90%以上，可享受1.5-2年内免费重新学习
6.考试认证：《网页设计师》、《网页美工设计师》、《WEB前端工程师》认证证书（考试费用另外支付）
7.网页设计培训班学习周期：共952课时（45分钟/课时），全日制5-6个月；业余制12左右
8.招生要求：*以上学历上海网页设计培训上海网页设计培训上海网页设计培训上海网页设计培训
上海网页设计培训
