nächsten Abschnitt: 在页面中添加canvas元素1912 spielt ab

5 秒后自动播放下一节
  Nochmal ansehen

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

Einführung >
KapitelKursunterlagen
Kapitel1html und xhtml

HTML结构

04 Minuten00 Sekunden

HTML语法

09 Minuten48 Sekunden

HTML标签

17 Minuten13 Sekunden

HTML属性

11 Minuten29 Sekunden

XHTML结构

06 Minuten49 Sekunden

XHTML类型

05 Minuten08 Sekunden

DTD解析

06 Minuten13 Sekunden

名字空间

03 Minuten46 Sekunden
Kapitel2HTML5-Einführung

HTML5语法

13 Minuten02 Sekunden

HTML5元素

15 Minuten12 Sekunden

HTML5属性

06 Minuten30 Sekunden

HTML5全局属性

07 Minuten57 Sekunden

HTML5其他功能

11 Minuten05 Sekunden

认识HTML5文档结构

11 Minuten02 Sekunden

HTML5元素分类

标识文章

05 Minuten10 Sekunden

给内容分段

设计导航信息

05 Minuten50 Sekunden

设计辅助信息

03 Minuten36 Sekunden

设计微格式

添加发布日期

添加标题块

01 Minuten58 Sekunden

给标题分组

添加脚注块

添加联系信息

设计大纲

设计样式

Kapitel3Beispielanwendung

email类型的应用

03 Minuten45 Sekunden

url类型的应用

02 Minuten46 Sekunden

number类型的应用

range类型的应用

02 Minuten32 Sekunden

日期检出器类型的应用

search类型的应用

tel类型的应用

color类型的应用

Kapitel4Neuer Inhalt

新增的autocomplete属性

新增的autofocus属性

05 Minuten04 Sekunden

新增的form属性

新增的表单重写属性

新增的height与width属性

01 Minuten48 Sekunden

新增的list属性

新增的min、max和step属性

新增的multiple属性

新增的pattern属性

新增的placeholder属性

新增的required属性

新增的datalist元素

新增的keygen元素

新增的output元素

新增的autocomplete属性

00 Minuten58 Sekunden

新增的novalidate属性

01 Minuten28 Sekunden
Kapitel5Leinwandzeichnung

在页面中添加canvas元素

02 Minuten33 Sekunden

Canvas如何绘制图形

06 Minuten14 Sekunden

认识Canvas坐标

何时不用Canvas

如果浏览器不支持Canvas

检测浏览器支持

绘制直线

02 Minuten34 Sekunden

绘制矩形

绘制圆形

绘制三角形

03 Minuten08 Sekunden

清空画布

绘制二次方贝塞尔曲线

绘制三次方贝塞尔曲线

保存与恢复Canvas状态

移动坐标空间

旋转坐标空间

旋转坐标空间

缩放图形

矩阵变换

图形的组合

04 Minuten55 Sekunden

裁切路径

应用不同的线型

绘制线性渐变

绘制径向渐变

绘制图案

设置图形的透明度

创建阴影

绘制填充文字

绘制轮廓文字

测量文字宽度

向Canvas中引入图像

改变图像大小

创建图像切片

07 Minuten04 Sekunden
Kapitel6Audio und Video

用JavaScript检测音频格式支持

04 Minuten20 Sekunden

用JavaScript检测视频格式支持

03 Minuten38 Sekunden

认识audio元素

02 Minuten28 Sekunden

播放音频

05 Minuten22 Sekunden

认识video元素

01 Minuten12 Sekunden

播放视频

06 Minuten11 Sekunden

音频与视频相关属性

音频与视频相关方法

08 Minuten58 Sekunden

音频与视频相关方法

音频与视频相关事件

用脚本控制音乐播放

查看视频帧画面

Kapitel7Webbrowser-Anwendung

检查浏览器的支持性

06 Minuten32 Sekunden

设置和获取数据

防止数据泄露

Web Storage其他用法

