时时商务社区

标题: HTML5+CSS3开发专修班 [打印本页]

---

作者: xgnic    时间: 2016-3-20 15:33
标题: 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