HTML和CSS核心-蜗牛学苑

首页 / Web前端开发 · 第一阶段:网页核心设计 / HTML和CSS核心

发布于 2022-02-09 · 78311 次观看

展开剩余

视频列表
评论
课程介绍
资料列表
教师笔记

01-网页介绍

17分钟 · 9533次播放

31%

20221017-01-开班总览.mp4

38分钟 · 779次播放

02-网页结构

27分钟 · 2335次播放

20221017-02-开班总览.mp4

58分钟 · 504次播放

03-开发工具

31分钟 · 2536次播放

20221017-03-课程体系.mp4

11分钟 · 495次播放

04-文本标签

34分钟 · 6084次播放

33%

20221017-04-html基本结构.mp4

27分钟 · 442次播放

05-图片标签

28分钟 · 1662次播放

43%

20221017-05-注释.mp4

23分钟 · 259次播放

06-超链接标签

19分钟 · 1318次播放

20221017-06-基本标签.mp4

25分钟 · 273次播放

07-超链接标签

11分钟 · 1378次播放

20221018-01-晨考.mp4

33分钟 · 292次播放

08-Table标签

38分钟 · 1544次播放

20221018-02-BS架构.mp4

32分钟 · 230次播放

09-Table标签

10分钟 · 1039次播放

20221018-03-字体标签.mp4

24分钟 · 145次播放

10-Table布局

26分钟 · 2279次播放

20221018-04-图像标签.mp4

25分钟 · 144次播放

11-表单组件

34分钟 · 1415次播放

20221018-05-链接标签.mp4

17分钟 · 141次播放

12-表单标签

18分钟 · 910次播放

20221018-06-链接标签（二）.mp4

17分钟 · 118次播放

13-表单标签

21分钟 · 873次播放

20221018-07-课堂练习.mp4

20分钟 · 158次播放

14-列表标签

24分钟 · 1346次播放

99%

20221018-08-课堂练习.mp4

9分钟 · 133次播放

15-补充标签

16分钟 · 742次播放

20221019-01-作业.mp4

26分钟 · 150次播放

16-样式来源

46分钟 · 1015次播放

20221019-02-列表.mp4

16分钟 · 148次播放

17-样式来源-实战：12306页面

35分钟 · 1334次播放

20221019-03-课堂练习.mp4

9分钟 · 158次播放

18-选择器语法

32分钟 · 1111次播放

20221019-04-行内和块元素.mp4

22分钟 · 146次播放

19-背景样式

49分钟 · 867次播放

20221019-05-行内和块元素（二）.mp4

13分钟 · 153次播放

20-雪碧图实现

31分钟 · 1108次播放

20221019-06-iframe标签.mp4

11分钟 · 109次播放

21-文本样式

38分钟 · 665次播放

20221019-07-页面布局.mp4

13分钟 · 129次播放

22-行和块分类

18分钟 · 836次播放

20221019-08-表格.mp4

32分钟 · 78次播放

23-行和块分类-拓展：div+css布局

23分钟 · 886次播放

20221019-09-跨行跨列.mp4

17分钟 · 82次播放

24-行和块分类-拓展：豆瓣官网头部实战

47分钟 · 1175次播放

20221019-10-表单基本结构.mp4

23分钟 · 88次播放

25-字体使用

29分钟 · 529次播放

20221019-11-表单元素.mp4

39分钟 · 499次播放

26-字体图标设计

21分钟 · 540次播放

20221020-01-晨考.mp4

21分钟 · 79次播放

27-字体图标设计-实战：jq22官网头部

28分钟 · 689次播放

20221020-02-作业.mp4

24分钟 · 156次播放

28-超链接

17分钟 · 464次播放

20221020-03-表单.mp4

30分钟 · 114次播放

29-列表样式

21分钟 · 456次播放

20221021-01-晨考.mp4

38分钟 · 100次播放

30-列表样式-拓展：二级菜单的实现

9分钟 · 558次播放

