【Udemy付费课程】Build Responsive Real-World Websites with HTML and CSS

使用 HTML 和 CSS 构建响应式真实世界网站

通过为你的作品集建立一个令人惊叹的网站来学习现代 HTML5、CSS3 和网页设计！包括 flexbox 和 CSS Grid

讲师：Jonas Schmedtmann

独家Udemy付费课程，中英文字幕，课程资料包齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

• 如何使用常用组件和布局模式进行专业网站设计和开发
• 开发人员技能，例如阅读文档、调试和使用专业工具
• 如何查找和使用免费的设计资源，例如图像、字体和图标
• 通过 10 多个挑战练习你的技能（包括解决方案）

课程内容

11 个章节 • 150 个讲座 • 总时长 37 小时 29 分钟展开所有章节

欢迎和第一步8 个讲座 • 49 分钟

HTML 基础12 个讲座 • 2 小时 5 分钟

CSS 基础24 个讲座 • 5 小时 25 分钟

布局：浮动、Flexbox 和 CSS 网格基础21 个讲座 • 4 小时 2 分钟

网页设计规则和框架20 个讲座 • 4 小时 53 分钟

组件和布局模式14 个讲座 • 4 小时 29 分钟

Omnifood 项目 – 设置和桌面版29 个讲座 • 10 小时 17 分钟

Omnifood 项目 – 响应式网页设计9 个讲座 • 2 小时 44 分钟

Omnifood 项目——效果、优化和部署11 个讲座 • 2 小时 40 分钟

结束！1 个讲座 • 5 分钟

[LEGACY] 旧课程版本 11 个讲座 • 1 分钟

要求

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

说明

*** Udemy 上排名第一的畅销 HTML 和 CSS 课程！***

*** 2021 年 7 月从头开始完全重建（35 小时以上视频）***

“通过其他平台上的其他相关课程，我可以说这门课程是我上过的最实用、最容易应用的网页设计和开发课程。” — 伯尼·帕西斯

打开一个新的浏览器选项卡，输入www.omnifood.dev，然后四处看看。我会在这里等…

…

很神奇，对吧？如果你完全从头开始知道如何设计和构建这样的网站会怎样？那会有多神奇？

好吧，我在这里教你HTML、CSS 和网页设计，所有这些都是通过逐步构建你刚刚看到的令人惊叹的网站来完成的。

因此，完成本课程后，你将通过 7 个步骤，准确了解如何构建一个美观、专业且随时可用的网站，就像 Omnifood 一样。它甚至可以在任何计算机、平板电脑和智能手机上看起来都很棒。

但是如果你想建立一个完全不同的网站呢？嗯，没问题！我设计课程的目的正是为了：让你能够设计和构建你能想到的任何网站，而不仅仅是复制课程项目。

所以，为了成为一个自信、独立的开发者，将来有能力建立自己的网站，你将学到：

• 现代和语义 HTML、CSS 的基础知识，以及在一个单独的小型项目中构建布局，这将为你准备主课程项目 ( www.omnifood.dev )。这包括现代的 flexbox 和 CSS Grid！
• 通过学习我为本课程创建的网页设计框架，如何设计漂亮的网站。它包含易于使用的设计方面的指南，如排版、颜色、图像、间距等（这就像一个小型独立课程！）。
• 如何使用完善的网站组件和布局模式来设计出具有专业外观的设计
• 无论设计和布局如何（响应式设计），如何让任何网站在任何移动设备上运行
• 如何在实践中使用构建专业网站的 7 个步骤：规划、草图、设计、构建、测试、优化和启动
• 如何查找和使用免费的设计资源，例如图像、字体和图标
• 重要的开发人员技能，例如阅读文档、自行修复代码错误以及使用专业的 Web 开发工具

这听起来很有趣吗？然后加入我和 200,000 多名其他开发人员，立即开始构建网站！

