ps美工培训学校,ps美工培训周末班,ps美工培训机构哪里有,ps美工培训班哪里好
PS培训 PS学习 PS平面设计培训 广告设计培训班 PS美工设计培训 PS人物精修培训 随到随学上课模式：网课 直播课 面授课多种班次选择，，零基础免费试学，小班授课一人一机，不限课时学会为止。教学目标：熟练平面设计PS、CDR、AI、CAD设计软件，实操案例教学接轨职场，让你不仅学会，还要学精。平面设计师全科班：一、Photoshop学习内容：掌握PS软件的基本操作、图层的把握、选取的选择、图像处理，图层混合模式、图层样式，滤镜、人物基础修图、图像校对调色、图层蒙版、掌握各种抠图技巧灵活应用、熟练使用钢笔工具精确绘制、熟悉线上线下海报的设计规范，用PS合成常用技巧及各种设计，让学生提前了解设计主图认识色彩搭配，利用PS的强大功能完成平面设计、网页设计，电商美工、等不同商业产品的广告设计及艺术设计。二、CoreIdraw学习内容：区分矢量图和位图、字体排版及设计、形状构成及颜色调整，图形绘制、包装设计、文化墙的设计、户外标识的设计、宣传页设计、画册设计，logo设计及企业VI视觉设计、门头设计制作、PS和CDR及AI两个软件的相互结合，文件的输出及打印。三、IIustrtor学习内容：软件功能使用，熟练掌握菜单工具应用，通过学习AI全方面的掌握矢量图像设计，融合现代设计方案，出色设计公司标志，公司形象设计，画册出版物、印刷工艺流程，UI交互前端设计、网页设计，电商设计，艺术字体，3D与5D效果图，PS\CDR\AI三个软件之间的结合。课程特色：1、零基础小班授课，不限课时，学会为止。2、免费试学，免费复学，免费就业创业指导服务。3、行业**设计师授课，专业设计教学。4、零基础学习由浅入深，分阶段教学，案例实操接轨职场，让每个学员都用作品说话，可以独立设计出图做真正的设计师。

web前端框架bootstrap bootstrap响应式网站设计用什么软件

web前端框架有哪些,web前端框架是什么意思,web前端框架代码,web前端框架开发技术

?

目录

PC 端网页特效

元素偏移量 offset 系列

1.offset 系列常用属性

2.offset 与 style 区别

?3.计算鼠标在盒子内的坐标

4.模态框拖拽

?5.京东商品放大镜

元素可视区 client 系列

1. client 系列常用属性

2.flexible.js分析（移动适配rem）

3.立即执行函数

4.像素比和pageshow事件

元素滚动 scroll 系列

1. scroll 系列属性

?2.被页面卷去的头部

3.仿淘宝固定侧边栏

三大系列总结

mouseenter 和mouseover的区别

?动画函数封装

1.动画原理

2.动画函数简单封装

3.动画函数给不同元素记录不同定时器

4.缓动动画

5.缓动动画多个目标值之间移动

6.动画函数添加回调函数并封装到单独的js文件

常见网页特效案例

1.网页轮播图

2.返回顶部

移动端网页特效

触屏事件

1.触屏事件touch

2.触摸事件对象（TouchEvent）

3.移动端拖动元素

移动端常见特效

1.移动端轮播图

2.classList 属性

移动端常用开发插件

click 延时解决方案：

Swiper 插件的使用（轮播图）

移动端常用开发框架

Bootstrap 框架

本地存储

window.sessionStorage

window.localStorage

?记住用户名

offset 翻译过来就是偏移量， 我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。 ?

可以获得元素距离带有定位父元素的位置 ?

可以获得元素自身的大小（宽度高度）

注意： 返回的数值都不带单位。

点击弹出层， 会弹出模态框， 并且显示灰色半透明的遮挡层。

点击关闭按钮，可以关闭模态框，并且同时关闭灰色半透明遮挡层。

鼠标放到模态框最上面一行，可以按住鼠标拖拽模态框在页面中移动。

鼠标松开，可以停止拖动模态框移动。

整个案例可以分为三个功能模块

先获取元素

（1）鼠标经过小图片盒子， 黄色的遮挡层 和 大图片盒子显示，离开隐藏2个盒子功能

（2）黄色的遮挡层跟随鼠标功能。

（3）移动黄色遮挡层，大图片跟随移动功能。

client 翻译过来就是客户端，我们使用 client 系列的相关属性来获取元素可视区的相关信息。通过 client 系列的相关属性可以动态的得到该元素的边框大小、元素大小等

