HTML和CSS核心-蜗牛学苑

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

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

展开剩余

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

01-网页介绍

17分钟 · 10084次播放

31%

20221017-01-开班总览.mp4

38分钟 · 881次播放

02-网页结构

27分钟 · 2488次播放

20221017-02-开班总览.mp4

58分钟 · 565次播放

03-开发工具

31分钟 · 2692次播放

20221017-03-课程体系.mp4

11分钟 · 569次播放

04-文本标签

34分钟 · 6208次播放

33%

20221017-04-html基本结构.mp4

27分钟 · 509次播放

05-图片标签

28分钟 · 1748次播放

43%

20221017-05-注释.mp4

23分钟 · 301次播放

06-超链接标签

19分钟 · 1389次播放

20221017-06-基本标签.mp4

25分钟 · 306次播放

07-超链接标签

11分钟 · 1433次播放

20221018-01-晨考.mp4

33分钟 · 330次播放

08-Table标签

38分钟 · 1629次播放

20221018-02-BS架构.mp4

32分钟 · 270次播放

09-Table标签

10分钟 · 1097次播放

20221018-03-字体标签.mp4

24分钟 · 175次播放

10-Table布局

26分钟 · 2356次播放

20221018-04-图像标签.mp4

25分钟 · 180次播放

11-表单组件

34分钟 · 1466次播放

20221018-05-链接标签.mp4

17分钟 · 164次播放

12-表单标签

18分钟 · 962次播放

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

17分钟 · 135次播放

13-表单标签

21分钟 · 923次播放

20221018-07-课堂练习.mp4

20分钟 · 186次播放

14-列表标签

24分钟 · 1389次播放

99%

20221018-08-课堂练习.mp4

9分钟 · 151次播放

15-补充标签

16分钟 · 780次播放

20221019-01-作业.mp4

26分钟 · 166次播放

16-样式来源

46分钟 · 1063次播放

20221019-02-列表.mp4

16分钟 · 170次播放

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

35分钟 · 1382次播放

20221019-03-课堂练习.mp4

9分钟 · 175次播放

18-选择器语法

32分钟 · 1150次播放

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

22分钟 · 169次播放

19-背景样式

49分钟 · 925次播放

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

13分钟 · 173次播放

20-雪碧图实现

31分钟 · 1159次播放

20221019-06-iframe标签.mp4

11分钟 · 126次播放

21-文本样式

38分钟 · 706次播放

20221019-07-页面布局.mp4

13分钟 · 146次播放

22-行和块分类

18分钟 · 880次播放

20221019-08-表格.mp4

32分钟 · 97次播放

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

23分钟 · 934次播放

20221019-09-跨行跨列.mp4

17分钟 · 97次播放

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

47分钟 · 1210次播放

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

23分钟 · 101次播放

25-字体使用

29分钟 · 563次播放

20221019-11-表单元素.mp4

39分钟 · 515次播放

26-字体图标设计

21分钟 · 567次播放

20221020-01-晨考.mp4

21分钟 · 90次播放

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

28分钟 · 723次播放

20221020-02-作业.mp4

24分钟 · 169次播放

28-超链接

17分钟 · 484次播放

20221020-03-表单.mp4

30分钟 · 125次播放

29-列表样式

21分钟 · 478次播放

20221021-01-晨考.mp4

38分钟 · 111次播放

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

9分钟 · 579次播放

20221021-02-作业.mp4

18分钟 · 102次播放

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

8分钟 · 386次播放

20221021-03-层次选择器.mp4

44分钟 · 235次播放

79%

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

50分钟 · 702次播放

20221021-04-课堂练习.mp4

34分钟 · 51次播放

33-标准盒模型

8分钟 · 552次播放

20221021-05-属性选择器.mp4

11分钟 · 101次播放

34-边框

16分钟 · 445次播放

20221021-06-属性选择器.mp4

21分钟 · 72次播放

35-边框

13分钟 · 378次播放

90%

20221024-01-晨考.mp4

15分钟 · 74次播放

36-内边距

19分钟 · 315次播放

20221024-02-结构伪类.mp4

