网页入门至高阶

引言

在这个 AI 大模型（LLM）横行的年代，想成为一个开发者，门槛 = 0，不是几乎，是直等于 0。网页（超文本标记语言）是众多编程语言中，难度最低、门槛最低、受众群体最多的一种语言。谁手机里没装个浏览器呢？

我将在我的博客里，开启这个名为「网页入门」的合集，这也是我第一次写这么长文字，支持一下嘛～

第一章 入门

现在的 AI 比我当时入坑的时候可好太多了，但我还是比较建议从最原始（就是我当初玩的单文件html）开始。我起步的时候还是比较艰难的，篇幅原因这里不过多赘述。

第一步 — 选择 AI

Deepseek 我推荐用网页版，因为他写代码之后有预览。

第二步 — 安装编辑器

• iPhone、iPad：Koder
• 电脑：Vscode、notpad++（推荐，启动快）、远古真神记事本？？
• 安卓请自行探索

第三步 — 开始了解 Hyper Text Markup Language

网页本质上是一个名为 .html 的文件，浏览器会按照代码渲染页面。像人一样，浏览器在渲染页面时，会从上到下渲染。网页当中会用到 style 和 script，这个之后再说。

那么，现在，向 Deepseek 发送第一句话：

生成一个简单的 html，这是一个计算器页面，xxx 风格、按钮要圆角……（描述你所想要的）

Deepseek 会生成一个代码块，网页版可以直接预览，手机版点击复制再粘贴到编辑器中。Koder 用那个眼睛的预览按钮，电脑双击 .html 浏览器会自动打开。

四、修正错误

1. 逻辑错误（JS）

1. 倘若你在页面中发现了某处无法点击，或者卡住了？

但这时你不要对 Deepseek 说「×××无效、bug、啊吧啊吧」，请按下 F12（苹果用户往下滑，后面说）。Edge、Chrome 控制台在右侧，Firefox 在下面。

看控制台内有没有红色的文字，复制它们，发给 Deepseek，他就知道问题所在了。

苹果设备开发者工具

苹果该死的限制还是很多的，所以我推荐的方法不完美。（当然是指你只有苹果 iPhone 或 iPad，Mac佬当我没说）。在 App Store 里找 Safari 扩展：DevTools（名字记不清了，找不到可以问问 AI，注意是浏览器扩展，不是 下载什么软件或者开启远程调试）。安装后页面上会出现一个工具按钮，点开就是控制台。不过这是在 Safari 当中，你需要把网页用 Safari 打开。

这时回到 Koder，它页面顶部有一大串网址，复制它，将 Koder 切换到后台不要关，回到 Safari，粘贴这个网址，打开就是 Koder 中看见的页面了。

注：别把这个网址分享给你有点技术的朋友，他能把你笑话死，至于为啥……后说。

2. 页面不美观

现在的 Deepseek 已经有识图功能了（把我当年强的 awa，我当年仅靠文字描述啊），截图发给他，他就能明白了。

记住：如果一个bug怎么修都修不好，那么告诉他：

我操你妈，给我联网搜索！

嘿嘿(¬◡¬)✧

hope you creat your beautiful website

下章 传送门