2017年新体系全新升级，增加html5提升+JS提升
通过本专业的学习，学员有了一定的网页设计能力，能熟练的设计常见网页、网站页面；能数量运用PHP等软件开发常见后台网站系统，如新闻发布系统，电子商务系统
通过本专业的学习，学生具有一定的网页设计能力，能够熟练设计常用网页和网站页面； 能够使用PHP等软件开发常见的后台网站系统，如新闻发布系统、电子商务系统、网站注册系统等； 通过Web网站实训模块，学生可以掌握常见的Web前端设计艺术元素，对一般的网页艺术设计要求有一个相对全面的掌握和提高。 同时，学生可以掌握门户网站、电子商务网站、企业网站、房地产网站等上海网站设计，时尚网站等成套商业网站的设计流程、设计理念、设计风格等也得到了掌握。完全掌握； 通过软技能的强化训练，学生对自己的人生规划、口才表达、服务心态、就业技巧、沟通能力等有了更全面的了解，足以应对未来的就业和工作。 ；学习本课程后，学生基本上将拥有半年以上的工作经验。
重要通知：2017年新系统升级，新增HTML5升级+JS升级+CMS建站
信用分期：支持百度钱包教育分期
网页设计就业班
课程模块
课程科目
培训内容
舞台（美学设计和软件技能）
设计预备课程
（赠品课程）
商务办公
、word、excel、ppt办公应用； 办公软件在专业领域的应用
艺术设计基础
设计素描、水粉、素描、投影、观景、透视、灯光表现、素描的原理与实践
美术设计改进
设计素描、水粉提高课程、光影写实技法、审美观念提高、配色提高、配色原理提高。
手绘图标
二维剪影图标和三维写实图标案例培训，了解创意在设计中的具体运用； 理解创造性思维的形式替换原理； 掌握将创造性思维转化为图形风格的能力
阶段评估
每人完成一幅草图和一幅彩色图片
网页设计软件
（赠品课程）
讲解DW的人性化功能以及页面架构和前端开发应用领域的使用技巧、HTML基本应用、入门、CSS样式表的应用、网站管理和维护
讲解FW在网页切片、图层、帧、gif动画、画布设置中的应用以及与其他软件的使用
熟练掌握PS在图像编辑、图像合成、调色和特效制作方面的技能以及其他软件的应用
它是一款行业标准的矢量插画软件，广泛应用于出版、多媒体和UI图标界面设计。 它是一个专业的印刷和网络创建平台。 它针对网络和移动设备进行了优化，并引入了多个画板和基于触摸的创意工具等新功能。
第二阶段（WEB界面及整个网站项目设计）
构成
图形构图与设计
点、线、面的构图形式，训练各种熟练的构图技法和表现方法，培养审美观和美感的修养，提高创作活动和造型能力——主动构思。
色彩构成与设计
学习色彩与视觉原理、三要素及色彩对比、色彩过渡、综合对比与色调变化、表现手法、色彩视觉心理与个性对比； 提高综合审美能力。
三维构图与设计
三维构图的概念特征与功能、材料元素与加工工具、视觉效果与心理感受、三维构图的设计应用、三维构图与建筑设计、三维构图与工业产品设计等。
网页界面设计
网页布局和设计
版图设计、版图布局的规则和规范。 色相的选择，色相的调整。 让生产更加专业。
广告强化设计，主要讲解制作标准和要求、纯文字示例、金融行业示例、快消品示例、横/竖/斜文字风格差异、服装示例、化妆品示例、数码示例、配饰等。 例子
网页元素和规范
概念性讲解页面设计的基本流程和设计规范，重点了解Web界面设计规范和页面元素； 网页配色技巧、色彩与构图的概念和技巧； 网页导航和按钮设计
WEB全站设计培训
网站设计流程及策划
网站设计流程、网站设计理念创新、商务合同签订等； 如何从头开始规划一个网站，包括主题定位、栏目规划等，以及如何规划盈利模式。 如何做行业分析和竞争对手分析，如何准备网站方案等。
企业
网站项目培训
如苹果、腾讯企业平台，重点学习TOP部分设计、外观设计、产品页面设计、新闻页面设计、首页设计等页面主题设计，网页尺寸、页面留白、图层、图像等各种设计技巧布局关系、网页导航设计、字体布局设计、广告()制作、文字内容详细设计
分类网站项目培训
和阶段评估
老师指导你完成舞台设计作品，为求职时做准备； 从案件立案到素材收集整理，再到风格定位和栏目规划，您可以独立完成分类和个人网站设计，其中需要包含不同的分类信息、作品等；
电商平台
网站项目培训
京东、小米等平台的商业案例培训，重点学习系列产品的网站整体架构设计、栏目策划、页面制作及整体界面风格设计、布局技巧及细节设计技巧、各类网页交互设计应用、和响应式设计应用程序
第三阶段（Web前端布局及交互开发）
网络前端
HTML5/CSS3 布局和样式
HTML 标签
HTMl5、H5标签、智能表单、结构化标签
现场项目：
1. 文章页面的结构化布局。包括文章标题、文字、图片、页面背景、作者、发表时间等信息 2. 使用表格标签实现课程表 3. 使用表单和输入表单标签实现简单的登录注册页面
CSS基本语法常用样式
CSS3简介、.css3简介、常用样式、单词和文本、颜色
穗唐项目：通用导航栏制作
CSS 选择器
css选择器、名称选择器、昵称选择器、洋葱选择器的用法、伪类选择器、结构化伪类选择器、属性选择器、兄弟选择器、子元素选择器
CSS 盒子模型
盒模型，如何用好盒模型
穗唐项目：导航栏的制作，使用盒模型增加间距并设置添加hover效果后的
浮动和定位
float、clear、折叠父容器、：不动（）、跟随他人（）、自居中（）、固定（fixed）
穗唐项目：导航栏左右布局的定位、二级菜单的实现、返回顶部的按钮
响应式布局和页面优化
移动端页面和PC端页面布局时需要注意的事项、响应式布局的实现原理、各种浏览器对CSS样式的支持、页面优化需要注意的事项、解决跨浏览器兼容性问题
穗堂项目：移动端用户注册页面、PC端用户注册页面。
实际项目
1.熟悉Web前端开发完整流程
2、PS设计稿的裁剪操作
3、导航栏的设计与实现
4、二级菜单的设计与实现
5、网页布局的编排技巧
6、产品清单的设计与实现
7.网页设计中使用悬停效果和阴影效果的技巧
8. 在网页设计中使用列表的技巧
9. 使用盒子模型的技巧
培训目标：
1.根据PS设计稿完成网页首页的编码
2、了解整个团队的开发协作流程，能够独立承担前端开发工作
网络前端
相互作用
核心语法
基本语法、HTML5理解介绍、对象、数组、变量和流程控制（if…else…case while for）
课程项目：乘法表、闰年计算、谁是高富帅（if…else…case）
BOM 和 DOM 操作
DOM操作：使静态网页动起来； BOM操作：浏览器也有话要说
随机项目：制作网络时钟，回到顶部
事件编程
事件机制：让网页响应你的问候； 常见JS事件：单击、双击、移动、悬停、焦点获取和失去、浏览器关闭和加载
随机项目： 1. 不可选择按钮的实现 2. 制作一个计算器怎么样？
正则表达式、面向对象编程、错误处理
正则表达式的语法基础、使用正则表达式进行字符匹配、面向对象编程：从进程转向对象
穗唐项目：邮件格式验证上海网站设计，编写格式验证类，获取常用输入数据。
基本语法、选择器、BOM和DOM操作、事件编程、常用动画和自定义动画编程
随机项目：打地鼠游戏、彩票制作
项目实战
图片轮播、拼图、贪吃蛇等项目实战训练
阿贾克斯技术
Ajax技术介绍，json格式和XML格式详细讲解，Ajax post和get两种提交方式详细讲解，服务器端数据反馈机制讲解，如何实现Ajax提交
穗唐项目：Ajax无刷新实现用户注册登录、淘宝收货地址实现省市级联
WEB前端全站项目培训
（H5+JS改进部分）
规划设计
介绍开发流程，了解什么是git，搭建git仓库，安装git控制软件，学习push、pull等功能，建立独立商城项目