56分钟 · 119次播放

37-外边距

28分钟 · 282次播放

20221024-03-课堂练习.mp4

26分钟 · 42次播放

38-IE盒模型

18分钟 · 381次播放

20221024-04-字体样式.mp4

32分钟 · 68次播放

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

10分钟 · 357次播放

20221024-05-文本样式.mp4

68分钟 · 64次播放

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

28分钟 · 510次播放

20221025-01-作业.mp4

33分钟 · 158次播放

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

39分钟 · 628次播放

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

19分钟 · 2417次播放

42-组合选择器

34分钟 · 463次播放

20221025-03-元素优先级.mp4

32分钟 · 74次播放

43-组合选择器

14分钟 · 359次播放

20221025-04-元素优先级.mp4

42分钟 · 82次播放

44-属性选择器

25分钟 · 1187次播放

20221025-05-伪类样式.mp4

22分钟 · 70次播放

45-伪类选择器

9分钟 · 312次播放

20221025-06-列表样式.mp4

20分钟 · 124次播放

46-伪元素选择器

23分钟 · 355次播放

20221025-07-背景样式.mp4

34分钟 · 4022次播放

47-选择器权重

27分钟 · 320次播放

20221025-08-课堂练习.mp4

11分钟 · 100次播放

48-样式继承

17分钟 · 340次播放

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

43分钟 · 74次播放

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

55分钟 · 641次播放

50-浮动特点

28分钟 · 384次播放

51-浮动特点

10分钟 · 264次播放

52-清除浮动

32分钟 · 466次播放

34%

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

45分钟 · 507次播放

54-定位介绍

16分钟 · 1230次播放

37%

55-相对定位

17分钟 · 295次播放

56-绝对定位

23分钟 · 300次播放

82%

57-绝对定位

9分钟 · 247次播放

58-固定定位

17分钟 · 268次播放

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

14分钟 · 273次播放

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

24分钟 · 283次播放

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

39分钟 · 573次播放

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

50分钟 · 670次播放

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

27分钟 · 654次播放

64-BFC基础

12分钟 · 670次播放

65-BFC应用场景

24分钟 · 1081次播放

66-IFC基础

11分钟 · 577次播放

67-IFC应用场景

30分钟 · 1283次播放

58%

共有条回复

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

课程目标

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

知识要点

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

课程详情

20210816-01-前端体系介绍

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

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

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

20210816-03-工具安装

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

20210816-05-图层介绍

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

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 · 13次观看

20210818-02-网页介绍

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

20210818-03-网页结构

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

20210818-05-文本标签

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

20210818-06-图片标签

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

20210818-07-超链接

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

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 · 49次观看

20210820-02-选择器语法

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

20210820-03-背景样式

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

20210820-04-雪碧图实现

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

20210820-05-文本样式

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

20210820-06-行和块分类

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

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 · 53次观看

授课讲师

张瑞

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

看看TA的主页

推荐课程

产品调研与分析

陈中明 · 3714人观看 · 739分钟

产品调研与分析

·清楚用户体验五要素的基本概念和包含内容 ·能将用户体验五要素灵活对应到设计工作流程当中 ·清楚需求的定义、分类及来源 ·能利用互联网搜索相关的市场分析报告，并提炼总结出项目改版/迭代的一些需求 ·清楚竞品的定义、分类，能通过互联网等渠道搜索竞品相关的数据信息，并对竞品进行体验，从而提炼总结出项目改版/迭代所需的信息 ·清楚用户研究的定义、作用、方法 ·能开展简单的用户研究工作，并从中提炼出需求 ·能以用户研究的结果延展出产品用户画像及用户体验地图 ·能对前期所有调研分析得到的需求进行筛选及优先级排序

·用户体验五要素 ·市场分析 ·竞品分析 ·需求定义 ·需求采集 ·用户画像 ·用户体验地图 ·需求管理

加入收藏

MySQL数据库

杨波 · 12395人观看 · 1073分钟

MySQL数据库

