天津h5培训班
【所属机构:天津先锋科教培训】

天津h5培训班,先锋科教培训的H5精修班帮助学员深入系统的学习H5+CSS3,学员完成后可以独立制作响应式网页设计,已经具备应对H5前端设计相应的工作,毕业后可以从事任何网页设计相关的工作。
01 适合学习对象
+
在校学生学习+
在职人员进修+
设计师进阶+
零基础学员入门
02 H5培训课程大纲
- 《网页基础》课程
网页基础课程 节点学习内容 最终学习目标描述 节点1认识网站:学习网站相关知识;掌握DW界面和其功能HTML是网页制作必备技能,主要介绍HTML概念、语法及常用基础标签 节点2
代码入门:HTML代码基础及CSS层叠样式表概述
css的盒子模型,更好的排版,进行页面布局。 介绍CSS语法、选择器、继承、层叠及优先级基础内容。 节点3知识进阶:表单制作、JavaScript、html5+css3表单标签的编写规范、嵌套规范以及相关属性的用法讲解;了解JavaScript语言,掌握它的语法、数据类型、基本算数和逻辑运算操作,方便我们开发中直接调用,进而实现更多功能 常见的html5标签;讲解css3的圆角、阴影、旋转、缩放、以及速率等属性值 节点4实战应用:入门网站制作;进阶网站制作;多平台网站设计战略搭建一个网页HTML结构,并掌握网布局相应知识与技巧。针对CSS中的基础布局以及经典的布局展开详细的讲解。对前面知识的综合应用,通过项目实战,更加熟练掌握基础知识,在实践中复习、巩固知识,提高综合能力。 本模块完成后学员具备完成简单静态页面能力,可以从事网页前台制作的工作,但是因为更深入的技术缺乏,无法胜任更高级的设计与开发工作,属于网页设计最底层的工作能力要求程度 - 《H5前端设计》课程
H5前端设计课程 节点学习内容 最终学习目标描述 节点1H5前端开发环境介绍:传统网站知识布局总结前端开发环境介绍:DreamWeaver、 Notepad++、HBuilder;HTML基础,CSS基础,CSS核心属性;CSS样式层叠继承,盒模型 节点2HTML5基础及案例练习HTML5提供了新的元素来创建更好的页面结构,告别传统代码不能更好语义化说明及页面新功能增加。新增标签介绍:<article>、<aside>、<figure>、<header>、<mark>、<nav>、<section> ... ...
移除标签介绍: <acronym>、<basefont>、<frame>、<strike> ... ...
节点3CSS3基础及案例练习CSS3基础属性介绍,做到用代码大量替换PS作图的工作,符合市场需求。边框属性:box-shadow、border-image;圆角:border-radius;背景:background-size、background-origin、background-clip;渐变:线性渐变、径向渐变;文本效果:text-shadow、box-shadow、text-overflow、word-wrap、word-break;字体:@font-face;... ... 节点4定位布局及CSS3特效应用:动画特效交互事件;响应式设计CSS3的特效使用,制作交互动画,让网站活起来;2D/3D转换:translate()、rotate();过渡/动画属性:transition、animation;... ...三种定位布局方式,定位在交互上的应用。响应式设计: 就是我们日常说的手机网站或三屏合一网站;通过使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局;最终达到网站的不同尺寸布局。 本模块会深入系统的学习H5+CSS3,学员完成后可以独立制作响应式网页设计,已经具备应对H5前端设计相应的工作,毕业后可以从事任何网页设计相关的工作 - 网页高级特效与框架开发
网页高级特效与框架开发 节点学习内容 最终学习目标描述 节点1
HTML5新标签:⽂档头和编码声明;基础标签;文本类标签;列表标签;语义化标签的应⽤;字符实体‘’表格标签;HTML5标签的兼容处理;HTML5标签SEO的作⽤;HTML5表单新特性;多媒体标签掌握HTML代码的规范编写,掌握HTML5新标签的特性,掌握多媒体在⻚⾯中的应⽤ 节点2
CSS3新特性:CSS的定义;CSS引⼊;CSS选择器;CSS3与CSS2的区别;长度单位;颜⾊单位;常用属性;CSS3属性;尺⼨;边框;背景;内补⽩;外补⽩;布局;定位;字体; 文本; 列表;表格;用户界⾯;多栏;2D变换;过渡动画;CSS3:圆⻆边框、边框九宫格特效、多图背景、动画、渐变和倒影、多列属性布局、服务器端字体,可以实现基础网页布局,⻚⾯样式定义及CSS,样式特效节点3
W3C盒子模型;div+css⽹页布局;弹性盒⼦HTML5兼容性处理;使⽤ HTML5布局元素的布局;Media Query响应式布局;
百分比⽹⻚布局;
掌握使⽤媒体查询技术及百分比布局,实现响应式页⾯,自动适应多种分辨率设备 节点4
PS切图;精灵图;CSS重制样式表reset;CSS、Normalize.css;CSS命名规范,CSS常用名;C掌握和设计人员对接,把一张PSD图⽚切成自⼰需要的图片样式,按照效果图实现网站 节点5JS的DOM操作;DOM 节点;DOM 方法;DOM 属性;DOM 访问;DOM 修改;DOM 内容;DOM 元素;DOM 事件;JS的BOM操作;Window;Screen;Location;History;Navigator;PopupAlert;Timing;Cookies;AJAX掌握JS操作⻚面及浏览器元素,培养动⼿制作特效、表单验证的能⼒,掌握AJAX⽹⻚异步交互 节点6JQuery简介;JQuery 安装jQuery CSS 操作;jQuery 选择器;jQuery 筛选;jQuery HTML文档处理;jQuery 事件;jQuery效果;jQuery Ajax;jQuery 其他操作;jQuery 插件;掌握jQuery实现⻚面特效,表单验证,及AJAX异步交互 节点7项目实训:PS切图;CSS重置样式表;⽹页规范兼容性;SASS;Compass 精灵图代码压缩;常⻅网站效果;rem相对⼤小布局;能够独⽴完成网⻚布局,页面效果,表单验证的一整套网⻚制作 本模块会深入学习html5+css布局和特效制作,掌握jquery使用和常用特效制作,掌握流行js框架开发项目流程,并能使⽤原⽣JS开发网站常见各类特效,熟练掌握Ajax 技术
03 核心教学优势 专为提分设计
1 教师实力
先锋科教的教师团队全部来自设计公司,拥有至少七年相关设计经验,且拥有教学经验,兼职老师专职化,保证知识体系的常年更新,更可以保证实战经验的不断灌输
2 管理制度
我们采用末位淘汰制,教师知识陈旧,无法跟上时代步伐就会被淘汰,同时完善的教师管理体系,保证了教师在教学中始终保持热情,较大程度为学员服务
3 教学形式
注重与学员互动,教学形式灵活,让学员成为课上的主角抛弃传统纸质教材,采用电子教材授课以实际工作案例为教学主体,课后辅助教材补充,模拟实战结业设计辅导
04 学H5 来先锋科教培训学校
天津先锋科教培训
多年的发展历程
在多年的发展历程中,先锋科教广泛受到社会各界及用人企业的赞誉,行业内屡获殊荣。与国内外多家软件开发认证厂商形成紧密台作关系,也是多家国内外技能认证的授权代理机构。先锋科教同时还是一家研发和实体服务机构,其研发了“先锋兄弟三维数码网络系统”、“先锋软装数字化应用平台”、“先锋企业定制拓展服务平台”等。