02 Minuten25 Sekunden

Web Storage事件监测

03 Minuten37 Sekunden

实例1:设计网页皮肤

实例2:跟踪localStorage数据

05 Minuten48 Sekunden

实例3:设计计数器

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

08 Minuten56 Sekunden

使用Web SQL数据库

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

05 Minuten56 Sekunden

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

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

实战1:缓存首页

实战2:离线编辑内容

实战3:离线跟踪

检查浏览器支持性

创建Web Workers

与Web Workers通信

使用Web Workers上机练习

Kapitel8Multithread-Anwendung

使用多线程实现后台运算

在后台过滤值

多任务并发处理

在多线程之间通信

使用线程技术计算Fibonacci数列

使用多线程绘图

编写应用主页面

03 Minuten13 Sekunden

编写Worker js

与Web Worker通信

04 Minuten15 Sekunden
Kapitel9Detaillierte Erläuterung der CSS3-Wissenspunkte

CSS1.0和CSS2.0概述

CSS与DIV标记之缘

05 Minuten15 Sekunden

CSS编码规范

07 Minuten57 Sekunden

属性选择器

05 Minuten15 Sekunden

RGBA 透明度

多栏布局

多背景图片

01 Minuten54 Sekunden

字符串溢出

块阴影与圆角阴影

圆角

边框图片

形变

CSS 3的应用范围

当前支持CSS 3的浏览器

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

认识属性选择器

案例实战

认识结构伪类选择器

案例实战

认识常用UI伪类选择器

案例实战

其他选择器

定义text-shadow属性

应用阴影效果

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

05 Minuten49 Sekunden

溢出文本

文本换行

使用RGBA颜色值

使用HSL颜色值

使用HSLA颜色值

定义opacity属性

定义transparent颜色值

用法详解

案例实战

01 Minuten04 Sekunden

用法详解

案例实战

用法详解

案例实战:设计椭圆图形

用法详解

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

定义背景坐标

定义背景裁剪区域

定义背景图像大小

定义背景图像循环方式

定义多背景图像

认识transform

04 Minuten26 Sekunden

旋转动画

缩放动画

移动动画

倾斜动画

变形动画

案例实战:设计涂鸦墙

自定义变形

定义复杂变形

定义过渡属性

定义过渡时间

定义过渡延迟时间

定义过渡效果

案例实战:设计OS导航器

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

设计Webkit渐变

Webkit案例实战

设计Webkit渐变

Webkit案例实战

设计Gecko渐变

Gecko案例实战

设计IE渐变

设计W3C渐变

设计礼品盒

设计折叠面板

设计易拉罐

设计光盘滑动动画

设计下拉菜单

设计精致按钮

Kapitel10Layout

设计多列布局

03 Minuten16 Sekunden

定义列宽

01 Minuten29 Sekunden

定义列数

01 Minuten08 Sekunden

定义列间距

01 Minuten07 Sekunden

定义列边框样式

02 Minuten19 Sekunden

定义跨列显示

01 Minuten45 Sekunden

定义列高度

01 Minuten49 Sekunden

设计盒布局

04 Minuten53 Sekunden

定义自适应宽度ok

04 Minuten08 Sekunden

定义列显示顺序

01 Minuten48 Sekunden

定义列排列方向

01 Minuten13 Sekunden

定义模块大小自适应

03 Minuten05 Sekunden

消除空白

04 Minuten03 Sekunden

定义对齐方式

综合实战:设计多列网页

05 Minuten19 Sekunden

改变盒模型组成方式

调节元素尺寸

定义轮廓线

定义轮廓线位移

定义导航顺序

定义方向键控制顺序

添加显示内容

取消元素样式

慎用initial的情况

溢出处理

使用@font-face规则

认识Media Queries模块

认识@media规则

使用@media规则

在网站中应用@media规则

添加语音功能

设计倒影

04 Minuten42 Sekunden
  • StornierenAntwortSenden
  • Storniereneine Notiz postenSenden