获取资料

北京HTML5逆战班2020期视频教程

北京HTML5逆战班2020期视频教程

目录:

20200203

直播回放视频

2020-02-03 下午第二节(HTML入门).mp4

2020-02-03 下午第一节(HTML入门).mp4

练习

练习.txt

课件

01_第一个网页.html

02_网站深入了解.html

03_html标签.html

04_html的初始代码.html

笔记.txt

20200204

直播回放视频

2020-02-04 上午第二节(常见标签).mp4

2020-02-04 上午第一节(常见标签).mp4

2020-02-04 下午第二节(表格标签).mp4

2020-02-04 下午第一节(列表标签).mp4

练习

01_标题与段落.html

02_文本修饰.html

03_无序列表.html

04_有序列表.html

05_定义列表.html

06_嵌套列表小案例.png

07_表格信息展示小案例.jpg

08_表单信息展示小案例.png

09_表格表单组合.html

font.png

img_03.jpg

img_05.jpg

作业1.jpg

文本练习1.png

文本练习2.png

练习.txt

课件

img

laoli.jpg

tianqi_1.png

tianqi_2.png

链接的练习

html

detail.html

list.html

images

1.jpg

2.jpg

index.html

01_html注释.html

02_标题与段落.html

03_个人简介.html

04_文本修饰标签.html

05_br和hr.html

06_图片标签.html

07_链接.html

08_锚点跳转.html

09_特殊字符.html

10_列表.html

11_嵌套列表的食谱.html

12_表格.html

HTML历史.png

笔记.txt

20200205

直播回放视频

2020-02-05 上午第二节(表单标签).mp4

2020-02-05 上午第一节(练习讲解).mp4

2020-02-05 下午第二节(CSS背景与边框).mp4

2020-02-05 下午第一节(CSS入门).mp4

练习

练习.txt

课件

img

1.jpg

2.jpg

3.jpg

laoli.jpg

合并行.jpg

和并列.jpg

1_表格的练习.html

2_表单.html

3_表单与表格结合.html

4_div和span.html

5_CSS入门.html

6_common.css

6_CSS颜色.html

7_背景样式.html

08_表单信息展示小案例.png

8_简易版视觉差网站.html

9_CSS边框.html

笔记.txt

练习.txt

颜色名称.jpg

20200206

直播回放视频

2020-02-06 下午第二节(CSS字体和段落).mp4

2020-02-06 下午第一节(整页HTML制作).mp4

2020-02-06上午第二节(复习).mp4

2020-02-06上午第一节(复习).mp4

练习

练习.txt

课件

1_表单的练习.html

arrow.png

3_简易的视觉差网页.html

4_背景大小.html

5_标签的练习.html

6_整页的结构.html

7_CSS字体.html

8_CSS段落样式.html

2_查找CSS错误.html

css命名.txt

laoli.jpg

table5.jpg

企业站1.jpg

效果图.png

笔记.txt

练习.txt

20200207

直播回放视频

2020-02-07 上午第二节(选择器).mp4

2020-02-07 上午第一节(复合样式).mp4

2020-02-07 下午第二节(选择器).mp4

2020-02-07 下午第一节(选择器).mp4

练习

练习.txt

课件

1_行高.html

2-3-3.png

2-3-5.png

2_间距.html

2-3-1.png

3_个人简历.html

4_复合写法.html

5_利用行高让文字上下居中.html

6_CSS选择器.html

7_CSS层次选择器.html

8_CSS属性选择器.html

9_伪类选择器.html

10_结构伪类选择器.html

font.png

laoli.jpg

timg.jpg

复合样式练习.png

笔记.txt

练习.txt

20200210

直播回放视频

2020-02-10 上午第二节(CSS优先级和盒子模型).mp4

2020-02-10 上午第一节(第一周练习讲解).mp4

2020-02-10 下午第二节(CSS盒子模型).mp4

2020-02-10 下午第一节(CSS盒子模型).mp4

练习

练习.txt

课件

上周的练习

1_练习.html

2_练习.html

3_练习.html

4_练习.html

5_练习.html

arrow.png

laoli.jpg

1_CSS继承.html

2_CSS优先级.html

3_CSS盒子模型.html

4_boxSizing.html

5_盒子模型的问题.html

6_盒子的应用.html

7_盒子的练习.html

8_overflow.html

base.css

作业8.gif

字号对比.png

盒子模型.gif

笔记.txt

练习.txt

20200211

直播回放视频

2020-02-11 上午第二节(标签分类).mp4

