1. 项目目标
基于HTML、CSS、JavaScript三大前端基础技术,独立开发个人作业展示博客站点,用于期末作业提交。网站用于展示本学期全部前端课堂作业,附带个人信息,同时内嵌开发流程文档外链,满足课程作业规范:首页多导航、轮播图、内容卡片、至少5个独立页面。
2. 页面结构规划
1. index.html 首页(当前截图页面)
2. work.html 课程作业详情页
3. about.html 完整个人简介页
4. doc.html 开发文档页面(跳转CSDN本文)
5. message.html 留言表单交互页
逻辑说明
1. 导航栏使用 <a> 标签跳转5个独立页面,满足作业导航数量要求;
2. 新增独立轮播图 banner 区块,为JS交互预留DOM节点;
3. 卡片使用重复 card-item 结构,方便CSS统一批量排版;
4. 预留 <a> 外链标签,用于绑定开发文档博客链接。
个人作业博客网站开发全过程