Web 创建与设计指南 什么是 Web 创建与设计？ Web 创建（Web Development）= **网站功能的开发（HTML/CSS/JS + 后端 + 数据库）** Web 设计（Web Design）= **网站视觉与体验设计（UI/UX）** 两者结合包括： 视觉设计（UI） 用户体验（UX） 前端开发（HTML/CSS/JS） 后端开发（服务器逻辑） 数据管理（数据库） 部署上线…
Web 创建（Web Development）= 网站功能的开发（HTML/CSS/JS + 后端 + 数据库） Web 设计（Web Design）= 网站视觉与体验设计（UI/UX）
两者结合包括：
工具：Figma、Sketch、Axure、Adobe XD
框架：
常用语言：
要素：
视觉风格（推荐）：
原则：
工具：
你会学到：
示例：
<header>头部</header>
<main>主要内容</main>
<footer>页脚</footer>
示例：
.box {
display: flex;
justify-content: center;
padding: 20px;
}
示例：
document.querySelector("#btn").onclick = () => {
alert("点击按钮！");
};
你需要了解：
示例（Node.js）：
app.get("/api/user", (req, res) => {
res.json({ id: 1, name: "Tom" });
});
| 网站类型 | 主要技术 |
|---|---|
| 企业官网 | HTML/CSS/JS + 响应式设计 |
| 博客 | WordPress / Hexo / Node + DB |
| 商城 | 后端框架 + 数据库 + 支付接口 |
| 后台管理系统 | Vue/React + REST API |
| Web App | Vue/React/Svelte + API |
| 社区论坛 | Node/PHP + DB |
设计工具：
前端工具：
后端工具：
部署工具：
微信公众号「极客日志」，在微信中扫描左侧二维码关注。展示文案：极客日志 zeeklog
解析常见 curl 参数并生成 fetch、axios、PHP curl 或 Python requests 示例代码。 在线工具，curl 转代码在线工具，online
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具，Base64 字符串编码/解码在线工具，online
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具，Base64 文件转换器在线工具，online
将 Markdown（GFM）转为 HTML 片段，浏览器内 marked 解析；与 HTML 转 Markdown 互为补充。 在线工具，Markdown 转 HTML在线工具，online
将 HTML 片段转为 GitHub Flavored Markdown，支持标题、列表、链接、代码块与表格等；浏览器内处理，可链接预填。 在线工具，HTML 转 Markdown在线工具，online
通过删除不必要的空白来缩小和压缩JSON。 在线工具，JSON 压缩在线工具，online