学习如何规划和组织一个完整的网站项目
所有文件平级存放,便于管理:
my_website/
├── index.html # 首页
├── about.html # 关于我
├── portfolio.html # 作品集
├── contact.html # 联系方式
└── images/ # 图片目录
├── profile.jpg
└── works/
特点:每个HTML文件都是独立的,包含自己的样式代码
按功能模块分类组织:
website_project/
├── index.html # 首页
├── pages/ # 页面目录
│ ├── about/
│ ├── portfolio/
│ └── contact/
├── styles/ # 样式目录
│ ├── common.css
│ └── pages/
└── images/ # 图片目录
├── common/
└── pages/
特点:文件分类存放,适合团队协作和大型项目
提示:新手建议从简单方式开始,随着项目增长再逐步优化结构
让项目文件更容易管理:
图片文件的组织方式:
两种管理方式:
记住:选择最适合你的方式,不要过度追求"最佳实践"
可以这样描述你的需求:
好的项目结构是成功开发的基础,让AI帮你规划好每个细节