2020-02-11 上午第一节(复习).mp4

2020-02-11 下午的回放视频(从直播厂商找回的).mp4

2020-02-11 下午第二节(重置默认样式).mp4

2020-02-11 下午第一节(标签规范)-文件已坏损.mp4

练习

练习.txt

课件

1_盒子.html

2_练习.html

3_练习.html

4_复习.html

5_练习.html

6_标签的分类.html

7_display.html

8_opacity.html

9_cursor.html

10_最小最大宽高.html

11_默认样式.html

arrow.png

cursor.ico

laoli.jpg

WEB前端助手(FeHelper)_v2019.07.2516.crx

作业8.gif

笔记.txt

练习.png

练习.txt

20200212

直播回放视频

2020-02-12 上午第二节(PS切图).mp4

2020-02-12 上午第一节(PS工具).mp4

2020-02-12 下午第二节(float清除浮动).mp4

2020-02-12 下午第一节(PS切图和浮动).mp4

练习

练习.txt

课件

1_PS.html

arrow.png

float练习1.png

pic.png

pic2.png

博文尚美首页.jpg

博文尚美首页.psd

圈圈-jpg.png

4_float.html

5_float注意点.html

2_PS实战.html

6_清除浮动.html

圈圈-psd.png

3_PS实战.html

城市.jpg

搞笑.gif

笔记.txt

练习.png

练习.txt

葡萄.png

20200213

直播回放视频

2020-02-13 上午第二节(浮动的练习).mp4

2020-02-13 上午第一节(浮动的练习).mp4

2020-02-13 下午第二节(定位).mp4

2020-02-13 下午第一节(浮动的练习).mp4

练习

练习.txt

课件

img

pic1.png

pic2.png

pic3.png

title-bg.png

title-bg2.png

title-icon.png

dot.png

2_练习.html

3_练习.html

4_练习.html

5_练习.html

6_定位.html

7_定位.html

8_黏性定位.html

Lanhu-Photoshop-Windows.zip

1_清除浮动.html

line.png

yk.8.png

youku_img.jpg

优酷.png

作业.gif

作业浮动与定位.png

笔记.txt

练习.txt

首页.psd

20200214

直播回放视频

2020-02-14 上午第二节(练习讲解).mp4

2020-02-14 上午第一节(练习讲解).mp4

2020-02-14 下午第二节(BFC 圆角).mp4

2020-02-14 下午第一节(练习讲解).mp4

练习

练习.txt

课件

img

pic1.png

pic2.png

pic3.png

title-bg.png

title-bg2.png

title-icon.png

news

lanhu

icon.png.png

pic1.jpg.png

pic2.jpg.png

demo.html

demo2.html

icon.png

pic1.jpg

pic2.jpg

pic3.jpg

tip.png

首页_slices.zip

youku

demo.html

icon1.png

icon2.png

line.png

youku_img.jpg

1_练习.html

2_机器猫.html

3-dangdang.png

3_练习.html

4_BFC.html

5_BFC.html

6_BFC.html

7_BFC.html

8_省略号.html

9_圆角.html

效果图.jpg

笔记.txt

练习.txt

20200217

直播回放视频

2020-02-17 上午第二节(滑动门、轮播图).mp4

2020-02-17 上午第一节(雪碧图、导航菜单).mp4

2020-02-17 下午第二节(整页制作).mp4

2020-02-17 下午第一节(整页制作).mp4

练习

练习.txt

课件

banner

1.jpg

2.jpg

3.jpg

4.jpg

5.jpg

bowenProject

css

index.css

images

case-pic1.jpg

case-pic2.jpg

case-pic3.jpg

header-logo.png

img1.jpg

img2.jpg

img3.jpg

img4.jpg

news-pic1.jpg

server-icon1.png

server-icon2.png

server-icon3.png

server-icon4.png

index.html

1_CSS精灵.html

2_导航菜单.html

3_超大图居中.html

4.png

4_滑动门.html

5_轮播图.html

6_漂亮的表单控件.html

7_通栏与版心.html

checkbox.png

laoli.jpg

title-bg.png

tu.jpg

upload.png

yk.8.png

笔记.txt

练习.txt

20200218

直播回放视频

2020-02-18 下午第二节(CSS变形).mp4

2020-02-18 下午第一节(CSS过渡).mp4

2020-02-18上午第二节(整站和过渡).mp4

2020-02-18上午第一节(整页制作).mp4

练习

练习.txt

课件

bowenProject – 单页

css

index.css

images