或者你还没有售出，需要了解更多信息？没问题，继续阅读…

[01] 为什么首先要学习 HTML 和 CSS？

建立网站可以让你在世界任何地方进行有趣且有创意的工作，而且还可以获得丰厚的回报。Web 开发是世界上最具前瞻性和收入最高的行业之一。而 HTML 和 CSS 是这个世界的入口点！

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

这是在 Udemy 上开始你的 Web 开发之旅的最佳和最完整的课程。它是一个多合一的软件包，让你从对 HTML 和 CSS 一无所知，到使用专业 Web 开发人员每天使用的工具和技术来构建漂亮的网站。

[02] 为什么这门课程如此独特和受欢迎？

原因 #1：课程完全基于项目

简单的演示很无聊，因此你将通过构建实际项目来学习一切！在最后一个项目 ( www.omnifood.dev ) 中，我们一起为一家虚构的公司手工编写了一个漂亮且响应迅速的登录页面，我只是为这门课程编造的。

原因#2：你不会只是学习如何编码

编码很棒，但它不是一切！这就是为什么我们将经历构建和启动我们的网站项目的整个7 步过程。

因此，巨大的 Omnifood 项目将教你构建真实世界的 HTML 和 CSS 网站的实际技能：如何规划项目和页面布局，如何使用 HTML 和 CSS 技术实现设计，如何编写干净和有组织的代码，如何优化网站以获得良好的速度性能等等。

最重要的是，这门课程非常注重美观的设计。事实上，这是市场上唯一一门同时关注编码和设计的课程。

理由3：我是适合你的老师

有了正确的指导和结构良好的课程，构建网站会变得非常容易和有趣。有一堆随机教程和 YouTube 视频？没那么多。这就是我进来的地方。

我的名字是 Jonas，我是一位经验丰富的 Web 开发人员和设计师，也是 Udemy 的顶级讲师之一。自 2015 年以来，我一直在向超过 200,000 名开发人员教授这门畅销课程，始终倾听反馈并准确了解学生的实际学习方式。

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

[03] 为什么这门课这么长？

原因#1：我花时间解释我教的每一个概念，这样你才能真正学习，而不仅仅是从屏幕上复制代码（这是一门课程，不是教程）

原因#2：我进入了其他 HTML 和 CSS 课程回避的主题：专业网页设计、组件和布局模式、一些 CSS 理论、理论和实践中的网站规划以及开发人员技能。我相信你需要这一切才能成功！

原因3：有很多重复，这样你才能真正吸收和练习你学到的东西。实践是学习中最重要的一个要素，因此我为你提供了很多提高技能的机会

[04] 以下是包装中还包含的内容：

• 最新的高清质量视频，易于搜索和参考（非常适合 Udemy Business 学生）
• 专业英文字幕（不是自动生成的）
• 每个部分的可下载设计资产 + 起始代码和最终代码
• 20 多个理论视频的可下载幻灯片（不无聊，我保证！）
• 访问我多年来策划的无数免费设计和开发资源
• 课程问答中的免费支持
• 练习新技能的 10 多个编码挑战（包括解决方案）

[05] 本课程适合你，如果…

• …你是一个完全的初学者，不知道如何建立一个网站。
• …你已经从一些教程或视频中了解了一些 HTML 和 CSS，但很难构建一个美观、完整的网站。
• …你是一名设计师，并且希望将自己的技能扩展到 HTML 和 CSS，因为你所有的设计师朋友都在学习如何编码（他们很聪明！）。

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

那么，这一切听起来很棒吗？然后加入我和 200,000 多名其他开发人员，立即开始你的 Web 开发之旅！

此课程面向哪些人：

• 想要学习如何构建专业、美观且响应迅速的网站的完整初学者
• 对 HTML 和 CSS 有一定了解，但很难建立一个优秀网站的学生
• 想要将技能组合扩展到 HTML5 和 CSS3 的设计师