下一节: 设计Webkit渐变1623 次播放

5 秒后自动播放下一节
  重新观看

理想视频教程网前端页面视频教程

介绍 >
章节课件
第1章html和xhtml

HTML结构

04分钟00秒

HTML语法

09分钟48秒

HTML标签

17分钟13秒

HTML属性

11分钟29秒

XHTML结构

06分钟49秒

XHTML类型

05分钟08秒

DTD解析

06分钟13秒

名字空间

03分钟46秒
第2章html5介绍

HTML5语法

13分钟02秒

HTML5元素

15分钟12秒

HTML5属性

06分钟30秒

HTML5全局属性

07分钟57秒

HTML5其他功能

11分钟05秒

认识HTML5文档结构

11分钟02秒

HTML5元素分类

标识文章

05分钟10秒

给内容分段

设计导航信息

05分钟50秒

设计辅助信息

03分钟36秒

设计微格式

添加发布日期

添加标题块

01分钟58秒

给标题分组

添加脚注块

添加联系信息

设计大纲

设计样式

第3章实例应用

email类型的应用

03分钟45秒

url类型的应用

02分钟46秒

number类型的应用

range类型的应用

02分钟32秒

日期检出器类型的应用

search类型的应用

tel类型的应用

color类型的应用

第4章新增内容

新增的autocomplete属性

新增的autofocus属性

05分钟04秒

新增的form属性

新增的表单重写属性

新增的height与width属性

01分钟48秒

新增的list属性

新增的min、max和step属性

新增的multiple属性

新增的pattern属性

新增的placeholder属性

新增的required属性

新增的datalist元素

新增的keygen元素

新增的output元素

新增的autocomplete属性

00分钟58秒

新增的novalidate属性

01分钟28秒
第5章canvas绘图

在页面中添加canvas元素

02分钟33秒

Canvas如何绘制图形

06分钟14秒

认识Canvas坐标

何时不用Canvas

如果浏览器不支持Canvas

检测浏览器支持

绘制直线

02分钟34秒

绘制矩形

绘制圆形

绘制三角形

03分钟08秒

清空画布

绘制二次方贝塞尔曲线

绘制三次方贝塞尔曲线

保存与恢复Canvas状态

移动坐标空间

旋转坐标空间

旋转坐标空间

缩放图形

矩阵变换

图形的组合

04分钟55秒

裁切路径

应用不同的线型

绘制线性渐变

绘制径向渐变

绘制图案

设置图形的透明度

创建阴影

绘制填充文字

绘制轮廓文字

测量文字宽度

向Canvas中引入图像

改变图像大小

创建图像切片

07分钟04秒
第6章音频和视频

用JavaScript检测音频格式支持

04分钟20秒

用JavaScript检测视频格式支持

03分钟38秒

认识audio元素

02分钟28秒

播放音频

05分钟22秒

认识video元素

01分钟12秒

播放视频

06分钟11秒

音频与视频相关属性

音频与视频相关方法

08分钟58秒

音频与视频相关方法

音频与视频相关事件

用脚本控制音乐播放

查看视频帧画面

第7章Web浏览器应用

检查浏览器的支持性

06分钟32秒

设置和获取数据

防止数据泄露

Web Storage其他用法

02分钟25秒

Web Storage事件监测

03分钟37秒

实例1:设计网页皮肤

实例2:跟踪localStorage数据

05分钟48秒

实例3:设计计数器

综合应用:Web应用项目实时跟踪

08分钟56秒

使用Web SQL数据库

实例1:创建简单的本地数据库

05分钟56秒

实例2:批量存储本地数据

综合应用:Web Storage和Web SQL混合开发

实战1:缓存首页

实战2:离线编辑内容

实战3:离线跟踪

检查浏览器支持性

创建Web Workers

与Web Workers通信

使用Web Workers上机练习

第8章多线程应用

使用多线程实现后台运算

在后台过滤值

多任务并发处理

在多线程之间通信

使用线程技术计算Fibonacci数列

使用多线程绘图

编写应用主页面

03分钟13秒

编写Worker js

与Web Worker通信

04分钟15秒
第9章CSS3知识点详解

CSS1.0和CSS2.0概述

CSS与DIV标记之缘

05分钟15秒

CSS编码规范

07分钟57秒

属性选择器

05分钟15秒

RGBA 透明度

多栏布局

多背景图片

01分钟54秒

字符串溢出

块阴影与圆角阴影

圆角

边框图片

形变

CSS 3的应用范围

当前支持CSS 3的浏览器

案例实战:设计漂亮的表单

认识属性选择器

案例实战

认识结构伪类选择器

案例实战

认识常用UI伪类选择器

案例实战

其他选择器

定义text-shadow属性

应用阴影效果

综合实战:设计黑客网站首页

05分钟49秒

溢出文本

文本换行

使用RGBA颜色值

使用HSL颜色值

使用HSLA颜色值

定义opacity属性

定义transparent颜色值

用法详解

案例实战

01分钟04秒

用法详解

案例实战

用法详解

案例实战:设计椭圆图形

用法详解

案例实战:设计Windows7界面效果

定义背景坐标

定义背景裁剪区域

定义背景图像大小

定义背景图像循环方式

定义多背景图像

认识transform

04分钟26秒

旋转动画

缩放动画

移动动画

倾斜动画

变形动画

案例实战:设计涂鸦墙

自定义变形

定义复杂变形

定义过渡属性

定义过渡时间

定义过渡延迟时间

定义过渡效果

案例实战:设计OS导航器

案例实战:设计图片翻转特效

设计Webkit渐变

Webkit案例实战

设计Webkit渐变

Webkit案例实战

设计Gecko渐变

Gecko案例实战

设计IE渐变

设计W3C渐变

设计礼品盒

设计折叠面板

设计易拉罐

设计光盘滑动动画

设计下拉菜单

设计精致按钮

第10章布局

设计多列布局

03分钟16秒

定义列宽

01分钟29秒

定义列数

01分钟08秒

定义列间距

01分钟07秒

定义列边框样式

02分钟19秒

定义跨列显示

01分钟45秒

定义列高度

01分钟49秒

设计盒布局

04分钟53秒

定义自适应宽度ok

04分钟08秒

定义列显示顺序

01分钟48秒

定义列排列方向

01分钟13秒

定义模块大小自适应

03分钟05秒

消除空白

04分钟03秒

定义对齐方式

综合实战:设计多列网页

05分钟19秒

改变盒模型组成方式

调节元素尺寸

定义轮廓线

定义轮廓线位移

定义导航顺序

定义方向键控制顺序

添加显示内容

取消元素样式

慎用initial的情况

溢出处理

使用@font-face规则

认识Media Queries模块

认识@media规则

使用@media规则

在网站中应用@media规则

添加语音功能

设计倒影

04分钟42秒
  • 取消回复发送
  • 取消发布笔记发送