🚃🚃🚃嘟嘟嘟，请查收【SeeDAO研发公会—初级GPT低代码开发共学】任务卡，准备好踏上这趟奇妙旅程了吗？
🚃
🚃
🚃
🚃
🚃
画出自己的’梦中情页‘，接下来的一周就为了达成这个目标而努力吧！
在参与此次共学之前，和ChatGPT的关系还很生疏，担心不能有效地和这个大型语言模型交流，就修炼了一下Prompt Engineering指南 💪
基本原则
使用最新的模型
Prompt里包含完整信息
Prompt里多一些精确描述，尽量避免模糊描述
使用技巧
增加Role
增加示例
使用特殊符号，将指令和需要处理的文本分开
使用引导词，引导模型输出特定语内容
通过格式词，阐述需要输出的格式
共学群里老师们推荐的Prompt Engineering教程
在毫无灵感、不知道如何踏出第一步时，在B站或Youtube搜一搜有没有人做了同样的事看看有无作业可抄。下面是我找到的两个相关视频，看看其他人的操作或许能帮助整理思绪、激发灵感 💡
接下来就是和ChatGPT的对话啦。作为完全无网页开发经验的小白，向ChatGPT老师请教一下如何从0开始搭建网页。
捕获到关键信息：
需要掌握的基础技术有html（定义网页结构），css或tailwindcss（为HTML元素添加样式）和JavaScript（为网页添加交互功能）。
除基础技术外，创建网页第一步要定义网页结构。
那么网页结构包含哪些要素，如何描述网页结构呢？
觉得上面描述还比较抽象，可以问问ChatGPT老师有没有具体的设计示例？
接下来就开始描述网页结构，让ChatGPT老师生成代码啦！
上面是我生成代码的第一个问题，其实是一个不太好的例子，后面还走了一些弯路，所以具体交流过程就不放上来啦害怕丢脸。根据自己遇到的阻碍，以及共学最后Jason老师直播演示的交流过程，觉得在让ChatGPT老师生成代码时可以注意以下几点：
基本调性的描述：自己的网页是什么类型、想要什么风格和配色等。
section by section。
对某一section，先详细描述样式和布局，之后再在代码里修改文字和图片内容。
刚开始的呈现效果不符和预期是正常的，耐心地和ChatGPT交流，让其不断改进至你想要的效果。
如果想象不到如何设计，或是不了解有哪些基本的视觉效果，可以询问ChatGPT让TA给出多种方案。
ChatGPT老师生成代码的同时，将代码copy至本地或云IDE（例如CodeOpen），查看效果并进行调试。
因为是简单的静态网站以及自己的一些懒人行为），直接使用Github Pages免费部署了自己的个人主页，可以参考下面的两个教程：
🚃
🚃
🚃
🚃
🚃
🌸🌸🌸虽然完成的作品很简单（以及根本没实现最开始设计的草图，理想很丰满hhh），但是对于完全无网页开发经验的我来说，这趟共学旅程还是收获满满！！！学习了如何与ChatGPT交流的技巧，了解了网页开发的基本知识，以及感受到了社区共学的魅力~
说到这里，真的想好好称赞一下SeeDAO研发公会举办的【初级GPT低代码开发共学】，刺激的游戏化积分设计，每天都要提问和思考的学习氛围，还有对每个提问都耐心解答的Queeny、Neal和Jason老师（排名不分先后！）……
总之，感谢举办此次共学的大家，期待下一次的共学项目，完结撒花🌸🌸🌸