关于产品经理如何学做网站，其实要简单也有简单的方法，不需要你懂任何后端知识，也不需要你懂前端知识，你只需要会搭积木就行。
打开 https://TailSpark.co/ 这个网站，如图一，可以看到很多不同的组件分类。
随便点开一个，如 Navbar 就是导航栏，见图二，里边列出来了很多个长不一样的导航栏，你随便挑一个你看得上眼的，点击“Copy Tailwind”按钮，就可以复制代码了。
每一个网页通常都由多个模块组成，如首页从上到下依次是Navbar、Hero、Features、How it works、Faq、Testimonial、Pricing、Footer组成。
每一个模块你找一个代码，这些代码从上到下放进同一个 html 文件里，就做好了一个网页。
其它页面同理，这样你就能做好一个网站所需的几个页面。
然后把所有页面都提交到 Github ，再触发 Vercel 的自动部署，你的网站就可以被看到了。
如这个页面 https://seo.box/demo.html 就是我花了10分钟时间复制粘贴做成的，对于复制过来的代码没有做任何的改动，自动适配任意屏幕宽度访问，具体效果大家可以点进去看一下。
我这篇文章还写了更多此类可以复制代码的网站 https://mp.weixin.qq.com/s/WXPbdFEkIBkej-iZnZwO-w
打开 https://TailSpark.co/ 这个网站，如图一，可以看到很多不同的组件分类。
随便点开一个，如 Navbar 就是导航栏，见图二，里边列出来了很多个长不一样的导航栏，你随便挑一个你看得上眼的，点击“Copy Tailwind”按钮，就可以复制代码了。
每一个网页通常都由多个模块组成，如首页从上到下依次是Navbar、Hero、Features、How it works、Faq、Testimonial、Pricing、Footer组成。
每一个模块你找一个代码，这些代码从上到下放进同一个 html 文件里，就做好了一个网页。
其它页面同理，这样你就能做好一个网站所需的几个页面。
然后把所有页面都提交到 Github ，再触发 Vercel 的自动部署，你的网站就可以被看到了。
如这个页面 https://seo.box/demo.html 就是我花了10分钟时间复制粘贴做成的，对于复制过来的代码没有做任何的改动，自动适配任意屏幕宽度访问，具体效果大家可以点进去看一下。
我这篇文章还写了更多此类可以复制代码的网站 https://mp.weixin.qq.com/s/WXPbdFEkIBkej-iZnZwO-w
