|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/webflow-basics/
课程评论:没有评论
课程名称:Webflow基础课程 课程概述: Webflow是当前最优秀的可视化网站编辑器之一,它在设计和实现静态及动态网站,甚至预制电子商务系统方面带来了真正的革命。通过无代码的使用,发布网页变得比以往任何时候都要快速和简单。本课程将带您进入无代码的网页设计世界,重点讲解网站布局这一重要元素。您将学习到从空白页面开始,在Webflow中创建静态网站的所有技术。这是一个非常适合那些尚未接触Webflow的人,想要打下基础或创建第一个网站的绝佳入门课程。 课程内容包括: - 实践性的网站实现 - 创建静态单页网站 - 学习Webflow中的布局工具 - 在子域上发布您的网站 - 结构和布局讲解 - 从Adobe XD到Webflow的过渡 适合人群: Webflow是一个极好的工具,适合所有想要开始创建网站的人。它具有简单的可视化界面、广泛的可能性、托管、SSL和自定义域名,只需点击几下便可实现。因此,本课程是初学者建立网站的良好起点。不过,没有扎实的HTML和CSS基础,使用Webflow会相对困难。因此,我强烈建议在学习Webflow课程之前,至少完成基本的HTML和CSS课程。对于那些已经了解网络技术并能够创建网站的人来说,Webflow的潜力最大。在这些人的手中,Webflow显著加快了工作进度和客户项目的交付。Webflow同样是UI/UX设计师和网页开发者的理想工具,他们可以以全新的方式工作和交付项目。 现代可视化编辑器: 虽然您可能听说过WYSiWYG,但Webflow实际上与之无关。Webflow生成的代码是干净、美观的HTML、CSS和JavaScript,它的质量完全取决于您对工具和网络技术的了解。Webflow允许您以创纪录的速度创建页面,因为您不必编写代码。在可视化编辑器中,您可以完成大多数任务,同时网站仍然基于语义代码和现代标准。 Webflow的能力几乎是无穷无尽的。除了能够创建静态页面之外,您还可以准备基于CMS的动态网站,甚至完整的电子商务系统,利用现成的组件构建它们。Webflow不同于“页面构建器”,通常从一张空白页面开始,从而可以实现完全自定义的布局。随后,通过Webflow发布完成的网站,添加域名、托管等,您的网站便可上线,无需复杂配置。此外,您的客户可以通过内置的CMS编辑器直接在浏览器中编辑页面。 您将在本课程中学习: 本课程将重点关注布局——在Webflow中有效工作的基础。这意味着我们将讨论网页的语义元素(HTML)及其样式(CSS)。您将学习如何在Webflow中使用流行的CSS布局构造,如Grid或Flexbox。我会展示如何从空白页面实施完整的页面布局,这些布局之前是在Adobe XD课程中设计的。如果您想了解我如何设计该网站本身,建议您参考那门课程,您可以在此课程之前或与Webflow课程并行学习。
Webflow is one of the best visual website editors right now. It is a real revolution when it comes to designing and implementing both static and dynamic websites and even ready-made e-commerce systems. With the use of no-code, publishing pages is faster and easier than ever. This course introduces you to the world of web design without coding with Webflow, addressing the most important element - layout. In short, you will learn all the techniques that allow you to create static websites in Webflow, from a blank page. This is a great introduction for those of you who have not dealt with Webflow yet, want to establish your foundations, or create your first website!A practical website implementation Create a static one-page site Learn layout tools in Webflow Publish your website on a subdomain Structure and Layout explained From XD to WebflowWho is this course forWebflow is a brilliant tool for all willing to start their adventure with creating websites - simple visual interface, extensive possibilities, hosting, SSL, custom domains - all in a few clicks. Therefore, this course is a good starting point for beginners who want to build a website. However, without a solid foundation of HTML and CSS it's pretty difficult to work with Webflow. That is why I strongly recommend that you do at least the basic HTML and CSS course before Webflow courses. Webflow's greatest potential is for those of you who already understand web technology and are able to create websites. In the hands of such people, Webflow is a tool that incredibly speeds up work and delivering new projects to clients. Webflow is also a great tool for UI/UX designers and web developers who can work and deliver projects in a completely new way!Modern Visual EditorIf you've heard about WYSiWYG - Webflow has practically nothing to do with them. The code generated by Webflow is clean, aesthetic HTML, CSS, JavaScript, and its quality is only determined by how well you know the tool and web technologies. Weblflow allows you to create pages in record time, thanks to the fact that you do not have to write code. Most tasks can be done in visual editor while our website is still based on semantic code and modern standards!Webflow's AbilitiesThey are practically endless. Apart from the fact that you can create static pages, you also have the option of preparing dynamic websites based on CMS and even complete E-commerce systems, building them from ready-made components. Webflow, however, differs from "page builders" - we usually start from a blank page, and thus we can implement completely custom layout. Then, with the help of Webflow - publish the finished website, add domain name, hosting and.violla! Your website is live without difficult configuration. In addition your client can edit page directly in the browser with the help of the built-in CMS Editor!What you'll learn?In this course, we'll focus on Layout - the basis of effective work in Webflow. This means that we will discuss the semantic elements of the page (HTML) as well as its styling (CSS). You will learn how to use popular CSS Layout constructs such as Grid or Flexbox in Webflow. I will show you how to implement a complete page layout from a blank page, which we previously designed in the Adobe XD course. If you want to learn how I designed the website itself - I refer you to this course. You can rewrite it in advance or in parallel with the Webflow course in front of you.