HTML和CSS核心-蜗牛学苑

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

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

展开剩余

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

01-网页介绍

17分钟 · 10156次播放

31%

02-网页结构

27分钟 · 2508次播放

03-开发工具

31分钟 · 2717次播放

04-文本标签

34分钟 · 6221次播放

33%

05-图片标签

28分钟 · 1756次播放

43%

06-超链接标签

19分钟 · 1396次播放

07-超链接标签

11分钟 · 1437次播放

08-Table标签

38分钟 · 1636次播放

09-Table标签

10分钟 · 1100次播放

10-Table布局

26分钟 · 2362次播放

11-表单组件

34分钟 · 1468次播放

12-表单标签

18分钟 · 966次播放

13-表单标签

21分钟 · 926次播放

14-列表标签

24分钟 · 1393次播放

99%

15-补充标签

16分钟 · 782次播放

16-样式来源

46分钟 · 1064次播放

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

35分钟 · 1383次播放

18-选择器语法

32分钟 · 1151次播放

19-背景样式

49分钟 · 928次播放

20-雪碧图实现

31分钟 · 1159次播放

21-文本样式

38分钟 · 706次播放

22-行和块分类

18分钟 · 880次播放

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

23分钟 · 934次播放

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

47分钟 · 1210次播放

25-字体使用

29分钟 · 564次播放

26-字体图标设计

21分钟 · 567次播放

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

28分钟 · 723次播放

28-超链接

17分钟 · 484次播放

29-列表样式

21分钟 · 478次播放

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

9分钟 · 579次播放

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

8分钟 · 387次播放

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

50分钟 · 702次播放

33-标准盒模型

8分钟 · 555次播放

34-边框

16分钟 · 445次播放

35-边框

13分钟 · 379次播放

90%

36-内边距

19分钟 · 315次播放

37-外边距

28分钟 · 282次播放

38-IE盒模型

18分钟 · 383次播放

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

10分钟 · 362次播放

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

28分钟 · 511次播放

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

39分钟 · 629次播放

42-组合选择器

34分钟 · 464次播放

43-组合选择器

14分钟 · 360次播放

44-属性选择器

25分钟 · 1189次播放

45-伪类选择器

9分钟 · 313次播放

46-伪元素选择器

23分钟 · 356次播放

47-选择器权重

27分钟 · 324次播放

48-样式继承

17分钟 · 343次播放

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

55分钟 · 645次播放

50-浮动特点

28分钟 · 387次播放

51-浮动特点

10分钟 · 266次播放

52-清除浮动

32分钟 · 467次播放

34%

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

45分钟 · 507次播放

54-定位介绍

16分钟 · 1232次播放

37%

55-相对定位

17分钟 · 295次播放

56-绝对定位

23分钟 · 301次播放

82%

57-绝对定位

9分钟 · 247次播放

58-固定定位

17分钟 · 268次播放

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

14分钟 · 273次播放

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

24分钟 · 283次播放

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

39分钟 · 574次播放

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

50分钟 · 670次播放

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

27分钟 · 655次播放

64-BFC基础

12分钟 · 672次播放

65-BFC应用场景

24分钟 · 1081次播放

66-IFC基础

11分钟 · 581次播放

67-IFC应用场景

30分钟 · 1284次播放

58%

共有条回复

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

课程目标

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

知识要点

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

课程详情

20210816-01-前端体系介绍

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

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

推荐课程

素描和插画

罗斌 · 20093人观看 · 847分钟

素描和插画

1、理解手绘板绘与鼠绘的基本规律，以及ui设计的手绘特点；2、初步建立图形创意的基本规律意识和基本审美意识；3、能对站酷等设计网站视觉图片进行理性分析；

素材收集与整理、透视、比例、结构、光影

加入收藏

Windows与网络基础

杨文财 · 135712人观看 · 1658分钟

Windows与网络基础

1、掌握Windows操作系统的常用命令、注册表、权限、系统服务、防火墙、组策略，熟悉Windows系统的常见脆弱项及日志文件 2、掌握计算机网络基础基础原理、掌握OSI模型与TCP/IP协议族、理解各种协议的工作原理 3、掌握GNS3、PT和eNSP等网络模拟器基本使用，熟悉Wireshark与科来协议分析工具

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

加入收藏

系统入侵与提权技术

邓强 · 20241人观看 · 1996分钟

系统入侵与提权技术

1、掌握Kali Linux操作系统中内置的安全相关工具如MSF、MSFVenom等的核心操作和木马生成与免杀原理 2、熟练掌握MSF渗透测试和入侵框架的核心使用、Meterpreter操作，熟练各类高级渗透测试的原理与工具的应用 3、掌握常用的各类渗透测试和入侵工具及扫描工具的使用，并完成对靶场环境和主机系统的漏洞利用 4、对操作系统入侵、Web系统入侵与GetShell、操作系统提权、权限维持等技术具备深刻理解和灵活运用

Kali系统攻击工具应用、John系统密码暴破工具、dirb目录扫描、AWVS扫描工具、Nessus漏洞扫描器、Invicti扫描器、MSF框架基础使用、MSF渗透测试与漏洞利用、Meterpreter后续利用、反弹Shell原理与使用、MSFVenom木马生成、ShellCode木马生成、木马免杀专题、Windows与Linux系统入侵与系统提权、Redis系统提权、SSRF与Redis内网渗透、Linux与Windows系统权限维持、Cobalt Strike远控工具

加入收藏

web服务器

唐海峰 · 103人观看 · 1212分钟

web服务器

加入收藏

网络协议与攻击模拟

杨文财 · 28482人观看 · 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协议与攻击

加入收藏

服务器端性能优化实战

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

服务器端性能优化实战

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

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

加入收藏

数据预处理实战

周一 · 7353人观看 · 800分钟

数据预处理实战

在实际项目中掌握特诊工程处理数据、提升分析信度、效度的方法

数据分析的基本过程、数据理解、数据清洗、特征构造。特征工程-标量、向量与空间、特征工程-计数、对数、缩放与归一化、特征工程-文本数据扁平化、过滤与分块。特征工程-数据降维概念、特征工程-PCA概念、特征工程-数据降维实战

加入收藏

UI自动化

邓家军 · 21203人观看 · 713分钟

UI自动化

综合运用Python、WebDriver、正则表达式等技术，根据DDT，KDT等思想，设计开发出WoniuTest测试框架

HTML，CSS，Selenium WebDriver框架，基础框架，DDT，KDT，POM模型，WoniuTest框架

加入收藏

面向对象编程

陈云 · 6496人观看 · 1695分钟

面向对象编程

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

加入收藏

SPSS分析中国消费者信心指数

周一 · 2201人观看 · 1069分钟

SPSS分析中国消费者信心指数

1、专业统计分析工具SPSS的基本使用。 2、如何结合热点案例应用SPSS进行分析。 3、统计分析主要知识点梳理和学习。

1、专业的统计学工具实战讲解 2、全程案例驱动，结合社会热点案例进行分析

加入收藏

面向对象、集合

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

面向对象、集合

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

加入收藏

面向对象、集合

高磊 · 2061人观看 · 1363分钟

面向对象、集合

类与对象、static，构造函数，有参构造，this，toString()；List<T>，迭代器，比较器，匿名内部类。

人员名单面向对象化，集合化。

加入收藏

基本信息

联系信息

上传资料