想做一个自己的网站，从哪里开始？

想展示作品、记录兴趣，或为社团做一个介绍页面，却不知道怎么写代码，也不知道该怎样向AI提要求？

这门课从一张简单的网页名片开始，带你用中文描述想法，让AI协助制作，再亲手检查、修改和发布。你不需要先系统学完编程，而是在做出作品的过程中，逐步认识网页开发的方法。

跟着课程，你将完成什么？

从只有标题、介绍和链接的网页名片，逐步做出一个可以分享的作品展示网站：

• 介绍自己：整理首页、关于我、作品和联系区，让访客知道网站展示什么。
• 展示作品：放入文字与图片，添加分类筛选和独立详情页。
• 照顾手机阅读：检查文字、图片和按钮在不同宽度下的显示效果。
• 修复与恢复：学会描述问题、向AI求助，并保留可以找回的版本。
• 发布与更新：取得真实访问网址，完成一次内容更新，再从访客角度检查结果。

你学到的不只是一段生成网页的提示词，还有一套可以反复使用的方法：说清需求 → 拆小任务 → 准备材料 → 让AI协助制作 → 实际检查 → 修改并保留版本。

6章24节，循序渐进地完成一个项目

第一章｜先做出一张网页准备工具，用中文生成网页名片，再改一句话、换一个颜色，获得第一个小成果。

第二章｜把想法说清楚把“帮我做个网站”变成明确需求，拆分任务，整理文字、图片和素材清单。

第三章｜搭出网站初版安排首页内容，交给AI生成页面，替换文案与图片，处理常见的排列问题。

第四章｜让网站好看又好用调整颜色、字体和留白，突出主要操作，添加作品筛选，检查手机效果。

第五章｜检查、修复与保留版本走通首页与详情页的访问流程，练习排错、恢复版本和上线前检查。

第六章｜发布、更新与毕业交付把网站发布到网上，完成一次更新，整理属于自己的作品与学习记录。

每学一步，都有可以检查的小成果

课程采用图文微课形式，结合竖版知识图、操作示例、可复制提示词、动手练习和客观题自测，帮助你边看、边做、边检查。

配套提供素材、阶段参考网页和检查模板。需要资料时，可在课程首页的「资料下载」中获取。参考资料用于帮助理解与对照，自己的成果仍需要实际打开、点击和验证。

适合谁学习？

• 没学过编程，希望第一次做出网页的新手。
• 刚接触AI，不知道怎样描述需求、检查结果的学习者。
• 想制作个人作品集、兴趣展示页或社团介绍网站的人。

学习前准备

准备一台电脑、可用网络和常用浏览器。课程以 TRAE国内版演示AI开发过程，发布部分使用 GitHub Pages，相关账号需自行注册和使用。

可以用手机阅读课程，文件操作与建站练习建议在电脑上完成。课程主线围绕静态展示网站展开，先把一个范围明确、能够访问和持续修改的小作品做好。

从第一张网页名片开始，把你的想法一步步变成可以打开、可以分享的网站。