首页
就业培训
视频中心
在线教材
求职招聘
企业内训
学苑动态
创建公司 已有账号？

基本信息



联系信息

-
-

上传资料

选择营业执照图片文件

上传成功后渲染

公司环境照片（最少一张，长宽比例16：9）

课时列表
01-网页介绍
02-网页结构
03-开发工具
04-文本标签
05-图片标签
06-超链接标签
07-超链接标签
08-Table标签
09-Table标签
10-Table布局
11-表单组件
12-表单标签
13-表单标签
14-列表标签
15-补充标签
16-样式来源
17-样式来源-实战：12306页面
18-选择器语法
19-背景样式
20-雪碧图实现
21-文本样式
22-行和块分类
23-行和块分类-拓展：div+css布局
24-行和块分类-拓展：豆瓣官网头部实战
25-字体使用
26-字体图标设计
27-字体图标设计-实战：jq22官网头部
28-超链接
29-列表样式
30-列表样式-拓展：二级菜单的实现
31-列表样式-拓展：link和@import区别
32-列表样式-实战：jq22官网头部
33-标准盒模型
34-边框
35-边框
36-内边距
37-外边距
38-IE盒模型
39-IE盒模型-拓展：width设置百分比和不设置
40-IE盒模型-实战：QQ安全中心头部
41-IE盒模型-实战：QQ安全中心
42-组合选择器
43-组合选择器
44-属性选择器
45-伪类选择器
46-伪元素选择器
47-选择器权重
48-样式继承
49-样式继承-实战：百度翻译官网
50-浮动特点
51-浮动特点
52-清除浮动
53-清除浮动-实战：豆瓣网热点内容
54-定位介绍
55-相对定位
56-绝对定位
57-绝对定位
58-固定定位
59-固定定位-拓展：定位层级
60-固定定位-拓展：盒子居中技巧
61-清除浮动-实战：jq22官网最新插件
62-固定定位-实战：大麦网导航
63-固定定位-实战：伪元素导航
64-BFC基础
65-BFC应用场景
66-IFC基础
67-IFC应用场景
首页 / Web前端开发 · 第一阶段:网页核心设计 / HTML和CSS核心
发布于 2022-02-09 · 68900 次观看
展开剩余
  • 视频列表
  • 评论
  • 课程介绍
  • 资料列表
  • 教师笔记
