01-基础知识-第一次更新

软件

江哥推荐看视频软件-Mac.zip

江哥推荐看视频软件.-Windows.zip

IE6.zip

视频

01-浏览器和服务器(了解)-李南江.mp4

02-浏览器访问网页原理(理解)-李南江.mp4

03-浏览器请求数据的过程(理解)-李南江.mp4

04-什么是URL(理解)-李南江.mp4

05-HTTP协议(理解)-李南江.mp4

06-其它知识补充(理解)-李南江.mp4

资料

浏览器请求数据过程.pptx

01-HTML基本概念.png

02-认识HTML-第一次更新

代码

01-第一个网页.html

02-字符集问题.html

02-字符集问题2.html

03-DTD文档声明.html

03-DTD文档声明2.htm

郑伊健.html

视频

07-HTML作用(掌握)-李南江.mp4

08-HTML发展史(了解)-李南江.mp4

09-第一个HTML网页(掌握)-李南江.mp4

10-HTML基本结构详解(掌握)-李南江.mp4

11-字符集问题(掌握)-李南江.mp4

12-标签的分类(掌握)-李南江.mp4

13-DTD文档声明上(掌握)-李南江.mp4

14-DTD文档声明下(了解)-李南江.mp4

15-HTML-XHTML-HTML5区别(了解)-李南江.mp4

资料

发展史.pptx

02-认识HTML.png

03-基础标签-第一次更新

代码

c

5.jpeg

images

NJ.jpg

QRCode.jpg

test

demo

images

a

b

3.jpg

2.jpg

1.jpeg

0.jpg

10-路径练习.html

4.jpg

04-H标签-P标签-Hr标签.html

05-标签综合练习.html

06-注释.html

07-img标签.html

08-br标签.html

09-路径问题.html

10-a标签基本使用.html

11-base标签.html

12-假链接.html

13-锚点.html

13-锚点测试界面.html

Test.html

软件

视频

16-WebStorm安装(理解)-李南江.mp4

17-H标签和P标签以及Hr标签(掌握)-李南江.mp4

18-标签综合练习(掌握)-李南江.mp4

19-注释(掌握)-李南江.mp4

20-img标签(掌握)-李南江.mp4

21-br标签(掌握)-李南江.mp4

22-路径问题(理解)-李南江.mp4

23-路径练习(理解)-李南江.mp4

24-a标签基本使用(掌握)-李南江.mp4

25-a标签其它属性(掌握)-李南江.mp4

26-base标签(掌握)-李南江.mp4

27-假链接(掌握)-李南江.mp4

28-锚点(掌握)-李南江.mp4

作业

02-路径练习

c

5.jpeg

test

demo

images

a

b

3.jpg

2.jpg

1.jpeg

0.jpg

10-路径练习.html

4.jpg

路径练习.png

01-新闻.html

03-基础标签.png

04-列表标签-第一次更新

代码

images

NJ.jpg

14-无序列表.html

15-无序列表练习.html

16-无序列表练习2.html

17-无序列表练习3.html

18-有序列表.html

19-定义列表.html

20-定义列表练习(了解).html

视频

29-无序列表(掌握)-李南江.mp4

30-无序列表练习(理解)-李南江.mp4

31-无序列表练习2(理解)-李南江.mp4

32-无序列表练习3(理解)-李南江.mp4

33-有序列表(理解)-李南江.mp4

34-定义列表(掌握)-李南江.mp4

35-定义列表练习(了解)-李南江.mp4

作业

03-新闻列表.html

04-四大名著.html

05-多级列表.html

06-定义列表练习.html

04-列表标签.png

05-表格标签-第一次更新

代码

images

down.jpg

NJ.jpg

QRCode.jpg

register.jpg

up.jpg

21-表格标签基本使用.html

22-表格标签的属性.html

23-细线表格.html

24-表格标签的其它标签.html

25-表格的结构.html

26-单元格合并.html

27-单元格合并练习.html

视频

36-表格标签基本使用(理解)-李南江.mp4

37-表格标签的属性(了解)-李南江.mp4

