#网页编程

请使用“可视化网页”制作一个网页，名称为“{网页名称}”。

网页用途：{希望通过页面完成的具体任务}。
面向对象：{主要使用者及使用场景}。
已有资料：{文字、图片、文档内容或参考链接；暂无资料时注明}。

页面结构：{需要设置的栏目、内容模块及排列顺序}。
重点内容：{首先展示的信息，以及使用者最常进行的操作}。
交互要求：{搜索、筛选、切换、勾选、计算等操作，并说明预期结果}。

视觉风格：{配色、字体、布局及参考样式}。
设备适配：{电脑、平板和手机的显示与操作要求}。

数据要求：{仅展示资料／临时处理输入／在当前浏览器保存记录}。
内容边界：{必须保留的信息，以及不得自行补充的内容}。
缺失处理：{标注待补充／隐藏对应区域／使用明确标注的示例内容}。

请生成可供查看和测试的网页，不要仅输出设计说明。
请说明已实现的功能、尚未完成的要求及需要补充的资料；
对于无法在当前环境中验证的操作，请明确标注。

请制作一个“杭州周末两日游”网页，用于两名成年人查看和调整周末行程。

基本设定：
行程为周六、周日两天；
计划预算为1500元，不含往返杭州的大交通费用；
以休闲散步为主，不安排过于密集的景点。

页面设置四个区域：
一、行程概览
展示出行人数、天数、计划预算和出行提示。
具体日期暂时留空，标注“出行日期待确认”。

二、每日行程
周六：上午西湖周边散步，下午湖滨休闲，晚上用餐及自由活动。
周日：上午参观博物馆，下午整理行李并返程。
博物馆名称、预约方式和具体时间标注“待确认”。

支持切换查看两天的安排。
每项活动展示时段、地点、备注，并可展开查看详细说明。

三、预算计算
设置住宿、餐饮、市内交通、门票及其他费用五项输入。
各项初始值为0，允许输入非负金额；
填写后自动计算预计总支出和剩余预算。
超出1500元时，明确显示超支金额。
统一使用人民币，结果保留两位小数。

四、行前清单
预设身份证件、充电器、雨具、常用药品和舒适鞋履。
支持勾选已准备物品，并显示完成数量。
允许新增和删除清单项目。

视觉风格：清爽、简洁，以浅色背景搭配青绿色。
手机端使用单列卡片，行程与预算信息便于阅读。
数据要求：本轮仅在当前页面临时处理输入，不要求跨设备同步。
内容边界：不虚构实时天气、门票价格、营业时间和交通耗时；

需要确认的信息统一标注“出行前核实”，不设置购票或付款功能。

请制作一个“家庭月度收支”网页，用于个人记录日常收入和支出。

页面结构：月份选择、收支概览、添加记录、明细列表和分类统计。

一、收支概览
展示所选月份的收入合计、支出合计和收支结余。
收支结余＝当月收入－当月支出。
另设月度支出预算，默认5000元，可修改；
预算剩余＝月度预算－当月支出，超支时显示超出金额。

二、添加记录
字段包括日期、收入或支出、分类、金额和备注。
支出分类包含餐饮、交通、日用品、住房、学习和其他。
金额必须大于0，最多保留两位小数；
必填项缺失时，在相应位置给出提示。

三、明细与统计
支持按月份、收支类型和分类筛选。
支持编辑和删除单条记录，删除前进行确认。
分类统计仅统计所选月份的支出，不将收入混入支出图表。
没有记录时显示清晰的空状态，不自动加入虚构账目。

四、数据保存
优先在当前浏览器本地保存记录，不连接银行、支付账户或云端数据库。
页面注明“记录仅保存在当前浏览器，不自动跨设备同步”。
如当前运行环境不支持本地保存，请明确说明，不要显示虚假的保存成功提示。
增加CSV导出功能，便于另行备份。

视觉风格：清晰、克制，金额与类别容易辨认。
手机端优先保证添加记录和查看明细方便，不依赖鼠标悬停操作。

