HTML和CSS核心-蜗牛学苑

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

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

展开剩余

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

01-网页介绍

17分钟 · 9428次播放

31%

20221017-01-开班总览.mp4

38分钟 · 757次播放

02-网页结构

27分钟 · 2295次播放

20221017-02-开班总览.mp4

58分钟 · 497次播放

03-开发工具

31分钟 · 2503次播放

20221017-03-课程体系.mp4

11分钟 · 484次播放

04-文本标签

34分钟 · 6060次播放

33%

20221017-04-html基本结构.mp4

27分钟 · 432次播放

05-图片标签

28分钟 · 1645次播放

43%

20221017-05-注释.mp4

23分钟 · 252次播放

06-超链接标签

19分钟 · 1304次播放

20221017-06-基本标签.mp4

25分钟 · 267次播放

07-超链接标签

11分钟 · 1367次播放

20221018-01-晨考.mp4

33分钟 · 281次播放

08-Table标签

38分钟 · 1527次播放

20221018-02-BS架构.mp4

32分钟 · 224次播放

09-Table标签

10分钟 · 1024次播放

20221018-03-字体标签.mp4

24分钟 · 142次播放

10-Table布局

26分钟 · 2255次播放

20221018-04-图像标签.mp4

25分钟 · 141次播放

11-表单组件

34分钟 · 1393次播放

20221018-05-链接标签.mp4

17分钟 · 140次播放

12-表单标签

18分钟 · 893次播放

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

17分钟 · 117次播放

13-表单标签

21分钟 · 859次播放

20221018-07-课堂练习.mp4

20分钟 · 154次播放

14-列表标签

24分钟 · 1331次播放

99%

20221018-08-课堂练习.mp4

9分钟 · 132次播放

15-补充标签

16分钟 · 729次播放

20221019-01-作业.mp4

26分钟 · 148次播放

16-样式来源

46分钟 · 998次播放

20221019-02-列表.mp4

16分钟 · 146次播放

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

35分钟 · 1322次播放

20221019-03-课堂练习.mp4

9分钟 · 155次播放

18-选择器语法

32分钟 · 1096次播放

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

22分钟 · 145次播放

19-背景样式

49分钟 · 855次播放

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

13分钟 · 150次播放

20-雪碧图实现

31分钟 · 1091次播放

20221019-06-iframe标签.mp4

11分钟 · 106次播放

21-文本样式

38分钟 · 652次播放

20221019-07-页面布局.mp4

13分钟 · 128次播放

22-行和块分类

18分钟 · 825次播放

20221019-08-表格.mp4

32分钟 · 77次播放

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

23分钟 · 874次播放

20221019-09-跨行跨列.mp4

17分钟 · 81次播放

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

47分钟 · 1163次播放

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

23分钟 · 87次播放

25-字体使用

29分钟 · 519次播放

20221019-11-表单元素.mp4

39分钟 · 498次播放

26-字体图标设计

21分钟 · 532次播放

20221020-01-晨考.mp4

21分钟 · 76次播放

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

28分钟 · 683次播放

20221020-02-作业.mp4

24分钟 · 154次播放

28-超链接

17分钟 · 458次播放

20221020-03-表单.mp4

30分钟 · 113次播放

29-列表样式

21分钟 · 451次播放

20221021-01-晨考.mp4

38分钟 · 99次播放

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

9分钟 · 552次播放

20221021-02-作业.mp4

18分钟 · 88次播放

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

8分钟 · 362次播放

20221021-03-层次选择器.mp4

44分钟 · 225次播放

79%

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

50分钟 · 666次播放

20221021-04-课堂练习.mp4

34分钟 · 45次播放

33-标准盒模型

8分钟 · 526次播放

20221021-05-属性选择器.mp4

11分钟 · 95次播放

34-边框

16分钟 · 420次播放

20221021-06-属性选择器.mp4

21分钟 · 66次播放

35-边框

13分钟 · 358次播放

90%

20221024-01-晨考.mp4

15分钟 · 67次播放

36-内边距

19分钟 · 295次播放

20221024-02-结构伪类.mp4

56分钟 · 112次播放

37-外边距

28分钟 · 261次播放

20221024-03-课堂练习.mp4

26分钟 · 36次播放

38-IE盒模型

18分钟 · 357次播放