01-网页介绍
17分钟 · 10215次播放
31%
02-网页结构
27分钟 · 2522次播放
0%
03-开发工具
31分钟 · 2725次播放
0%
04-文本标签
34分钟 · 6230次播放
33%
05-图片标签
28分钟 · 1765次播放
43%
06-超链接标签
19分钟 · 1402次播放
0%
07-超链接标签
11分钟 · 1439次播放
3%
08-Table标签
38分钟 · 1638次播放
0%
09-Table标签
10分钟 · 1102次播放
0%
10-Table布局
26分钟 · 2365次播放
0%
11-表单组件
34分钟 · 1470次播放
0%
12-表单标签
18分钟 · 969次播放
0%
13-表单标签
21分钟 · 929次播放
0%
14-列表标签
24分钟 · 1395次播放
99%
15-补充标签
16分钟 · 788次播放
0%
16-样式来源
46分钟 · 1070次播放
0%
17-样式来源-实战：12306页面
35分钟 · 1391次播放
0%
18-选择器语法
32分钟 · 1161次播放
0%
19-背景样式
49分钟 · 935次播放
0%
20-雪碧图实现
31分钟 · 1168次播放
0%
21-文本样式
38分钟 · 713次播放
0%
22-行和块分类
18分钟 · 887次播放
0%
23-行和块分类-拓展：div+css布局
23分钟 · 941次播放
0%
24-行和块分类-拓展：豆瓣官网头部实战
47分钟 · 1217次播放
0%
25-字体使用
29分钟 · 570次播放
0%
26-字体图标设计
21分钟 · 570次播放
0%
27-字体图标设计-实战：jq22官网头部
28分钟 · 724次播放
1%
28-超链接
17分钟 · 488次播放
0%
29-列表样式
21分钟 · 481次播放
0%
30-列表样式-拓展：二级菜单的实现
9分钟 · 583次播放
0%
31-列表样式-拓展：link和@import区别
8分钟 · 391次播放
0%
32-列表样式-实战：jq22官网头部
50分钟 · 705次播放
0%
33-标准盒模型
8分钟 · 557次播放
0%
34-边框
16分钟 · 448次播放
0%
35-边框
13分钟 · 381次播放
90%
36-内边距
19分钟 · 316次播放
0%
37-外边距
28分钟 · 283次播放
0%
38-IE盒模型
18分钟 · 385次播放
0%
39-IE盒模型-拓展：width设置百分比和不设置
10分钟 · 364次播放
0%
40-IE盒模型-实战：QQ安全中心头部
28分钟 · 512次播放
0%
41-IE盒模型-实战：QQ安全中心
39分钟 · 629次播放
0%
42-组合选择器
34分钟 · 468次播放
0%
43-组合选择器
14分钟 · 362次播放
0%
44-属性选择器
25分钟 · 1191次播放
0%
45-伪类选择器
9分钟 · 314次播放
0%
46-伪元素选择器
23分钟 · 357次播放
0%
47-选择器权重
27分钟 · 326次播放
1%
48-样式继承
17分钟 · 347次播放
0%
49-样式继承-实战：百度翻译官网
55分钟 · 645次播放
0%
50-浮动特点
28分钟 · 388次播放
0%
51-浮动特点
10分钟 · 267次播放
0%
52-清除浮动
32分钟 · 468次播放
34%
53-清除浮动-实战：豆瓣网热点内容
45分钟 · 507次播放
0%
54-定位介绍
16分钟 · 1233次播放
37%
55-相对定位
17分钟 · 297次播放
0%
56-绝对定位
23分钟 · 302次播放
82%
57-绝对定位
9分钟 · 249次播放
0%
58-固定定位
17分钟 · 269次播放
0%
59-固定定位-拓展：定位层级
14分钟 · 274次播放
0%
60-固定定位-拓展：盒子居中技巧
24分钟 · 284次播放
0%
61-清除浮动-实战：jq22官网最新插件
39分钟 · 574次播放
0%
62-固定定位-实战：大麦网导航
50分钟 · 670次播放
0%
63-固定定位-实战：伪元素导航
27分钟 · 656次播放
0%
64-BFC基础
12分钟 · 675次播放
0%
65-BFC应用场景
24分钟 · 1084次播放
0%
66-IFC基础
11分钟 · 583次播放
0%
67-IFC应用场景
30分钟 · 1286次播放
58%

{{comment.createTime | dateForMat(comment.createTime)}}
回复
共有 条回复
回复

