高级WEB前端交互式开发专修班

高级WEB前端交互式开发专修班
发布时间：2016-03-20

photoshop
<*>掌握Photoshop软件的功能及组成部分、安装、删除；认识应用到的设计领域及行业领域；并区分和矢量软件的区别; 学习图像处理、编辑、通道、图层、路径综合运用；通过商业标识设计等案例，图像色彩的校正；各种特效滤镜的使用；特效字的制作；图像输出与优化等；灵活运用图层风格；流体变形及褪底和蒙板，制作出千变万化的图像特效。以Photoshop软件为工具，讲解图层的深度解析、摄影后期的校色调色、影像创意与合成、滤镜效果及其应用、真实案例分析与制作，掌握切图方法及导出本地链接网页文件方法;掌握绘图工具、颜色填充和描边的使用; 通过教学，使学员能深刻理解色彩和美，通过大量实例及教案，让学生了解网页设计基础、网页局部设计、例如banner图片设计、导航条设计、如何调整图片颜色、如何将工具和实际应用进行结合使用；图片处理、蒙板制作、网页中应用等设计。
HTML/XHTML
<*>头标记的作用和使用常用标签，标题和字体标签图像标签列表标签设计超链接标签设计表格标记的设计表单标记的设计分桢框架的设计及应用表单的应用表格的应用
Dreamweaver
<*>掌握网页设计的基本工作流程了解 Dreamweaver 在流程中的作用及Table布局掌握网页设计的基本原则熟知建立网站并生成网页的基本流程，熟练应用
DIV+CSS结构
<*>学习附加外部样式表，链接方式和导入方式；新建样式，类、标签，新建样式表文件；详解使用DIV+CSS 布局和Web2.0 页面和网站布局的方法和流程。页面的属性、边距、链接、标题；设置等段落样式；设置段落的列表样式；建立链接的多种设置方法；链接四种状态的颜色与下划线设置。详细介绍DIV+CSS与TABLE之间的结合使用方法。通过对经典站点的详尽解析，了解不同类型网络媒体的设计需求和内部逻辑关系。学习网站拓扑的设计规则，从而能够针对不同的设计主题，完成任何类型网络媒体整体结构设计，得心应手。
DIV+CSS实战
<*>总揽全局把握网站前台设计制作，让受训学员在真实项目操作中学习，思考、创新，所培训的内容都是企业需要的，从而摆脱了所学和所需严重脱轨的现象，解决了企业和学校之间需求矛盾，为企业培养合适的人才搭建了桥梁。 DIV+CSS制作静态网页；将html、div+css系统的结合起来，快速了解网站建设流程并学会整站制作方法；各浏览器的兼容性问题以及兼容性问题调试方法； W3C标准，SEO搜索引擎优化；CSS的各种样式，能够写出简洁的可重用的CSS样式表；多种切图技巧，100%还原设计效果图并非依赖CSS-HACK技术；经典站点的详尽解析所有页面完全兼容各浏览器，如：IE6.IE7.IE8.ie9 Firefox.Safari.Chrome.360 Opera；附带网页背景音乐，在线QQ咨询的效果，网页视频的实现，与动态地图的实现,培养学生学会及提高网页整站制作、解决问题的能力，了解网站前沿技术和制作网站的整体流程。
javascript
<*>实现包括：script位置与外部的 JavaScript等语句包括：.innerHTML，.write() 注释变量及数据类型包括：动态类型，数组，布尔，JSON 函数包括：2种函数定义方式与1种假对象定义方式(js无法真正实现面象对像所以为假对象) 运算符包括：算术运算符，数学运算符，比较运算符，逻辑运算符，条件运算符(三目运算符) 语法包括：if...else，for，while，switch，try...catch 对象包括：数字，字符串，日期，数组，逻辑，算数，正则表达式 window 包括：screen，location，history，navigator，popupalert，timing，cookies
DOM
<*>DOM及DHTML的介绍各种事件及事件处理程序的应用窗口window对象的属性和方法文档document对象的应用 location、body、form、screen等对象的使用 DOM获取元素方法：getElementById()、getElementsByName()、getElementsByTagName() 节点遍历的属性：firstChild、lastChild、childNodes、parentNode 节点类型nodeType DOM方式操作元素属性：getAttribute()、setAttribute()、removeAttribute() 动态创建DOM元素：createElement()、createTextNode()、appendChild()、insertBefore() 动态删除、修改DOM元素：removeChild()、replaceChild()
Jquery技术
<*>选择器包括：$(document),$("#myId"),$("a:first"),$("tr:odd")等，即50,51行事件包括：.click(),.bind()等，即63,64行效果包括： .fadeIn() .slideDown(),.animate() .stop()等，即65,66行文档操作包括：.html(),.append(),.removeAttr()等属性操作包括：.addClass(),.attr(),.toggleClass()等 CSS操作包括：.css(),.height(),.position()等遍历包括：.find(),.siblings(),.next(),.each()等方法函数化，原生的window.onload，Jquery的 $() 原生与JQ——可以共存例：$("#div1").html();document.getElementById("div1").innerHTML 原生与JQ——可以混用，不能跨界使用。如$("")<0>.innerHTM混合使用可以,document.getElementById("div1").html()不可以强大的过滤器例如：$('div').has('p');等。。。相邻元素查找例如：$('div').next('p');等。。。链式操作例：$('div').find('h3').eq(2).html('Hello'); 取值与赋值合体例$("h1").html() $("h1").html("Hello");有参数Hello，表示对h1进行赋值强大的创建 $("li").html("www.baidu.com") 工具方法构造函数上的方法例 $.each(<>,function(){}) 原型上的方法例：$('div').each(function(){}) 事件操作——独立事件例 click() 事件操作——通用事件例 bind() 事件操作——运动特效例 fadeIn() slideDown() 事件操作——复杂运动特效例animate() stop()
PHP基础
<*>运行环境独立安装 PHP语言风格、变量和类型之间转换 PHP的运算符与表达式 PHP中的流程控制与函数 PHP数值处理函数 PHP中数组处理 PHP中的字符串处理函数 PHP正则表达式的应用
MYSQL
<*>MySQL数据库的概述； MySQL数据库安装及配置； MySQL数据类型及MySQL运算符； MySQL函数与常用SQL语句 MySQL索引，视图 MySQL数据库的安全、访问控制和权限
Ajax技术
<*>Ajax简介 Ajax工作原理 Ajax开发框架 Ajax web应用模式创建对象XMLHttpRequest() Date()对象 Open（）方法 Ajax在开发中的应用 Ajax 用户注册例子演示节省用户操作，时间，提高用户体验。使用Ajax 传输获取数据使用ajax获取某一文本文件的内容 AJAX交互式案例详解
JS实战篇
<*>运动类动画：匀速运动、缓冲运动、加减速度动运、弹性运动、跳动效果、模拟其他物理运动；轮播幻灯片效果大全：平移、滑动、渐隐渐现、跳动、手风琴菜单效果大全：仿 FLASH 式滑动菜单、联级无限扩展菜单、缓冲跟随菜单仿桌面应用程序效果：任意扩展功能的放大镜、图片放大效果，磁性拖拽特效、淡入淡出效果等多种效果彻底玩转网页特效、随心所欲制作各类网站交互效果高手进阶--向jquery框架看齐：用面向对象和闭包开发的方式开发自己的JS框架建立函数库，命名空间，对象直接量（命名参数）原型对象深入探讨JSON JS中的封装、继承，闭包开发开发一个类似jQuery的小型框架库，让自己的JS水平达到一个相当的高度。 '
Html5与css3
<*>Html5的故事 html5文档类型 Html5字符编码 Html5页面语言 Html5标记初体验 Html5语法 Html5元素家族 HTML5表单 Html5中的文件 Html5中的音频与视频 Html5基本Canvas绘图 Html5中的数据存储 Html5的离线应用 Css2于css3的区别？Css3能做什么？ Css3的新增属性：边框阴影，颜色渐变，文字阴影，文本分栏，背景大小，变形，动画等 Css3的兼容性，浏览器前缀
Html5的基础
<*>html5的3个主要原理了解html5的开发环境与浏览器的支持情况测试软件的安装与使用技巧；新增的元素，删除的元素，改变的元素，调整的元素，标准化的元素标签语义化及标签的默认属性特点，标签的常用用法如何改造传统的html页面？浏览器的兼容问题及解决方案标签语义化及标签的默认属性特点使用htnl5构造页面有意义的标签：如使用time标注日期和时间
HTML5表单、文件、音频与视频
<*>理解表单传统表单翻新使用datalist显示输入建议；进度条和计量条；使用command和menu创建工具条和菜单选择文件；使用filereader接口读取文件；使用datatransfer对象拖放上传图片文件；文件读取时的错误与异常多媒体元素基本属性；多媒体元素常用方法；使用audio播放点噪音了解video 浏览器对媒体格式的支持；多种格式如何讨好每款浏览器；
Canvas绘图数据存储
<*>直线/曲线路径/形状的绘制，变换、透明度的应用在画布上绘图将画布保存为图像浏览器对Canvas的支持情况存储数据浏览器对web存储的支持情况删除数据项；查找所有数据项；保存数值和日期,保存对象保存存储变化读取文件读取文件，图片文件
Html5离线应用、其它应用
<*>通过描述文件缓存资源：创建文件使用文件更新描述文件；把描述文件放到web服务器中实用缓存技术：访问未缓存的文件地理位置：地理位置的基本原理；查找访客的坐标 Web Workers 历史管理：url问题
CSS3字体颜色模式Css3新增选择器及其用法
<*>边框：border-radius的使用，参数的设置阴影 box-shadow，inset的使用为边框添加图片border-image 颜色渐变透明的应用颜色之RGBA，rgba和opacity的区别，rgba和渐变文字与字体 text-shadow的用法及参数的设置text-overflow & word-wrap的使用嵌入字体@font-face 多重背景background-origi，background-size，background-clip的使用，调整背景图的大小实例：带有图片的边框实例：css按钮实例：外发光效果文字实例：彩虹背景实例：自定义字体的使用通过css3属性选择器指定规则css3的字符串匹配属性选择器 Html5中的id命名新规则 Css3结构伪类：如-root、-not、-empty、-target...first-of-type选择器、last-of-type选择器、only-child选择器等
CSS3过渡、变形、动画
<*>什么是过渡以及如何使用它，过渡相关的属性transition-property Css3的2d变形：元素缩放，在屏幕上移动元素，按照一定角度旋转元素，精确控制变形效果常识css3的3d变形，分析3d变形的效果制作超级炫酷的3d图片翻转效果 Css3的动画效果文字阴影动画，动画开始前的延迟，控制动画的播放和暂停组合使用css3变形和动画
Css3布局其它
<*>使用css3设置分栏，实线多栏显示文本设置栏间距；跨栏设置盒子模型及响应式布局方式如何给不支持表单新特性的浏览器打补丁使用css3美化html5表单针表单的css3伪类选择器解决跨浏览器问题、如何让老版本的浏览器支持新内容如何加载补丁使用辅助修正样式问题
Bootstrap提供的网站框架
<*>Bootstrap 到底是什么 Bootstrap的文件结构基本的HTML5模板全局样式默认网格系统流式网格系统容器布局响应式设计
Bootstrap预定义的CSS样式
<*>排版、代码表格、图片表单、按钮、图标
Bootstrap内置的布局组件
<*>缩略图、警示框进度条、媒体对象其他组件
Bootstrap支持的JavaScript插件
<*>过度效果、模拟框效果下拉菜单、滚动监视器可切换的标签页提示条、弹出层、警示框按钮、折叠框、传送带预先输入、粘条
项目实战：实际使用Bootstra
<*>项目实战：实际使用Bootstra 文章来源