教程！如何用通义办公制作可发布上线的个人作品集？

无需会写代码、不用做设计，也能直接将个人作品网站发布上线。

QwenWork 使用指南

如果不懂编程、不会美工，能不能做出一个有视频、带动画效果还能立刻上线的作品集网站？

当然没问题。

这次，我们和一位创作者一起，通过通义办公从头到尾演示了一遍具体操作流程。

最终做出来的网站大概就是这个样子👇

网站案例及演示素材来源：@桂有桂的道理

具备作品展示区、支持视频播放、内置交互动画效果，而且可以直接打开浏览。最重要的是，整体美感依然在线。

你也想要这样酷炫的个人作品集吗？

现在这篇文章，一次性教你全部搞定。

跟着千问继续往下看⬇️

先找参考资料，明确风格方向

做网站的第一步，不是马上动手。

而是要先观察一下：

别人通常是怎么处理的。

尤其是作品集这类注重审美的项目，一开始就要清楚自己想要哪种风格。否则直接让 AI 开工，很容易越做越迷糊。

不必到处翻帖找素材、找参考搞得头疼，可以先让通义办公帮你上网走一圈。

比如直接对它说：

我想做一个个人作品集网站，请帮我找一些 xx 行业设计师的作品集网站，重点看看首页视觉设计、作品呈现方式、字体排版以及交互动效，并整理出值得借鉴的部分。

通义办公可以调用浏览器，自动搜索、打开并浏览相关网页，把不同案例中值得参考的设计特点整理出来。

不用自己打开十几个网页来回翻查，也不用看到喜欢的页面默默放进收藏夹后就再也不打开。

先让通义办公帮你筛选出值得关注的内容，你只需要拿着这份“菜单”，选出最合你口味的那一款。

不会写提示词？让 AI 帮你起草

参考资料找到了，第二个问题很快就会出现：

这个网站我明明很喜欢，但到底该怎么跟 AI 说清楚？

字体是什么风格？为什么页面看起来这么舒服？滚动时那个特效叫什么名字？主视觉是怎么做出来的……

看懂是一回事，真要把这些变成提示词，又是另一回事。

所以，不会写就别硬憋着。直接把你喜欢的网页、截图或其他视觉参考交给通义办公，让它先帮你拆解。

它可以从业主视觉、字体、布局，到页面结构和交互动效，分析其中的设计特点，进而整理成一份更具体的网页制作指令。

相当于把一句模糊的话：
“我就想要这种感觉。”

准确翻译成：
“这个页面具体应该怎么做。”

有了这份提示词之后，再根据自己的需求增减就容易多了。哪里想保留、哪里想替换，或者哪个效果想更突出，都可以继续补充。

提示词无需从零开始，先让通义办公帮你搭个骨架，再往自己的方向调整。

第一版不满意？直接对着页面继续修改

提示词准备好了，就可以开始生成网站。

但提前说明：第一版不完美，实在太正常了。

AI 建站并不是输入一句话，屏幕闪一下，完美的网站就会从天而降。

更顺手的方法是先把主体搭建好，再对着现有页面一点点细化。

比如这次网站里有一处银杏花的视觉设计。

第一版完成后，花的形态比较抽象，和其他页面的植物元素不太协调。

这时候不用绞尽脑汁想修改意见，也不用推倒重来。只需在通义办公已梳理出的指令基础上，重新调整你的需求。

它会基于当前网站继续修改，不用担心改了一边导致整体跑偏。

字体想再大一点、留白不够舒适、图片比例需要调整、某个动态效果想换一种呈现方式……都可以直接告诉它。

先出第一版，再一轮轮打磨细节，通常比追求“一句话生成完美网站”靠谱得多。

作品是视频？直接上传转为动图

如果作品集中展示的是广告片、短片、动态设计或产品 Demo，只放一张静态图总觉得可惜。

这时，可以直接将电脑里的视频素材上传给通义办公。

它可以读取本地文件，接着处理成适合网页展示的动态内容，直接插入对应的作品模块中。

不用再去另一个工具转换格式、导出文件，然后再回来改网页。做出来的效果不仅视觉层次更丰富美观，还省去了制作动效的麻烦。

对于需要展示动态作品的人来说，简直省心到极致。

修改意见都在钉钉里？也能直接继续处理

网站第一版做好后，通常会收到一波又一波反馈。

问题是，这些反馈往往不会整齐地列在一张表里。

更多时候，它们散落在钉钉对话中：

“第二个作品换张图。”

“这里字体再大一点。”

“个人经历再补一段。”

“......”

一条条手动整理，确实很容易遗漏。

因为通义办公和钉钉已经打通，这部分也可以直接接入处理。

例如让它把聊天记录中的修改意见整理出来：

原本散落在对话中的几句话，会被整理成清晰的修改清单，让通义办公对照检查哪些已完成、哪些还未处理。

从收集反馈、整理要求，到修改后再核对一遍，无需你自己反复翻阅聊天记录逐条比对。

最后一步，直接发布上线

页面、素材、反馈都处理完毕后，就可以准备发布了。

以为还要亲手部署复杂的域名？完全没必要！

通义办公可以提供域名和数据库服务。只要对它说一声，立刻就能帮你把本地页面直接发布上线。

至此，一个原本只躺在电脑文件夹里的作品集，终于真正变成了可以发给客户、招聘方或朋友打开浏览的成品。

整个过程中，你不需要先学会写代码，也无需把调校设计、制作动效、整理反馈和发布上线拆分成多个流程。

从找参考、写提示词、生成页面，到加入自己的素材，再到修改优化和最终发布，在通义办公中都能一站式完成。

如果你也有一批一直没来得及整理的作品，不如试试用通义办公，真的把它们变成一个网站。

We dedicated to serving clients with professional DingTalk solutions. If you'd like to learn more about DingTalk platform applications, feel free to contact our online customer service or email at 该邮件地址已受到反垃圾邮件插件保护。要显示它需要在浏览器中启用 JavaScript。. With a skilled development and operations team and extensive market experience, we’re ready to deliver expert DingTalk services and solutions tailored to your needs!