case-pic1.jpg

case-pic2.jpg

case-pic3.jpg

header-logo.png

img1.jpg

img2.jpg

img3.jpg

img4.jpg

news-pic1.jpg

server-icon1.png

server-icon2.png

server-icon3.png

server-icon4.png

title.png

index.html

bowenProject – 多页

css

about.css

common.css

index.css

images

case-pic1.jpg

case-pic2.jpg

case-pic3.jpg

header-logo.png

img1.jpg

img2.jpg

img3.jpg

img4.jpg

news-pic1.jpg

server-icon1.png

server-icon2.png

server-icon3.png

server-icon4.png

title.png

about.html

index.html

PSD

BOSS直聘

招聘详情.psd

求职.psd

首页.psd

乐知英语

效果图

乐知英语子页.jpg

乐知英语首页.jpg

源文件

乐知英语子页.psd

乐知英语首页.psd

尚狐网络

效果图

尚狐网络-子页-网站设计.jpg

尚狐网络-首页.jpg

科智网络

index.jpg

index.psd

1_过渡.html

2_过渡的导航.html

3_左侧的分享.html

4_变形.html

5_多值变形.html

6_基点位置.html

7_网易云课堂.html

aNavBg.png

wys.jpg

折扇.html

笔记.txt

练习.txt

20200219

直播回放视频

2020-02-19 上午第二节(动画).mp4

2020-02-19 上午第一节(变形案例).mp4

2020-02-19 下午第二节(3D立体).mp4

2020-02-19 下午第一节(动画扩展).mp4

练习

练习.txt

课件

img

1.png

2.png

3.png

run_code.png

loading动画

28种CSS3炫酷loading页面加载动画特效代码

css

demo.css

loaders.css

index.html

摩天轮

images

2.jpg

arrow.png

big-title.png

boy.png

bracket.png

bracketsmall.png

dog.png

fsw.png

girl.png

girls.png

hairboy.png

mimi.png

mudog.png

demo.html

练习1

img

img.png

2_练习.html

1_斜切的导航.html

2_过度的实例.html

3_扇子.html

4_动画.html

5_动画的案例.html

6_loading.html

7_小案例.html

8_动画的扩展.html

9_animate库.html

10_3D效果.html

11_立方体.html

12_立方体.html

13_立方体.html

animate.css

xiuqin.jpg

笔记.txt

练习.txt

20200220

直播回放视频

2020-02-20 上午第二节(3D的练习).mp4

2020-02-20 上午第一节(动画的练习).mp4

2020-02-20 下午第二节(CSS3渐变).mp4

2020-02-20 下午第一节(CSS3背景).mp4

练习

练习.txt

课件

images

2.jpg

arrow.png

big-title.png

boy.png

bracket.png

bracketsmall.png

dog.png

fsw.png

girl.png

girls.png

hairboy.png

mimi.png

mudog.png

shamegirl.png

title.png

img

img.png

muma

1.jpg

2.jpg

3.jpg

4.jpg

1_练习.html

2_练习.html

3_练习.html

4_旋转木马.html

5_反转的图片.html

6_背景扩展.html

7_渐变.html

8_加载进度条.html

9_一道光.html

10_运动的菜单.html

laoli.jpg

xiuqin.jpg

笔记.txt

练习.txt

20200221

直播回放视频

2020-02-21 上午第二节(字体图标).mp4

2020-02-21 上午第一节(3D练习).mp4

2020-02-21 下午第一节(阴影).mp4

2020-02-21下午第二节(倒影遮罩).mp4

H5与UI.pptx

前端cookie的介绍和使用封装.pdf

商务礼仪.mp4

练习

练习.txt

课件

20200221.rar

20200224

直播回放视频

2020-02-24 上午第二节(弹性盒子).mp4

2020-02-24 上午第一节(弹性盒子).mp4

2020-02-24 下午第二节(弹性盒子案例).mp4

2020-02-24 下午第一节(弹性盒子).mp4

练习

练习.txt

课件

1_模糊.html

2_calc四则运算.html

3_垂直居中方案.html

4_弹性布局.html

5_弹性布局.html

6_弹性的复习.html

7_弹性作用到子项.html

8_骰子的点数.html

9_百度导航.html

10_不用弹性实现百度导航.html

baidu-icon.png

nav.png

search.png

yunfei.jpg

笔记.txt

练习.txt

20200225

直播回放视频

2020-02-25 上午第二节(网格布局).mp4

2020-02-25 上午第一节(弹性练习).mp4

