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