1.文件夹结构和文件命名如下：
(1)文件夹images 存放用于装饰的图像文件。文件夹photos 存放用于展示的图像文件。文件夹css存放外部样式文件。文件夹js存放自编传统脚本文件，文件夹modules 存放自编模块脚本文件,文件夹js-libs下存放第三方JavaScript 库文件。
(2)所有文件夹名和文件名(页面、图像、样式表、脚本等)应使用英文命名，不能使用汉字或阿拉伯数字命名，首页必须命名为index. html。
2.界面。Web 应用所有页面布局合理、风格统一、简洁美观，网站的每个页面都应由页首(网站名、导航栏)、内容区、侧边栏(可选项)、页脚等部分组成。HTML 结构合理，标签和属性运用得当；CSS选择器和属性运用得当无冗余(可使用第三方库或框架)。
3.网页文件(. html)至少5个，实现至少12个功能，每个网页至少体现1个功能，必须使用的技术和次数如下：
(1)使用DOM 和事件操作元素、属性、内容、外观，改变外观和提高交互性、操作性，至少6次。例如：增删留言、Tab 选项卡等。
(2)使用表单和控件的常用DOM 属性、方法、事件完成表单前端验证至少1次，表单其它效果1次(例如：交互效果、计算、表单联动等)。
(3)使用BOM 调用浏览器功能至少3次。例如：页面滚动、秒杀倒计时、打印、本地存储等。
(4)使用Ajax或fetch获取第三方网站数据并更新本网页内容至少1次。
(5)使用模块脚本文件实现上述某个效果至少1次，使用JavaScript语法知识点越多越好。
4.不能在HTML 文件中嵌入JS 代码。每个页面共性脚本统一放在一个脚本文件中，其他针对每个页面的脚本可以分别单独建一个文件。
以下是每个页面的主题概述：
index.html - 首页：
主题：欢迎来到健康生活指南
描述：该页面是网站的首页，以欢迎词向访问者介绍健康生活指南网站，并提供了导航菜单以便访问其他页面。articles.html - 文章：
主题：健康相关文章
描述：该页面展示了一系列与健康相关的文章列表。用户可以点击文章标题以展开或折叠文章内容，方便浏览和阅读。nutrition.html - 健康饮食：
主题：健康饮食计算器
描述：该页面提供了一个健康饮食计算器，用户可以输入身高和体重进行BMI计算，并进行前端验证以确保数据的准确性。fitness.html - 健身锻炼：
主题：健身动作展示
描述：该页面展示了一系列健身动作列表，用户可以点击动作名称查看详细描述和示范视频，帮助用户学习和实践健身锻炼。mental_health.html - 心理健康：
主题：心理健康文章
描述：该页面展示了一系列关于心理健康的文章列表。通过页面滚动的方式，用户可以逐步浏览更多的心理健康文章内容。tips.html - 健康小贴士：
主题：健康小贴士动态更新
描述：该页面通过使用Ajax或fetch技术，从第三方网站获取健康小贴士的数据，并实现动态更新到页面上，为用户提供有用的健康小贴士。
这些页面的主题旨在提供有关健康生活方式的信息和指南，涵盖了健康饮食、健身锻炼、心理健康等方面的内容，旨在帮助用户获得健康的生活方式和知识。
