为初学者一起学习HTML和CSS-初学者到专家
4.5 (10 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
356 students enrolled

为初学者一起学习HTML和CSS-初学者到专家

HTML和CSS的初学者课程将提供你所有的知识,你需要掌握HTML和CSS容易和快速。
4.5 (10 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
356 students enrolled
Created by fei ye
Last updated 7/2018
Simplified Chinese
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 38.5 hours on-demand video
  • 10 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • 创建HTML代码
  • 创建CSS代码
  • 将HTML和CSS结合起来构建网站
Course content
Expand all 169 lectures 38:38:33
+ 第一天
23 lectures 02:45:26
03 web标准
09:42
08 div span
10:37
10 图像标签
09:07
11 链接标签
09:12
12 锚点定位
06:02
13 base标签
03:36
14 特殊字符
05:21
15 注释标签
04:29
16 相对路径(一)
06:09
17 相对路径(二)
05:20
18 无序列表的使用
04:57
20 有序列表
02:26
21 四大名著案例
07:19
22 自定义列表
05:40
23 总结
02:31
+ 第二天
16 lectures 03:11:15
01 认识表格
12:06
02 几个属性
11:59
03 表格标题和表头单元格
05:12
04 今日小说排行
13:02
05 合并单元格
14:04
06 input表单
34:45
06 下拉菜单和文本域
14:49
07 表单域
11:15
08 查阅文档
03:22
09 行内样式表
11:43
10 体会内部样式表
08:36
11 亿江南
05:25
12 外部样式表
10:43
13 2个小问题总结
09:25
14 类选择器
11:56
15 谷歌案例
12:53
+ 第三天
15 lectures 03:49:13
01 多类名选择器
13:27
02 id选择器和通配符选择器
10:38
03 字体相关样式
33:04
04 字体连写
08:50
06 文本外观样式
20:40
07 上午复习
09:28
08 text0decoration装饰
12:45
09 调试工具
09:31
10 后代和子代选择器
17:06
11 并集和交集选择器
18:00
12 链接伪类选择器
12:24
13 测试题
16:13
14 显示模式
21:37
15 课堂案例
07:15
16 导航栏案例
18:15
+ 第四天
16 lectures 04:21:25
01 3个注意点
11:02
02 行高的问题
25:55
03 三大特性
46:27
04 权重练习题
07:49
05 背景
40:51
06 购物车
07:24
07 背景半透明
06:08
08 体会边框
15:38
09 表格细线边框
07:33
10 认识内边距
09:10
11 新浪导航栏1
07:47
12 新浪导航栏2
10:26
13 内边距问题1
10:29
14 内边距问题2
10:13
15 内边距练习
09:41
16 综合案例-新闻列表
34:52
+ 第五天
18 lectures 03:56:45
01 盒子水平居中
09:48
02 外边距合并
18:57
03 padding不会撑开盒子的情况
09:03
04 盒子圆角
15:02
05 圆角练习
07:41
06 盒子阴影
08:53
07 体会浮动
13:49
08 浮动特性
24:43
09 布局与版心
17:19
10 左右型布局
12:27
11 通栏写法
15:31
12 前期准备工作
04:59
13 云道页面-头部开始
12:38
14 云道页面-logo制作
09:33
15 云道页面-导航栏制作
14:45
16 云道页面-banner做法
10:59
17 服务模块制作
13:10
18 我的服务结束
17:28
+ 第六天
20 lectures 04:51:11
01 复习
13:31
02 考题
21:50
03 额外标签法和overflow清除浮动
27:09
04 伪元素清除浮动
14:56
05 云道页面-营销模块制作开始
07:25
06 云道页面-我们的服务结束
21:55
07 相对定位
24:39
08 绝对定位
13:56
09 子绝父相
10:14
10 哈根达斯
08:22
11 2个小问题
07:57
12 定位的盒字居中对齐
10:59
13 顺丰做法
10:04
14 淘宝定位1
13:44
15 淘宝定位2
16:04
16 固定定位
08:20
17 固定定位和模式转换
18:51
18 z-index
12:52
19 一个有趣的例子
12:53
20-总结
15:30
+ 第七天
17 lectures 04:05:52
01 复习与他挑错题
23:24
02 复习
12:32
03 显示与隐藏
13:12
04 仿土豆的做法
13:47
05 overflow
06:24
06 鼠标样式轮廓防止拖拽
17:32
07 vertical 注意
10:39
08 溢出的部分显示省略号
10:34
09 精灵图的本质
18:39
10 精灵图原理
11:00
11 拼出自己的名字
07:48
12 滑动门原理
18:59
13 微信导航栏
15:56
14 经典案例开始
12:00
15 经典案例模块结束
23:47
16 合作媒体模块
17:29
17-云道页面底部结束
12:10
+ 第八天
16 lectures 04:27:03
01 复习
23:25
02 下载字体图标
19:38
03 字体图标使用
15:30
04 追加字体图标
11:53
05 京东项目搭建
23:21
06 京东顶部开始
16:30
07 顶部关闭按钮
10:32
08 快捷导航栏开始
13:30
09 快捷导航栏左侧完成
12:27
10 快捷导航栏右侧制作开始
09:47
11 快捷导航栏右侧结束
09:27
12 header部分开始
15:59
13 logo的制作
16:34
14 三大标签的优化
13:24
15 搜索部分制作
26:13
16 购物车结束
28:53
+ 第九天
13 lectures 03:17:56
01 navitems开始
14:09
02 navitems结束
14:03
03 底部服务开始
16:23
04 服务模块完成
22:04
05 help模块开始
18:33
06 help完成
12:44
07 京东底部完成
21:25
08 京东主题部分广告制作
15:48
09 广告复习again
11:28
10 版心三个模块划分
05:52
11 家用电器模块
11:59
12 轮播图部分完成
22:10
13 三个小问题
11:18
+ 第十天
15 lectures 03:52:27
01 右侧结构制作
10:04
02 user模块完成
25:25
03 tab栏切换模块制作
25:54
04 京东结束
22:59
05 代码压缩
15:29
06 html5 新标签
12:06
07 新增属性
11:40
08 新增表单
14:45
09 新增表单属性
09:38
10 插入视频
18:27
11 结构伪类选择器和属性选择器
21:53
12 伪元素
20:49
13 css3盒子模型
05:23
14 小米案例
09:04
15 鼠标经过显示三角
08:51
Requirements
  • 基本的计算机技能
  • 互联网接入
Description

了解HTML和CSS以及它们如何用于创建网站。
HTML和CSS是当今互联网上的3个主要构建模块中的2个。internet使用HTML和CSS作为一组指令,浏览器可以使用这些指令来呈现预期的网页。HTML编写起来很有趣,而且容易上手。如果你曾经考虑过创建自己的网站,并想知道从哪里开始,这就是你的课程。
HTML(超文本标记语言)是Web最基本的构建块。它描述和定义网页的内容。探索HTML,它是如何工作的,以及浏览器如何使用它来构建网页。HTML是由使用它来构建网站的web开发人员创建的。了解如何创建自己的HTML样板模板,这些模板可以用于并重用来创建web页面。探索HTML标记、创建标题、段落等等。查看不同的标签和它们的功能。了解如何对元素进行分组,这是准备添加样式的第一步。
CSS(级联样式表)是一种样式表语言,用于描述用HTML编写的文档的表示形式。它是你的页面的外观,你的HTML元素可以被设计成有颜色、页面上的位置、不同的维度等等。探索如何向HTML元素添加颜色和背景选项。了解框模型以及如何将其用于向HTML元素添加更多显示属性。
将HTML和CSS放在一起创建网页。我们将介绍如何从零开始建立一个网站。
超链接它们是如何工作的
将图片添加到网页
使用CSS创建导航条
HTML表
HTML表单和为你的网站创建一个联系表单
HTML结构和构建页面
调整和更新你的网站。

学会从头开始创建一个网站,我在这里帮助和准备回答你可能有的任何问题。迈出第一步,学会今天创建自己的网站。

Who this course is for:
  • 任何想学习HTML和CSS的人
  • 任何想要创建网站的人
  • 刚接触网络开发的学生