Packt
CSS Modern Responsive Web Design – Build 5 Websites

只需 199 美元(原价 399 美元)即可通过 Coursera Plus 学习更高水平的技能。立即节省

Packt

CSS Modern Responsive Web Design – Build 5 Websites

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

推荐体验

1 周 完成
在 10 小时 一周
灵活的计划
自行安排学习进度
深入了解一个主题并学习基础知识。
中级 等级

推荐体验

1 周 完成
在 10 小时 一周
灵活的计划
自行安排学习进度

您将学到什么

  • Master the CSS techniques needed to create modern, responsive web designs

  • Build a solid understanding of CSS Flexbox, Grid, and Float layout methods

  • Learn to design interactive, mobile-ready websites with JavaScript and CSS

  • Gain hands-on experience by creating five distinct websites from scratch

您将获得的技能

要了解的详细信息

可分享的证书

添加到您的领英档案

最近已更新!

January 2026

作业

9 项作业

授课语言:英语(English)

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

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

该课程共有7个模块

In this module, we will introduce you to the basics of CSS and web design. You will learn how to set up your first CSS file and link it to an HTML document. By the end of this section, you will have a solid understanding of how CSS enhances the presentation of your web pages.

涵盖的内容

14个视频1篇阅读材料1个作业

In this module, we will provide an overview of the course and introduce you to the essential tools and resources needed to start creating websites from scratch. You’ll learn how to set up your development environment and explore the core technologies that will power your web projects: HTML, CSS, and JavaScript. By the end of this section, you’ll be ready to begin building your own websites with confidence

涵盖的内容

2个视频1个作业

In this module, we will guide you through the process of creating a modern, responsive single-page website using Float and CSS. You’ll learn how to set up your web development environment, create a website wireframe, and design a reusable grid structure. By the end of this section, you'll have the skills to develop a responsive website with a navigation bar, image gallery, contact form, and other essential sections.

涵盖的内容

17个视频1个作业

In this module, we will guide you through the creation of a single-page website using Flexbox and JavaScript. You will learn how to set up a webpage with Flexbox, create a responsive navbar, design page cards, and integrate smooth scrolling with JavaScript. By the end of this section, you'll have the skills to build a modern, dynamic single-page website with a smooth, seamless user interface.

涵盖的内容

12个视频1个作业

In this module, we will walk you through building a responsive website using CSS Grid. You’ll learn how to set up your design with CSS Grid, create a responsive navbar, and ensure it functions without JavaScript. By the end of this section, you will be able to build a fully responsive website with a collapsible navbar and a polished footer, all while mastering CSS Grid layout techniques.

涵盖的内容

9个视频1个作业

In this module, we will teach you how to build a fully responsive, mobile-ready website using CSS Float and JavaScript. You’ll learn how to set up a dynamic, collapsible navigation menu, add placeholder content, and optimize your website for a seamless user experience. By the end of this section, you’ll have the skills to create a modern, responsive website with an interactive, mobile-friendly navbar and smooth, functional layout.

涵盖的内容

12个视频1个作业

In this module, we will guide you through the creation of a complex, responsive navbar using CSS Flexbox. You will learn how to design mobile-first websites, implement multi-layered sub-menus, and integrate JavaScript for navbar interactivity. By the end of this section, you will be able to build a fully functional, interactive navbar with responsive sub-menus, making your websites both user-friendly and visually appealing.

涵盖的内容

10个视频3个作业

位教师

Packt - Course Instructors
Packt
1,305 门课程335,367 名学生

提供方

Packt

从 Mobile and Web Development 浏览更多内容

人们为什么选择 Coursera 来帮助自己实现职业发展

Felipe M.
自 2018开始学习的学生
''能够按照自己的速度和节奏学习课程是一次很棒的经历。只要符合自己的时间表和心情,我就可以学习。'
Jennifer J.
自 2020开始学习的学生
''我直接将从课程中学到的概念和技能应用到一个令人兴奋的新工作项目中。'
Larry W.
自 2021开始学习的学生
''如果我的大学不提供我需要的主题课程,Coursera 便是最好的去处之一。'
Chaitanya A.
''学习不仅仅是在工作中做的更好:它远不止于此。Coursera 让我无限制地学习。'

常见问题