01
WEB DESIGN
校园信息导航页
将分散的学院、专业和人数信息整理为响应式页面，通过表格锚点和学院卡片减少查找步骤。
HTMLCSS信息架构
SELECTED WORK
作品与能力
以下项目均为课程练习或虚构命题，用于展示学习过程，不涉及真实客户、商业数据或个人隐私。
02
INTERACTION
本地留言板原型
使用 JavaScript 与 localStorage 完成化名留言、字数提示和本地清空功能，明确说明数据不会上传服务器。
JavaScriptlocalStorage隐私提示
03
RESPONSIVE UI
个人简介网站
融合渐变强调、深色卡片与大留白布局，在桌面和移动端保持清晰的内容顺序和操作入口。
响应式布局可访问性视觉层级
SKILL MAP
能力结构
以课程学习程度进行自我描述，不使用夸大的职业评价。
| 方向 | 掌握内容 | 当前阶段 |
|---|---|---|
| 页面结构 | 语义化 HTML、表格、表单、锚点导航 | 熟悉 |
| 视觉样式 | CSS 布局、渐变、响应式与状态设计 | 持续练习 |
| 页面交互 | 原生 JavaScript、DOM、浏览器存储 | 基础应用 |