38-细线表格(理解)-李南江.mp4

39-表格中的其它标签(理解)-李南江.mp4

40-表格的结构(了解)-李南江.mp4

41-单元格合并(理解)-李南江.mp4

资料

table.png

作业

images

table1

down.jpg

up.jpg

table2

download.jpg

html+css.jpg

table3

photo_1.jpg

photo_10.jpg

photo_2.jpg

photo_3.jpg

photo_4.jpg

photo_5.jpg

photo_6.jpg

photo_7.jpg

photo_8.jpg

photo_9.jpg

07-今日小说排行榜.html

08-表格作业1.html

09-表格作业2.html

05-表格标签.png

06-表单标签-第一次更新

代码

images

down.jpg

NJ.jpg

QRCode.jpg

register.jpg

up.jpg

yinyue.mp3

28-表单标签.html

29-表单标签2.html

30-Label标签.html

31-Datalist标签.html

32-表单标签-H5.html

33-表单标签3.html

34-表单练习.html

视频

42-表格练习(了解)-李南江.mp4

43-表单标签-input(掌握)-李南江.mp4

44-表单标签-按钮(掌握)-李南江.mp4

45-Label标签(掌握)-李南江.mp4

46-dalist标签(了解)-李南江.mp4

47-表单标签-H5(了解)-李南江.mp4

48-表单标签-非input标签(掌握)-李南江.mp4

49-表单练习(理解)-李南江.mp4

资料

汇款单.gif

银行取钱1.jpg

作业

10-表单练习.html

06-表单标签.png

07-多媒体标签-第一次更新

代码

images

down.jpg

NJ.jpg

QRCode.jpg

register.jpg

sb1.mp4

sb1.ogg

sb1.webm

sb2.mp4

sb2.ogg

sb2.webm

up.jpg

yinyue.mp3

35-video标签.html

36-video标签的第二种格式.html

37-audio标签.html

38-详情和概要标签.html

39-marquee标签.html

40-HTML中被废弃的标签.html

41-字符实体.html

视频

50-video标签(掌握)-李南江.mp4

51-video标签第二种格式(掌握)-李南江.mp4

52-audio标签(掌握)-李南江.mp4

53-详情和概要标签(理解)-李南江.mp4

54-marquee标签(理解)-李南江.mp4

55-HTML中被废弃的标签(掌握)-李南江.mp4

56-字符实体(理解)-李南江.mp4

作业

11HTML阶段测试.html

07-多媒体标签.png

08-体验CSS-9月30日第二次更新

代码

01-体验CSS.html

02-CSS的格式.html

视频

01-体验CSS(理解)-李南江.mp4

02-CSS的固定格式(掌握)-李南江.mp4

09-CSS属性-9月30日第二次更新

代码

03-文字属性.html

04-字体属性补充.html

05-文字属性的缩写.html

06-文本属性.html

07-颜色属性.html

视频

03-文字相关属性(掌握)-李南江.mp4

04-字体属性补充(掌握)-李南江.mp4

05-文字属性的简写(掌握)-李南江.mp4

06-文本属性(掌握)-李南江.mp4

07-颜色控制属性上(理解)-李南江.mp4

07-颜色控制属性下(理解)-李南江.mp4

09-CSS属性.png

10-CSS选择器-9月30日第二次更新

代码

08-标签选择器.html

09-id选择器.html

10-类选择器.html

11-id选择器和class选择器.html

12-后代选择器.html

13-子元素选择器.html

14-后代选择器和子元素选择器.html

15-交集选择器.html

16-并集选择器.html

17-兄弟选择器.html

18-序选择器上.html

19-序选择器下.html

20-属性选择器上.html

21-属性选择器下.html

22-通配符选择器.html

23-选择器练习.html

视频

08-标签选择器(掌握)-李南江.mp4

09-id选择器(掌握)-李南江.mp4

10-类选择器(掌握)-李南江.mp4

11-id选择器和类选择器(理解)-李南江.mp4

12-后代选择器(掌握)-李南江.mp4

13-子元素选择器(掌握)-李南江.mp4

