资源介绍
视频数量：11个
总时长：1小时41分
课程介绍：
Webflow 精通教程：从入门到建站高手
你有没有过这样的经历：脑子里冒出一个网站的想法，特别想把它变成现实，结果一打开编辑器就被代码吓退了？请开发团队吧，预算不够。自己学编程吧，时间成本太高。想法就一直悬在那里，慢慢就忘了。
现在情况不一样了。不写代码也能做出看起来非常专业的网站，这一点已经成了现实。Webflow就是这样一款工具，它把网页设计的底层逻辑变成了拖拽和点击，让你像搭乐高一样把网站拼出来。但工具只是基础，如果你不了解它的界面结构、不清楚每个模块的作用、不懂网站设计背后的思路，做出来的页面要么四不像，要么改起来一团乱。
这门网页建站实战课就是为了解决这些问题而来。课程一共11个视频，总时长一小时四十一分钟，分成四个模块，从最基础的"这是什么"一直带你走到把网站真正发布上线。整个过程循序渐进，学完以后你能独立完成一个完整的网站项目。
一、认识工具，走进工作台
很多人第一次打开Webflow都会被界面吓到——按钮多、面板复杂、选项密密麻麻，完全不知道从哪里开始。所以课程的第一个模块先帮你把基础打牢。
第一个视频告诉你Webflow到底是什么，它跟传统的建站方式有什么不同，为什么越来越多的设计师和创业者选择它而不是其他平台。第二个视频手把手教你注册账号，整个过程不跳步骤，你跟着点就行。
第三个视频是很多人觉得最有用的一个——详解Webflow的仪表盘。这里会教你认识所有的菜单项、快捷键和导航逻辑。课程里特别提到，讲师会一步步读出自己正在执行的操作，把光标移动到屏幕上每个点击的位置展示给你看，让你完全跟得上。学完这部分，你再打开Webflow就不会有陌生感了，知道每个按钮是干什么的，遇到问题也知道去哪里找答案。
二、编辑器全览，做出第一个页面
光认识工具还不够，你得真正用起来。第二个模块带你完整地走一遍编辑器。
第一个视频是一场全面的编辑器导览。课程会从创建一个空白站点开始，带你认识元素面板、页面管理、导航器、资源管理器和样式系统这些核心组件。你会看到三种创建方式：AI构建器、模板和空白站点。课程选了最基础的空白站点来演示，因为这样你能理解每一步的原理，而不是被模板牵着走。
第二个视频开始真正动手——创建你的第一个网页。从拖入第一个容器开始，到设置基本的布局结构，你会看到网页是怎么从空白的画布一步步变成有内容的页面。这部分特别适合初学者，因为每一步都讲得很细，不会出现"这一步很简单我就跳过了"的情况。
第三个视频教你做导航栏。导航栏是网站的脸面，用户进站第一眼看到的就是它。一个好的导航栏不仅要好看，还要逻辑清晰、交互顺畅。课程会教你从零搭建一个功能完整的导航，包括链接设置、样式调整和响应式设计的基础概念。
三、搭建常用板块，建立组件思维
学会了基础页面之后，你还需要往里面填内容。第三个模块教你做网站里最常见的三种功能板块。
第一个视频教你添加品牌标志网格区域。课程里用Webflow自己的标志做演示，告诉你这个区域适合放合作伙伴logo、信任背书或者合作品牌。你会学到怎么拖入区域、添加容器、放入div块，再把图片排列成整齐的网格。课程特别强调：容器的对齐和居中在响应式设计里非常重要，后面做手机端适配时你会感谢现在养成的这个好习惯。
第二个视频教你做卡片区域。卡片是现代网页里非常常见的组件——产品展示、博客列表、服务介绍，几乎都能用卡片来实现。你会学到怎么设计卡片布局、调整间距、设置悬停效果，让卡片既有信息量又有视觉吸引力。
第三个视频教你做表单区域。网站少不了让访客联系你的入口。课程会带你搭建一个完整的联系表单，包括输入框、文本域、提交按钮，以及最关键的——怎么把这些字段正确关联到表单接收系统。学完这个，你就能在自己的网站上收集访客留言了。
四、完善细节，把网站发布上线
网站做得差不多了，但总感觉少了点什么？往往是页脚。第四个模块的第一个视频专门讲页脚的设计。
这个视频的讲解方式很有意思：不是直接上来就拖组件，而是先跟你聊"页脚到底是什么、为什么重要"。课程里说，很多人觉得页脚就是放版权信息和几个链接的地方，但事实上页脚承担着非常多的功能——品牌露出、社交媒体入口、快速导航、联系方式、订阅表单、法律声明。它是你留给访客的最后印象，就像电影的片尾字幕，大部分观众不会逐字读完，但它传递了"这是一个正规、专业的团队"这样的信号。讲完概念之后，课程才带你进入实际操作，一步步搭出一个结构合理、视觉现代的页脚。
最后一个视频是整个课程的收尾——把你的网站发布到互联网上。从预览检查到域名绑定再到正式上线，每一步都讲清楚。学到这里，你做的网站就不再只是编辑器里的一个项目，而是任何人都可以通过网址访问的真实网页了。
这门课适合什么人
如果你是完全没有建站经验的纯新手，想做一个自己的作品集网站、创业项目落地页或者小型企业官网，这门课就是给你准备的。你不需要懂HTML、CSS或者JavaScript，跟着视频一步步操作就行。
如果你是设计师，平时用Figma或者Sketch做设计稿，想把设计图直接变成可上线的网页，这门课能帮你快速掌握对应的工作流。
如果你是创业者或者独立开发者，想快速验证产品想法、做一个着陆页，用一个半小时学完这门课，你就能在当天把想法变成一个真实可访问的网站。
学完以后你能做什么
课程结束后，你不仅能在Webflow里独立搭建一个完整的网站，更重要的是你会建立起一种"组件化"的思维方式。以后再看到任何好看的网页，你会自然地拆解它——头部导航怎么做的、内容区用了什么布局、底部页脚怎么设计，然后你就能在编辑器里复刻出来，甚至做得更好。
你会理解网站设计背后的逻辑，而不仅仅是模仿操作步骤。这种能力会让你以后接触任何新的建站工具都能快速上手，因为底层的设计思维是相通的。网页设计这个技能在今天越来越值钱——不写代码，也能做出让客户和同事眼前一亮的网站。