HTML5+CSS3开发专修班

HTML5+CSS3开发专修班
发布时间：2016-03-20

<*>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 文章来源