14-后代选择器和子元素选择器(理解)-李南江.mp4

15-交集选择器(理解)-李南江.mp4

16-并集选择器(掌握)-李南江.mp4

17-兄弟选择器(掌握)-李南江.mp4

18-序选择器上(掌握)-李南江.mp4

19-序选择器下(掌握)-李南江.mp4

20-属性选择器上(理解)-李南江.mp4

21-属性选择器下(理解)-李南江.mp4

22-通配符选择器(理解)-李南江.mp4

23-选择器练习(理解)-李南江.mp4

10-CSS选择器.png

11-CSS三大特性-10月04日第三次更新

代码

24-CSS三大特性之继承性.html

25-CSS三大特性之层叠性.html

26-CSS三大特性之优先级.html

27-优先级之important.html

28-优先级之权重问题.html

练习

选择器练习1.html

选择器练习2.html

选择器练习3.html

选择器练习4.html

选择器练习5.html

选择器练习6.html

视频

24-谷歌开发者工具其它使用(理解)-李南江.mp4

25-继承性(掌握)-李南江.mp4

26-层叠性(掌握)-李南江.mp4

27-优先级(掌握)-李南江.mp4

28-!important(掌握)-李南江.mp4

29-权重问题(掌握)-李南江.mp4

30-CSS三大特性练习(理解)-李南江.mp4

12-CSS显示模式-10月04日第三次更新

代码

images

bdlogo.gif

ic.jpg

picture.jpg

29-div和span标签.html

30-CSS元素的显示模式.html

31-CSS元素显示模式转换.html

32-百度首页.html

视频

31-div和span标签(掌握)-李南江.mp4

32-CSS元素显示模式(掌握)-李南江.mp4

33-CSS元素显示模式转换(掌握)-李南江.mp4

34-百度首页(理解)-李南江.mp4

13-CSS背景和精灵图-10月04日第三次更新

代码

images

1.png

a-z.jpg

bdlogo.gif

bg.png

bg2.jpg

bybg.jpg

bybottom.png

girl.jpg

ic.jpg

picture.jpg

weibo.png

yylm.jpg

33-背景颜色.html

34-背景图片.html

35-背景平铺属性.html

36-背景定位属性.html

37-背景缩写.html

38-背景图片和插入图片区别.html

39-背景图片练习.html

40-CSS精灵图.html

41-CSS精灵图练习.html

软件

Fireworks-CS6.zip

视频

35-背景颜色(掌握)-李南江.mp4

36-背景图片(掌握)-李南江.mp4

37-背景平铺(掌握)-李南江.mp4

38-背景定位上(掌握)-李南江.mp4

39-背景定位下(掌握)-李南江.mp4

40-背景关联和缩写（理解)-李南江.mp4

41-背景图片和插入图片区别(掌握)-李南江.mp4

42-背景图片练习(理解)-李南江.mp4

43-CSS精灵图(掌握)-李南江.mp4

44-精灵图练习(理解)-李南江.mp4

14-盒模型-10月07日第四次更新

代码

images

girl.jpg

42-边框属性上.html

43-边框属性下.html

44-边框练习.html

45-内边距属性.html

46-外边距属性.html

47-外边距合并现象.html

48-CSS盒子模型.html

49-盒子模型宽度和高度.html

50-盒子宽高练习.html

51-盒子box-sizing属性.html

52-盒子模型练习2.html

53-盒子居中和内容居中.html

视频

45-边框属性上(掌握)-李南江.mp4

46-边框属性下(掌握)-李南江.mp4

47-边框练习(理解)-李南江.mp4

48-内边距属性(掌握)-李南江.mp4

49-外边距属性(掌握)-李南江.mp4

50-外边距合并现象(掌握)-李南江.mp4

51-盒子模型(理解)-李南江.mp4

52-盒子宽度和高度(理解)-李南江.mp4

53-盒子宽度和高度练习1(理解)-李南江.mp4

54-盒子宽度和高度练习2(掌握)-李南江.mp4

55-盒子box-sizing属性(理解)-李南江.mp4