{{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的主页
推荐课程
TypeScript核心实战
TypeScript核心实战
徐朝波 · 2327人观看 · 1426分钟

TypeScript核心实战

1. 熟悉TypeScript编程的规范和核心要素 2. 熟悉函数类型接口编程，类类型接口编程 3. 面向对象编程核心概念，继承、封装的概念和实战应用 4. 泛型编程、模块化编程实现业务设计
TypeScript核心概念、变量提升函数提升、枚举类型、IIFE、接口编程、递归编程、类型断言、面向对象编程、原生对象、继承、泛型编程、泛型工具、高级类型检查、模块化编程概念
加入收藏
Python核心基础
Python核心基础
杨殿杰 · 1426人观看 · 1474分钟

Python核心基础

1、Python入门：Python发展史、Python应用场景、Python开发环境搭建 2、PyCharm：PyCharm的安装、设置字体、设置快捷键、PyCharm常用设置、调试 3、Python基础知识：注释、变量以及数据类型、标识符和关键字、输入函数、输出函数、运算符、程序类型转换 4、分支和循环：if判断语句、运算符、if-else语句、while循环、for循环、break、continue 5、字符串和列表：字符串输入、字符串输出、下标和切片、字符串常见函数、列表(list)、列表的循环遍历、列表的增删改查、列表的嵌套、列表的切片 6、字典和元组：字典的增删改查、字典遍历、访问元组、修改元组、集合（set） 7、函数：函数定义、函数的类型、函数参数、函数返回值、函数嵌套、局部变量、全局变量、递归函数、匿名函数 8、文件操作：文件的打开与关闭、文件的读写、文件读写应用 9、面向对象（类和对象）：定义类、类的构成、类的__init__()方法、创建对象、理解self 10、面向对象（封装、继承）：封装、继承、父类方法重载、私有方法、魔术方法 11、匿名函数定义及使用、装饰器使用、迭代器原理及应用 12、综合案例练习
本内容涵盖 Python 环境搭建、PyCharm 使用、基础语法、数据类型、控制结构、函数与参数、包与模块、文件读写、、代码规范（为后续智能体开发、大模型对接铺垫）、面向对象思想及应用、匿名函数、装饰器、迭代器函数
加入收藏
安全运维
安全运维
唐海峰 · 35人观看 · 92分钟

安全运维

加入收藏
Linux操作系统预科
Linux操作系统预科
高鹏 · 3072人观看 · 3748分钟

Linux操作系统预科

加入收藏
mysql数据库
mysql数据库
徐小兵 · 552人观看 · 1007分钟

mysql数据库

加入收藏
Numpy数据运算
Numpy数据运算
卿淳俊 · 5261人观看 · 396分钟

Numpy数据运算

熟练掌握Numpy库的各种操作以及矩阵的变形、运算、张量处理等
NDArray数组的创建、初始化、修改、变形、转置、切片等操作，以及各类矩阵的逻辑运算、聚合运算、组间运算、点积运算、高级操作
加入收藏
鸿蒙智慧屏应用开发(JS版)
鸿蒙智慧屏应用开发(JS版)
邓乃文 · 2237人观看 · 290分钟

鸿蒙智慧屏应用开发(JS版)

学习新技术，丰富自身开发技术栈。
鸿蒙项目的完整开发流程及上线部署、鸿蒙常见问题梳理及解决
加入收藏
深入ArkTS、组件实战
深入ArkTS、组件实战
徐朝波 · 2579人观看 · 1359分钟

深入ArkTS、组件实战

1. 熟悉鸿蒙开发中的装饰器设计和装饰器原理 2. 熟悉类web开发模式，熟悉前端三件套构建鸿蒙应用 3. 熟练使用ArkTS实现页面的构造和设计。
TS装饰器规范、DevEco开发工具、模拟器调试、真机环境、类web开发模式、ArkTS核心规范、布局组件、自定义组件、组件通信、自定义函数构建、ArkCompiler方舟编译器原理
加入收藏
linux系统
linux系统
邓家军 · 2453人观看 · 581分钟

linux系统

加入收藏
网页核心布局
网页核心布局
江岚 · 22108人观看 · 1073分钟

网页核心布局

1. 熟练掌握常用网页布局标签，正确实现网页骨架设计，并了解SEO的一些基础规则 2. 熟悉基础CSS样式，完成网页中模块的布局，并对文本、字体、背景有多场景的应用
网页核心布局标签、网页样式设计、导航样式、产品列表、选择器、雪碧图、浮动布局、标准盒子模型、表单样式、字体图标、样式继承、样式权重计算
加入收藏
一多开发，分布式实战
一多开发，分布式实战
徐朝波 · 4526人观看 · 471分钟

一多开发，分布式实战

1. 多Ability实例的创建和应用 2. 万能卡片和元服务器实现项目业务开发和设计 3. 消息通知和提示，真机环境下消息服务 4. 云开发的环境搭建，和云服务数据构建 5. 低代码平台快速构建我们项目的页面和业务
Ability实例、万能卡片开发、元服务模式、服务流转、消息通知提醒、代理提醒配置、文件上传下载、Petal Map、Location定位、响应式布局、一套代码多端适配、分布式调度、多模块设计
加入收藏
算法精进之Java经典数据结构揭秘
算法精进之Java经典数据结构揭秘
潘光华 · 2021人观看 · 448分钟

算法精进之Java经典数据结构揭秘

不但会使用内置工具，更要从底层深入源码设计理念，轻松解决企业特定业务场景的诸多问题 、直击大厂数据结构相关面试
1. 针对任意年限java开发经验群体，只要具备逻辑基础和面向对象编程就能轻松上手 2. 源码驱动的对比式教学，一门课程让您学会数据结构源码设计
加入收藏
版权所有 © 成都蜗牛创想科技有限公司

备案：蜀ICP备15014130号-2

网络文化经营许可证

结算台