哔哩哔哩

徐郑璐 电子商务[专]·大一实践学期

作品简介：

本项目旨在模仿哔哩哔哩（Bilibili）的静态页面设计，通过HTML、CSS、和JavaScript技术，结合Flexbox布局，构建出一个具有哔哩哔哩特色的Web应用界面。项目涵盖了五个主要页面：登录页、首页、列表页、详情页等。此外，还实现了轮播图、登录验证等关键功能，以提升用户体验和页面的互动性。

主要技术：

（1）使用HTML5标准构建页面的基本结构，包括头部、导航栏、主体内容区和页脚等。

（2）充分利用HTML5的语义化标签，如

（3）Flexbox布局：核心采用CSS Flexbox布局来管理页面和组件的排列，确保内容在不同屏幕尺寸下都能优雅地展示。样式设计：模仿哔哩哔哩的设计风格，通过CSS定义颜色、字体、边距等样式，创造出独特的视觉效果。

图1 登录

图2 搜索

图3 推荐页

图4 分区

图5 个人主页

视频详情演示请使用抖音App扫描下方二维码