56-盒子模型练习3(理解)-李南江.mp4

57-盒子居中和内容居中(理解)-李南江.mp4

资料

盒子模型.jpg

W3C盒子和IE盒子.gif

作业

盒子模型练习3_spec.png

盒子模型练习3.png

test.png

15-浮动-10月12日第五次更新

代码

54-清空默认边距.html

55-行高和字号.html

56-还原字体和字号.html

57-文章界面.html

58-网页的布局方式.html

59-浮动元素的脱标.html

60-浮动元素排序规则.html

61-浮动元素贴靠现象.html

62-浮动元素字围现象.html

视频

58-清空默认边距(掌握)-李南江.mp4

59-行高和字号(掌握)-李南江.mp4

60-还原字体和字号(掌握)-李南江.mp4

61-文字界面(理解)-李南江.mp4

62-网页布局方式(掌握)-李南江.mp4

63-浮动流基本概念(掌握)-李南江.mp4

64-浮动元素脱标(理解)-李南江.mp4

65-浮动元素排序规则(理解)-李南江.mp4

66-浮动元素贴靠现象(理解)-李南江.mp4

67-浮动元素字围现象(理解)-李南江.mp4

资料

盒子模型练习3_spec.png

16-清除浮动-10月14日第六次更新

代码

63-浮动练习.html

64-浮动元素高度问题.html

65-清除浮动方式一.html

66-清除浮动方式二.html

67-清除浮动方式三.html

68-伪元素选择器.html

69-清除浮动方式四.html

70-清除浮动方式五.html

视频

68-浮动练习上(理解)-李南江.mp4

69-浮动练习中(理解)-李南江.mp4

70-浮动练习下(理解)-李南江.mp4

71-浮动元素高度问题(掌握)-李南江.mp4

72-清除浮动方式一(理解)-李南江.mp4

73-清除浮动方式二(理解)-李南江.mp4

74-margintop失效原因(理解)-李南江.mp4

75-清除浮动方式三(理解)-李南江.mp4

76-清除浮动方式四(理解)-李南江.mp4

77-伪元素选择器(掌握)-李南江.mp4

78-清除浮动方式五(理解)-李南江.mp4

79-清除浮动方式六(理解)-李南江.mp4

18-定位-10月26日第八次更新

代码

images

ad.jpg

content.png

hot.png

left_ad.png

meat.jpg

nav.png

right_ad.png

tuangou.png

vcode.jpg

75-定位流-相对定位.html

76-定位流-绝对定位.html

77-绝对定位-参考点.html

78-绝对定位-注意点.html

79-绝对定位-子绝父相.html

80-绝对定位-水平居中.html

81-定位练习1.html

82-定位练习2.html

83-定位流-固定定位.html

84-固定定位-应用场景.html

85-定位流-z-index属性.html

视频

89-定位流-相对定位(掌握)-李南江.mp4

90-相对定位-注意点(掌握)-李南江.mp4

91-定位流-绝对定位(掌握)-李南江.mp4

92-绝对定位0参考点(掌握)-李南江.mp4

93-绝对定位-注意点(掌握)-李南江.mp4

94-绝对定位-子绝父相(掌握)-李南江.mp4

95-绝对定位-水平居中(理解)-李南江.mp4

96-定位练习-团购界面(理解)-李南江.mp4

97-定位练习-焦点图(理解)-李南江.mp4

98-定位流-固定定位(掌握)-李南江.mp4

99-定位练习-新浪首页(理解)-李南江.mp4

100-定位流-z-index属性(掌握)-李南江.mp4

19-过渡模块-12月30日第九次更新

代码

images

ad1.jpg

ad2.jpg

ad3.jpg

ad4.jpg

ad5.jpg

ad6.jpg

86-a标签的伪类选择器.html

87-a标签的伪类选择器练习.html

88-过渡模块.html

89-过渡模块-其它属性.html

90-过渡模块-连写.html

91-过渡模块-弹性效果.html

92-过渡模块-手风琴效果.html

视频

101-a标签伪类选择器(掌握)-李南江.mp4