2020-02-25 下午第二节(网格案例).mp4

2020-02-25 下午第一节(网格布局).mp4

练习

练习.txt

课件

iconfont

iconfont.css

iconfont.eot

iconfont.svg

iconfont.ttf

iconfont.woff

iconfont.woff2

1_练习.html

2_练习.html

3_练习的扩展.html

4_一列固定一列自适应.html

5_上中下布局.html

6_网格布局.html

7_网格布局.html

8_网格布局.html

9_网格实现骰子.html

10_百度风云榜.html

笔记.txt

练习.txt

网页.png

20200226

直播回放视频

2020-02-26 上午第二节(流式布局).mp4

2020-02-26 上午第一节(移动端viewport).mp4

2020-02-26 下午第二节(rem布局).mp4

2020-02-26 下午第一节(流式布局案例).mp4

练习

练习.txt

课件

lagou

iconfont

iconfont.css

iconfont.eot

iconfont.svg

iconfont.ttf

iconfont.woff

iconfont.woff2

img

xiaomi.jpg

index.html

1.PNG

1_移动端.html

2.psd

2_rem.html

3_rem.html

lagou-1.png

lagou-2.png

笔记.txt

练习.txt

PPT

1_H5逆战202.pptx

2_H5逆战202.pptx

3_H5逆战202.pptx

4_H5逆战202.pptx

5_H5逆战202.pptx

第一周预习资料

1&HTML基础

case

aaa.png

