Web Design for Beginners: Real World Coding in HTML & CSS
初学者的网页设计:HTML和CSS中的真实世界编码

Launch a career as a web designer by learning HTML5, CSS3, responsive design, Sass and more!
通过学习 HTML5、CSS3、响应式设计、Sass 等,开始网页设计师的职业生涯!

教程演示🔗

更多开发教程

What you’ll learn 学习内容

  • Create any website layout you can imagine
    创建您能想象到的任何网站布局
  • Support any device size with Responsive (mobile-friendly) Design
    支持任何设备尺寸的响应式(移动友好型)设计
  • Add tasteful animations and effects with CSS3
    使用 CSS3 添加雅致的动画和效果
  • Use common vocabulary from the design industry
    使用设计行业的常用词汇

Requirements 要求

  • No prerequisite knowledge required
    无需必备知识
  • No special ($$$) software required
    无需特殊 ($$$) 软件

Description 描述

You can launch a new career in web development today by learning HTML & CSS. You don’t need a computer science degree or expensive software. All you need is a computer, a bit of time, a lot of determination, and a teacher you trust. I’ve taught HTML and CSS to countless coworkers and held training sessions for fortune 100 companies. I am that teacher you can trust
你今天就可以通过学习HTML和CSS来开启一个新的Web开发职业。您不需要计算机科学学位或昂贵的软件。你所需要的只是一台电脑、一点时间、很多决心和一个你信任的老师。我曾向无数同事教授过 HTML 和 CSS,并为财富 100 强公司举办过培训课程。我是你可以信任的老师。

Don’t limit yourself by creating websites with some cheesy “site-builder” tool. This course teaches you how to take 100% control over your webpages by using the same concepts that every professional website is created with.
不要通过使用一些俗气的“网站构建器”工具创建网站来限制自己。本课程教您如何使用与创建每个专业网站相同的概念来 100% 控制您的网页。

This course does not assume any prior experience. We start at square one and learn together bit by bit. By the end of the course you will have created (by hand) a website that looks great on phones, tablets, laptops, and desktops alike.
本课程不假定任何先前的经验。我们从头开始,一点一点地一起学习。在课程结束时,您将(手动)创建一个在手机、平板电脑、笔记本电脑和台式机上看起来都很棒的网站。

In the summer of 2020 the course has received a new section where we push our website live up onto the web using the free GitHub Pages service; this means you’ll be able to share a link to what you’ve created with your friends, family, colleagues and the world!
在 2020 年夏天,该课程获得了一个新部分,我们使用免费的 GitHub Pages 服务将我们的网站实时推送到网络上;这意味着您将能够与您的朋友、家人、同事和世界分享您创建的内容的链接!

I have helped over 100,000 students and have received the following feedback: 
我已经帮助了超过 100,000 名学生,并收到了以下反馈:

“…A fantastic course… clear, definite and engaging.”
“…一个梦幻般的课程……清晰、明确、引人入胜。

“…Presentation is concise without being tedious… you honestly feel that you have a thorough understanding of the subject.”
“…简明扼要,不乏味……老实说,你觉得你对这个主题有透彻的理解。

“…[Brad] explained the process. Not memorize this or that, he explained the process. If you’re looking to take a course to understand the foundations of creating websites, look no further.”
“…[布拉德]解释了这个过程。不要记住这个或那个,他解释了这个过程。如果您想参加一门课程来了解创建网站的基础,那就别无所求。

“Brad definitely has some of the best techniques to embed the lesson into your mind… hands down these are the best tutorials I have had the opportunity to view.”
“布拉德绝对有一些最好的技巧,可以将课程嵌入你的脑海中……毫无疑问,这些是我有机会看到的最好的教程。

“I found this course really helpful and I highly recommend it… all things you learn are seen in action instantly.”
“我发现这门课程真的很有帮助,我强烈推荐它……你所学到的所有东西都会立即付诸行动。

“Brad has put together a great foundation for any body wishing to get a good understanding with front end web-development.”
“Brad 为任何希望对前端 Web 开发有良好了解的人奠定了坚实的基础。”

“…I would definitely recommend this course to most folks I know who want to learn web design.”
“…我肯定会向我认识的大多数想要学习网页设计的人推荐这门课程。

Who this course is for:
本课程适用于谁:

  • Anyone who wants to build websites the “professional” way
    任何想以“专业”方式建立网站的人
  • Anyone who has practiced web design as a hobby but is not confident about their skillset in a professional arena
    任何将网页设计作为一种爱好,但对自己在专业领域的技能没有信心的人
  • Experienced developers looking to renew their HTML5 & CSS3 knowledge
    有经验的开发人员希望更新他们的 HTML5 和 CSS3 知识

本教程已投稿B站:

发表回复

后才能评论

尊敬的用户,您好!由于部分培训机构和留学生的举报,近期导致网站大量链接暂时失效。对此给您带来的不便,我们深表歉意。任何链接失效的资源,欢迎您添加侧边栏二维码随时反馈,我们将在48小时内为您提供新的网盘链接。如果您对此不便感到不满,您也可在48小时内申请无理由退款。感谢您的理解与支持!

Windows播放器推荐:Potplayer Potplayer 是免费的 Windows 播放器,支持双字幕和自动翻译功能。以下是操作指南: 挂载字幕 加载中文字幕:右击选择 字幕 -> 字幕设置,取消“只匹配文件名字幕”选项。可调整字幕颜色、位置和大小。 双字幕设置:右击 字幕 -> 选择字幕 -> 次字幕输出,设置主字幕和次字幕。 自动翻译 若可访问 Google 翻译服务,选择 字幕 -> 实时字幕翻译,勾选 总是使用 和 Google Translate,即可实时翻译英文字幕。 Potplayer 让观看更智能,学习体验升级。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可联络站长解决。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源