HTML和CSS核心-蜗牛学苑

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

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

展开剩余

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

01-网页介绍

17分钟 · 10215次播放

31%

02-网页结构

27分钟 · 2522次播放

03-开发工具

31分钟 · 2725次播放

04-文本标签

34分钟 · 6230次播放

33%

05-图片标签

28分钟 · 1765次播放

43%

06-超链接标签

19分钟 · 1402次播放

07-超链接标签

11分钟 · 1439次播放

08-Table标签

38分钟 · 1638次播放

09-Table标签

10分钟 · 1102次播放

10-Table布局

26分钟 · 2365次播放

11-表单组件

34分钟 · 1470次播放

12-表单标签

18分钟 · 969次播放

13-表单标签

21分钟 · 929次播放

14-列表标签

24分钟 · 1395次播放

99%

15-补充标签

16分钟 · 788次播放

16-样式来源

46分钟 · 1070次播放

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

35分钟 · 1391次播放

18-选择器语法

32分钟 · 1161次播放

19-背景样式

49分钟 · 935次播放

20-雪碧图实现

31分钟 · 1168次播放

21-文本样式

38分钟 · 713次播放

22-行和块分类

18分钟 · 887次播放

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

23分钟 · 941次播放

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

47分钟 · 1217次播放

25-字体使用

29分钟 · 570次播放

26-字体图标设计

21分钟 · 570次播放

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

28分钟 · 724次播放

28-超链接

17分钟 · 488次播放

29-列表样式

21分钟 · 481次播放

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

9分钟 · 583次播放

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

8分钟 · 391次播放

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

50分钟 · 705次播放

33-标准盒模型

8分钟 · 557次播放

34-边框

16分钟 · 448次播放

35-边框

13分钟 · 381次播放

90%

36-内边距

19分钟 · 316次播放

37-外边距

28分钟 · 283次播放

38-IE盒模型

18分钟 · 385次播放

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

10分钟 · 364次播放

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

28分钟 · 512次播放

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

39分钟 · 629次播放

42-组合选择器

34分钟 · 468次播放

43-组合选择器

14分钟 · 362次播放

44-属性选择器

25分钟 · 1191次播放

45-伪类选择器

9分钟 · 314次播放

46-伪元素选择器

23分钟 · 357次播放

47-选择器权重

27分钟 · 326次播放

48-样式继承

17分钟 · 347次播放

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

55分钟 · 645次播放

50-浮动特点

28分钟 · 388次播放

51-浮动特点

10分钟 · 267次播放

52-清除浮动

32分钟 · 468次播放

34%

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

45分钟 · 507次播放

54-定位介绍

16分钟 · 1233次播放

37%

55-相对定位

17分钟 · 297次播放

56-绝对定位

23分钟 · 302次播放

82%

57-绝对定位

9分钟 · 249次播放

58-固定定位

17分钟 · 269次播放

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

14分钟 · 274次播放

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

24分钟 · 284次播放

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

39分钟 · 574次播放

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

50分钟 · 670次播放

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

27分钟 · 656次播放

64-BFC基础

12分钟 · 675次播放

65-BFC应用场景

24分钟 · 1084次播放

66-IFC基础

11分钟 · 583次播放

67-IFC应用场景

30分钟 · 1286次播放

58%

共有条回复

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

课程目标

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

知识要点

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

课程详情

20210816-01-前端体系介绍

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

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

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

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

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

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

授课讲师

张瑞

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

看看TA的主页

推荐课程

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

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

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

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

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

加入收藏

JavaScript核心实战

徐朝波 · 5536人观看 · 1532分钟

JavaScript核心实战

1. 掌握JavaScript基础语法，熟悉基础算法练习，熟悉数组数据存储方式，函数的综合应用 2. 熟练使用DOM完成页面设计，掌握事件机制、节点和属性的操作 3. 掌握 TypeScript的高级特性，熟练掌握闭包、作用域链、IIFE、内存空间分类、面向对象设计、原型和原型链等等 4. 掌握ES6及后续版本的主要特性并灵活运用，Promise、await&async、generator、解构赋值、扩展运算、严格模式等等 5. 熟悉TypeScript接口编程、泛型、面向对象、高级编程、模块化等等

