网站类型
网站是互联网上的一种服务形式,它通过浏览器访问,可以展示信息、提供服务、进行交易等。网站由多个网页组成,每个网页都有自己的URL,通过超链接相互连接。网站通常使用HTML、CSS和JavaScript等技术开发,并托管在服务器上。
此视频需要订阅后观看
但是作为AI开发,我们不需要掌握网站开发技术,但是要知道什么样的网站我们能做,什么样的网站我们不能做。
传统网站开发技术栈
1. 静态网站(Static Site)
类别说明技术栈HTML + CSS + JavaScript(纯前端)特点内容固定不变,适合个人简历、产品手册等场景。每次访问都返回相同的 HTML 文件。优点速度快,因为服务器直接返回 HTML,无需计算。成本低,可以托管在 GitHub Pages、Netlify 等免费平台。缺点无法动态交互,不支持用户登录、实时数据等功能。内容更新需手动修改代码,不适合频繁更新的场景。案例• 个人博客:Viggo’s Blog
• 公司官网:Apple
• 文档网站:MDN Web Docs
2. 动态网站(Dynamic Site)
类别说明技术栈后端语言(如 PHP、Python、Node.js) + 数据库(如 MySQL、MongoDB) + 前端框架(如 React、Vue)特点内容动态生成,适合电商、社交平台等场景。每次访问时,服务器会根据用户请求实时生成 HTML。优点支持丰富的用户交互功能,包括登录、评论、购物车等。内容可以实时更新,直接从数据库读取最新数据。缺点配置复杂,需要搭建后端、数据库和API。性能相对较低,因为每次请求都需要服务器处理。SEO效果不佳,搜索引擎可能抓取不到动态生成的内容。案例• 社交平台:Twitter
• 电商网站:Amazon
• 在线教育:Coursera
工具网站类型分析
1. 纯前端工具(完全不需要后端)
计算类工具开发辅助工具文本处理工具科学计算器 随机密码生成 文本差异对比 体重指数计算 代码格式美化 文本字数统计 年龄日期计算 正则表达式测试 文本加密解密 单位换算工具 JSON格式编辑 特殊符号大全 贷款利率计算 CSS样式生成 代码语法高亮 面积体积计算 HTML转义工具 文本排版美化 营养卡路里计算 代码对比工具 比例换算工具 颜色代码选择 几何图形计算 Base64编解码 URL编解码转换