Build Responsive Real-World Websites with HTML and CSS

学习现代 HTML5、CSS3 和网页设计，通过构建一个惊艳的个人作品网站！包括弹性盒子和 CSS 网格布局。

讲师:Jonas Schmedtmann

您将学到什么

• 成为一名现代且自信的 HTML 和 CSS 开发者，无需任何先验知识！
• 从零开始设计并打造一个惊艳的实战项目，为你的作品集添砖加瓦
• 现代、语义化且无障碍的 HTML5
• 现代 CSS（之前的 CSS3），包括用于布局的 flexbox 和 CSS Grid
• 重要的 CSS 概念，如盒模型、定位方案、继承、解决选择器冲突等。
• 一个易于使用的网页设计框架，包含规则和指南，帮助你设计引人注目的网站。
• 如何规划、草图绘制、设计、构建、测试和优化专业网站
• 如何让网站在各种可能的移动设备上正常工作（响应式设计）
• 如何使用常见组件和布局模式进行专业网站设计和开发
• 开发技能，如阅读文档、调试和使用专业工具
• 如何查找和使用免费的设计资源，如图片、字体和图标
• 通过 10 多个挑战练习你的技能（包含解决方案）

课程要求

• 无需任何编码或设计经验
• 任何计算机都能运行——Windows、macOS 或 Linux
• 你无需购买任何软件——我们将使用世界上最优秀的免费代码编辑器

课程描述

*** Udemy 上最畅销的 HTML 和 CSS 课程！***
*** 完全从头重建于 2021 年 7 月（35 多小时视频）***

“在其他平台上学习过相关课程后，我可以肯定地说，这是我所学过的最具实用性和可直接应用的网页设计和开发课程。”—— Bernie Pacis

打开一个新的浏览器标签页，在
www.omnifood.dev
上浏览一番。我会在这里等你……

太棒了对吧？如果你知道如何从零开始设计并构建一个像这样的网站，那会有多酷？

好了，我将教你通过一步一步地构建这个惊艳的网站来掌握 HTML、CSS 和网页设计。

因此，在完成这门课程后，你会确切地了解如何按照 7 步流程创建一个美观、专业的、可以立即上线的网站，就像 Omnifood 一样。而且它在任何电脑、平板和智能手机上看起来都很棒。

但如果你想要构建完全不同的网站呢？没问题！我设计了课程大纲就是为了让你能够设计并构建你所能想到的任何网站，而不仅仅是复制课程项目。

为了成为自信且独立的开发者，并在未来能够自行开发自己的网站，你会学到：

现代语义 HTML、CSS 的基础知识以及如何在小规模单独项目中布局（包括现代 flexbox 和 CSS Grid）。
如何通过学习我专门为这门课创建的一个网页设计框架来设计美丽的网站。它包含易于使用的指南，涵盖排版、颜色、图像、间距等方面的设计要素（就像一个独立的小课程！）。
如何使用成熟的网站组件和布局模式来实现专业外观的设计
如何让任何网站在任何移动设备上都能正常工作，无论其设计和布局如何（响应式设计）
如何在实践中应用构建专业网站的 7 步流程：规划、草图绘制、设计、开发、测试、优化和发布
如何找到并使用免费的设计资产，如图像、字体和图标
重要的开发者技能，例如阅读文档、自行修复代码错误以及使用专业的网页开发工具

这听起来很有趣吗？那就加入我和 20 多万其他开发者一起开始构建网站吧！

或者你还没有下定决心，需要了解更多？没问题，请继续往下看……

[01] 为什么你应该首先学习 HTML 和 CSS？
构建网站让你能够从世界各地做有趣和富有创意的工作，并且报酬丰厚。网页开发是世界上最具有未来保障和高薪的行业之一。而 HTML 和 CSS 是进入这个世界的入门点！

但你已经知道这一切了，这就是为什么你想学 HTML 和 CSS 的原因。那么恭喜你，你来对地方了！

这是你在 Udemy 上能找到的最佳和最完整的课程，它将带你从完全不懂 HTML 和 CSS 开始，到使用专业网页开发者每天使用的工具和技术构建美丽的网站。

[02] 为什么这门课如此独特且受欢迎？
理由 #1：这门课完全是基于项目的
简单的演示很无聊，因此你将会通过
实际项目来学习一切！在最终项目 (
www.omnifood.dev
) 中，我们将一起手写代码为一个我专门为课程编造的虚构公司构建一个美丽的响应式着陆页。

理由 #2：你不仅仅会学到如何编码
编程很棒，但这不是全部！因此我们会通过整个
7 步流程
来学习和发布我们的网站项目。
所以巨大的 Omnifood 项目将教你
真实世界的技能来构建真实的 HTML 和 CSS 网站
：如何规划项目和页面布局、如何使用 HTML 和 CSS 技巧实现设计、如何编写整洁有组织的代码、如何优化网站以获得良好的速度性能，等等。

除此之外，这门课非常注重美丽的设计。事实上，这是市场上唯一一门专注于编码与设计相结合的课程。

理由 #3：我是最适合你的老师
在正确的指导和结构化的课程大纲下，构建网站可以变得
相当容易且有趣
。而一堆随机教程和 YouTube 视频？就不是那么回事了。这就是我出场的时候了。
我的名字是 Jonas，我是一名经验丰富的网页开发者和设计师，并且是 Udemy 的顶级讲师之一。自 2015 年以来，我一直教授这门畅销课程给超过 20 万名开发者，始终倾听反馈并了解学生实际如何学习。

利用这些反馈，我最近从头重建了这门课，并
设计了一个理想的课程大纲
，适合每一种类型的学生。这是一个独特的结合项目、深入解释、理论讲座和挑战的混合体。我相信你会喜欢它的！

[03] 为什么这门课这么长？
理由 #1：我会花时间来
详细讲解每一个概念
，让你真正学到东西，而不仅仅是从屏幕上复制代码（这不是一个教程）
理由 #2：我探讨了其他 HTML 和 CSS 课程避而不谈的主题：专业网页设计、组件和布局模式、一些 CSS 理论、网站规划的理论与实践以及开发者技能。我相信你需要所有这些才能成功！
理由 #3：有很多重复，让你真正
吸收并练习
所学的内容。练习是学习最重要的因素，因此我提供了大量的机会供你磨练你的技能

[04] 这个课程包还包括以下内容：
最新的高清视频，易于搜索和参考（非常适合 Udemy Business 学生）
专业的英文字幕（不是自动生成的）
可下载的设计资产 + 每节的起始代码和最终代码
20 多个理论视频的可下载幻灯片（保证不无聊！）
访问我多年精心整理的无数免费设计与开发资源
课程问答区中的免费支持
10 多项编码挑战以练习新技能（包含解决方案）

[05] 如果你符合以下条件，这门课适合你：
如果你是完全初学者，不知道如何构建网站。
如果你已经通过一些教程或视频了解了一些 HTML 和 CSS，但难以组合出一个美观完整的网站。
如果你是一名设计师，并且想要扩展你的技能到 HTML 和 CSS，因为所有你的设计朋友都在学习编程（他们很聪明！）。

基本上，如果你已经是 HTML 和 CSS 大师，并且构建世界上最美丽的网站，那么请不要参加这门课程。其他人：你应该今天就来上这门课！

所以，这一切听起来很棒吗？那就加入我和 20 多万其他开发者一起开始你的网页开发之旅吧！

本课程适合谁:

• 完全初学者，想学习如何构建专业、美观且响应式的网站
• 有一定 HTML 和 CSS 基础，但难以制作出色网站的学生
• 希望将自己的技能扩展到 HTML5 和 CSS3 的设计师