20221024-04-字体样式.mp4

32分钟 · 60次播放

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

10分钟 · 326次播放

20221024-05-文本样式.mp4

68分钟 · 58次播放

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

28分钟 · 486次播放

20221025-01-作业.mp4

33分钟 · 153次播放

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

39分钟 · 601次播放

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

19分钟 · 2411次播放

42-组合选择器

34分钟 · 435次播放

20221025-03-元素优先级.mp4

32分钟 · 66次播放

43-组合选择器

14分钟 · 340次播放

20221025-04-元素优先级.mp4

42分钟 · 67次播放

44-属性选择器

25分钟 · 1169次播放

20221025-05-伪类样式.mp4

22分钟 · 67次播放

45-伪类选择器

9分钟 · 296次播放

20221025-06-列表样式.mp4

20分钟 · 118次播放

46-伪元素选择器

23分钟 · 334次播放

20221025-07-背景样式.mp4

34分钟 · 1220次播放

47-选择器权重

27分钟 · 298次播放

20221025-08-课堂练习.mp4

11分钟 · 97次播放

48-样式继承

17分钟 · 310次播放

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

43分钟 · 55次播放

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

55分钟 · 593次播放

50-浮动特点

28分钟 · 350次播放

51-浮动特点

10分钟 · 237次播放

52-清除浮动

32分钟 · 441次播放

34%

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

45分钟 · 489次播放

54-定位介绍

16分钟 · 1207次播放

37%

55-相对定位

17分钟 · 275次播放

56-绝对定位

23分钟 · 277次播放

82%

57-绝对定位

9分钟 · 226次播放

58-固定定位

17分钟 · 249次播放

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

14分钟 · 256次播放

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

24分钟 · 256次播放

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

39分钟 · 553次播放

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

50分钟 · 648次播放

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

27分钟 · 638次播放

64-BFC基础

12分钟 · 647次播放

65-BFC应用场景

24分钟 · 1063次播放

66-IFC基础

11分钟 · 559次播放

67-IFC应用场景

30分钟 · 1219次播放

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

20210816-03-工具安装

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

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

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的主页

推荐课程

网络协议与攻击模拟

杨文财 · 18572人观看 · 1434分钟

网络协议与攻击模拟

1、熟练使用Wireshark进行协议监控与分析，掌握Wireshark抓包与过滤规则和语法，熟练运用Wireshark重要功能 2、熟练掌握TCP和IP协议簇核心协议，如TCP、UDP、IP、ARP、ICMP、Ping、SNMP等，对对其进行监控与分析 3、深入理解核心的应用层协议，如HTTP、HTTPS、WebSocket、SMTP、POP3、IMAP、SSH、DNS、DHCP等，并配置相应实验环境

Wireshark高级应用、Mac地址泛洪攻击、ARP协议与攻击原理、ARP欺骗、ICMP协议、ICMP泛洪攻击、TCP、UDP、SYN泛洪攻击、部署DHCP服务器、DHCP攻击、部署DNS服务器、DNS欺骗、部署IIS服务器、HTTP协议、HTTP暴力破解、wrk泛洪攻击、HTTPS协议与部署、部署邮件服务器、SMTP/IMAP/POP3邮件协议、网络流量安全分析、无线WIFI协议与攻击

加入收藏

Java开发性能测试脚本

邓强 · 12771人观看 · 1231分钟

Java开发性能测试脚本

通过本课程学习，熟练账务Web性能测试，接口性能测试技术

性能测试基础，Jmeter应用，接口性能测试实战，Web性能实战，性能调优

加入收藏

服务器端性能优化实战

王小锋 · 834人观看 · 289分钟

服务器端性能优化实战

性能优化对IT人员来说是一个高深莫测的，需要综合素质高，通过本课程少走弯路，系统性的学到服务器端性能优化

将系统性的介绍服务器端的性能优化以及性能优化指导思想。将包括硬件篇，软件篇，系统篇，工具篇等进行性能优化的介绍

加入收藏

ps软件基础

罗斌 · 7495人观看 · 1282分钟

ps软件基础

1、精通造型工具AI软件的基本操作；2、理解配色基本规律-色相明度纯度色调等；3、理解不同风格插图类型与规律并进行写生练习

ai软件基础、色彩、风格