请用测试记录核对计算与删除逻辑，测试完成后清除测试数据，
并说明刷新后记录是否能够保留。

请根据我提供的“一元一次方程”学习讲义，制作一个复习网页。

面向对象：正在学习该内容的初中学生。
制作目标：帮助学生理解知识结构、回顾解题步骤并进行简短自测。

页面设置四个区域：
1.知识框架：按讲义内容整理概念、基本性质和解题方法；
2.典型例题：展示题目，并通过“查看下一步”逐步展开解题过程；
3.易错提醒：将常见错误与正确处理方式并列展示；
4.自测练习：设置5道与讲义难度相符的练习题。

交互要求：
点击知识卡片可展开说明；
自测题提交后，显示判断结果和解题依据；
支持重新作答，不在首次展示时直接展开全部答案。

内容要求：
讲义原有题目、条件和结论不得擅自改动；
自行编写的题目须标注“补充练习”，并检查答案与计算过程；
讲义中存在不清楚或疑似错误的内容时，单独列出待确认项。

视觉风格：浅色背景，层级清楚，公式和正文均便于阅读。
手机端知识框架改为分层列表，避免将整张大图缩小后显示。

数据要求：本轮不设置账号，不长期保存答题记录。
如果我尚未提供讲义，请先提示补充，不要声称已经根据讲义完成整理。

讲义内容：
{在此粘贴讲义内容，或说明随任务提供的资料}

请制作一个“每周运动记录”网页，用于记录日常运动情况。

页面内容：
本周运动概览、添加运动记录、每日明细和目标完成情况。

记录字段：
日期、运动项目、运动时长和备注。
运动项目包含步行、跑步、骑行、游泳和其他。
运动时长以分钟为单位，必须大于0。

统计要求：
按自然周汇总运动总时长和运动天数；
同一天存在多条记录时，运动天数只计算一次；
每周目标由用户自行填写，不预设适合所有人的统一目标。

热量估算为可选功能：
只有在提供了可核查的计算方法和参数后才启用；
展示计算依据、单位和适用条件，结果统一标注“估算值”；
缺少必要参数时显示“暂无法估算”，不要自行补齐数据。
不将估算结果用于判断身体状况或给出减重效果承诺。

交互要求：
支持添加、编辑和删除记录；
修改记录后同步更新统计；
图表之外保留文字汇总，便于直接查看数值。

视觉风格：简洁、明快，重点突出日期和运动时长。
数据要求：本轮仅处理当前页面输入，不读取手机、手表或其他应用的数据。

可选计算资料：
{填写已确认的估算方法、参数及来源；没有则暂不启用热量估算}

请修改当前“杭州周末两日游”网页，范围如下：

行程区域：
手机端将左右排列改为上下排列；
活动标题允许自然换行，不使用省略号隐藏重要内容；
切换日期后，只显示对应日期的行程。

预算区域：
将“计划预算、预计总支出、剩余预算”放在同一组信息卡片中；
输入负数时提示重新填写，不参与计算；
超出预算时显示具体超支金额，不能只改变文字颜色。

行前清单：
增大勾选区域，便于手机操作；
新增项目后立即更新总数量；
删除已完成项目后，同步更新完成数量。

页面布局：
调整固定导航，避免跳转后遮挡栏目标题；
取消造成内容截断的固定高度；
检查是否存在横向滚动。

保留现有配色、行程内容和栏目顺序，不重做无关区域。
修改后请列出变更内容，以及仍需人工检查的事项。

请将当前已确认的网页整理为便于保存和复用的完整版本。

交付要求：
1. 优先提供单个HTML文件，将页面样式和交互脚本包含在文件内；
2. 列出仍需单独保存的图片或其他资源；
3. 说明是否依赖外部网络、第三方库或接口；
4. 说明浏览器打开后的主要使用步骤；
5. 说明记录保存在哪里，以及刷新、关闭页面后会发生什么；
6. 列出尚未实现或尚未验证的功能。

如果无法整理为单文件，请提供清晰的文件结构和运行说明。
不要将仅用于演示的交互描述为已经接通的正式服务。