静态网页设计培训-上海网页设计培训课程

**通过本专业的学习，学生将具备一定的网页设计能力，能熟练设计常见的网页、网站页面；能运用PHP等软件开发常见的后端网站系统，如新闻发布系统、电商系统、网站注册系统等； **网站实训模块卡通人物，学生能够掌握常见的网页前端设计元素，对一般网页美工设计的要求有比较全面的掌握和提高，全面掌握门户网站、电商网站、企业网站、房产、时尚网站等完整商业网站的设计流程、设计理念、设计风格等； **通过软技能的强化训练，学生的人生规划、口才、服务心态、技巧、沟通能力等得到全面提升，足以在今后的工作过程中应对自如； 完成本课程后，学生基本都有半年以上的工作经验。

重要通知：2017年新系统升级卡通形象，加入HTML5完善JS及CMS建站

教育分期：支持百度钱包教育分期

入学要求：

1. 从零开始，想成为一名成功的网页设计师或网页开发工程师

2. 已经在企业担任网页设计师，想转型成为高级网页设计师或网站开发工程师

3、对网页设计、网站开发感兴趣、对设计、电子商务感兴趣的同学优先考虑。

课程时长：全日制808课时、兼读制728课时（45分钟/课时）（以课堂安排为准）

使用教材：自编教案与电子教材相结合

可获得的证书：网页设计师、SIC 网页艺术家、网页开发工程师学院证书

方向：网页设计师、UI与GUI界面设计师、网站编辑、网站开发工程师、Flash广告设计师、门户网站策划师、门户网站架构师、门户网站设计与制作工程师、电子商务工程师等。

专业亮点：本课程的学习目标是：全面的现场与互动教学，PPHA的考核体系，全方位培养网站设计与网站架构人才，使学生具备设计能力、策划设计能力、开发能力。

高级网页设计课程

模块标题

课程主题

培训内容

**阶段（美学设计和软件技能）

设计准备

商务办公

Windows、word、excel、ppt办公应用程序；办公软件在专业中的应用

艺术设计基础

设计素描原理与实践、水粉画、速写、投影、视角、透视、光影表现、速写

艺术设计提升

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

手绘图标

通过2D剪影图标、3D写实图标的案例分析，帮助你了解创造力在设计中的具体应用；理解创意思维的形式置换原理；掌握将创意思维转化为图形样式的能力。

阶段评估

完成一幅素描和一幅彩色画

网页设计软件

Dreamweaver

讲解DW的易用功能以及在页面架构与前端开发中的应用技巧、html基本应用、**介绍、css样式表的应用、网站管理与维护

烟花

讲解FW在网页切片、图层、框架、gif动画、画布设置中的应用，以及与其他软件的使用

Photoshop

熟练掌握PS四大部分在图像编辑、图像合成、调色及特效制作以及其他软件的应用

插图画家

一款业界标准的矢量插图软件，广泛应用于出版、多媒体和 UI 图标界面设计。它是印刷和 Web 网络创作的专业平台。它针对 Web 和移动设备进行了改进，并引入了多个画板和基于触摸的创作工具等新功能。

第二阶段（WEB界面及整站项目设计）

三大组件

图形构图和设计

点、线、面的构图形式，训练各种熟练的构图技巧和表现方法，培养审美价值观、审美修养和感受力，提高创造活动和造型能力——激活构思。

色彩构成与设计

学习色彩与视觉的原理、色彩三要素与对比、色彩过渡、综合对比与影调变化、表现手法、色彩视觉心理与性格对比；提高综合审美能力。

三维构图和设计

立体构图的概念特点与功能、材料要素与加工手段、视觉效果与心理感受、立体构图的设计应用、立体构图与建筑设计、立体构图与工业产品设计等。

Web 界面设计

网页横幅布局和设计

对横幅版面设计、版面编排、色调选择、色调调整等进行规则和规范，使横幅制作更加快捷。

Banner广告增强设计，主要讲解banner制作标准及要求，纯文字banner实例，金融行业banner实例，快速消费品banner实例，文字横/竖/斜样式区别静态网页设计培训，服装banner实例，化妆品banner实例，数码banner实例静态网页设计培训，饰品banner实例

