网页设计与开发培训:提升技能,掌握商业网站设计流程
2 已经在企业中担任网页设计制作人员,想要转型为高级网页设计师、网站开发工程师考取《网页设计师》、教育部SIC《网页美工师》、《网站开发工程师》学院结业证书高级网页设计班
**通过本专业的学习,学生将具备一定的网页设计能力,能够熟练设计常见的网页、网站页面;能够运用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 盒子模型
盒子模型,如何用好盒子模型
课内项目:制作导航栏,利用盒子模型增加间距,添加hover效果后设置内边距
浮动与定位
浮动,清除,折叠父容器,:静止(),跟随他人(),以自我为中心(),固定(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等功能,建立独立商城项目