When will I have access to the lectures and assignments?

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

What will I get if I subscribe to this Specialization?

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Is financial aid available?

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

Creating Basic Web Layouts

本课程是 Web Development for Beginners 专项课程的一部分

位教师：William Mead

包含在中

了解更多

4个模块

深入了解一个主题并学习基础知识。

中级等级

需要一些相关经验

2 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

4个模块

深入了解一个主题并学习基础知识。

中级等级

需要一些相关经验

2 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

您将获得的技能

您将学习的工具

要了解的详细信息

可分享的证书

添加到您的领英档案

作业

4 项作业

授课语言：英语（English）

91%

of learners achieved a positive career outcome

了解顶级公司的员工如何掌握热门技能

了解关于 Coursera for Business 的更多信息

Petrobras, TATA, Danone, Capgemini, P&G 和 L'Oreal 的徽标

积累特定领域的专业知识

本课程是 Web Development for Beginners 专项课程专项课程的一部分

在注册此课程时，您还会同时注册此专项课程。

向行业专家学习新概念
获得对主题或工具的基础理解
通过实践项目培养工作相关技能
获得可共享的职业证书

该课程共有4个模块

In this course, we’ll explore the history of layout on the web and techniques that have been used to create those layouts. You’ll practice using Flexbox CSS and gain an understanding of how Flexbox works to create layouts for web pages. We’ll practice using responsive web design and discuss the challenges of managing layouts across multiple screen sizes. You’ll learn specific techniques to build a responsive web page and practice using mobile first development. Lastly, you’ll apply the techniques learned in this course by using Flexbox properties to create a mini portfolio website and deploy it on GitHub.

单元详情

Welcome to the course! In this module, we will start exploring the history of layout on the web. By layout, I mean specifically how the visual space of the webpage can be used, and how different elements can be arranged within that space. We will discuss the history of techniques that have been used to create layouts on the web, and dive into the complexities and challenges associated with creating layouts on the web. Let's get started!

涵盖的内容

13个视频5篇阅读材料1个作业4个讨论话题

13个视频总计97分钟

Course Introduction3分钟
Module Introduction2分钟
Web Layout History, Part 19分钟
Web Layout History, Part 28分钟
Web Layout History, Part 311分钟
Web Layout History, Part 48分钟
Box Model, Part 17分钟
Box Model, Part 27分钟
Box Model, Part 34分钟
Box Model, Part 410分钟
Display Property Basics, Part 110分钟
Display Property Basics, Part 27分钟
Display Property Basics, Part 311分钟

5篇阅读材料总计41分钟

Course Navigation and Safety Statement1分钟
The Wax and the Wane of the Web10分钟
Box Model Files10分钟
Display Property Basics Files10分钟
Digging Into the Display Property: Box Generation10分钟

1个作业总计35分钟

Module 1 Quiz35分钟

4个讨论话题总计60分钟

Learning Goals15分钟
Box Model (Optional)15分钟
Display Property Basics (Optional)15分钟
Module 1 Discussion15分钟

Welcome to the second lesson in our course on basic web layout. In this lesson you will learn about and practice a limited set of initial features that accompany the flexbox CSS layout module. You will create simple layouts using these features and get a hint of what is to come, as we get deeper into understanding how flexbox works to help us create layouts for our web pages.

涵盖的内容

15个视频2篇阅读材料1个作业3个讨论话题

15个视频总计86分钟

Module Introduction2分钟
Flexbox, Part 1.13分钟
Flexbox, Part 1.26分钟
Flexbox, Part 1.39分钟
Flexbox, Part 1.45分钟
Flexbox, Part 1.511分钟
Flexbox Challenge 1 Intro3分钟
Flexbox Challenge 1 Answer & Challenge 2 Intro2分钟
Flexbox Challenge 2 Answer & Challenge 3 Intro3分钟
Flexbox Challenge 3 Answer & Challenge 4 Intro5分钟
Flexbox Challenge 4 Answer & Challenge 5 Intro6分钟
Flexbox Challenge 5 Answer & Challenge 6 Intro5分钟
Flexbox Challenge 6 Answer & Challenge 7 Intro7分钟
Flexbox Challenge 7 Answer & Challenge 8 Intro6分钟
Flexbox Challenge 8 Answer13分钟

2篇阅读材料总计20分钟

Flexbox, Part 1 Files10分钟
Flexbox Challenge Files10分钟

1个作业总计45分钟

Module 2 Quiz45分钟

3个讨论话题总计45分钟

Flexbox, Part 1 (Optional)15分钟
Flexbox Challenge (Optional)15分钟
Module 2 Discussion15分钟

Welcome to the third lesson in our course on basic web layout. In this lesson you will learn about responsive web design, including how the term was coined and the history associated with the challenges of managing layouts across many possible screen sizes. You will learn specific techniques that you can use to build a responsive web page. We will discuss mobile first development and why it is important to make your designs work on the smallest, least capable devices first, then progressively enhance those designs for users with larger screens and more resources.

涵盖的内容

17个视频4篇阅读材料1个作业3个讨论话题

17个视频总计101分钟

Module Introduction1分钟
Responsive Design, Part 16分钟
Responsive Design, Part 27分钟
Responsive Design, Part 39分钟
Responsive Design, Part 47分钟
Responsive Design, Part 53分钟
Responsive Design, Part 67分钟
Responsive Design, Part 76分钟
Responsive Design, Part 88分钟
Responsive Design, Part 98分钟
Responsive Design, Part 108分钟
Responsive Design, Part 116分钟
Mobile First Responsive Example, Part 17分钟
Mobile First Responsive Example, Part 25分钟
Mobile First Responsive Example, Part 32分钟
Mobile First Responsive Example, Part 49分钟
Common Sense CSS Resets4分钟

4篇阅读材料总计60分钟

Responsive Design Files10分钟
Responsive Design Historical Readings30分钟
Mobile First Response Files10分钟
Common Sense CSS Resets File10分钟

1个作业总计45分钟

Module 3 Quiz45分钟

3个讨论话题总计45分钟

Responsive Design (Optional)15分钟
Mobile First Responsive Example (Optional)15分钟
Module 3 Discussion15分钟

Welcome to the fourth lesson in our course on basic web layout. In this lesson you will learn about more of the flexbox properties that will help you create a variety of web layouts. This set of properties compliments the techniques learned in the previous lesson about responsive design, as they will help you further control the design of your website across a wide variety of screen sizes. At the end of this module, you will have the opportunity to use everything you have learned to create a simple, mini portfolio website and deploy it to GitHub to share with your friends, family and colleagues.