课程背景简介

非凡致力于培养适合企业和市场的网页设计人才，将人才输送到各个合作企业中去，也会引入企业和行业对人才的最新要求，以使学院培养出来的人才能够适应企业的需要，让学员更好地就业。

课程特色简介

从零起步+理论与实际结合+全新的实用技术和设计理念+丰富的实践技巧，为了保证学习环境以在这里，传授的不仅仅是软件技术，目标是创造作品，让更多有才华的人掌握精湛技能，进入理想企业，创造出艺术作品，与传统艺术完美结合，推动整个创意产业的发展，为壮大中国原创艺术贡献力量！

学习收获1：美学设计与软件技能

设计预科、设计软件

学习收获2：WEB界面与整站项目设计

三大构成、WEB界面设计元素设计、WEB整站设计实训

学习收获3：WEB前端布局与交互开发

WEB前端HTML5/CSS3布局与样式、WEB前端JavaScript交互

学习收获4：WEB前端-移动端开发

WEB前端、移动端开发、CSS3动画详解、WEBAPP开发、微信公众号开发JSSDK、微信小程序开发

第一节：美学设计与软件技能

一、设计预科

1、商务办公：windows、word、excel、ppt办公应用；办公软件在专业中的应用

2、美术设计基础：设计素描、水粉、速写的原理及实践，投影、视图、透视，灯光表现,写生

3、美术设计提高：设计素描、水粉提高课程、光和影的写实手法、审美观念的提高、色彩搭配的提高，配色原理的提高。

4、手绘图标：二维剪影图标、三维写实图标案例实训，了解创意在设计中的具体运用；理解创意思维的形态置换原理；掌握将创意思维转化为图形样式的能力

5、阶段考核：完成描素、色彩图各一张

二、设计软件

1、Photoshop：Adobe公司大师级图像软件入门讲解。掌握该软件在平面广告、网页设计、UI设计以及室内设计等专业中的相关操作。

2、Illustrator：Adobe公司专业级矢量软件入门讲解。掌握该软件在创意广告设计、印刷出版与web网络创作、多媒体和UI图标界面设计的相关操作。

3、Dreamweaver：讲解DW的人性化功能以及在页面架构和前端开发应用领域的使用技巧，HTML基础应用，快速入门，CSS样式表的应用，模板布局的使用技巧，如何管理网站并上传。

4、Fireworks：讲解FW在网页切片、图层、帧、gif动画、画布设置中的应用以及配合其他软件进行使用

第二节：WEB界面与整站项目设计

一、三大构成

1、平面构成与设计：点的构成形式、线的构成形式、面的构成形式，训练各种熟练的构成技巧和表现方法，培养审美观及美的修养和感觉，提高创作活动和造型能力-活跃构思。

2、色彩构成与设计：学习色彩与视觉的原理、三要素及色彩对比、色彩推移、综合对比及色调变化、表现手法、色彩视觉心理与性格的对比；提高综合审美能力。

3、立体构成与设计：立体构成的概念特征及作用、材料要素及加工工具、视觉效果和心理感受、立体构成的设计应用、立体构成与建筑设计、立体构成与工业产品设计等方面应用

二、WEB界面设计元素设计

1、网页Banner排版与设计

1）Banner版面设计的规则与规范，版面的排版。色相的选择，色调的调整。让banner制作更速成化。

2）Banner广告强化设计，主要讲解banner制作标准及要求、纯文字banner实例、金融业banner实例、快销品banner实例、文字横排/竖排/斜排的风格差异、服装类banner实例、化妆品banner实例、数码类banner实例、配饰类banner实例

2、网页元素

及规范：页面设计基本流程与设计规范的概念性讲解，重点了解WEB界面设计规范及页面元素；网页配色技巧、色彩与构图的概念及技巧；网页导航与按钮设计

三、WEB整站设计实训

1、网站设计流程与策划：网站设计流程，网站设计理念创新，网页结构图与原型图绘制等；如何从零开始策划一个网站，包括主题定位、栏目规划等，如何去策划盈利模式。

2、电商平台类网站项目实训：商业案例实训如京东、小米等平台，重点学习网站整体架构设计、栏目规划、页面制作及系列产品总体界面风格设计，布局技巧及细节设计技巧，各类网页交互设计应用、响应式设计应用的展示

3、企业类网站项目实训：如苹果、腾讯企业类平台，重点学习页面主题设计如TOP部分设计，BANNER设计，产品页设计,新闻页设计,首页设计，类各设计技巧如网页的尺寸、页面的留白、图层与图像的关系、网页导航设计、字体的排版设计、广告条（banner)制作、正文内容的详细设计

4、分类网站项目实训及阶段考核：教师指导你完成阶段设计作品，以备应聘时使用；从立案到素材、材料**整理，再到风格定位、栏目规划，独立完成分类及个人网站设计，其中需容入不同的分类信息、作品等；

第三节：WEB前端布局与交互开发

一、WEB前端HTML5/CSS3布局与样式

1、HTML标签：HTMl5简介与入门、文本、图像、链接、表格、列表、智能表单、结构化标签等内容

