时时商务社区
标题:
高级WEB前端交互式开发专修班
[打印本页]
作者:
xgnic
时间:
2016-3-20 15:34
标题:
高级WEB前端交互式开发专修班
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
dd")等,即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——可以混用,不能跨界使用。如$("[name=checkbox]")[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
欢迎光临 时时商务社区 (http://bbs.4435.cn/)
Powered by Discuz! X3.2