?

主要作用： 创建一个独立的作用域。 避免了命名冲突问题

? ?下面三种情况都会刷新页面都会触发 load 事件。

? ? 1.a标签的超链接

? ? 2.F5或者刷新按钮（强制刷新）

? ? 3.前进后退按钮

? ? ? ? 但是 火狐中，有个特点，有个“往返缓存”，这个缓存中不仅保存着页面数据，还保存了DOM和Ja【【微信】】的状态；实际上是将整个页面都保存在了内存里。

? ? ? ?所以此时后退按钮不能刷新页面。

? ? ? ?此时可以使用 pageshow事件来触发。，这个事件在页面显示时触发，无论页面是否来自缓存。在重新加载页面中，pageshow会在load事件触发后触发；根据事件对象中的persisted来判断是否是缓存中的页面触发的pageshow事件，注意这个事件给window添加?

如果浏览器的高（或宽）度不足以显示整个页面时，会自动出现滚动条。当滚动条向下滚动时，页面上面被隐藏掉的高度，我们就称为页面被卷去的头部。滚动条在滚动时会触发 onscroll 事件。

（1）原先侧边栏是绝对定位

（2）当页面滚动到一定位置，侧边栏改为固定定位

（3）页面继续滚动，会让 返回顶部显示出来

（1）offset系列 经常用于获得元素位置 ? ?offsetLeft ?offsetTop

（2）client 经常用于获取元素大小 ?clientWidth ?clientHeight

（3）scroll 经常用于获取滚动距离 ?scrollTop ?scrollLeft ?

注意页面滚动的距离通过 window.pageXOffset ?获得

注意函数需要传递2个参数，动画对象和移动到的距离。

回调函数原理：函数可以作为一个参数。将这个函数作为参数传到另一个函数里面，当那个函数执行完之后，再执行传进去的这个函数，这个过程就叫做回调。

回调函数写的位置：定时器结束的位置。

animate.js文件

功能需求：

1.鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。

2.点击右侧按钮一次，图片往左播放一张，以此类推， 左侧按钮同理。

3.图片播放的同时，下面小圆圈模块跟随一起变化。

4.点击小圆圈，可以播放相应图片。

5.鼠标不经过轮播图， 轮播图也会自动播放图片。

6.鼠标经过，轮播图模块， 自动播放停止。

7.节流阀

防止轮播图按钮连续点击造成播放过快。

节流阀目的：当上一个函数动画内容执行完毕，再去执行下一个函数动画，让事件无法连续触发。 核心实现思路：利用回调函数，添加一个变量来控制，锁住函数和解锁函数。 ?

开始设置一个变量 【【微信】】 = true;

If(flag) {flag = false; do something} ? ? ? 关闭水龙头

利用回调函数 动画执行完毕， flag = true ? ? 打开水龙头

滚动窗口至文档中的特定位置。

window.scroll(x, y)

注意，里面的x和y 不跟单位，直接写数字

classList属性是HTML5新增的一个属性，返回元素的类名。但是ie10以上版本支持。 该属性用于在元素中添加，移除及切换 CSS 类。

移动端 click 事件会有 300ms 的延时，原因是移动端屏幕双击会缩放(double tap to zoom) 页面。

?3. 使用插件。 fastclick 插件解决 300ms 延迟。

1.确认插件实现的功能

2.去官网查看使用说明

3.下载插件

4.打开demo实例文件，查看需要引入的相关文件，并且引入

5.复制demo实例文件中的结构html，样式css以及js代码

前端常用的框架有 Bootstrap、Vue、【【微信】】、React 等。既能开发PC端，也能开发移动端

前端常用的移动端插件有 swiper、superslide、iscroll等。

是一个简洁、直观、强悍的前端开发框架，它让 web 开发更迅速、简单。 它能开发PC端，也能开发移动端

Bootstrap JS插件使用步骤：

1.引入相关js 文件

2.复制HTML 结构

3.修改对应样式

4.修改相应JS 参数

特性：

1、数据存储在用户浏览器中

2、设置、读取方便、甚至页面刷新不丢失数据

3、容量较大，sessionStorage约5M、localStorage约20M

4、只能存储字符串，可以将对象JSON.stringify() 编码后存储

• 要实现从 JSON 字符串转换为 JS 对象，使用 JSON.parse() 方法
• 要实现从 JS 对象转换为 JSON 字符串，使用 JSON.stringify() 方法

?

如果勾选记住用户名， 下次用户打开浏览器，就在文本框里面自动显示上次登录的用户名