高级网页设计就业班
入学条件： 1.想成为成功的前端工程师、移动端开发工程师、界面设计师
2.已在企业任网页设计人员，想要转型为高级网页设计师、前端工程师
3.对网页设计，网站开发比较喜爱的学员，对设计及电子商务感兴趣者优先录取。
分享领好礼：3.20-4.4，新报名学员分享朋友圈，领取6800元的礼品(含500G移动硬盘、自编教材、美术工具、网校课程、大伽智慧等)，共68个礼，先到先得
课程课时： 952课时
使用教材： 学院内部自编教案、电子教材相结结合
可考证书： 全国《网页设计师》、《网页美工设计师》、《前端工程师》
学习周期： 全日制6个月；业余制12个月左右
上海非凡学院作为沪上首批网页设计的正规培训基地，具有办学许可证，全程名师面授教学，PPHA教学考核体系，毕业答辩+招聘双选会，为国内外知名品牌企业提供优秀专业设计人才！
高级网页设计就业班
课程模块 课程科目 培训内容
第一阶段（美学基础与软件技能）
创意美术
（赠送） 美术素描设计 透视原理、设计素描、速写的原理及实践、投影、视图、灯光表现、写生等
美术色彩设计 配色原理、设计水粉、光和影的写实手法、色彩搭配、审美观念等
手绘图标 二维剪影图标、三维写实图标案例实训，了解创意在设计中的具体运用；理解创意思维的形态置换原理；掌握将创意思维转化为图形样式的能力
阶段考核 完成描素、色彩图各一张
网页设计软件 Dreamweaver 讲解DW的人性化功能以及在页面架构和前端开发应用领域的使用技巧，html基础应用，快速入门，css样式表的应用，网站的管理和维护
Animate 系统学习基础工具使用、常规动画制作、引导层作用与遮罩技术、文件输出方法及不同格式的应用，达到能制作网站、广告中常用的动画技术。
Photoshop 熟练掌握PS在图像编辑、图像合成、校色调色及特效制作四大部分的技巧以及配合其他软件的应用
Illustrator 广泛应用于出版、多媒体和UI图标界面设计的工业标准矢量插画的软件，印刷和Web网络创作的专业平台，针对Web和移动的改进、介绍多个画板、触摸式创意工具等新鲜特性
第二阶段(WEB界面与项目设计）
三大构成 平面构成与设计 点的构成形式、线的构成形式、面的构成形式，训练各种熟练的构成技巧和表现方法，培养审美观及美的修养和感觉，提高创作活动和造型能力-活跃构思。
色彩构成与设计 学习色彩与视觉的原理、三要素及色彩对比、色彩推移、综合对比及色调变化、表现手法、色彩视觉心理与性格的对比；提高综合审美能力。
立体构成与设计 立体构成的概念特征及作用、材料要素及加工工具、 视觉效果和心理感受、立体构成的设计应用、立体构成与建筑设计、立体构成与工业产品设计等方面应用
WEB界面设计元素设计 网页Banner排版与设计 Banner版面设计的规则与规范，版面的排版。色相的选择，色调的调整。让banner制作更速成化。
Banner广告强化设计，主要讲解banner制作标准及要求、纯文字banner实例、金融业banner实例、快销品banner实例、文字横排/竖排/斜排的风格差异、服装类banner实例、化妆品banner实例、数码类banner实例、配饰类banner实例
网页元素及规范 页面设计基本流程与设计规范的概念性讲解，WEB界面设计规范及页面元素，网页配色技巧。色彩与构图技巧；导航与按钮设计，弹框和图标设计，内部不同模块的菜单和图文排版技巧
WEB整站设计实训
网站设计流程与策划
网站设计流程，网站设计理念创新，业务合同签定等；如何从零开始策划一个网站，包括主题定位、栏目规划等，如何去策划盈利模式。如何去做行业分析 及竞争对手分析，及如何制作网站策划书等。
企业类
网站项目实训
如苹果、腾讯企业类平台，重点学习页面主题设计如TOP部分设计，BANNER设计，产品页设计,新闻页设计,首页设计，类各设计技巧如网页的尺寸、页面的留白、图层与图像的关系、网页导航设计、字体的排版设计、广告条（banner)制作、正文内容的详细设计
电商平台类
网站项目实训
商业案例实训如京东、小米等平台，重点学习网站整体架构设计、栏目规划、页面制作及系列产品总体界面风格设计，布局技巧及细节设计技巧，各类网页交互设计应用、响应式设计应用的展示中；首页、频道页、会员中心、登录、注册等重点页面设计
专题类
网站项目实训
针对于节日主题、新产品主题、新活动主题做专题性质的页面，讲解专题页面的布局和头图的设计以及主次信息的排版规范
分类网站项目实训及阶段考核 教师指导你完成阶段设计作品，以备应聘时使用；从立案到素材、材料收集整理，再到风格定位、栏目规划，独立完成分类及个人网站设计，其中需容入不同的分类信息、作品等；
第三阶段（WEB前端布局与交互开发）
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前端
JavaScript交互 核心语法 javascript语法、介绍html5认识JavaScript、javascript中的对象、数组、变量、.流程控制（if…else switch…case while for）
随堂项目：九九乘法表、闰年计算、谁是高富帅（if…else.. Switch…case）
BOM与DOM操作 DOM操作：让一成不变的网页动起来；BOM操作：浏览器也有话要说
随堂项目：网页时钟的制作、回到顶部
事件编程 JS的事件机制：让网页回应你的问候；常见的JS事件：单击、双击、移动、悬停、焦点的获取与失去、浏览器的关闭与加载
随堂项目：1.选不中的按钮的实现 2.做一个计算器怎样？
正则表达式 正则表达式的语法基础、利用正则表达式做字符匹配、面向对象编程：脱离过程走向对象
随堂项目：邮箱格式的验证、编写一个获取常见输入数据的格式验证类。
面向对象编程 面向对象编程简介、对象的创建、继承的实现、原型与原型链。
随堂项目：仿windows屏保气泡
JQuery JQuery基础语法、JQuery选择器、JQuery的BOM与DOM操作、事件编程、常见动画与自定义动画编程
随堂项目：打地鼠游戏、抽奖轮盘制作
JQuery 项目实战 图片轮播、利用jQuery制作拼图、贪吃蛇等项目实训
Bootstrap bootstrap介绍、bootstrap的栅格系统、CSS样式、组件、bootstrap的javascript插件
随堂项目：利用bootstrap构建移动商城首页、用户注册、登录等页面
ECMAScript6 1.webpack介绍 2.webpackg管用配置 3.模块处理module 6.3种加载器loaders的使用 4.编译器babel 5.插件plugins 6.热更新次操作 7.打项目最终包
随堂练习：新前端开发环境搭建
Ajax技术 Ajax技术介绍、json格式与XML格式详解、Ajax的post与get两种提交方式详解、服务器端的数据反馈机制说明、如何利用jQuery实现Ajax提交
随堂项目：用户注册、登录的Ajax无刷新实现、淘宝收货地址中省市级联的实现
第四阶段（WEB前端-移动端进阶开发）
WEB前端移动端开发 git版本控制 1.Git的简介 2.git常用命令 3.smartGit软件的安装使用 4.常用操作提交、推送、合并、回滚操作
HTML5 高级功能 canvas标签的使用、多媒体在网页中的使用、HTML5中的智能表单、HTML5中API的详解（定位、数据库存储）
随堂项目：利用智能表单实现注册页面、利用canvas绘制小星星、利用HTML5中新功能实现一个最近超市搜索页面。
CSS3 动画详解 CSS3的动画功能、CSS3新增选择器、弹性盒模型、服务器字体
随堂项目：利用CSS3动画绘制一个三维立体动态的导航栏。
webAPP开发 1.移动端页面的设计要求
2.HTML5动画的常见使用场景
3.多媒体在页面中的使用
4.商城项目首页、用户注册、登录、商品列表等页面的实现
微信公众号开发开发（JSSDK） 1.是微信公众号项目开发的简介。
2.微信公众号项目的官方文档与demo样例全解析
3.调用微信官方API接口函数
4.利用H5的新特性构建更富有表现力的活动页面
5.常见微信分享、投票、活动、抽奖页面的设计与实现
随堂练习：非凡学院公众号项目实践
微信小程序 1.小程序相关介绍及账号申请
2.小程序开发环境搭建
3.小程序布局原理
4.小程序组件、API使用
5.weUI使用、云存储、云端数据库、云函数
网校实训项目：1.建立云开发环境 2.网校首页 3.教师分类页面 4.课程搜索页面
5.课程详情页 6.个人中心 7.获取用户权限登录 8.购买课程页面 9.购物车
阶段考核 教师指导你完成阶段作品，以备应聘时使用；从立案到素材、材料收集整理，再到风格定位、栏目规划，独立完成项目作品，其中需容入不同的分类信息、作品等；
第五阶段（WEB高级框架)
WEB前端高级框架与后台交互 Vue.js 1.Vue.js简介与安装 2.Vue实例 3.模板语法 4. 监听属性与侦听器5.生命周期 6.自定义组件开发 7.自定义事件 8过渡与动画
9.数据的传递 10.数据请求工具axios的使用 11.脚手架工具搭建Vue开大环境
1.elment-ui简介 2.安装element-ui 3.主题设置 4.常用组件 5.element-admin 管理后台项目
1.路由简介 2.动态路由 3.嵌套路由 4.编程式导航 5.命名路由与命名视图 6.别名与重定向 7.路由守卫
1.状态管理 2.核心概念：state、getter、Mutation、action 3.模块化的状态管理
1.服务器端渲染 2.基本结构 3.路由和代码分割 4.客户端激活 5.缓存管理
随堂练习：1.To Do List 项目实践 2.饿了么APP开发 3.element-admin管理后台
商城项目实训：1.搭建vue开发环境 2.商城首页 3.商品详情页 4.购物车 5.个人中心 6.搜索页面 7.商品分类 8.用户注册 9.用户登录 10.商城上线。
Angular.js 1.angular.js简介 2.MVC概念 3.开发环境搭建 4.指令系统 5.主从组件开发 6.路由管理 7.服务 8.数据通信请求
随堂练习：To-do-list
React.js 1.react.js简介 2.开发环境搭建 3.jsx语法 4.自定义组件 & props参数传递5.父子组件通信 6.state和生命周期 7.事件处理 8.列表
9.表单 10.ant-design前端框架
随堂练习：饿了么点餐项目实战
阶段考核 教师指导你完成阶段作品，以备应聘时使用；从立案到素材、材料收集整理，再到风格定位、栏目规划，独立完成项目作品，其中需容入不同的分类信息、作品等；
第六阶段（WEB后台交互与开发）
PHP后台开发 搭建环境 PHP简介、WEB程序的访问流程、安装Apache、MySQL、PHP7、配置虚拟主机
PHP基础 变量和常量、数据类型、运算符、流程控制、函数、字符串、数组、PSR规范
表单传值 表单传值的方式、PHP接收数据的三种方式、PHP处理复选框数据、文件上传
MySQLi扩展 基本操作、执行增删改操作、执行查询操作、与MySQLi相关的函数、MySQLi扩展应用案例
面向对象 面向对象概述、面向对象实现、封装、继承、多态、对象遍历、对象序列化、反射机制、命名空间、Trait新特性
GD图像处理 GD库概述、GD画布实现、验证码、缩略图、水印图
会话技术 会话技术概述、Cookie与Session的区别、Cookie原理、Cookie操作、Session原理、Session操作、垃圾回收机制
PDO扩展 PDO简介、PDO类、PDOStatement类、PDO预处理、PDO事务处理、PDO异常处理、PDO属性、封装PDO类
MVC设计模式 MVC设计模式、搭建自定义MVC框架
博客项目 项目开发流程、数据表数据、后台实现、前台实现、扩展功能
ThinkPHP5
框架 ThinkPHP5框架概述、基础、架构、路由、控制器、视图、模型、项目实用项
ThinkPHP5
商城项目实战 商城系统概述、数据表设计、后台设计、前台设计、会员设计、购物车设计、订单设计、接口设计（微信/支付宝、短信、QQ登录、邮件、地图、物流）、静态化
MYSQL
数据库管理 数据库部署 数据库服务概述、构建MySQL服务器、MySQL数据类型、表结构的调整，
MySQL多实例、MySQL索引类型、MySQL存储引擎
数据库操作 表记录基本操作、查询及匹配条件、多表查询、数据导入导出、MySQL分割库表。
数据库权限 用户授权及撤销、数据备份与恢复、MySQL管理工具，实时增量备份、XtraBackup备份、MySQL主从同步
数据库优化 MySQL读写分离、MySQL性能调优.
商城实训项目 商城实训项目
及阶段考核 1.商城需求说明 2.开发环境的搭建 3.规划建立数据库 4.编写商城所需前端页面 5.商城业务流程控制 6.api接口开发 7.支付接口的使用 8.商城上线 9.调试优化
第七阶段（岗前强化与就业指导）
沟通技能
和就业指导
管理与沟通 心态与服务、职场商务礼仪、沟通与口才强化、职业素养提升、团队合作
就业指导 毕业作品整理、行业规范与合同、职场与行业分析、企业观模与规划、职场岗位实战模拟、创业指导、实习与预工作
特别说明 1.报名就业班全套课程，赠送价值150元的，美术素描和水粉用品
2.报名就业班全套课程，赠送视频包、软件包、素材包、材料包
3.报名就业班全套课程，在学习过程中，学员有机会参加学院派接的订单实战
4.培训目标：能系统全面的学习界面设计、前端开发、移动端开发、后台交互开发、美工设计，结业后相当于有半年左右实战经验，能成功胜任设计、前端/移动端开发，后台应用等职位
5.保证学会：出勤率达90%以上，可享受1.5-2年内免费重新学习
6.考试认证：《网页设计师》、《网页美工设计师》、《WEB前端工程师》认证证书（考试费用另外支付）
7.学习周期：共952课时（45分钟/课时），全日制5-6个月；业余制12左右
8.招生要求：大学以上学历