2、CSS基础语法

常见样式：CSS3简介、css3引入方式、常见样式、文字与文本、颜色、背景色、精灵图片等

3、CSS选择器：css选择器:标签选择器、类选择器、ID选择器、后代选择器、群组选择器、伪类选择器、结构化伪类选择器、属性选择器、兄弟选择器、子元素选择器

4、CSS盒子模型：盒模型简介、盒模型组成部分、盒模型常用场景、弹性盒模型

5、浮动与定位：浮动：float、clear、恢复塌陷的父容器高度。定位：一动不动的(static)，跟着别人跑的(absolute)，以自己为中心的(relative)，固定的(fixed)

6、响应式布局与页面优化处理：移动页面与PC端页面布局时候需要注意点、媒体查询在响应式布局中的应用、响应式布局中弹性盒模型的设计技巧、各种浏览器对于CSS样式的支持情况、页面优化需要注意的地方、解决跨浏览器兼容性问题

7、静态页面切图项目实战：

1）企业站实训：

1.首页导航、二级菜单

2.banner轮播图

3.产品展示

4.成功案例

5.新闻中心

6.联系方式

7.友情链接

8.版权申明

9.总结

2）商城实训：

1.首页（头部导航、分类搜索、秒杀产品、猜你喜欢、推荐商品）

2.用户中心（订单、个人信息、收货地址、账单）

3.商品详情页（展示图、描述信息、促销价格、细节展示、产品详情）

4.登录&注册页

二、WEB前端JavaScript交互

1、核心语法：

JavaScript的前世今生、javascript语法、介绍html5认识JavaScript、javascript中的对象、数组、变量、.流程控制（if…else switch…case while for）

2、BOM与DOM操作：DOM操作：让一成不变的网页动起来；BOM操作：浏览器也有话要说

3、事件编程：

javascript的事件机制：让网页回应你的问候；常见的JS事件：单击、双击、移动、悬停、焦点的获取与失去、浏览器的关闭与加载

4、正则表达式：

正则表达式的语法、利用正则表达式做字符匹配、面向对象编程：脱离过程走向对象

5、面向对象编程

面向对象编程简介、对象的创建、继承的实现、原型与原型链。

6、JQuery

JQuery基础语法、JQuery选择器、JQuery的BOM与DOM操作、事件编程、常见动画与自定义动画编程、常见Jquery插件使用。

7、JQuery

项目实战：图片轮播、利用jQuery制作拼图、贪吃蛇等项目实训

8、Ajax技术

Ajax技术介绍、json格式与XML格式详解、Ajax的post与get两种提交方式详解、服务器端的数据反馈机制说明、如何利用jQuery实现Ajax提交、 跨域访问的实现

9、Bootstrap：bootstrap介绍、bootstrap的栅格系统、CSS样式、组件、bootstrap的javascript插件

第四节：WEB前端-移动端开发

一、WEB前端移动端开发

1、HTML5高级功能：

canvas标签的使用、多媒体在网页中的使用、HTML5中的智能表单、HTML5中API的详解（定位、数据库存储）

2、CSS3动画详解

CSS3新增选择器、弹性盒模型、服务器字体、多重背景、边框图片、过渡动画与关键帧动画

3、WEBAPP开发

1.移动端页面的设计要求

2.HTML5动画的常见使用场景

3.多媒体在页面中的使用

4.商城项目首页、用户注册、登录、商品列表等页面的实现

5.weui框架的介绍与使用

4、微信公众号开发JSSDK

1.微信公众号介绍与申请开发账号

2.微信公众号项目的官方文档与demo样例全解析

3.调用微信官方API接口函数

4.利用H5的新特性构建更富有表现力的活动页面

5.常见微信分享、投票、活动、抽奖页面的设计与实现

5、微信小程序开发

1.小程序相关介绍及账号申请

2.小程序开发环境搭建

3.小程序布局原理

4.小程序组件、API使用

5.weUI使用

6、Vue.js

1.Vue.js简介

2.模板语法

3.指令系统

4.组件开发

5.生命周期

6.脚手架工具

7.路由

8.数据请求

1.零基础开始，想要成为一名成功的网页设计师、网页开发工程师

2.已经在企业中担任网页设计制作人员，想要转型为高级网页设计师、网站开发工程师

3.对网页设计，网站开发比较喜爱的学员，对设计及电子商务感兴趣者优先录取。

非凡学院--教你学习和实战相结合，创造与灵感同步。

1、以基础班起步，以小班化教授，以一对X辅导的教学模式为主，保证教学质量;

2、拥有完善的教学设施、为学员创造一.流电脑教学环境。

3、学习内容贯穿于整个学习过程，同时汇聚了一流的师资力量，设计类课程专家以及知名企业的专业资深设计制作开发人员。

4、本活动为免费试听课程活动，可免费试听1节课，试听满意可报名参加培训，报名之后才会产生费用，付清后期不会有额外收费

5、本活动最终解释权归上海非凡进修学院为主

【报名方式】 互动吧

【咨询方式】微信/手机：13761178227