102-a标签伪类选择器注意点(掌握)-李南江.mp4

103-a标签伪类选择器-练习(理解)-李南江.mp4

104-过渡模块基本使用(掌握)-李南江.mp4

105-过渡模块-其它属性(理解)-李南江.mp4

106-过渡模块-连写(掌握)-李南江.mp4

107-过渡模块-弹性效果(理解)-李南江.mp4

108-过渡模块-手风琴效果(理解)-李南江.mp4

资料

过渡曲线.png

20-2D转换模块-12月31日第十次更新

代码

images

1.jpg

2.jpg

3.jpg

4.jpg

pk.png

rotateX.jpg

rotateY.jpg

rotateZ.jpg

93-2D转换模块.html

94-2D转换模块-形变中心点.html

95-2D转换模块-旋转轴向.html

96-2D转换模块-练习.html

97-2D转换模块-相片墙.html

98-盒子阴影和文字阴影.html

99-翻转菜单-综合练习.html

视频

109-2D转换模块(掌握)-李南江.mp4

110-2D转换模块-形变中心点(掌握)-李南江.mp4

111-2D转换模块-旋转轴向(理解)-李南江.mp4

112-2D转换模块-透视属性(理解)-李南江.mp4

113-2D转换模块-相片墙(理解)-李南江.mp4

114-盒子阴影和文字阴影(掌握)-李南江.mp4

115-翻转菜单-综合练习(理解)-李南江.mp4

资料

近大远小.jpg

旋转轴向.jpg

坐标系.png

21-动画模块-1月2日第十一次更新

代码

images

banner1.png

banner2.jpg

banner3.jpg

banner4.jpg

cloud_one.png

cloud_three.png

cloud_two.png

100-动画模块.html

101-动画模块-其它属性上.html

102-动画模块-其它属性下.html

103-动画模块-连写.html

104-动画模块-云层效果.html

105-动画模块-无限滚动.html

视频

116-动画模块(掌握)-李南江.mp4

117-动画模块-其它属性上(理解)-李南江.mp4

118-动画模块-其它属性下(理解)-李南江.mp4

119-动画模块-连写(掌握)-李南江.mp4

120-动画模块-云层动画(理解)-李南江.mp4

121-动画模块-无限滚动上(掌握)-李南江.mp4

122-动画模块-无限滚动下(掌握)-李南江.mp4

22-3D转换模块-1月4日第十二次更新

代码

images

jacky

1.png

2.jpg

3.jpg

4.gif

5.jpg

6.jpg

江哥最爱的歌.mp3

bg.jpg

huaban.png

xin.png

banner1.png

banner2.jpg

banner3.jpg

banner4.jpg

106-3D转换模块.html

107-3D转换模块-正方体.html

108-3D转换模块-正方体终极.html

109-3D转换模块-长方体.html

110-3D转换模块-练习.html

111-3D播放器上.html

111-3D播放器下.html

视频

123-3D转换模块(掌握)-李南江.mp4

124-3D转换模块-正方体(理解)-李南江.mp4

125-3D转换模块-正方体(理解)-李南江.mp4

126-3D转换模块-长方体(理解)-李南江.mp4

127-3D转换模块-练习(理解)-李南江.mp4

128-3D播放器上(理解)-李南江.mp4

129-3D播放器下(理解)-李南江.mp4

23-背景相关-1月6日第十三次更新

代码

images

animal1.png

animal2.png

animal3.png

animal4.png

animal5.png

bg-clouds.png

bg-plane.png

bg-sun.png

dog.jpg

112-背景尺寸属性.html

113-背景图片定位区域属性.html

114-背景绘制区域属性.html

115-多重背景图片.html

116-多重背景图片-练习.html

视频

130-背景尺寸属性(掌握)-李南江.mp4

131-背景图片定位区域属性(理解)-李南江.mp4

132-背景绘制区域属性(理解)-李南江.mp4

133-多重背景图片(掌握)-李南江.mp4

134-多重背景图片-练习(理解)-李南江.mp4

00-跟着江哥狂虐H5+跨平台-开篇介绍.mp4