网页元素及规范

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

WEB整站设计培训

网站设计流程与规划

网站设计流程、网站设计理念创新、商务合同签订等；如何从零开始规划一个网站，包括主题定位、栏目规划等，如何规划盈利模式。如何做行业分析和竞争对手分析，如何制定网站策划方案等。

企业

网站项目培训

例如苹果、腾讯企业平台，重点学习页面主题设计如TOP部分设计、BANNER设计、产品页设计、新闻页设计、首页设计，网页大小、页面留白、图层与图片的关系、网页导航设计、字体排版设计、banner制作、文字内容细节设计等各项设计技巧。

分类网站项目培训

及阶段评估

老师会指导你完成申请准备阶段性的设计作品；从案例立项到素材收集整理，再到风格定位、专栏规划，并独立完成分类及个人网站的设计，里面需要包含不同的分类信息、作品等。

电子商务平台

网站项目培训

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

第三阶段（网页前端布局及交互开发）

Web 前端

HTML5/CSS3 布局和样式

HTML 标签

HTMl5、H5标签、智能表单、结构化标签

课堂项目：

1.文章页面结构布局。包括文章标题、正文、图片、页面背景、作者、发布时间等信息 2.使用table标签实现课程表的实现 3.使用form、input表单标签实现简单的登录注册页面

CSS基本语法常见样式

CSS3简介，.css3介绍，常用样式，文字，颜色

课堂项目：通用导航栏的制作

CSS 选择器

CSS选择器、名称选择器、昵称选择器、洋葱选择器的使用、伪类选择器、结构化伪类选择器、属性选择器、兄弟选择器、子元素选择器

CSS 盒子模型

盒子模型，如何用好盒子模型

课内项目：制作导航栏，利用盒子模型增加间距，添加hover效果后设置内边距

浮动与定位

浮动，清除，折叠父容器，位置：静态，绝对，相对，固定

课内项目：导航栏左右布局的定位、二级菜单的实现、返回顶部的按钮

响应式布局和页面优化

移动端和PC端页面布局注意事项、响应式布局的原理、各浏览器对CSS样式的支持情况、页面优化注意事项、如何解决跨浏览器兼容性问题

课堂项目：移动端用户注册页面、PC端用户注册页面。

实践项目

1.熟悉Web前端开发完整流程

2.PS设计稿切割操作

3.导航栏的设计与实现

4.二级菜单设计与实现

5. 网页布局中的排列技巧

6.产品清单设计与实现

7. 在网页设计中使用悬停效果和阴影效果的技巧

8. 在网页设计中使用列表的技巧

9. 使用盒子模型的技巧

培训目标：

1.根据PS设计稿完成官网首页代码编写

2.了解整个团队开发协作流程，能够独立承担前端开发工作

Web 前端

JavaScript 交互

核心语法

基本的javascript语法，html5介绍，理解JavaScript，对象，数组，变量，以及javascript中的流程控制（if…else switch…case while for）

课堂项目：乘法表、闰年计算、谁又高又有钱又帅（if…else…Switch…case）

BOM 和 DOM 操作

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

课堂项目：制作网络时钟，返回顶部

活动编程

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

课堂项目：1. 实现一个无法选择的按钮2. 制作一个计算器怎么样？

正则表达式、面向对象编程、错误处理

正则表达式的语法基础、使用正则表达式进行字符匹配、面向对象编程：从过程到对象

课内项目：验证邮件格式，编写格式验证类，获取常见的输入数据。

JQuery

jQuery 基本语法、jQuery 选择器、jQuery BOM 和 DOM 操作、事件编程、常见动画和自定义动画编程

课堂项目：打地鼠游戏、制作轮盘

JQuery项目实践

图片轮播、jQuery拼图、贪吃蛇等项目培训

Ajax 技术

Ajax技术简介，json格式和XML格式详解，Ajax post和get提交方式详解，服务端数据反馈机制讲解，如何使用jQuery实现Ajax提交

课内项目：ajax不刷新实现用户注册登录、淘宝收货地址省市级联实现

WEB前端整站项目实训

规划与设计

开发流程介绍，什么是git，搭建git版本库，安装git控制软件，学习commit、push、pull等功能，建立独立商城项目