加入收藏

应用服务器部署

邓强 · 10742人观看 · 866分钟

应用服务器部署

1、能够在Linux和Docker环境下部署各类应用系统，如LAMP、LNMP、JAVA+Tomcat、HTTPS、集群环境、Redis、宝塔等 2、能够在Windows操作系统下完成各类Web及应用服务器环境的配置及使用Shell进行自动化安装部署 3、理解各类服务器的核心配置项，并了解其脆弱项，能够对其日志进行分析，并通过配置项进行安全加固 4、逐步深入理解HTTP和HTTPS协议的特性，并拓展WebSocket、HLS、SOAP等其他协议，为后续的学习打下坚实的基础

Linux下环境部署、Xampp详细配置、Apache与MySQL配置项、Java安装、Tomcat配置、HTTPS服务器配置、Nginx配置、LNMP配置、集群环境配置、Jboss安装配置、宝塔控制面板、Docker命令与核心操作、Docker容器化部署、日志文件配置、安全配置项、Nginx配置安全过滤器、Shell自动化部署、Windows环境部署、流量泛洪实验器

加入收藏

纯Java代码全程实战经典设计模式

潘光华 · 1293人观看 · 147分钟

纯Java代码全程实战经典设计模式

1. 掌握设计模式的使用 2. 掌握设计模式的思维 3. 了解23中设计模式及六大原则

1. 设计模式是从许多优秀的软件系统中总结出成功的、可复用的设计方案，已经被成功应用于许多系统的设计中。 2. 有助于软件开发人员使用面向对象语言开发出易维护、易扩展、易复用的代码。 3. 对项目实战有非常大的帮助。

加入收藏

Python+Locust性能测试

陈南 · 1053人观看 · 213分钟

Python+Locust性能测试

基于Python+Locust编写脚本，并监控系统资源的指标

本课程将从性能测试核心基础出发，演示性能测试的主要流程

加入收藏

Python人脸识别来访系统

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

Python人脸识别来访系统

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

加入收藏

回归分析

周一 · 4420人观看 · 366分钟

回归分析

掌握具体实战中使用python进行回归分析的步骤、方法与评估

线性回归的概念、线性回归适用条件、一元回归分析、多元回归分析。线性回归实现、线性回归诊断-残差分析、线性回归诊断-强影响点分析、线性回归诊断-多重共线性、非线性回归扩展。

加入收藏

前后端分离实战

邓乃文 · 6729人观看 · 781分钟

前后端分离实战

掌握高级特性概念以及运用，熟练使用ES6的新增特性

JavaScript高级特性：闭包、作用域链、递归、IIFE、立即函数等，ES6新增特性：解构赋值、扩展运算符，箭头函数等

加入收藏

分布式事务

高鹏 · 7397人观看 · 493分钟

分布式事务

掌握RabbitMQ中间件、ElasticSearch实际场景应用开发及Docker容器化技术应用

消息队列中间件RabbitMQ、延迟队列、MQ限流、接口限流、ElasticSearch全文检索引擎、微服务架构下的链路追踪、Docker容器化技术、Nocas注册中心、Sentinel熔断降级

加入收藏

安全设备与架构设计

杨文财 · 9914人观看 · 539分钟

安全设备与架构设计

1、深刻理解防火墙、WAF、IDS、IPS、日志审计、堡垒机、网闸、蜜罐等各类安全设备的工作机制与原理 2、熟练操作防火墙及WAF设备，能够基于各类设备进行进行安全策略的配置与验证，能够读懂设备日志文件 3、基于网络安全设备，利用路由器、交换机、防火墙、IDS、IPS、日志审计、堡垒机等进行网络安全环境构建与策略配置 4、综合运用网络设备、安全设备、网络架构、通信协议、安全运维、方案设计等知识，完成一套企业级网络安全设计方案

网络安全设备：思科防火墙配置、ACL与NAT配置、VPN配置、交大捷普WAF配置、WAF工作原理解析、WAF基础应用、日志审计系统、IDS产品、IPS产品、堡垒机、网闸、态势感知、蜜罐，基于前述知识体系从从网络和安全两个层面，完成一套企业网络架构设计，并参考等保2.0标准要求设计方案，最后进行方案评估、整合和答辩

加入收藏

基本信息

联系信息

上传资料