音悦商城项目报告

一、项目设计

首先构思好整体网页的布局，然后使用html以及css实现音悦商城整体的页面布局以及页面的美化效果，以及各个页面的跳转等功能，最后使用iframe将头部和底部两个公共部分与其他页面组合在一起。

二、项目模块设计

2.1头部和底部部分

头部部分：

        头部部分由顶部官方部分，中间搜索栏部分以及底部艺人分类三部分组成使用flex弹性布局完成，右侧鼠标移动上去弹出二维码，使用display:none隐藏，然后用:hover设置移动弹出

 底部部分：

由上边图片和下边文字部分组成