【源码+文档】基于Bootstrap的响应式电影网站

1.1 需求分析

由于我所选择的主题为影视网站，据此得出以下需求分析：

• 响应式布局：网站适应电脑、平板等设备的屏幕大小，并能够根据浏览器窗口的大小调整布局，在各种屏幕大小不一的设备上都能有效的保证网页不会错乱

• 页面美观：页面美观与否在很大的程度上会影响到用户的使用体验和对网站的第一印象，两个功能相同的网站，人们更倾向于使用更美观的网站

• 简约且齐全：网站设计偏向简约，这样用户更方便且更快速的找到自己所要找的内容，但简约的同时也没有缺少必要的数据，能够在我们网站提供给用户的，就不要麻烦用户再到其他网站查找

1.2 网站结构分析

HS 影院/
├─css/      --存放 CSS 样式的文件夹
│  ├─bootstrap.min.css           --Bootstrap 框架的 CSS 样式
│  ├─font-awesome.min.css       --Font Awesome 图标字体库的 CSS 样式
│  └─myStyle.css               --自写的用于调整网页细节的 CSS 样式
├─fonts/     --存放 Font Awesome 图标字体库的文件夹
│  └─…                       --Font Awesome 图标字体库文件
├─js/        --存放 js 文件的文件夹
│  ├─jquery-3.5.1.min.js          --Jquery 的 js 文件
│  ├─bootstrap.min.js            --Bootstrap 的 js 文件
│  └─m