你想要把你的数据放在网络上，给别人分享，难道就是直接闹脑中想一想就能做了么？
并不是，我们看到有五花八门的网站。
这些网站都是非常的好看，玲琅满目的商品让你想要去下单购买。
一个复杂的商城是很复杂，
那么，只需要做一个静态的网站需要什么呢？
基础知识
1、html,css
2、js
这两个组建的网站都是太简单了，我们总能看到很复杂的网站，那些漂亮的网站怎么做的呢？
用的是frame？
构建现代网站，特别是那些外观复杂、功能丰富的网站，通常需要超越基础的 HTML、CSS 和 JavaScript。这些基础技术确实构成了网页的核心，但现代网页开发还利用了许多其他技术和工具来增强网站的功能性、可用性和美观度。下面是一些关键技术和概念：

1. 前端框架和库

• 前端框架（如 Angular、React 和 Vue.js）：这些 JavaScript 框架提供了一种结构化的方法来构建客户端的网页应用，支持单页应用（SPA）的开发，能够让网页实现丰富的交互性和动态内容更新，而无需重新加载页面。
• CSS 预处理器（如 Sass、LESS）：这些工具允许开发者使用更加高级的特性编写 CSS（比如变量、嵌套规则和混合），然后将其编译成浏览器可以理解的标准 CSS 代码。
• 构建工具和模块打包器（如 Webpack、Gulp）：这些工具用于优化前端资源（如 JavaScript、CSS 文件），包括压缩、合并文件，以及转换那些新的 JavaScript 语法到兼容大多数浏览器的语法。

2. 响应式设计

• 媒体查询和框架（如 Bootstrap、Foundation）：响应式设计确保网站能够适应不同尺寸的屏幕和设备。通过使用媒体查询和流体网格布局，开发者可以创建单一的网页应用，它在手机、平板和桌面上都能良好显示。

3. 动画和交互

• CSS3 动画和过渡：使用 CSS3，开发者可以在网页中实现复杂的动画和过渡效果，提高用户体验。
• JavaScript 动画库（如 GreenSock Animation Platform (GSAP)）：这些库提供了强大的接口来创建高性能、跨浏览器的动画。

4. 后端技术

• 服务器端语言（如 Node.js、Python、Ruby、PHP）：虽然不直接影响网站的外观，但服务器端技术对于开发复杂的网站应用至关重要，特别是当网站需要处理数据库操作、文件上传、用户认证等功能时。
• 数据库技术（如 MySQL、MongoDB）：动态网站通常需要数据库来存储数据，比如用户信息、内容文章等。

5. 其他工具和技术

• 版本控制系统（如 Git）：用于跟踪和管理代码变更，特别是在团队协作中。
• 内容管理系统（CMS，如 WordPress、Drupal）：允许非技术用户轻松管理网站内容。
• APIs 和第三方服务：许多网站通过集成外部服务（如社交媒体登录、地图、支付系统）来增强功能。

综上所述，构建现代网站是一个涉及多种技术和工具的复杂过程。通过综合运用这些技术，开发者能够创建出既美观又功能强大的网站。关于 “frame”，如果你指的是 <iframe> 标签，它主要用于嵌入第三方内容（如视频、地图），而现代网站建设更倾向于使用上述提到的技术和框架。

Don’t overthink it

If you’re just starting a project, don’t spend more than five minutes on choosing a file structure. Pick any of the above approaches (or come up with your own) and start writing code! You’ll likely want to rethink it anyway after you’ve written some real code.

If you feel completely stuck, start by keeping all files in a single folder. Eventually it will grow large enough that you will want to separate some files from the rest. By that time you’ll have enough knowledge to tell which files you edit together most often. In general, it is a good idea to keep files that often change together close to each other. This principle is called “colocation”.

As projects grow larger, they often use a mix of both of the above approaches in practice. So choosing the “right” one in the beginning isn’t very important.