远知教育网
天津先锋科教
tel
【先锋科教】H5精修课

  节点学习内容节点项目范例最终学习目标描述

  节点1

  认识网站:学习网站相关知识

  掌握DW界面和其功能

  HTML是网页制作必备技能,主要介绍HTML概念、语法及常用基础标签

  节点2

  代码入门:HTML代码基础及CSS层叠样式表概述

  css的盒子模型,更好的排版,进行页面布局。 介绍CSS语法、选择器、继承、层叠及优先级基础内容。

  节点3

  知识进阶:表单制作、JavaScript、html5+css3

  表单标签的编写规范、嵌套规范以及相关属性的用法讲解

  了解JavaScript语言,掌握它的语法、数据类型、基本算数和逻辑运算操作,方便我们开发中直接调用,进而实现更多功能 常见的html5标签

  讲解css3的圆角、阴影、旋转、缩放、以及速率等属性值

  节点4

  实战应用:入门网站制作

  进阶网站制作

  多平台网站设计战略

  搭建一个网页HTML结构,并掌握网布局相应知识与技巧。

  针对CSS中的基础布局以及经典的布局展开详细的讲解。

  对前面知识的综合应用,通过项目实战,更加熟练掌握基础知识,在实践中复习、巩固知识,提高综合能力。

  本模块完成后学员具备完成简单静态页面能力,可以从事网页前台制作的工作,但是因为更深入的技术缺乏,无法胜任更高级的设计与开发工作,属于网页设计最底层的工作能力要求程度

  模块B. H5前端设计课程

  节点学习内容节点项目范例最终学习目标描述

  节点1

  H5前端开发环境介绍:传统网站知识布局总结

  前端开发环境介绍:DreamWeaver、 Notepad++、HBuilder

  HTML基础,CSS基础,CSS核心属性

  CSS样式层叠继承,盒模型

  节点2

  HTML5基础及案例练习

  HTML5提供了新的元素来创建更好的页面结构,告别传统代码不能更好语义化说明及页面新功能增加。

  新增标签介绍:、、、、、、... ...

  移除标签介绍: 、、、 ... ...

  节点3

  CSS3基础及案例练习

  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;... ...

  三种定位布局方式,

  定位在交互上的应用。

  响应式设计: 就是我们日常说的手机网站或三屏合一网站。

  通过使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局。最终达到网站的不同尺寸布局。

  节点5

  实战应用:入门网站制作

  进阶网站制作

  对前面知识的综合应用,通过项目实战,更加熟练掌握基础知识,在实践中复习、巩固知识,提高综合能力。

  更多课程详情请咨询400-882-7992

天津先锋科教咨询报名电话:400-882-7992,欢迎来电咨询!

上一篇:

下一篇:WEB前端

在线报名Online registration

联系我们Contact us

电话:400-882-7992 邮箱:px58_vip@163.com

在线客服  在线客服

天津先锋科教 咨询电话:400-882-7992 在线客服:
Copyright 2010-2018 远知网版权所有 京ICP备13041461号-1 远知网-关于我们