20221021-02-作业.mp4

18分钟 · 90次播放

31-列表样式-拓展：link和@import区别

8分钟 · 368次播放

20221021-03-层次选择器.mp4

44分钟 · 227次播放

79%

32-列表样式-实战：jq22官网头部

50分钟 · 672次播放

20221021-04-课堂练习.mp4

34分钟 · 46次播放

33-标准盒模型

8分钟 · 534次播放

20221021-05-属性选择器.mp4

11分钟 · 96次播放

34-边框

16分钟 · 427次播放

20221021-06-属性选择器.mp4

21分钟 · 67次播放

35-边框

13分钟 · 362次播放

90%

20221024-01-晨考.mp4

15分钟 · 68次播放

36-内边距

19分钟 · 300次播放

20221024-02-结构伪类.mp4

56分钟 · 114次播放

37-外边距

28分钟 · 267次播放

20221024-03-课堂练习.mp4

26分钟 · 37次播放

38-IE盒模型

18分钟 · 363次播放

20221024-04-字体样式.mp4

32分钟 · 62次播放

39-IE盒模型-拓展：width设置百分比和不设置

10分钟 · 333次播放

20221024-05-文本样式.mp4

68分钟 · 60次播放

40-IE盒模型-实战：QQ安全中心头部

28分钟 · 491次播放

20221025-01-作业.mp4

33分钟 · 154次播放

41-IE盒模型-实战：QQ安全中心

39分钟 · 606次播放

20221025-02-伪元素选择器.mp4

19分钟 · 2413次播放

42-组合选择器

34分钟 · 444次播放

20221025-03-元素优先级.mp4

32分钟 · 68次播放

43-组合选择器

14分钟 · 344次播放

20221025-04-元素优先级.mp4

42分钟 · 68次播放

44-属性选择器

25分钟 · 1174次播放

20221025-05-伪类样式.mp4

22分钟 · 68次播放

45-伪类选择器

9分钟 · 300次播放

20221025-06-列表样式.mp4

20分钟 · 120次播放

46-伪元素选择器

23分钟 · 340次播放

20221025-07-背景样式.mp4

34分钟 · 2606次播放

47-选择器权重

27分钟 · 304次播放

20221025-08-课堂练习.mp4

11分钟 · 98次播放

48-样式继承

17分钟 · 319次播放

20221025-09-径向和线性渐变.mp4

43分钟 · 65次播放

49-样式继承-实战：百度翻译官网

55分钟 · 614次播放

50-浮动特点

28分钟 · 356次播放

51-浮动特点

10分钟 · 243次播放

52-清除浮动

32分钟 · 446次播放

34%

53-清除浮动-实战：豆瓣网热点内容

45分钟 · 492次播放

54-定位介绍

16分钟 · 1211次播放

37%

55-相对定位

17分钟 · 280次播放

56-绝对定位

23分钟 · 282次播放

82%

57-绝对定位

9分钟 · 233次播放

58-固定定位

17分钟 · 256次播放

59-固定定位-拓展：定位层级

14分钟 · 261次播放

60-固定定位-拓展：盒子居中技巧

24分钟 · 262次播放

61-清除浮动-实战：jq22官网最新插件

39分钟 · 554次播放

62-固定定位-实战：大麦网导航

50分钟 · 651次播放

63-固定定位-实战：伪元素导航

27分钟 · 640次播放

64-BFC基础

12分钟 · 653次播放

65-BFC应用场景

24分钟 · 1067次播放

66-IFC基础

11分钟 · 564次播放

67-IFC应用场景

30分钟 · 1242次播放

58%

共有条回复

{{replyComment.createTime | dateForMat(replyComment.createTime)}}

课程目标

熟练运用HTML和CSS样式属性完成页面的布局和美化，基于PSD原稿完成页面像素级还原布局和设计

知识要点

PhotoShop抠图、切片技巧、pxcook标注、Web前端开发环境、HTML常用标签、表单元素、CSS基础样式使用、字体图标设计