Javascript发展历程、JavaScript基础语法、循环判断逻辑、数据类型、数组应用、排序算法、函数应用、基础的ES6语法、作用域和作用域链、常用的api、前端数据抽象、箭头函数、字符串规则 TypeScript核心概念、变量提升函数提升、枚举类型、IIFE、接口编程、递归编程、类型断言、面向对象编程、原生对象、继承、泛型编程、泛型工具、高级类型检查、模块化编程概念

加入收藏

云计算安全防护与入侵检测

王博 · 0人观看 · 185分钟

云计算安全防护与入侵检测

加入收藏

网络通信协议分析-武汉

夏勇雄 · 739人观看 · 751分钟

网络通信协议分析-武汉

加入收藏

学员项目周

唐海峰 · 25人观看 · 411分钟

学员项目周

加入收藏

Kubernetes与容器编排进阶

徐小兵 · 57人观看 · 1291分钟

Kubernetes与容器编排进阶

K8S集群部署

K8S的概念，Deployment无状态应用的部署，K8S的资源配额、限制，流水线部署K8S应用，Istio服务网格与流量治理，K8S与微服务，K8S与中间件，K8S与大数据

加入收藏

微服务架构测试中的契约测试

王斌 · 1625人观看 · 373分钟

微服务架构测试中的契约测试

对微服务测试进行整体梳理，重点讲解契约测试的概念，以及如何做好契约测试。

对炙手可热的微服务进行剖析，针对微服务项目测试人员如何面对新的挑战，做好微服务测试呢？

加入收藏

系统测试基础

邓家军 · 3957人观看 · 724分钟

系统测试基础

3. 熟悉软件测试的常用模型，理解其在企业中实施的要点、熟悉配置管理标准变更过程 4. 掌握同行评审的流程规范、技巧、工具，熟悉软件测试计划方案的模板，熟练编写系统测试报告

1. 熟悉软件功能的核心概念和方法论、软件开发和测试流程、敏捷研发和测试的流程规范、方法、工具 2. 掌握软件测试用例设计方法的定义、适用范围、使用步骤、优缺点及注意事项

加入收藏

shell脚本

唐海峰 · 36人观看 · 1251分钟

shell脚本

加入收藏

C语言基础

邓乃文 · 10369人观看 · 8757分钟

C语言基础

完成《蜗牛智慧社区门禁系统》基础版

物联网的体系架构，Linux基础命令，gcc编译器,vim编辑器，C语言基础，进制转换，表达式，运算符，流程控制，数组，字符串，函数

加入收藏

布局和动画

徐朝波 · 2286人观看 · 2810分钟

布局和动画

1.深入掌握定位技术使用，完成页面中二级菜单、模太框、复杂导航的设计 2.掌握页面样式的优化，包括利用过渡、动画、CSS3新特性来完成对用户体验的提升和网页的动态效果 3.通过掌握珊格布局实战，了解响应式布局的概念。针对多种布局方式实现页面实战

CSS3新增特性、盒子阴影、渐变背景、透明度、圆角样式、弹性布局、定位布局、过渡样式、2D动画、CSS矩阵、animation动画、BootStrap框架实战、珊格系统、插件使用

加入收藏

Python人脸识别来访系统开发实战

卿淳俊 · 2121人观看 · 331分钟

Python人脸识别来访系统开发实战

结合人脸识别和活体检测的来访登记系统实现

1. 了解人脸识别基本算法及原理 2. 熟练掌握OpenCV2进行摄像头的调用及视频获取 3. 人脸图形的关键特征点识别及绘制 4. 人脸活体检测机制算法原理 5. 多线程定时器的应用

加入收藏

基本信息

联系信息

上传资料