F1%~]$C)PKA~Z@}[91A$F7P.png

font.png

img1.jpg

img4.jpg

jianli.html

table.jpg

table.png

table2.jpg

table3.jpg

table5.jpg

timg.jpg

Y%2N{ZXYREXC8NO{R3PKU87 – 副本.png

会员注册.png

会员注册2-_世纪佳缘交友网,想恋爱、想结婚、想告别单身,我和你一样,在寻觅爱人;我和你不一样,我在世纪.png

全部表单智联招聘.jpg

合并行.jpg

和并列.jpg

简历管理_我的智联_智联招聘.png

表单例子QQ登录框.jpg

表格及表单的练习.jpg

img

22222.png

1575814575948.png

1575815336248.png

图片1.png

图片2.png

图片3.png

图片4.png

未标题-1.jpg

html.md

2&css基础

case

index (4).png

index-(3)_02.jpg

PHPOK官方网站 – 更专业的网站建设系统.png

企业站.jpg

企业站1.jpg

朗新科技股份有限公司.png

未标题-1.jpg

简立方项目-首页.jpg

首页.jpg

首页.png

img

图片1.png

1-表单.md

2-css基础.md

3&css属性

case

2011112172644767.gif

bgss.gif

dog.png

list.jpg

position.png

css属性.md

4&盒模型&文本溢出

case

企业站1.jpg

img

图片1.png

图片2.png

图片3.png

图片4.png

盒模型.md

5&元素类型

case

13-04_simple_yellow_tabbed.jpg

20100423040341157.png

20100423040341157—副本.jpg

nav5.jpg

secoo.png

secoo2.png

京东效果.jpg

初始.jpg

测试1.png

滑过.jpg

img

1.png

2.png

3.png

4.png

5.png

元素类型.md

6&定位与锚点

case

扩展案例5

images

bg.png

img1.png

img2.png

img3.png

img4.png

img5.png

img6.png

img7.png

m1.jpg

m2.jpg

m3.jpg

m4.jpg

m5.jpg

m6.jpg

m7.jpg

png32.fw.png

img.png

img1.png

img2.png

img3.png

img4.png

img5.png

img6.png

img7.png

m1.jpg

m2.jpg

m3.jpg

m4.jpg

m5.jpg

m6.jpg

m7.jpg

QQ图片20160406083324.png

QQ图片20160811110122.png

tongchen.html

Untitled-1.html

yilong.html

效果图.jpg

扩展案例6

css

hoverbox.css

ie_fixes.css

img

photo01.jpg

photo02.jpg

photo03.jpg

photo04.jpg

photo05.jpg

photo06.jpg

photo07.jpg

photo08.jpg

photo09.jpg

photo10.jpg

photo11.jpg

photo12.jpg

photo13.jpg

photo14.jpg

photo15.jpg

index.html

效果图.jpg

img

1.png

2.png

3.png

1575899333497.png

定位.md

part1_1

img

tianqi_1.png

tianqi_2.png

练习

01_标题与段落.html

02_文本修饰.html

03_无序列表.html

04_有序列表.html

05_定义列表.html

01_demo.html

02_vsCode.html

03_核心技术.html

04_HTML语法.html

05_HTML初始代码.html

06_HTML注释.html

07_标题与段落.html

08_文本修饰标签.html

09_图片标签.html

10_路径.html

11_链接.html

12_跳转锚点.html

13_特殊符号.html

14_列表标签.html

15_表格标签.html

16_表单标签.html

17_表单表格组合.html

18_div与span.html

19_CSS基础语法.html

20_内联样式与内部样式.html

21_外部样式.html

22_颜色表示法.html

common.css

笔记.txt

颜色名称.jpg

第三周预习资料

part2_2.rar

资料2.rar

第二周预习资料

6&定位与锚点

case

扩展案例5

images

bg.png

img1.png

img2.png

img3.png

img4.png

img5.png

img6.png

img7.png

m1.jpg

m2.jpg

m3.jpg

m4.jpg

m5.jpg

m6.jpg

m7.jpg

png32.fw.png

img.png

img1.png

img2.png

img3.png

img4.png

img5.png

img6.png

img7.png

m1.jpg

m2.jpg

m3.jpg

m4.jpg

m5.jpg

m6.jpg

m7.jpg

QQ图片20160406083324.png

QQ图片20160811110122.png

tongchen.html

Untitled-1.html

yilong.html

效果图.jpg

扩展案例6

css

hoverbox.css

ie_fixes.css

img

photo01.jpg

photo02.jpg

photo03.jpg

photo04.jpg

photo05.jpg

photo06.jpg

photo07.jpg

photo08.jpg

photo09.jpg

photo10.jpg

photo11.jpg

photo12.jpg

photo13.jpg

photo14.jpg

photo15.jpg

photo16.jpg

photo17.jpg

photo18.jpg

index.html

效果图.jpg

img

1.png

2.png

3.png

1575899333497.png

定位.md

7&宽高自适应

case

2-1微信商学院 腾讯大学.png

2011-01-08_011145.png

健康比金钱更重要.jpg

红英_首页.jpg

首页 腾讯大学.png

img

1.png

宽高自适应.md

8&表单表格补充BFC

case

会员注册.png

各种类型表格.png

表单练习.png

img

1.png

aaa.png

table.png

1-表单表格补充.md

2-bfc.md

3-psd企业级切图&css总结.md

part1_2

img

1.jpg

2.jpg

3.jpg

cursor.ico

dog.jpg

练习

效果图.png

盒子模型.gif

01_背景样式.html

02_视觉差.html

03_边框样式.html

04_三角形.html

05_CSS文字样式.html

06_CSS段落样式.html

07_个人简介.html

08_复合样式.html

09_CSS选择器.html

10_结构伪类选择器.html

11_CSS继承.html

12_CSS优先级.html

13_CSS盒子模型.html

14_盒子模型的问题.html

15_盒模型扩展.html

16_嵌套盒子的练习.html

17_标签分类.html

18_显示框类型.html

19_溢出隐藏.html

20_透明度与手势.html

21_最大最小宽高.html

22_CSS默认样式.html

base.css

css命名.txt

笔记.txt

part1_3

img

博文尚美首页-assets

errors.txt

dot.png

icon1.png

img.png

博文尚美首页.jpg

博文尚美首页.psd

城市.jpg

搞笑.gif

葡萄.png

img2

bg_line.png

bg_title.png

img.png

QQ飞车首页

css

common.css

images

56×56.jpg

ad.jpg

bebae86c3d1f64d50a53434ed5458d22-80.jpg

bg20190104.jpg

down_user_spr.png

head_bg.png

inside_logo.png

nav.png

nav_down_re.png

nav_tips.png

ost-bg.png

top.png

index.html

博文尚美首页

css

common.css

images

20141121095216750.png

banner.png

e-bussiness1.png

graphic1.png

20141121105856226.png

20141121095528549.png

logo.png

mail1.png

title_bg.png

web1.png

xs1.png

index.html

练习

float练习1.png

float练习2.jpg

01_图片格式.html

02_新浪的小结构.html

03_float浮动.html

04_float注意点.html

05_清除浮动.html

06_浮动的练习.html

07_position定位.html

08_定位的下拉菜单.html

09_定位实现元素居中.html

10_定位实现列表的装饰点.html

11_添加省略号.html

12_css雪碧图.html

13_css圆角.html

float.png

sprite_icon.png

笔记.txt

第四周预习资料

part3_1.rar

预习资料.rar

评论0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址