




资源介绍
视频数量:12个
总时长:1小时11分
课程介绍:
用AI提示词从零搭建你的网站并正式上线
你有没有过这样的经历:明知道自己的生意需要一个网站,却一拖再拖了好几个月?原因说起来无非那么几条——技术看起来太难了,找外包公司报价高得离谱,请自由职业者改个电话号码都得等三天,不知道该从哪一步下手。这些顾虑确实真实,但结果就是业务一直停留在"有想法没落地"的阶段。
这门课想解决的恰恰是这个尴尬的局面。整套课程只有一个多小时,但你跟着走完之后,手里会多出一个真正上线、可以被别人通过链接访问的网站。不需要你有任何编程基础,因为写代码这件事,AI来帮你做。
一、快速起步:让第一个网站火速上线
很多人卡在"开始"这一步,不是因为事情有多难,是因为不知道第一步该迈向哪里。第一章用了三节课帮你跨过这道坎。
第一节课先把整个课程的目标说清楚,让你看到最终要做出一个怎样的商业网站,以及整个过程大致怎么走。你会先拿到一张全景图,知道自己在每个阶段大概会处在什么位置。
第二节课是整个课程的第一次实战。老师会带着你用AI写出一段提示词,生成网站的第一张HTML页面,然后把它发布到网上。从输入提示词到看到一个真实可访问的网址,这个过程比你想象的要快得多。很多人第一次在浏览器里输入自己的网站地址时,会有一种"我真的做到了"的实感——这种感受很重要,它从一开始就在向你证明,这件事不是只有别人才能做。
第三节课讲的是怎么和AI"对话"更有效。这不是那种泛泛而谈的提示词技巧课,而是结合建站的真实场景来讲。比如怎么让AI理解你要表达的设计意图,怎么把模糊的需求变成具体的指令,怎么在AI给出的结果不理想时引导它修正。这一课学到的对话方式,后面每一章都会反复用到。
二、搭骨架:让网站有清晰的页面结构和导航
第一个页面上线之后,接下来要做的就是让它从一个孤零零的页面变成一个有结构的网站。第二章用了五节课来完成这一步。
你会学到怎么用提示词让AI帮你创建第一个完整的HTML页面,并且理解HTML的基本结构到底由哪些部分组成。HTML是网站的骨架,虽然AI帮你写,但你需要看得懂它在做什么,否则出了问题你连排查的方向都没有。
接下来是添加更多页面,并让页面之间可以互相跳转。一个像样的网站至少要有首页、服务介绍、关于我们、联系方式这几个基本页面。你会学到怎么用提示词批量生成这些页面,怎么建立页面之间的导航链接,让访客可以在你的网站里顺畅地逛来逛去而不迷路。
第七节课专门讲表单。表单是网站和用户互动的窗口——客户咨询、预约服务、留言反馈都靠它。你会看到怎么用提示词让AI生成一个可用的联系表单,怎么让表单提交后数据能发到你的邮箱,以及怎么测试表单是不是真的能正常工作。
这一章的最后一节课补充了一些HTML的进阶知识,包括常见的HTML标签、图片和链接的用法、列表和表格的写法。这些不是为了把你培养成前端工程师,而是让你在和AI协作时具备足够的判断力,知道AI生成的代码到底对不对、好不好。
三、做设计:让网站看起来像样
骨架搭好之后,就要给它穿衣服了。第三章用了四节课来搞定视觉设计。
首先登场的是CSS。CSS是控制网站外观的样式表,字体大小、颜色、间距、布局全归它管。你不需要手写所有CSS,AI可以帮你生成,但你要先理解CSS是怎么工作的,知道每一行代码在改变页面的哪个部分。第九节课从最基础的选择器讲起,比如body选择器控制整页的字体和背景色,nav选择器控制导航栏的样式。你会看到代码和最终效果之间的对应关系,理解CSS并没有想象中那么神秘。
第十节课开始动手改进设计。前面只是把CSS链接到了各个页面、测试了连接是否通畅,这一节课则认真调整每个页面的视觉细节,包括统一的配色方案、合理的页面间距、好看的导航链接样式。目标是把所有页面打造成一个看起来一致而专业的整体,而不是东拼西凑的感觉。
第十一节课很有趣:用AI来帮你做设计。前面你手动写了样式,这一节课你会发现,当你理解了CSS的工作原理之后,让AI帮你写反而更高效。你只需要写好一段清晰的提示词,描述清楚想要的颜色、间距、卡片样式和图片效果,AI就能在几秒钟内生成一整套CSS代码。但这里有一个关键提醒:AI生成的代码你需要看得懂、测得动、改得了。课程会教你怎么写那种"适合初学者的CSS"的提示词,避免AI给你一堆看不懂的高级写法。
第十二节课是收尾。你会拿到一份PDF资源文件,里面整理了一系列可以直接复用的网站搭建提示词模板。你也会学到怎么结合前面学到的一切,自己从零创建一个完整的网站——从结构到样式,全部由AI提示词驱动。
整个课程走的是"先跑通,再完善"的路线。不是一上来讲三个小时理论让你一头雾水的课,也不是只教你怎么在某平台点按钮的课。它真正教给你的是一种和AI协作建站的工作方式:AI负责写代码,你负责判断方向、控制质量、做出决策。这种能力一旦掌握,以后想给网站加新页面、调整设计、更新内容,都不用再求别人。
这门课适合那些一直想拥有自己网站却迟迟没动手的人,比如小企业主、自由职业者、提供专业服务但还没有线上展示的个人。如果你连"HTML是什么"都不知道,没关系,课程从零开始讲。如果你已经有一些基础,里面关于怎么和AI高效协作的部分也会让你耳目一新。学完之后你不会变成程序员,但你会拥有一个真正上线、属于你自己的网站,以及一种可以持续迭代它的能力。