数据库知识，范式，MySQL配置，命令，建库建表，数据CRUD操作，约束，视图，存储过程，函数，触发器，事务，游标，建模工具课程目标：深入理解数据库管理系统通用知识及MySQL数据库的使用与管理。为软件测试和测试开发打下基础

加入收藏

java预习（武汉）

高鹏 · 1124人观看 · 3406分钟

java预习（武汉）

加入收藏

Web前端基础

邓强 · 8151人观看 · 1681分钟

Web前端基础

利用表格，DIV+CSS完成HTML计算器的布局，并利用JavaScript编程实现计算器完整功能。为后续编程学习打下基础

Web页面元素，布局，CSS样式，盒模型，JavaScript程序设计，函数，基础算法，正则表达式

加入收藏

Python编程基础

卿淳俊 · 17799人观看 · 1698分钟

Python编程基础

熟练使用Python开发环境和Conda环境，并具备基础的编程能力

基础语法、数据类型、控制结构、函数与参数、包与模块、文件读写、数据库操作、TCP通信技术、JSON数据操作、异常处理、WoniuATM项目实战

加入收藏

PHP代码审计与反序列化

邓强 · 7098人观看 · 972分钟

PHP代码审计与反序列化

PHP反序列化、PHP的POP链构造、ThinkPHP反序列化漏洞分析与利用、PHP变量覆盖漏洞、弱类型漏洞分析等

PHP语言高级特性分析、PHP高危函数、VAudit系统代码审计、白盒测试与攻击模拟、youbbs代码审计、PHP代码分析、PHP面向对象

加入收藏

网络安全预科-凡云

魏浩然 · 1600人观看 · 2170分钟

网络安全预科-凡云

1. 掌握Windows常用命令 2. 掌握Windows常用安全配置 3. 掌握计算机网络基础 4. 掌握IP地址与子网划分

环境配置、Windows命令、用户管理、注册表、系统权限、组策略、防火墙、VMWare虚拟机、网络基础、OSI与TCP/IP模型、数据传输过程、IP地址与子网划分

加入收藏

Web前端

谭岚 · 11750人观看 · 2155分钟

Web前端

利用表格，DIV+CSS完成HTML计算器和倒计时程序的布局，并利用JavaScript编程实现计算器和倒计时程序的完整功能。为后续编程学习打下基础。

Web页面元素，布局，CSS样式，盒模型，JavaScript程序设计，函数，基础算法，正则表达式。

加入收藏

界面设计（基础）

陈中明 · 6663人观看 · 1002分钟

界面设计（基础）

·知道什么是UI、UE、UX ·知道UI设计的完整工作流程以及对应岗位负责人 ·对UI设计未来的发展前景有一定认识 ·理解UI设计中的相关专业名词，包括单位、尺寸等 ·能使用Sketch、AI等软件绘制UI界面中的图标 ·理解什么是UI界面设计中的一致性原则 ·掌握UI界面设计的基本规范，包括文字、图标、配色等 ·能通过定义情绪板关键词延展出UI界面的视觉风格定义

·UI设计行业认知 ·iPhone手机尺寸以及相关名词解释 ·UI界面中的图标设计 ·Sketch软件基础操作 ·原子设计理论以及UI界面中的组件 ·UI界面中的文字规范 ·UI界面中的配色与配图 ·情绪板的定义与使用

加入收藏

Java语言基础

陈云 · 12260人观看 · 928分钟

Java语言基础

Java语言的语法基础

加入收藏

Python开发基础预科

卿淳俊 · 4270人观看 · 1473分钟

Python开发基础预科

类和对象的定义及使用、Python中封装、继承和多态特性

Python语言简介、Python安装配置、Python基本语法及编程规范、Python六大基本数据类型使用、Python循环及判断控制语言、Python函数定义及使用、Python模块及包导入机制、面向对象的编程概念、面向对象编程

加入收藏

面向对象编程-西安

潘峰 · 2031人观看 · 1087分钟

面向对象编程-西安

理解Java面向对象编程，掌握Java核心关键字的意义

类与对象，方法，重写，重载，抽象类，接口，多态，Java核心关键字

加入收藏

基本信息

联系信息

上传资料