20210816-01-前端体系介绍

2021-08-16 17:13:23 · 165次观看

20210816-02-前端体系介绍-typora软件

2021-08-16 17:13:55 · 24次观看

20210816-03-工具安装

2021-08-16 17:16:59 · 49次观看

20210816-05-图层介绍

2021-08-16 18:00:52 · 15次观看

20210817-01-选区工具

2021-08-17 10:59:14 · 5次观看

20210817-02-微信图标设计

2021-08-17 17:58:15 · 9次观看

20210817-03-魔棒工具

2021-08-17 12:15:40 · 4次观看

20210817-05-印章工具

2021-08-17 12:15:57 · 2次观看

20210817-06-钢笔工具

2021-08-17 14:42:04 · 5次观看

20210817-08-图片分类讲解

2021-08-17 16:15:57 · 7次观看

20210817-09-原稿切片

2021-08-17 19:36:57 · 5次观看

20210817-10-雪碧图设计

2021-08-17 19:37:18 · 8次观看

20210818-02-网页介绍

2021-08-18 10:57:42 · 62次观看

20210818-03-网页结构

2021-08-18 10:58:17 · 50次观看

20210818-05-文本标签

2021-08-18 14:40:24 · 68次观看

20210818-06-图片标签

2021-08-18 16:03:48 · 48次观看

20210818-07-超链接

2021-08-18 16:05:25 · 50次观看

20210818-09-Table标签

2021-08-18 17:58:56 · 104次观看

20210819-03-表单组件

2021-08-19 12:11:36 · 64次观看

20210819-04-表单标签

2021-08-19 11:43:24 · 72次观看

20210819-06-列表标签

2021-08-19 15:30:58 · 27次观看

20210819-07-补充标签

2021-08-19 16:26:51 · 20次观看

20210819-08-样式来源

2021-08-19 17:21:02 · 47次观看

20210820-02-选择器语法

2021-08-20 12:17:30 · 45次观看

20210820-03-背景样式

2021-08-20 12:18:05 · 52次观看

20210820-04-雪碧图实现

2021-08-20 14:50:27 · 31次观看

20210820-05-文本样式

2021-08-20 16:06:43 · 38次观看

20210820-06-行和块分类

2021-08-20 17:34:17 · 35次观看

20210823-02-字体使用

2021-08-23 11:28:04 · 39次观看

20210823-03-字体图标设计

2021-08-23 11:58:54 · 22次观看

20210823-05-超链接

2021-08-23 17:05:56 · 24次观看

20210823-06-列表样式

2021-08-23 17:06:25 · 33次观看

20210823-08-列表样式-拓展：link和@import区别

2021-08-23 17:57:32 · 52次观看

授课讲师

张瑞

7年软件开发及授课经验。擅长Photoshop、Illustrator等设计软件，了解UI设计规范，精通HTML、CSS、JS、BootStrap等Web前端技术，对多个前端架构都有深入研究。曾参与某粮仓智能管理系统、某旅游网站、某在线课堂网站、企业后台管理系统等的设计与开发工作。从事教学工作多年，擅长引导学生去思考，注重理论和实战结合，深入浅出，对学生认真负责，广获学员喜爱。

看看TA的主页

推荐课程

AE交互动效

康宇 · 7667人观看 · 397分钟

AE交互动效

掌握app界面交互动画设计、图标交互动画设计

app界面动画

加入收藏

企业响应式网站

陈中明 · 8083人观看 · 1025分钟

企业响应式网站

·清楚什么是商业网站，以及它不同维度的分类 ·能对网页项目进行相关调研和分析 ·能使用Axure等软件绘制网页设计的原型图 ·能使用PS等软件进行网页设计 ·区分响应式网站与自适应的异同 ·能设计全屏站网页项目 ·能对网页设计作品进行包装和排版展示

