首页

投稿

【Udemy中文】HTML5+CSS3，使用 HTML 和 CSS 构建响应式真实世界网站

4.6万

136

2023-03-23 22:09:24

----- Build Responsive Real-World Websites with HTML and CSS 网站：https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/ 课程资料：https://www.aliyundrive.com/s/mY9uVjWBhD1 作者：Jonas Schmedtmann Udemy评分：4.8 官网售价：US$ 109.99 ----- ----- Web前端三板斧系列 ----- JS-上：BV1CL411o7kH JS-下：BV1Ba4y1N7MW HTML5+CSS3：BV1Po4y1s7MC Vue3：BV1kv4y1G7Jr Node.js：BV1Zs4y1c7mv

字幕制作者（中文（中国））：加绒Web3

加绒Web3 发消息

业界知名IT入门教程收藏家，国家一级收藏夹吃灰选手

1-1 Course Structure and Projects

05:35

1-2 A High-Level Overview of Web Development

11:02

1-3 Setting Up Our Code Editor

08:53

1-4 Your Very First Webpage!

09:57

1-5 Downloading Course Material

04:22

1-6 Watch Before You Start!

05:46

2-1 Section Intro（HTML Fundamentals）

00:41

2-2 Introduction to HTML

04:19

2-3 HTML Document Structure

11:47

2-4 Text Elements

16:21

2-5 More Text Elements_ Lists

11:01

2-6 Images and Attributes

12:46

2-7 Hyperlinks

14:50

2-8 Structuring our Page

10:57

2-9 A Note on Semantic HTML

06:29

2-10 Installing Additional VS Code Extensions

07:15

2-11 CHALLENGE #1

11:51

2-12 CHALLENGE #2

17:13

3-1 Section Intro（CSS Fundamentals）

00:57

3-2 Introduction to CSS

04:08

3-3 Inline, Internal and External CSS

12:13

3-4 Styling Text

15:33

3-5 Combining Selectors

09:14

3-6 Class and ID Selectors

15:24

3-7 Working With Colors

24:09

3-8 Pseudo-classes

10:01

3-9 Styling Hyperlinks

09:44

3-10 Using Chrome DevTools

08:05

3-11 CSS Theory #1_ Conflicts Between Selectors

17:24

3-12 CSS Theory #2_ Inheritance and the Universal Selector

14:37

3-13 CHALLENGE #1

17:42

3-14 CSS Theory #3_ The CSS Box Model

08:06

3-15 Using Margins and Paddings

22:08

3-16 Adding Dimensions

08:04

3-17 Centering our Page

07:57

3-18 CHALLENGE #2

11:00

3-19 CSS Theory #4_ Types of Boxes

22:20

3-20 CSS Theory #5_ Absolute Positioning

16:05

3-21 Pseudo-elements

16:53

3-22 Developer Skill #1_ Googling and Reading Documentation

12:16

3-23 Developer Skill #2_ Debugging and Asking Questions

22:17

3-24 CHALLENGE #3

19:38

4-1 Section Intro（Layouts_ Floats, Flexbox, and CSS Grid Fundamentals）

01:19

4-2 The 3 Ways of Building Layouts

05:19

4-3 Using Floats

17:23

4-4 Clearing Floats

07:23

4-5 Building a Simple Float Layout

08:47

4-6 box-sizing_ border-box

11:13

4-7 CHALLENGE #1

20:16

4-8 Introduction to Flexbox

09:44

4-9 A Flexbox Overview

07:36

4-10 Spacing and Aligning Flex Items

10:53

4-11 The flex Property

11:35

4-12 Adding Flexbox to Our Project

19:58

4-13 Building a Simple Flexbox Layout

12:16

4-14 CHALLENGE #2

14:15

4-15 Introduction to CSS Grid

10:59

4-16 A CSS Grid Overview

09:41

4-17 Sizing Grid Columns and Rows

13:55

4-18 Placing and Spanning Grid Items

13:01

4-19 Aligning Grid Items and Tracks

13:47

4-20 Building a Simple CSS Grid Layout

