|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/your-one-stop-shop-to-learn-webflow-in-2022/
课程评论：没有评论
**课程名称：** 自由职业者一站式 Webflow 学习指南 **课程概述：** 本课程面向所有对网页设计与开发感兴趣的人，无论您是初学者还是已有丰富经验。如果您是一名设计师，渴望在一个平台上创建引人注目的网站；或者您想作为自由职业者，高效快速地建立网站，那么这门课程将是您的理想选择。 **课程内容亮点：** * **Webflow 基础：** 涵盖账户设置、项目创建与分享。 * **Webflow Designer 和 Editor：** 深入了解两大核心设计工具。 * **高级功能：** * 添加自定义字体 * 设置带 reCAPTCHA 的表单 * 集成 Google Maps * **交互与动画：** * 鼠标悬停与点击效果 * 滚动触发动画 * 自定义鼠标光标 * 页面内水平滚动 * 触摸屏交互定制 * **生产级网站构建：** * 添加自定义域名、Google Analytics * Webflow CMS 应用 * 集成 Lottie 动画 * 响应式设计（包括 Webflow 的限制及解决方案） * **两大实战项目：** * 一款手机应用的营销落地页 * 一款专业的个人作品集网站，助力您获得更多自由职业机会 * **自定义代码集成：** * 添加自定义 CSS 和 JavaScript 以增强过渡和效果 * 导出 HTML、CSS 和 JavaScript 代码 * 利用 Webflow 导出的代码托管至 Github Pages **学习目标：** 通过本课程的学习，您将能够熟练运用 Webflow 创建专业、响应式且交互丰富的网站，并掌握将 Webflow 作为设计开发工具，以及导出代码进行独立部署的技能，从而更好地开展自由职业工作。
Whether you are just thinking about starting to learn web development or you have already built many websites, whether you are a designer who wants to design and build eye-catching websites on a single platform, or if you want to build websites as a freelancer quickly and efficiently, this course is all you need. In this course, you will learn:Webflow Basics such as how to set up your account, create projects, and share themAll you need to know about Webflow Designer and Webflow EditorAdding custom fontsSetting up forms with reCAPTCHAAdding Google Maps to a websiteAll you need to know about interactions and animations in WebflowMouse hover and click effectsScroll based animationsCreating custom cursorsHorizontal scrolling inside a webpageCustomizing interactions for touch screensBuild a production-ready websiteAdd custom domains, Google AnalyticsHow to take advantage of Webflow CMS in your projectsAdding Lottie animations to a websiteMaking your Website responsive (Webflow limitations and how to fix them)TWO BIG PROJECTS to put all you have learned into practiceA multi-page landing website for a mobile applicationAn outstanding professional personal portfolio to showcase all your work to help you land more jobs as a freelancerA supplemental section on how to integrate custom code in a Webflow websiteAdd custom CSS and Javascript code to facilitate transitions, effects, etc. on a websiteExport all the HTML, CSS, and Javascript codeHow to use Webflow as a tool to help design and develop websites outside WebflowUse exported code from Webflow to host your Website on Github Pages
