寻味太湖——介绍无锡传统美食产品系统

无锡作为太湖之滨的江南名城，饮食文化深厚，但本地美食信息分散、缺乏统一展示窗口。本项目“寻味太湖”旨在解决传统美食宣传形式单一、用户难以系统了解无锡特色菜肴的问题。通过数字化、场景化的网页呈现，把名菜硬菜、招牌点心、糕团糯食、湖鲜特产等分类整合，帮助用户快速认识无锡饮食文化与地域特色，服务于文旅推广、地方美食传播及餐饮行业线上展示需求。

网站包含六大页面：主页负责品牌展示与入口引导；人物页以荣德生为向导，通过定时字幕与分类按钮带领用户进入不同板块；名菜硬菜、招牌点心、糕团糯食、湖鲜特产四大分类页采用统一卡片式布局，左侧展示人物讲解，右侧以图文卡片滚动展示菜品信息。主要功能包括全站导航、分类浏览、菜品图文介绍、人物语音式引导、返回跳转及本地状态记录，为用户提供沉浸式的无锡美食导览体验。

我独立完成了需求分析、页面结构设计、视觉样式编写、交互动画实现及全部代码调试工作。项目采用原生 HTML5 + CSS3 + JavaScript 技术栈，为多页面静态网站架构，未依赖后端与框架。实现亮点包括黑金配色的沉浸式视觉风格、CSS Grid 卡片布局、定时轮播的人物讲解字幕，以及 localStorage 记录引导状态。难点在于多页面视觉统一、定时字幕与页面跳转的协调，以及不同屏幕尺寸下的布局适配，最终通过统一样式变量与媒体查询方案解决。