15:47

4-21 CHALLENGE #3

07:48

5-1 Section Intro

02:19

5-2 Project Overview

06:14

5-3 Overview of Web Design and Website Personalities

12:37

5-4 Web Design Rules #1_ Typography

16:18

5-5 Implementing Typography

23:24

5-6 Web Design Rules #2_ Colors

13:42

5-7 Implementing Colors

18:13

5-8 Web Design Rules #3_ Images and Illustrations

14:58

5-9 Web Design Rules #4_ Icons

13:00

5-10 Implementing Icons

21:34

5-11 Web Design Rules #5_ Shadows

13:05

5-12 Implementing Shadows

12:09

5-13 Web Design Rules #6_ Border-radius

04:55

5-14 Implementing Border-radius

06:41

5-15 Web Design Rules #7_ Whitespace

13:11

5-16 Web Design Rules #8_ Visual Hierarchy

22:59

5-17 Implementing Whitespace and Visual Hierarchy

15:44

5-18 Web Design Rules #9_ User Experience (UX)

20:38

5-19 The Website-Personalities-Framework

31:00

5-20 The Missing Piece_ Steal Like An Artist!

10:27

6-1 Building a Carousel Component - Part 1

21:26

6-2 Building a Carousel Component - Part 2

29:43

6-3 Web Design Rules #10 - Part 2_ Layout Patterns

21:53

6-4 Section Intro

01:01

6-5 Web Design Rules #10 - Part 1_ Elements and Components

27:50

6-6 Building an Accordion Component - Part 1

25:32

6-7 Building an Accordion Component - Part 2

19:25

6-8 Building a Table Component - Part 1

10:05

6-9 Building a Table Component - Part 2

13:17

6-10 CHALLENGE #1_ Building a Pagination Component

24:20

6-11 Building a Hero Section - Part 1

22:12

6-12 Building a Hero Section - Part 2

21:22

6-13 Building a Web Application Layout - Part 1

15:14

6-14 Building a Web Application Layout - Part 2

15:57

7-1 Section Intro

01:03

7-2 The 7 Steps to a Great Website

20:31

7-3 Defining and Planning the Project (Steps 1 and 2)

24:37

7-4 Sketching Initial Layout Ideas (Step 3)

07:37

7-5 First Design and Development Steps (Step 4)

15:22

7-6 Responsive Design Principles

08:38

7-7 How rem and max-width Work

16:07

7-8 Building the Hero - Part 1

16:13

7-9 Building the Hero - Part 2

29:28

7-10 Building the Hero - Part 3

23:58

7-11 Building the Header

15:17

7-12 Building the Navigation

15:56

7-13 Setting Up a Reusable Grid

21:24

7-14 Building the How-It-Works Section - Part 1

29:17

7-15 Building the How-It-Works Section - Part 2

35:13

7-16 Building the Featured-In Section

19:46

7-17 Building the Meals Section - Part 1

26:36

7-18 Building the Meals Section - Part 2

21:02

7-19 Building the Meals Section - Part 3

29:43

7-20 Building the Testimonials Section - Part 1

18:16

7-21 Building the Testimonials Section - Part 2

24:39

7-22 Building the Pricing Section - Part 1

24:01

7-23 Building the Pricing Section - Part 2

25:59

7-24 Building the Features Part

19:08

7-25 Building the Call-To-Action Section - Part 1

26:14

7-26 Building the Call-To-Action Section - Part 2

24:46

7-27 Building the Call-To-Action Section - Part 3

29:10

7-28 Building the Footer - Part 1

19:17

7-29 Building the Footer - Part 2

27:59

8-1 Section Intro

00:49

8-2 How Media Queries Work

14:25

8-3 How to Select Breakpoints

04:49

8-4 Responding to Small Laptops

15:34

8-5 Responding to Landscape Tablets

19:26

8-6 Responding to Tablets

25:25

8-7 Building the Mobile Navigation

37:59

8-8 Responding to Smaller Tablets

18:57

8-9 Responding to Phones

26:43

顶部