·网页设计基础知识 ·网页项目分析与风格参考 ·网页设计的栅格系统 ·网页设计的组成与规范 ·响应式网站与自适应网站 ·全屏站的认识与设计 ·网页项目的作品集设计

加入收藏

分类与聚类算法

邓强 · 19人观看 · 508分钟

分类与聚类算法

SKLearn计算库、K-Means聚类分析、KNN分类、SVM支持向量机

K-Means聚类分析、KNN-K近邻算法、模型评估与调优、SVM支持向量机分类算法、Sklearn科学计算库的使用、鸢尾花分类项目实战、其他的经典机器学习算法介绍

加入收藏

Java语言基础-西安

潘峰 · 5825人观看 · 1089分钟

Java语言基础-西安

熟悉Java语言的语法基础

环境搭建，基本数据类型，变量及其声明，运算符，流程控制语句，数组及其应用

加入收藏

面向过程

谭岚 · 3240人观看 · 1027分钟

面向过程

开发环境；变量定义、赋值、运算、常见类型；数组；for、if、for-each、双层for、中断；自定义函数；

加入收藏

Jmeter性能测试工具

邓强 · 15850人观看 · 1376分钟

Jmeter性能测试工具

性能测试基本原理，Python采集性能测试数据，数据分析，Tomcat与Mysql优化

加入收藏

面向对象、集合

吴聪聪 · 2964人观看 · 1035分钟

面向对象、集合

类与对象、static，构造函数，有参构造，this，toString()；List<T>，迭代器，比较器，匿名内部类。（引导词：数据是立体的，String是平面的，用String同时记录id-name-sex-age，存取时只好大量split()和拼接，很不优雅，引入实体类，String[]变Person[]，List<String>变List<Person>。。。）

加入收藏

MySQL数据库

胡名海 · 36276人观看 · 881分钟

MySQL数据库

深入理解数据库管理系统通用知识及MySQL数据库的使用与管理。梳理WoniuBooks系统业务关系，并建立数据表和填补数据，为WoniuBooks系统测试打下基础

数据库知识，范式，MySQL配置，命令，建库建表，数据的增删改查，约束，存储过程，函数，触发器，事务，游标

加入收藏

神经网络与大模型专题

邓强 · 1391人观看 · 330分钟

神经网络与大模型专题

对机器学习、神经网络、大模型部署和大模型应用开发有深刻的理解，并能够进行实战操作来解决具体的问题和任务。

机器学习的原理，计算机对不同数据的运算方式，KNN-K近邻算法，图片识别的模型训练，深度学习与神经网络，CNN卷积神经网络，OCR文字识别，大模型部署，大模型对接与调用，大模型应用项目开发，Woniu.AI平台使用等

加入收藏

B端与大屏设计

陈中明 · 3757人观看 · 418分钟

B端与大屏设计

·了解B端、C端、G端等相关名词 ·清楚B端和C端的异同 ·能使用XD等软件完成B端作品设计 ·清楚大屏数据可视化的相关流程与规范 ·能使用PS、AI、XD等软件完成大屏数据可视化设计

·B端与C端的异同认知 ·XD软件的基础操作 ·B端网站的设计组成与规范 ·大屏可视化设计流程 ·大屏可视化设计组成与规范

加入收藏

移动端自动化测试框架

张靖 · 1053人观看 · 173分钟

移动端自动化测试框架

完整框架搭建。拿来即用

1、开源代码如何新增功能 2、熟练使用AirTest进行移动端的自动化测试

加入收藏

左手Excel，右手Python，轻松入门数据分析

卿淳俊 · 1498人观看 · 1106分钟

左手Excel，右手Python，轻松入门数据分析

不但会工具，更要讲方法，结合实际商业分析案例，为进阶数据分析打下坚实基础。

1. 完全针对数据分析零基础群体，真正零基础教学，只要会加减乘除就能学会 2. 对比式教学，一门课程学两门技术，性价比超高。

加入收藏

基本信息

联系信息

上传资料